{"version":3,"file":"static/js/16.d17de1d611b94efadb48.chunk.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/request-invoice-modal.tsx?f9b5","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/invoices-list.tsx?2d55","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/invoices-list.view.tsx?8b51","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/invoice-error-component.tsx?2ff9","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/pay-invoice-component.tsx?6f61","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/helpers/pay-invoices.ts?30c0","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/invoices-filter-component.tsx?5fd4","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/invoices-table/components/invoices-table-header-component.tsx?f5e1","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/invoices-table/components/invoices-table-row-component.tsx?48db","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/helpers/invoice-status.ts?5841","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/invoices-table/invoices-table-component.tsx?9790","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/make-payment-component.tsx?1427","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/helpers/invoice-data.ts?00b1","webpack://Msdyn365.Commerce.Online/./src/modules/invoices-list/components/request-invoice-button.tsx?9eb0"],"sourcesContent":["/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from '@msdyn365-commerce-modules/utilities';\n\n/* ---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { InvoiceModel } from '../helpers/invoice-data';\nimport { IInvoicesListResources } from '../invoices-list.props.autogenerated';\n\ninterface IRequestInvoiceModalProps {\n    className: string;\n    email: string;\n    isModalOpen: boolean;\n    submitRequestLabel: string;\n    modalHeaderLabel: string;\n    sendToEmailLabel: string;\n    cancelLabel: string;\n    searchPlaceholderLabel: string;\n    invoices: InvoiceModel[];\n    invoicesFoundString: string;\n    singleInvoiceFoundString: string;\n    searchButtonAltText: string;\n    resources: IInvoicesListResources;\n    toggle(): void;\n    onSubmitRequest(invoiceId: string): void;\n}\n\n/**\n * On submit request click function.\n * @param selectedInvoiceIndex -Check is busy.\n * @param onClosing -On closing function.\n * @param filteredInvoices -Invoice modal.\n * @param onSubmitRequest -On submit request function.\n * @returns Call on submit request.\n */\nconst onSubmitRequestClick = (\n    onClosing: () => void,\n    filteredInvoices: InvoiceModel[],\n    onSubmitRequest: (invoiceId: string) => void,\n    checkboxRef: React.MutableRefObject<never[]>\n) => () => {\n    const defaultIndex = 0;\n    let closingFlag: number = 0;\n\n    filteredInvoices.map((invoice, index) => {\n        const inputInvoice = checkboxRef.current[Number(index)] as React.RefObject<HTMLInputElement>;\n        if (inputInvoice.current?.checked === true && index >= defaultIndex) {\n            onSubmitRequest(invoice.id);\n            closingFlag = closingFlag + 1;\n        }\n    });\n    if (closingFlag <= filteredInvoices.length) {\n        onClosing();\n    }\n};\n\n/**\n * On search input change function.\n * @param setSearchInput -Set search input.\n * @returns Set search input function.\n */\nconst searchInputChangedHandler = (setSearchInput: React.Dispatch<React.SetStateAction<string>>) => (\n    event: React.ChangeEvent<HTMLInputElement>\n) => {\n    setSearchInput(event.target.value);\n};\n\n/**\n * Search entered handler.\n * @param invoices -InvoiceModel.\n * @param searchInput -String.\n * @param setFilteredInvoices -InvoiceModel action.\n * @param filteredInvoices -Filtered Invoices.\n * @param setSelectedInvoiceIndex -Selected Invoice Index.\n * @param setShouldShowSearchResults -Show search result action.\n * @param setInvoiceOptions -Invoice options action.\n * @param selectedInvoiceIndex -Selected invoice index.\n * @param className -String.\n * @returns Set invoice options.\n */\nconst searchEnteredHandler = (\n    invoices: InvoiceModel[],\n    searchInput: string,\n    setFilteredInvoices: React.Dispatch<React.SetStateAction<InvoiceModel[]>>,\n    filteredInvoices: InvoiceModel[],\n    setSelectedInvoiceIndex: React.Dispatch<React.SetStateAction<number>>,\n    setShouldShowSearchResults: React.Dispatch<React.SetStateAction<boolean>>,\n    setInvoiceOptions: React.Dispatch<React.SetStateAction<JSX.Element>>,\n    selectedInvoiceIndex: number,\n    className: string,\n    checkboxRef: React.MutableRefObject<never[]>\n) => () => {\n    let updatedInvoices = filteredInvoices;\n    if (!StringExtensions.isNullOrEmpty(searchInput)) {\n        updatedInvoices = invoices.filter(invoice => invoice.id.toLocaleUpperCase().includes(searchInput.toLocaleUpperCase()));\n    } else {\n        updatedInvoices = invoices;\n    }\n\n    if (ArrayExtensions.hasElements(updatedInvoices)) {\n        setFilteredInvoices(updatedInvoices);\n        setSelectedInvoiceIndex(0);\n    } else {\n        setFilteredInvoices(updatedInvoices);\n        setSelectedInvoiceIndex(-1);\n    }\n    setShouldShowSearchResults(true);\n\n    setInvoiceOptions(\n        renderInvoiceOptions(\n            StringExtensions.isNullOrEmpty(searchInput) ? invoices : updatedInvoices,\n            setSelectedInvoiceIndex,\n            className,\n            checkboxRef\n        )\n    );\n};\n\n/**\n * On cancel function.\n * @param onClosing -Closing function.\n * @param toggle -Toggle Function.\n * @returns Toggle function.\n */\nconst onCancelHandler = (onClosing: () => void, toggle: () => void) => () => {\n    onClosing();\n    toggle();\n};\n\n/**\n * On invoice select.\n * @param setSelectedInvoiceIndex -Set Selected Invoice Index.\n * @param index -Number.\n * @returns Set Selected Invoice Index.\n */\nconst onInvoiceSelectHandler = (setSelectedInvoiceIndex: (newIndex: number) => void, index: number) => () => {\n    setSelectedInvoiceIndex(index);\n};\n\nconst renderInvoiceOptions = (\n    filteredInvoices: InvoiceModel[],\n    setSelectedInvoiceIndex: (newIndex: number) => void,\n    className: string,\n    checkboxRef: React.MutableRefObject<never[]>\n) => {\n    checkboxRef.current = filteredInvoices.map((_invoice, i) => checkboxRef.current[Number(i)] ?? React.createRef());\n    return (\n        <div>\n            {filteredInvoices.map((invoice, index) => {\n                const onInvoiceSelect = onInvoiceSelectHandler(setSelectedInvoiceIndex, index);\n\n                const checkboxId = `invoice__${invoice.id}`;\n                const checkboxName = `invoiceSelect__${invoice.id}`;\n\n                return (\n                    <div key={index} className={`${className}__requestInvoice__filteredInvoiceResult`}>\n                        <input\n                            type='checkbox'\n                            id={checkboxId}\n                            name={checkboxName}\n                            value={invoice.id}\n                            key={invoice.id}\n                            ref={checkboxRef.current[Number(index)]}\n                            checked={invoice.isSelected ? true : undefined}\n                            aria-checked={invoice.isSelected === true}\n                            onChange={onInvoiceSelect}\n                            className={`${className}__requestInvoice__filteredInvoiceResult_roundedCheckbox`}\n                        />\n                        <label htmlFor={checkboxId} className={`${className}__requestInvoice__selectedInvoiceButton`}>\n                            {invoice.id}\n                        </label>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const RequestInvoiceModal: React.FC<IRequestInvoiceModalProps> = ({\n    className,\n    email,\n    isModalOpen,\n    toggle,\n    modalHeaderLabel,\n    sendToEmailLabel,\n    submitRequestLabel,\n    cancelLabel,\n    onSubmitRequest,\n    invoices,\n    searchPlaceholderLabel,\n    invoicesFoundString,\n    singleInvoiceFoundString,\n    searchButtonAltText,\n    resources\n}) => {\n    const [selectedInvoiceIndex, setSelectedInvoiceIndex] = React.useState<number>(-1);\n    const [filteredInvoices, setFilteredInvoices] = React.useState<InvoiceModel[]>(invoices);\n    const [searchInput, setSearchInput] = React.useState<string>('');\n    const [shouldShowSearchResults, setShouldShowSearchResults] = React.useState<boolean>(false);\n    const focusDelay = 110;\n    const checkboxRef = React.useRef([]);\n    const invoiceOptionsData = renderInvoiceOptions(filteredInvoices, setSelectedInvoiceIndex, className, checkboxRef);\n    const [invoiceOptions, setInvoiceOptions] = React.useState<JSX.Element>(invoiceOptionsData);\n    const focusElement = React.useRef<HTMLInputElement>(null);\n    React.useEffect(() => {\n        if (isModalOpen && focusElement.current) {\n            setTimeout(() => {\n                focusElement.current?.focus();\n            }, focusDelay);\n        }\n    }, [isModalOpen]);\n\n    /**\n     * Sets the filtered invoices to the ones that were selected on the main screen.\n     */\n    const setFilteredInvoicesToSelectedInvoices = () => {\n        setSelectedInvoiceIndex(-1);\n        const selectedInvoices = invoices.filter(invoice => invoice.isSelected);\n        if (ArrayExtensions.hasElements(selectedInvoices)) {\n            setFilteredInvoices(selectedInvoices);\n\n            // If only one invoice selected, auto select it\n            if (selectedInvoices.length === 1) {\n                setSelectedInvoiceIndex(0);\n            }\n\n            setInvoiceOptions(renderInvoiceOptions(selectedInvoices, setSelectedInvoiceIndex, className, checkboxRef));\n        } else {\n            setFilteredInvoices(invoices);\n            setInvoiceOptions(renderInvoiceOptions(invoices, setSelectedInvoiceIndex, className, checkboxRef));\n        }\n    };\n\n    const searchEntered = searchEnteredHandler(\n        invoices,\n        searchInput,\n        setFilteredInvoices,\n        filteredInvoices,\n        setSelectedInvoiceIndex,\n        setShouldShowSearchResults,\n        setInvoiceOptions,\n        selectedInvoiceIndex,\n        className,\n        checkboxRef\n    );\n\n    const onClosing = () => {\n        setSelectedInvoiceIndex(-1);\n        setFilteredInvoices(invoices);\n        setSearchInput('');\n        setShouldShowSearchResults(false);\n    };\n\n    /**\n     * Sets the invoices that are possible to select when the dialog is opened.\n     */\n    const onOpened = () => {\n        setSearchInput('');\n        setFilteredInvoicesToSelectedInvoices();\n    };\n\n    const searchResultString = filteredInvoices.length === 1 ? singleInvoiceFoundString : invoicesFoundString;\n    const invoicesFoundReplaceIndex = searchResultString.indexOf('{0}');\n\n    return (\n        <Modal\n            className={classnames('msc-invoices-list_requestInvoice__modal', 'msc-modal-input-required')}\n            isOpen={isModalOpen}\n            horizontalPosition='center'\n            verticalPosition='center'\n            autoFocus\n            fade={false}\n            toggle={onCancelHandler(onClosing, toggle)}\n            onOpened={onOpened}\n            aria-label={resources.requestInvoiceDialogAriaLabel}\n        >\n            <ModalHeader tag='h2' toggle={onCancelHandler(onClosing, toggle)}>\n                {modalHeaderLabel}\n            </ModalHeader>\n            <ModalBody>\n                <div className={`${className}__requestInvoice__modalBody`}>\n                    <label htmlFor='sendToEmail'>{sendToEmailLabel}</label>\n                    <div id='sendToEmail' className={`${className}__requestInvoice__sendToEmail`}>\n                        {email}\n                    </div>\n                    <div>\n                        {shouldShowSearchResults && (\n                            <div className={`${className}__requestInvoice__searchResultDisplay`} aria-live='assertive' role='alert'>\n                                <span>{searchResultString.substring(0, invoicesFoundReplaceIndex)}</span>\n                                <span className={`${className}__requestInvoice__searchResultNumber`}>{filteredInvoices.length}</span>\n                                <span>{searchResultString.substring(invoicesFoundReplaceIndex + 3)}</span>\n                            </div>\n                        )}\n                        <div className={`${className}__requestInvoice__search`}>\n                            <input\n                                ref={focusElement}\n                                type='text'\n                                id='searchBar'\n                                className={`${className}__requestInvoice__searchBar`}\n                                placeholder={searchPlaceholderLabel}\n                                onChange={searchInputChangedHandler(setSearchInput)}\n                                value={searchInput}\n                            />\n                            <button\n                                className={`${className}__requestInvoice__searchButton`}\n                                onClick={searchEntered}\n                                title={searchButtonAltText}\n                            />\n                        </div>\n                        {invoiceOptions}\n                    </div>\n                </div>\n            </ModalBody>\n            <ModalFooter>\n                <button\n                    className={`${className}__requestInvoice__submitRequest`}\n                    onClick={onSubmitRequestClick(onClosing, filteredInvoices, onSubmitRequest, checkboxRef)}\n                >\n                    {submitRequestLabel}\n                </button>\n                <button className={`${className}__requestInvoice__cancelRequest`} onClick={onCancelHandler(onClosing, toggle)}>\n                    {cancelLabel}\n                </button>\n            </ModalFooter>\n        </Modal>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { getUrlSync, isOboRequest } from '@msdyn365-commerce/core';\nimport {\n    BusinessPartnerOperationDeliveryType,\n    BusinessPartnerUsersDataActions,\n    InvoicePaidStatus,\n    InvoiceSearchCriteria,\n    IQueryResultSettings,\n    OrderInvoice\n} from '@msdyn365-commerce/retail-proxy';\nimport { getCurrentAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/BusinessPartnersDataActions.g';\nimport {\n    ArrayExtensions,\n    getCustomer,\n    GetCustomerInput,\n    getInvoices,\n    GetInvoicesInput,\n    IQueryResultSettingsModuleConfig,\n    QueryResultSettingsProxy,\n    StringExtensions\n} from '@msdyn365-commerce-modules/retail-actions';\nimport { Alert, Button, Heading, IModuleProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\nimport { reaction } from 'mobx';\nimport { observer } from 'mobx-react';\n\nimport { InvoiceErrorComponent } from './components/invoice-error-component';\nimport { InvoicesFilterComponent, InvoicesFilterState } from './components/invoices-filter-component';\nimport { InvoicesTableComponent } from './components/invoices-table/invoices-table-component';\nimport { IMakePaymentResources, MakePaymentComponent } from './components/make-payment-component';\nimport { RequestInvoiceButton } from './components/request-invoice-button';\nimport { RequestInvoiceModal } from './components/request-invoice-modal';\nimport { InvoiceModel } from './helpers/invoice-data';\nimport { IAddInvoicesToCartFailureResult } from './helpers/pay-invoices';\nimport { IInvoicesListData } from './invoices-list.data';\nimport { IInvoicesListProps } from './invoices-list.props.autogenerated';\n\nexport type InvoicesListStatus = 'LOADING' | 'SUCCESS' | 'FAILED' | 'EMPTY';\nexport type InvoiceErrorHost = 'ADDINVOICETOCART';\n\nexport interface IInvoicesListViewProps extends IInvoicesListProps<IInvoicesListData> {\n    moduleProps: IModuleProps;\n\n    header: JSX.Element;\n    filter: JSX.Element;\n    content?: JSX.Element;\n    invoiceRequestModal?: JSX.Element;\n    pagination?: JSX.Element;\n}\n\nexport interface IInvoiceErrorState {\n    errorHost?: InvoiceErrorHost;\n    errorReason?: IAddInvoicesToCartFailureResult;\n    errorMessage: string;\n    otherError?: string;\n    errorCode?: string;\n}\n\nexport interface IInvoicesListState {\n    invoices: InvoiceModel[];\n    invoicesFilterState: InvoicesFilterState;\n    errorState: IInvoiceErrorState;\n    isInvoiceRequestModalOpen: boolean;\n    isLoading: boolean;\n    isOpen: boolean;\n    isPageLoaded: boolean;\n    payInvoiceErrorModalOpen: boolean;\n    selectedButtonElement?: HTMLButtonElement | null;\n}\n\n/**\n * InvoicesList component.\n * @extends {React.Component<IInvoicesListProps<IInvoicesListData>, IInvoicesListState>}\n */\n@observer\nclass InvoicesList extends React.Component<IInvoicesListProps<IInvoicesListData>, IInvoicesListState> {\n    private readonly _className: string = 'msc-invoices-list';\n\n    private readonly payInvoiceRequestReference: React.RefObject<HTMLButtonElement>;\n\n    private readonly makePaymentReference: React.RefObject<HTMLButtonElement>;\n\n    private buttonChildReference: React.RefObject<HTMLButtonElement>[] = [];\n\n    private buttonChildPayButtonReference: React.RefObject<HTMLButtonElement>[] = [];\n\n    private readonly _queryResultSettings: IQueryResultSettings;\n\n    private invoiceIds: string[] = [];\n\n    constructor(props: IInvoicesListProps<IInvoicesListData>) {\n        super(props);\n\n        this._queryResultSettings = QueryResultSettingsProxy.fromModuleData(\n            this.props.context.request,\n            this.props.config as IQueryResultSettingsModuleConfig\n        ).QueryResultSettings;\n        this.payInvoiceRequestReference = React.createRef<HTMLButtonElement>();\n        this.makePaymentReference = React.createRef<HTMLButtonElement>();\n        this._updateInvoicesState = this._updateInvoicesState.bind(this);\n        this._onAddToCartFailed = this._onAddToCartFailed.bind(this);\n        this._onToggleInvoiceRequestModal = this._onToggleInvoiceRequestModal.bind(this);\n        this._handleFilterStateChange = this._handleFilterStateChange.bind(this);\n        this._loadMoreInvoices = this._loadMoreInvoices.bind(this);\n        this._requestInvoice = this._requestInvoice.bind(this);\n        this._requestSpecificInvoice = this._requestSpecificInvoice.bind(this);\n        this._setPayInvoiceErrorModalClose = this._setPayInvoiceErrorModalClose.bind(this);\n        this.state = {\n            invoices: [],\n            invoicesFilterState: InvoicesFilterState.ShowAll,\n            isLoading: true,\n            isOpen: true,\n            isPageLoaded: false,\n            errorState: { errorMessage: '' },\n            isInvoiceRequestModalOpen: false,\n            payInvoiceErrorModalOpen: false,\n            selectedButtonElement: null\n        };\n    }\n\n    public shouldComponentUpdate(nextProps: IInvoicesListProps<IInvoicesListData>, nextState: IInvoicesListState): boolean {\n        if (this.state === nextState && this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element | null {\n        const {\n            config: { className = '', heading },\n            context: {\n                request: { channel },\n                cultureFormatter: {\n                    formatCurrency,\n\n                    // @ts-expect-error\n                    currencyCode\n                }\n            },\n            data: { customerBalance },\n            resources: { invoicesListTitle, invoicesListDescTitle, invoicesListDescCount }\n        } = this.props;\n\n        const totalAmount = customerBalance.result?.OpenInvoiceBalance || 0;\n        const amountText = `${formatCurrency(totalAmount.toFixed(2), currencyCode)} ${channel?.Currency || 'USD'}`;\n\n        const totalCount = customerBalance.result?.OpenInvoiceCount || 0;\n        const countText = invoicesListDescCount.replace('{0}', totalCount.toString());\n        const invoicesListTitleHeading = heading?.text ?? invoicesListTitle;\n\n        const headerClassName = `${this._className}__header`;\n\n        const header = (\n            <div className={headerClassName}>\n                <Heading className={`${headerClassName}-heading`} text={invoicesListTitleHeading} />\n                <div className={`${headerClassName}-description`}>\n                    <div className={`${headerClassName}-description-title`}>{invoicesListDescTitle}</div>\n                    <div className={`${headerClassName}-description-amount`}>{amountText}</div>\n                    <div className={`${headerClassName}-description-count`}>{countText}</div>\n                </div>\n            </div>\n        );\n\n        const viewProps: IInvoicesListViewProps = {\n            ...(this.props as IInvoicesListProps<IInvoicesListData>),\n            moduleProps: {\n                moduleProps: this.props,\n                className: classnames(this._className, className)\n            },\n            header,\n            invoiceRequestModal: this._renderInvoiceRequestModal(),\n            filter: this._renderInvoicesFilter(this._className),\n            pagination: this._renderPagination()\n        };\n\n        if (!this.state.isPageLoaded) {\n            return this.props.renderView(viewProps);\n        }\n\n        if (ArrayExtensions.hasElements(this.state.invoices)) {\n            viewProps.content = this._renderListContainer();\n        } else {\n            viewProps.content = this._renderEmptyInvoiceLinesPageContent();\n        }\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public async componentDidMount(): Promise<void> {\n        await this.props.data.customer;\n        const invoicesData = await this.props.data.invoices;\n        this._initializeWithInvoices(invoicesData);\n\n        reaction(\n            () => this.state.isInvoiceRequestModalOpen,\n            async () => {\n                if (this.invoiceIds && !this.state.isInvoiceRequestModalOpen) {\n                    const context = { callerContext: this.props.context.actionContext };\n                    const b2bUserId: string = this.props.data.b2bUserInformation?.result?.B2BUserId || '';\n                    for (const invoiceId of this.invoiceIds) {\n                        await BusinessPartnerUsersDataActions.requestInvoiceCopyAsync(\n                            context,\n                            b2bUserId,\n                            invoiceId,\n                            BusinessPartnerOperationDeliveryType.Email\n                        );\n                    }\n                    this.invoiceIds = [];\n                }\n            }\n        );\n    }\n\n    private _initializeWithInvoices(invoicesData: OrderInvoice[]): void {\n        const invoices = invoicesData.map((invoice, index) => {\n            this.buttonChildReference[Number(index)] = React.createRef<HTMLButtonElement>();\n            this.buttonChildPayButtonReference[Number(index)] = React.createRef<HTMLButtonElement>();\n            return new InvoiceModel(invoice);\n        });\n        this.setState({\n            invoices,\n            isLoading: false,\n            isPageLoaded: true\n        });\n    }\n\n    private _addInvoices(invoicesData: OrderInvoice[]): void {\n        const newInvoices = invoicesData.map(invoice => new InvoiceModel(invoice));\n        const invoices = this.state.invoices.concat(newInvoices);\n        this.setState({\n            invoices,\n            isLoading: false\n        });\n    }\n\n    private _renderEmptyInvoiceLinesPageContent(): JSX.Element {\n        const containerClass = `${this._className}__empty-lines__container`;\n        const actionsContainerClass = `${containerClass}__actions`;\n        return (\n            <div className={containerClass}>\n                <div className={`${containerClass}__title`}>{this.props.resources.invoiceEmptyInvoiceLinesTitle}</div>\n                <div className={`${containerClass}__description`}>{this.props.resources.invoiceEmptyInvoiceLinesDescription}</div>\n                <div className={actionsContainerClass}>\n                    <Button\n                        className={`${actionsContainerClass}__continue-shopping`}\n                        aria-label={this.props.resources.invoiceEmptyInvoiceLinesContinueShoppingButtonAriaLabel}\n                        href={getUrlSync('home', this.props.context.actionContext)}\n                    >\n                        {this.props.resources.invoiceEmptyInvoiceLinesContinueShoppingButtonText}\n                    </Button>\n                </div>\n            </div>\n        );\n    }\n\n    private _renderListContainer(): JSX.Element {\n        const containerClass = `${this._className}__container`;\n        const containerHeaderClass = `${containerClass}__header`;\n        const containerContentClass = `${containerClass}__content`;\n        const isOnBehalfOfRequest = isOboRequest(this.props.context.request);\n\n        return (\n            <div className={containerClass}>\n                <div className={containerHeaderClass}>\n                    {this._renderMakePayment(containerHeaderClass, isOnBehalfOfRequest)}\n                    {this._renderInvoiceRequestButton()}\n                </div>\n                <div className={containerContentClass}>{this._renderInvoiceErrors()}</div>\n                <div className={containerContentClass}>{this._renderInvoicesList(containerContentClass)}</div>\n            </div>\n        );\n    }\n\n    private _updateInvoicesState(): void {\n        this.setState({\n            invoices: this.state.invoices\n        });\n    }\n\n    private async _getInvoicesSearchCriteria(state: InvoicesFilterState): Promise<InvoiceSearchCriteria> {\n        const searchCriteria: InvoiceSearchCriteria = {};\n\n        const context = this.props.context.actionContext;\n\n        const businessPartner = await getCurrentAsync({ callerContext: context });\n        searchCriteria.BusinessPartnerId = businessPartner?.BusinessPartnerId;\n\n        const customer = await getCustomer(new GetCustomerInput(context.requestContext.apiSettings), context);\n        searchCriteria.CustomerId = customer?.AccountNumber;\n\n        switch (state) {\n            case InvoicesFilterState.ShowAll:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.None];\n                break;\n            case InvoicesFilterState.Paid:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.Paid];\n                break;\n            case InvoicesFilterState.PartiallyPaid:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.PartiallyPaid];\n                break;\n            case InvoicesFilterState.Unpaid:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.Unpaid];\n                break;\n            default:\n                throw new Error('Failed to process unknown invoices filter state.');\n        }\n\n        return searchCriteria;\n    }\n\n    private async _handleFilterStateChange(state: InvoicesFilterState): Promise<void> {\n        this.setState({\n            invoicesFilterState: state,\n            isLoading: true\n        });\n\n        const searchCriteria = await this._getInvoicesSearchCriteria(state);\n\n        if (this._queryResultSettings.Paging) {\n            this._queryResultSettings.Paging.Skip = 0;\n        }\n\n        const invoices = await getInvoices(\n            new GetInvoicesInput(searchCriteria, this._queryResultSettings),\n            this.props.context.actionContext\n        );\n        this._initializeWithInvoices(invoices);\n    }\n\n    private _renderInvoicesFilter(className: string): JSX.Element {\n        const containerClass = `${this._className}__container`;\n        const containerContentClass = `${containerClass}__content`;\n        const filterClassName = `${className}__filter`;\n        return (\n            <div>\n                <div className={containerContentClass}>{this._renderInvoiceInCartPaymentMessage()}</div>\n                <InvoicesFilterComponent\n                    id={filterClassName}\n                    typeName={this.props.typeName}\n                    key={filterClassName}\n                    className={filterClassName}\n                    context={this.props.context}\n                    resources={this.props.resources}\n                    data={{}}\n                    currentState={InvoicesFilterState.ShowAll}\n                    onFilterStateChanged={this._handleFilterStateChange}\n                    disabled={this.state.isLoading}\n                />\n            </div>\n        );\n    }\n\n    private _renderInvoicesList(className: string): JSX.Element {\n        const tableClassName = `${className}__table`;\n        return (\n            <InvoicesTableComponent\n                invoiceButtonReferences={this.buttonChildReference}\n                payInvoiceButtonReferences={this.buttonChildPayButtonReference}\n                id={tableClassName}\n                typeName={this.props.typeName}\n                key={tableClassName}\n                className={tableClassName}\n                data={{ invoices: this.state.invoices, customer: this.props.data.customer.result! }}\n                context={this.props.context}\n                resources={this.props.resources}\n                onChange={this._updateInvoicesState}\n                onError={this._onAddToCartFailed}\n                onRequestInvoice={this._requestSpecificInvoice}\n            />\n        );\n    }\n\n    private _onAddToCartFailed(newErrorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void {\n        const errorState = { ...newErrorState };\n        errorState.errorHost = 'ADDINVOICETOCART';\n        errorState.errorMessage =\n            newErrorState.errorReason?.failureReason === 'EMPTYINPUT'\n                ? this.props.resources.invoiceErrorInvoiceIdNotExist\n                : this.props.resources.invoiceErrorFailedAddInvoiceToCart;\n\n        const shouldShowAdditionalInfoInPopup =\n            errorState.errorCode === 'Microsoft_Dynamics_Commerce_Runtime_InvoiceLineNotAllowedWithItemLines';\n        this.setState({ errorState, payInvoiceErrorModalOpen: shouldShowAdditionalInfoInPopup, selectedButtonElement: reference?.current });\n    }\n\n    private _renderMakePayment(className: string, disabled: boolean): JSX.Element {\n        const id = `${className}__make-payment`;\n        const makePaymentResources: IMakePaymentResources = {\n            makePaymentButtonText: this.props.resources.makePaymentButtonText,\n            makePaymentButtonAriaLabel: this.props.resources.makePaymentButtonAriaLabel\n        };\n\n        const selectedInvoices = this._getSelectedInvoices();\n\n        return (\n            <MakePaymentComponent\n                id={id}\n                typeName={this.props.typeName}\n                key={id}\n                data={{ invoices: selectedInvoices }}\n                context={this.props.context}\n                telemetry={this.props.telemetry}\n                moduleId={this.props.id}\n                moduleTypeName={this.props.typeName}\n                navigationUrl={getUrlSync('cart', this.props.context.actionContext)}\n                resources={makePaymentResources}\n                onError={this._onAddToCartFailed}\n                buttonReferences={this.makePaymentReference}\n                disabled={disabled}\n            />\n        );\n    }\n\n    private _setPayInvoiceErrorModalClose(): void {\n        this.setState({\n            payInvoiceErrorModalOpen: false\n        });\n        this.state.selectedButtonElement?.focus();\n    }\n\n    private _renderInvoiceErrors(): JSX.Element {\n        const {\n            resources: {\n                payInvoiceErrorDialogHeader,\n                payInvoiceErrorDialogBodyErrorTitle,\n                payInvoiceErrorDialogBodyErrorDescription,\n                payInvoiceErrorDialogFooterGoToCartButtonText,\n                payInvoiceErrorDialogFooterCancelButtonText\n            }\n        } = this.props;\n\n        const cartUrl = getUrlSync('cart', this.props.context.actionContext) || '';\n\n        const errorClassName = `${this._className}__errors`;\n\n        return (\n            <InvoiceErrorComponent\n                id={errorClassName}\n                typeName={this.props.typeName}\n                data={{}}\n                messageHeader={this.props.resources.invoiceErrorMessageHeader}\n                context={this.props.context}\n                errorMessage={this.state.errorState.errorMessage}\n                otherError={this.state.errorState.otherError}\n                showError={this.state.errorState.errorHost === 'ADDINVOICETOCART'}\n                payInvoiceErrorModalOpen={this.state.payInvoiceErrorModalOpen}\n                errorDialogHeader={payInvoiceErrorDialogHeader}\n                errorDialogBodyErrorTitle={payInvoiceErrorDialogBodyErrorTitle}\n                errorDialogBodyErrorDescription={payInvoiceErrorDialogBodyErrorDescription}\n                errorDialogFooterGoToCartButtonText={payInvoiceErrorDialogFooterGoToCartButtonText}\n                errorDialogFooterCancelButtonText={payInvoiceErrorDialogFooterCancelButtonText}\n                cartUrl={cartUrl}\n                setPayInvoiceErrorModalClose={this._setPayInvoiceErrorModalClose}\n            />\n        );\n    }\n\n    private _renderInvoiceInCartPaymentMessage(): JSX.Element {\n        const cart = this.props.data.cart?.result;\n\n        if (!cart?.hasInvoiceLine) {\n            return <></>;\n        }\n\n        return (\n            <Alert className='msc-alert-invoice' isOpen={this.state.isOpen}>\n                <div className='msc-alert-invoice__header' aria-hidden='true'>\n                    <span className='msi-exclamation-triangle' />\n                    <span>{this.props.resources.invoiceInCartPaymentMessage}</span>\n                    <button className='toggle' onClick={this._onDismiss}></button>\n                </div>\n            </Alert>\n        );\n    }\n\n    // Dismiss alert.\n    private readonly _onDismiss = () => {\n        this.setState({\n            isOpen: false\n        });\n    };\n\n    private _renderPagination(): JSX.Element | undefined {\n        const { data, resources } = this.props;\n        const invoices = data?.invoices?.result;\n        if (!invoices || invoices.length < this._queryResultSettings.Paging!.Top!) {\n            return undefined;\n        }\n\n        return (\n            <Button\n                className={classnames(`${this._className}__load-more`, this.state.isLoading ? 'is-busy' : '')}\n                disabled={this.state.isLoading}\n                onClick={this._loadMoreInvoices}\n            >\n                {resources.invoicesLoadMore}\n            </Button>\n        );\n    }\n\n    private async _loadMoreInvoices(): Promise<void> {\n        this.setState({ isLoading: true });\n        const searchCriteria = await this._getInvoicesSearchCriteria(this.state.invoicesFilterState);\n        if (this._queryResultSettings.Paging) {\n            this._queryResultSettings.Paging.Skip! += this._queryResultSettings.Paging.Top!;\n        }\n        const newInvoices = await getInvoices(\n            new GetInvoicesInput(searchCriteria, this._queryResultSettings),\n            this.props.context.actionContext\n        );\n        this._addInvoices(newInvoices);\n    }\n\n    private _renderInvoiceRequestModal(): JSX.Element {\n        const customer = this.props.data.customer.result;\n        const {\n            invoiceRequestModalCancelLabel,\n            invoiceRequestModalSubmitLabel,\n            invoiceRequestModalHeaderLabel,\n            invoiceRequestModalSendToEmailLabel,\n            invoiceRequestModalSearch,\n            invoiceRequestModalInvoiceSearchDisplay,\n            invoiceRequestModalSingleInvoiceSearchDisplay,\n            invoiceRequestModalSearchButton\n        } = this.props.resources;\n\n        return (\n            <RequestInvoiceModal\n                className={this._className}\n                email={customer?.Email || ''}\n                isModalOpen={this.state.isInvoiceRequestModalOpen}\n                toggle={this._onToggleInvoiceRequestModal}\n                cancelLabel={invoiceRequestModalCancelLabel}\n                modalHeaderLabel={invoiceRequestModalHeaderLabel}\n                sendToEmailLabel={invoiceRequestModalSendToEmailLabel}\n                submitRequestLabel={invoiceRequestModalSubmitLabel}\n                onSubmitRequest={this._requestInvoice}\n                invoices={this.state.invoices}\n                searchPlaceholderLabel={invoiceRequestModalSearch}\n                invoicesFoundString={invoiceRequestModalInvoiceSearchDisplay}\n                singleInvoiceFoundString={invoiceRequestModalSingleInvoiceSearchDisplay}\n                searchButtonAltText={invoiceRequestModalSearchButton}\n                resources={this.props.resources}\n            />\n        );\n    }\n\n    private _onToggleInvoiceRequestModal(): void {\n        this.setState({\n            isInvoiceRequestModalOpen: !this.state.isInvoiceRequestModalOpen\n        });\n        if (this.state.isInvoiceRequestModalOpen) {\n            this.state.selectedButtonElement?.focus();\n        }\n    }\n\n    /**\n     * Request specific invoice function.\n     */\n    private readonly _onToggleInvoiceRequestParentModal = () => {\n        this.setState(\n            {\n                selectedButtonElement: this.payInvoiceRequestReference.current\n            },\n            () => {\n                this._onToggleInvoiceRequestModal();\n            }\n        );\n    };\n\n    private _renderInvoiceRequestButton(): JSX.Element | null {\n        const { invoiceRequestButtonLabel } = this.props.resources;\n        const customer = this.props.data.customer.result;\n\n        if (StringExtensions.isNullOrWhitespace(customer?.Email)) {\n            return null;\n        }\n\n        return (\n            <RequestInvoiceButton\n                innerReference={this.payInvoiceRequestReference}\n                requestInvoiceButtonLabel={invoiceRequestButtonLabel}\n                onClicked={this._onToggleInvoiceRequestParentModal}\n                className={this._className}\n            />\n        );\n    }\n\n    private _requestInvoice(invoiceId: string): void {\n        this.invoiceIds.push(invoiceId);\n        this._onToggleInvoiceRequestModal();\n    }\n\n    private _getSelectedInvoices(): InvoiceModel[] {\n        let selectedInvoices = this.state.invoices.filter(invoice => invoice.isSelected);\n        if (!ArrayExtensions.hasElements(selectedInvoices)) {\n            selectedInvoices = this.state.invoices;\n        }\n\n        return selectedInvoices;\n    }\n\n    private _requestSpecificInvoice(\n        specificInvoice: InvoiceModel,\n        requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>\n    ): void {\n        this.state.invoices.forEach((invoice: InvoiceModel) => {\n            if (invoice === specificInvoice) {\n                invoice.isSelected = true;\n            } else {\n                invoice.isSelected = false;\n            }\n        });\n        this.setState({\n            selectedButtonElement: requestInvoiceButtonReference.current\n        });\n        this._onToggleInvoiceRequestModal();\n    }\n}\n\nexport default InvoicesList;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IInvoicesListViewProps } from './invoices-list';\n\nexport const InvoiceListView: React.FC<IInvoicesListViewProps> = props => {\n    const { header, filter, content, invoiceRequestModal, pagination } = props;\n\n    return (\n        <Module {...props.moduleProps}>\n            {header}\n            {invoiceRequestModal}\n            {filter}\n            {content}\n            {pagination}\n        </Module>\n    );\n};\n\nexport default InvoiceListView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponent, IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Alert, Button, Modal, ModalBody, ModalFooter, ModalHeader } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nexport interface IInvoiceErrorProps extends IComponentProps {\n    messageHeader?: string;\n    errorMessage?: string;\n    otherError?: string;\n    showError: boolean;\n    payInvoiceErrorModalOpen: boolean;\n\n    errorDialogHeader: string;\n    errorDialogBodyErrorTitle: string;\n    errorDialogBodyErrorDescription: string;\n    errorDialogFooterGoToCartButtonText: string;\n    errorDialogFooterCancelButtonText: string;\n    cartUrl: string;\n\n    setPayInvoiceErrorModalClose(): void;\n}\n\nexport interface IInvoiceErrorComponent extends IComponent<IInvoiceErrorProps> {}\n\nexport const InvoiceError: React.FC<IInvoiceErrorProps> = ({\n    messageHeader,\n    errorMessage,\n    otherError,\n    showError,\n    payInvoiceErrorModalOpen,\n    errorDialogHeader,\n    errorDialogBodyErrorTitle,\n    errorDialogBodyErrorDescription,\n    errorDialogFooterGoToCartButtonText,\n    errorDialogFooterCancelButtonText,\n    cartUrl,\n    setPayInvoiceErrorModalClose\n}) => {\n    const errorMessages: (string | undefined)[] = [];\n\n    if (otherError) {\n        errorMessages.push(otherError);\n    } else {\n        errorMessages.push(errorMessage);\n    }\n\n    const className = 'msc-pay-invoice-error-dialog';\n\n    return (\n        <>\n            <Alert isOpen={showError && errorMessages.length > 0} color='danger' assertive aria-label={messageHeader}>\n                <div className='msc-alert__header' aria-hidden='true'>\n                    <span className='msi-exclamation-triangle' />\n                    <span>{messageHeader}</span>\n                </div>\n                {errorMessages.map((message, index) => {\n                    return (\n                        <div key={index} className='msc-alert__line'>\n                            {message}\n                        </div>\n                    );\n                })}\n            </Alert>\n            <Modal isOpen={payInvoiceErrorModalOpen} className={className} toggle={setPayInvoiceErrorModalClose}>\n                <ModalHeader className={`${className}__header`} toggle={setPayInvoiceErrorModalClose}>\n                    <span>{errorDialogHeader}</span>\n                </ModalHeader>\n                <ModalBody className={`${className}__body`}>\n                    <div className={`${className}__content`}>\n                        <div className={`${className}__error-title`}>{errorDialogBodyErrorTitle}</div>\n                        <div className={`${className}__error-description`}>{errorDialogBodyErrorDescription}</div>\n                    </div>\n                </ModalBody>\n                <ModalFooter className={`${className}__footer`}>\n                    <Button\n                        className={`${className}__review-shopping-bag-button`}\n                        title={errorDialogFooterGoToCartButtonText}\n                        href={cartUrl}\n                        role='button'\n                    >\n                        {errorDialogFooterGoToCartButtonText}\n                    </Button>\n                    <Button\n                        className={`${className}__cancel-button`}\n                        title={errorDialogFooterCancelButtonText}\n                        onClick={setPayInvoiceErrorModalClose}\n                    >\n                        {errorDialogFooterCancelButtonText}\n                    </Button>\n                </ModalFooter>\n            </Modal>\n        </>\n    );\n};\n\n// @ts-expect-error\nexport const InvoiceErrorComponent: React.FunctionComponent<IInvoiceErrorProps> = msdyn365Commerce.createComponent<IInvoiceErrorComponent>(\n    'InvoiceError',\n    { component: InvoiceError }\n);\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport React, { useState } from 'react';\n\nimport { IPayableInvoice } from '../helpers/invoice-data';\nimport { payInvoices } from '../helpers/pay-invoices';\nimport { IInvoiceErrorState } from '../invoices-list';\n\nexport interface IPayInvoiceData {\n    invoice: IPayableInvoice;\n}\n\nexport interface IPayInvoiceResources {\n    payInvoiceButtonText: string;\n    payInvoiceButtonAriaLabel: string;\n}\n\nexport interface IPayInvoiceProps extends IComponentProps<IPayInvoiceData> {\n    context: ICoreContext;\n    className: string;\n    reference?: React.RefObject<HTMLButtonElement>;\n    resources: IPayInvoiceResources;\n    disabled?: boolean;\n\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n}\n\ninterface IPayInvoiceComponent extends IComponent<IPayInvoiceProps> {}\n\nconst onClick = async (\n    _event: React.MouseEvent<HTMLElement>,\n    props: IPayInvoiceProps,\n    setDisabled: (disabled: boolean) => void\n): Promise<void> => {\n    setDisabled(true);\n\n    const propagateError = (errorState: IInvoiceErrorState): void => {\n        if (props.onError) {\n            props.onError(errorState, props.reference);\n        }\n        setDisabled(false);\n    };\n\n    await payInvoices([props.data.invoice], props.context.actionContext, propagateError);\n};\n\nconst PayInvoiceComponentActions = {\n    onClick\n};\n\n/**\n * On click handler function.\n * @param props -Invoice props.\n * @param setDisabled -Set disabled.\n * @returns Pay invoice component action.\n */\nconst onClickHandler = (props: IPayInvoiceProps, setDisabled: React.Dispatch<React.SetStateAction<boolean>>) => async (\n    event: React.MouseEvent<HTMLElement>\n) => {\n    await PayInvoiceComponentActions.onClick(event, props, setDisabled);\n};\n\nconst PayInvoice: React.FC<IPayInvoiceProps> = (props: IPayInvoiceProps): JSX.Element => {\n    const [disabled, setDisabled] = useState(false);\n\n    return (\n        <Button\n            innerRef={props.reference}\n            className={props.className}\n            aria-label={props.resources.payInvoiceButtonAriaLabel}\n            onClick={onClickHandler(props, setDisabled)}\n            disabled={!props.data.invoice.canBePaid || disabled || props.disabled}\n        >\n            {props.resources.payInvoiceButtonText}\n        </Button>\n    );\n};\n\n// @ts-expect-error\nexport const PayInvoiceComponent: React.FunctionComponent<IPayInvoiceProps> = msdyn365Commerce.createComponent<IPayInvoiceComponent>(\n    'PayInvoiceComponent',\n    { component: PayInvoice, ...PayInvoiceComponentActions }\n);\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { getUrlSync, IActionContext } from '@msdyn365-commerce/core';\nimport { getCartState } from '@msdyn365-commerce/global-state';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { IInvoiceErrorState } from '../invoices-list';\nimport { IPayableInvoice } from './invoice-data';\n\nexport type ICartActionFailureReason = 'EMPTYINPUT' | 'CARTACTIONFAILED';\nexport interface IAddInvoicesToCartFailureResult {\n    failureReason: ICartActionFailureReason;\n}\n\nexport const payInvoices = async (\n    invoices: IPayableInvoice[],\n    actionContext: IActionContext,\n    onError: (errorState: IInvoiceErrorState) => void\n) => {\n    const invoicesToAdd: string[] = invoices.filter(invoice => invoice.canBePaid).map(invoice => invoice.id);\n\n    if (!ArrayExtensions.hasElements(invoicesToAdd)) {\n        onError({ errorMessage: '', errorReason: { failureReason: 'EMPTYINPUT' } });\n        return;\n    }\n\n    const cartState = await getCartState(actionContext);\n    const result = await cartState.addInvoicesToCart({ invoiceIds: invoicesToAdd });\n\n    if (result.status !== 'SUCCESS') {\n        onError({\n            errorMessage: '',\n            errorReason: { failureReason: 'CARTACTIONFAILED' },\n            otherError: result.errorDetails?.LocalizedMessage,\n            errorCode: result.errorDetails?.ErrorResourceId\n        });\n        return;\n    }\n\n    const cartUrl = getUrlSync('cart', actionContext);\n    if (cartUrl) {\n        window?.location.assign(cartUrl);\n    }\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { EnumExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, Popover } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { IInvoiceStatusResources } from '../helpers/invoice-status';\n\nexport interface IInvoicesFilterResources extends IInvoiceStatusResources {\n    invoicesFilterShowAll: string;\n}\n\nexport interface IInvoicesFilterProps extends IComponentProps {\n    className: string;\n    disabled: boolean;\n\n    resources: IInvoicesFilterResources;\n\n    currentState: InvoicesFilterState;\n    onFilterStateChanged(state: InvoicesFilterState): void;\n}\n\nexport enum InvoicesFilterState {\n    ShowAll,\n    Paid,\n    PartiallyPaid,\n    Unpaid\n}\n\nconst getInvoicesFilterStateResources = (filterState: InvoicesFilterState, resources: IInvoicesFilterResources): string => {\n    switch (filterState) {\n        case InvoicesFilterState.ShowAll:\n            return resources.invoicesFilterShowAll;\n        case InvoicesFilterState.Paid:\n            return resources.invoiceStatusPaid;\n        case InvoicesFilterState.PartiallyPaid:\n            return resources.invoiceStatusPartiallyPaid;\n        case InvoicesFilterState.Unpaid:\n            return resources.invoiceStatusUnpaid;\n        default:\n            throw new Error('Failed to retrieve resource description for unknown invoices filter state.');\n    }\n};\n\n/**\n * On Click function.\n * @param onStateClick -Invoice filter state function.\n * @param filterState -Invoice filter state.\n * @returns Set Invoice filter state.\n */\nconst onClickHandler = (onStateClick: (filterState: InvoicesFilterState) => void, filterState: InvoicesFilterState) => () => {\n    onStateClick(filterState);\n};\n\nconst renderFilterStateItem = (\n    filterState: InvoicesFilterState,\n    resources: IInvoicesFilterResources,\n    className: string,\n    onStateClick: (filterState: InvoicesFilterState) => void\n): React.ReactNode => {\n    const stateStringRepresentation = InvoicesFilterState[filterState];\n\n    return (\n        <button className={`${className}__item__${stateStringRepresentation}`} onClick={onClickHandler(onStateClick, filterState)}>\n            {getInvoicesFilterStateResources(filterState, resources)}\n        </button>\n    );\n};\n\nconst InvoicesFilter: React.FC<IInvoicesFilterProps> = (props: IInvoicesFilterProps) => {\n    const popoverRef = React.createRef<HTMLButtonElement>();\n    const [popoverState, setPopoverState] = React.useState(false);\n    const togglePopover = React.useCallback(() => {\n        setPopoverState(!popoverState);\n    }, [popoverState]);\n\n    const [filterState, setFilterState] = React.useState(props.currentState);\n\n    const onFilterStateClick = (clickedState: InvoicesFilterState) => {\n        setFilterState(clickedState);\n        setPopoverState(false);\n        props.onFilterStateChanged(clickedState);\n    };\n\n    return (\n        <div className={props.className}>\n            <Button\n                className={`${props.className}__expand-filter-button`}\n                innerRef={popoverRef}\n                aria-expanded={popoverState}\n                aria-describedby={props.className}\n                onClick={togglePopover}\n                disabled={props.disabled}\n            >\n                {getInvoicesFilterStateResources(filterState, props.resources)}\n            </Button>\n            <Popover id={props.className} placement='bottom-end' isOpen={popoverState} target={popoverRef} toggle={togglePopover}>\n                {EnumExtensions.getEnumValues<InvoicesFilterState>(InvoicesFilterState).map(state => {\n                    return renderFilterStateItem(state, props.resources, props.className, onFilterStateClick);\n                })}\n            </Popover>\n        </div>\n    );\n};\n\nexport const InvoicesFilterComponent: React.FunctionComponent<IInvoicesFilterProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IInvoicesFilterProps\n>('InvoicesFilterComponent', { component: InvoicesFilter });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport classnames from 'classnames';\nimport React from 'react';\n\nexport interface IInvoicesTableHeaderResources {\n    invoicesText: string;\n    invoiceNumberText: string;\n    invoiceDateMobileText: string;\n    invoiceDateText: string;\n    invoiceUsersText: string;\n    invoiceAmountText: string;\n    invoiceDueDateText: string;\n    invoiceAmountDueText: string;\n    invoiceStatusText: string;\n    invoiceActionsText: string;\n    invoiceListSelectAllRadioAriaLabelText: string;\n}\n\nexport interface IInvoicesTableHeaderProps extends IComponentProps {\n    context: ICoreContext;\n    className: string;\n\n    isSelectedAll: boolean;\n    isMobile: boolean;\n    isAdmin: boolean;\n\n    resources: IInvoicesTableHeaderResources;\n\n    onSelectAll(isSelected: boolean): void;\n}\n\nexport interface IInvoicesTableHeaderComponent extends IComponent<IInvoicesTableHeaderProps> {}\n\nconst getDesktopHeaderCells = (props: IInvoicesTableHeaderProps, rowClassName: string, switchCheckedState: () => void) => {\n    const { resources } = props;\n    return (\n        <>\n            <th>\n                <label className={classnames(`${rowClassName}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${rowClassName}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        aria-label={resources.invoiceListSelectAllRadioAriaLabelText}\n                        aria-checked={props.isSelectedAll}\n                        checked={props.isSelectedAll}\n                        onChange={switchCheckedState}\n                    />\n                    <span className={classnames(`${rowClassName}__checkmark`, 'checkmark')} />\n                </label>\n            </th>\n            <th>{resources.invoiceNumberText}</th>\n            <th>{resources.invoiceDateText}</th>\n            <th>{resources.invoiceUsersText}</th>\n            <th>{resources.invoiceAmountText}</th>\n            <th>{resources.invoiceDueDateText}</th>\n            <th>{resources.invoiceAmountDueText}</th>\n            <th>{resources.invoiceStatusText}</th>\n            <th>{resources.invoiceActionsText}</th>\n        </>\n    );\n};\n\nconst getMobileHeaderCells = (props: IInvoicesTableHeaderProps, rowClassName: string, switchCheckedState: () => void) => {\n    const { resources } = props;\n    return (\n        <>\n            <th>\n                <label className={classnames(`${rowClassName}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${rowClassName}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        aria-checked={props.isSelectedAll}\n                        aria-label={resources.invoiceListSelectAllRadioAriaLabelText}\n                        checked={props.isSelectedAll}\n                        onChange={switchCheckedState}\n                    />\n                    <span className={classnames(`${rowClassName}__checkmark`, 'checkmark')} />\n                </label>\n            </th>\n            <th>{resources.invoicesText}</th>\n            <th>{resources.invoiceDateMobileText}</th>\n            <th />\n            {` `}\n            {/* Actions */}\n        </>\n    );\n};\n\nconst InvoicesTableHeader: React.FC<IInvoicesTableHeaderProps> = (props: IInvoicesTableHeaderProps): JSX.Element => {\n    const rowClassName = `${props.className}__row`;\n\n    const switchCheckedState = () => {\n        props.onSelectAll(!props.isSelectedAll);\n    };\n\n    let headerCells: JSX.Element;\n    if (props.isMobile) {\n        headerCells = getMobileHeaderCells(props, rowClassName, switchCheckedState);\n    } else {\n        headerCells = getDesktopHeaderCells(props, rowClassName, switchCheckedState);\n    }\n\n    return (\n        <thead className={props.className}>\n            <tr className={rowClassName}>{headerCells}</tr>\n        </thead>\n    );\n};\n\nexport const InvoicesTableHeaderComponent: React.FunctionComponent<IInvoicesTableHeaderProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IInvoicesTableHeaderComponent\n>('InvoicesTableHeaderComponent', { component: InvoicesTableHeader });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport MsDyn365, {\n    IComponent,\n    IComponentProps,\n    ICoreContext,\n    IDateFormatOptions,\n    isOboRequest,\n    msdyn365Commerce\n} from '@msdyn365-commerce/core';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { getInvoiceDetailsPageUrlSync, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, format } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { InvoiceModel } from '../../../helpers/invoice-data';\nimport { getInvoiceStatusText, IInvoiceStatusResources } from '../../../helpers/invoice-status';\nimport { IInvoiceErrorState } from '../../../invoices-list';\nimport { IPayInvoiceResources, PayInvoiceComponent } from '../../pay-invoice-component';\nimport { RequestInvoiceButton } from '../../request-invoice-button';\n\ninterface IInvoicesTableRowData {\n    invoice: InvoiceModel;\n    index: number;\n    customer: Customer;\n}\n\nexport interface IInvoicesTableRowResources extends IInvoiceStatusResources, IPayInvoiceResources {\n    invoiceCurrentUser: string;\n    invoiceViewDetailsButtonText: string;\n    invoiceViewDetailsButtonAriaLabel: string;\n    invoiceActionsButtonTextAriaLabel?: string;\n    invoiceActionsButtonIsOnBehalfOfTextAriaLabel?: string;\n    invoiceRequestButtonLabel: string;\n    invoiceListSelectRadioAriaLabelText: string;\n}\n\nexport interface IInvoicesTableRowProps extends IComponentProps<IInvoicesTableRowData> {\n    context: ICoreContext;\n    className: string;\n    isMobile: boolean;\n    invoiceReferences?: React.RefObject<HTMLButtonElement>;\n    payInvoiceReferences?: React.RefObject<HTMLButtonElement>;\n    resources: IInvoicesTableRowResources;\n\n    onChange(): void;\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n    onRequestInvoice?(invoice: InvoiceModel, requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>): void;\n}\n\nexport interface IInvoicesTableRowComponent extends IComponent<IInvoicesTableRowProps> {}\n\nconst formatAmount = (context: ICoreContext, amount: number | undefined, currencyCode: string | undefined) => {\n    if (amount === undefined) {\n        return '';\n    }\n    return context.cultureFormatter.formatCurrency(amount, currencyCode);\n};\n\nconst formatDate = (context: ICoreContext, date: Date | undefined) => {\n    if (date === undefined) {\n        return '';\n    }\n\n    const dateOptions: IDateFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };\n    return context.cultureFormatter.formatDate(date, dateOptions);\n};\n\n/**\n * Request specific invoice function.\n * @param props -Invoice table row props.\n * @param requestInvoiceButtonReference -Reference button.\n * @returns Call Request Invoice.\n */\nconst onRequestSpecificInvoice = (\n    props: IInvoicesTableRowProps,\n    requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>,\n    setShowActions: React.Dispatch<React.SetStateAction<boolean>>\n) => () => {\n    setShowActions(false);\n    props.onRequestInvoice!(props.data.invoice, requestInvoiceButtonReference);\n};\n\nconst getDesktopRowCells = (props: IInvoicesTableRowProps, onSelectLine: () => void) => {\n    const {\n        data: { invoice, customer }\n    } = props;\n\n    const isCurrentUser =\n        !StringExtensions.isNullOrWhitespace(customer.AccountNumber) && customer.AccountNumber === invoice.customerAccountNumber;\n\n    const linkToInvoiceDetails = getInvoiceDetailsPageUrlSync(props.data.invoice.id, props.context.actionContext);\n    const invoiceRowArialabel = format(props.resources.invoiceListSelectRadioAriaLabelText, invoice.id);\n    return (\n        <>\n            <td>\n                <label className={classnames(`${props.className}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${props.className}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        checked={invoice.isSelected}\n                        aria-label={invoiceRowArialabel}\n                        aria-checked={invoice.isSelected}\n                        onChange={onSelectLine}\n                    />\n                    <span className={classnames(`${props.className}__checkmark`, 'checkmark')} />\n                </label>\n            </td>\n            <td>\n                <a className={`${props.className}__open-invoice`} href={linkToInvoiceDetails}>\n                    {invoice.id}\n                </a>\n            </td>\n            <td>\n                <b>{formatDate(props.context, invoice.invoiceDate)}</b>\n            </td>\n            <td>\n                {invoice.customerName}\n                {isCurrentUser ? <b>{props.resources.invoiceCurrentUser}</b> : null}\n            </td>\n            <td>{formatAmount(props.context, invoice.amount, invoice.currencyCode)}</td>\n            <td>\n                <b>{formatDate(props.context, invoice.dueDate)}</b>\n            </td>\n            <td>{formatAmount(props.context, invoice.amountDue, invoice.currencyCode)}</td>\n            <td>\n                <b>{getInvoiceStatusText(props.resources, invoice.status)}</b>\n            </td>\n            <td>{extraActionsPopup(props)}</td>\n        </>\n    );\n};\n\nlet setShowPreviousActions: React.Dispatch<React.SetStateAction<boolean>> | undefined;\n\n/**\n * On Click view details function.\n * @param linkToInvoiceDetails -Link to invoice details.\n * @returns Go to invoice details.\n */\nconst onClickViewDetails = (linkToInvoiceDetails: string) => () => {\n    if (MsDyn365.isBrowser) {\n        window.location.href = linkToInvoiceDetails;\n    }\n    return;\n};\n\n/**\n * Toggle function.\n * @param isShowActions -Link to invoice details.\n * @param setShowActions -Link to invoice details.\n * @returns Go to invoice details.\n */\nconst toggle = (isShowActions: boolean, setShowActions: React.Dispatch<React.SetStateAction<boolean>>) => () => {\n    const shouldShowActions = !isShowActions;\n    if (shouldShowActions) {\n        if (setShowPreviousActions) {\n            setShowPreviousActions(false);\n        }\n        setShowActions(shouldShowActions);\n        setShowPreviousActions = setShowActions;\n    } else {\n        setShowPreviousActions = undefined;\n        setShowActions(shouldShowActions);\n    }\n};\n\nfunction useOutsideClick(refinerRefernce: React.RefObject<HTMLElement>, toggle: (event: Event | MouseEvent) => void) {\n    function handleClickOutside(event: Event | MouseEvent) {\n        if (refinerRefernce.current && !refinerRefernce.current.contains(event.target as Node)) {\n            toggle(event);\n        }\n    }\n\n    React.useEffect(() => {\n        if (MsDyn365.isBrowser) {\n            document.addEventListener('mousedown', handleClickOutside);\n        }\n        return () => {\n            if (MsDyn365.isBrowser) {\n                document.removeEventListener('mousedown', handleClickOutside);\n            }\n        };\n    }, [refinerRefernce, toggle]);\n}\n\nconst extraActionsPopup = (props: IInvoicesTableRowProps): JSX.Element | null => {\n    const {\n        resources: {\n            invoiceViewDetailsButtonAriaLabel,\n            invoiceViewDetailsButtonText,\n            invoiceActionsButtonTextAriaLabel,\n            invoiceActionsButtonIsOnBehalfOfTextAriaLabel\n        },\n        data: { index }\n    } = props;\n\n    const [showActions, setShowActions] = useState(false);\n    const isOnBehalfOfRequest = isOboRequest(props.context.request);\n\n    const linkToInvoiceDetails = getInvoiceDetailsPageUrlSync(props.data.invoice.id, props.context.actionContext);\n\n    const className = `${props.className}__extra-actions-cell`;\n    const actionsContainerClassName = `${className}__actions-container`;\n    const payInvoiceClassName = `${actionsContainerClassName}__pay-invoice`;\n    const wrapperRefiner = React.useRef(null);\n    useOutsideClick(wrapperRefiner, toggle(showActions && !isOnBehalfOfRequest, setShowActions));\n    return (\n        <div className={className}>\n            <Button\n                className={`${className}__toggle`}\n                aria-label={isOnBehalfOfRequest ? invoiceActionsButtonIsOnBehalfOfTextAriaLabel : invoiceActionsButtonTextAriaLabel}\n                onClick={toggle(showActions && !isOnBehalfOfRequest, setShowActions)}\n                disabled={isOnBehalfOfRequest}\n            />\n            {showActions && !isOnBehalfOfRequest && (\n                <div className={actionsContainerClassName} ref={wrapperRefiner}>\n                    <Button\n                        className={`${actionsContainerClassName}__view-details`}\n                        onClick={onClickViewDetails(linkToInvoiceDetails)}\n                        aria-label={invoiceViewDetailsButtonAriaLabel}\n                    >\n                        {invoiceViewDetailsButtonText}\n                    </Button>\n                    <PayInvoiceComponent\n                        id={`${payInvoiceClassName}-${index}`}\n                        className={payInvoiceClassName}\n                        typeName={props.typeName}\n                        context={props.context}\n                        resources={props.resources}\n                        data={{ invoice: props.data.invoice }}\n                        onError={props.onError}\n                        reference={props.payInvoiceReferences}\n                    />\n                    <RequestInvoiceButton\n                        innerReference={props.invoiceReferences}\n                        className={actionsContainerClassName}\n                        requestInvoiceButtonLabel={props.resources.invoiceRequestButtonLabel}\n                        onClicked={onRequestSpecificInvoice(props, props.invoiceReferences!, setShowActions)}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst getMobileRowCells = (props: IInvoicesTableRowProps, onSelectLine: () => void) => {\n    const {\n        data: { invoice }\n    } = props;\n\n    const linkToInvoiceDetails = getInvoiceDetailsPageUrlSync(props.data.invoice.id, props.context.actionContext);\n    const invoiceRowArialabel = format(props.resources.invoiceListSelectRadioAriaLabelText, invoice.id);\n\n    return (\n        <>\n            <td>\n                <label className={classnames(`${props.className}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${props.className}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        checked={invoice.isSelected}\n                        aria-label={invoiceRowArialabel}\n                        aria-checked={invoice.isSelected}\n                        onChange={onSelectLine}\n                    />\n                    <span className={classnames(`${props.className}__checkmark`, 'checkmark')} />\n                </label>\n            </td>\n            <td>\n                <a className={`${props.className}__open-invoice`} href={linkToInvoiceDetails}>\n                    {invoice.id}\n                </a>\n                <br />\n                <b>{invoice.customerName}</b>\n            </td>\n            <td>\n                <b>{formatDate(props.context, invoice.dueDate)}</b>\n                <br />\n                <span>{getInvoiceStatusText(props.resources, invoice.status)}</span>\n            </td>\n            <td>{extraActionsPopup(props)}</td>\n        </>\n    );\n};\n\nconst InvoicesTableRow: React.FC<IInvoicesTableRowProps> = (props: IInvoicesTableRowProps): JSX.Element => {\n    const {\n        data: { invoice }\n    } = props;\n\n    const onSelectLine = () => {\n        invoice.isSelected = !invoice.isSelected;\n        props.onChange();\n    };\n\n    let rowCells: JSX.Element;\n    if (props.isMobile) {\n        rowCells = getMobileRowCells(props, onSelectLine);\n    } else {\n        rowCells = getDesktopRowCells(props, onSelectLine);\n    }\n\n    return <tr className={props.className}>{rowCells}</tr>;\n};\n\nexport const InvoicesTableRowComponent: React.FunctionComponent<IInvoicesTableRowProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IInvoicesTableRowComponent\n>('InvoicesTableRowComponent', { component: InvoicesTableRow });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { InvoicePaidStatus } from '@msdyn365-commerce/retail-proxy';\n\nexport interface IInvoiceStatusResources {\n    invoiceStatusNone: string;\n    invoiceStatusUnpaid: string;\n    invoiceStatusPartiallyPaid: string;\n    invoiceStatusPaid: string;\n}\n\nexport const getInvoiceStatusText = (resources: IInvoiceStatusResources, invoiceStatus: InvoicePaidStatus | undefined) => {\n    switch (invoiceStatus) {\n        case InvoicePaidStatus.None:\n            return resources.invoiceStatusNone;\n\n        case InvoicePaidStatus.Unpaid:\n            return resources.invoiceStatusUnpaid;\n\n        case InvoicePaidStatus.PartiallyPaid:\n            return resources.invoiceStatusPartiallyPaid;\n\n        case InvoicePaidStatus.Paid:\n            return resources.invoiceStatusPaid;\n        default:\n            return '';\n    }\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport React, { useState } from 'react';\n\nimport { InvoiceModel } from '../../helpers/invoice-data';\nimport { IInvoiceErrorState } from '../../invoices-list';\nimport { IInvoicesTableHeaderResources, InvoicesTableHeaderComponent } from './components/invoices-table-header-component';\nimport { IInvoicesTableRowResources, InvoicesTableRowComponent } from './components/invoices-table-row-component';\n\ninterface IInvoicesTableData {\n    invoices: InvoiceModel[];\n    customer: Customer;\n}\n\nexport interface IInvoicesTableResources extends IInvoicesTableHeaderResources, IInvoicesTableRowResources {}\n\nexport interface IInvoicesTableProps extends IComponentProps<IInvoicesTableData> {\n    context: ICoreContext;\n    className: string;\n    invoiceButtonReferences?: React.RefObject<HTMLButtonElement>[];\n    payInvoiceButtonReferences?: React.RefObject<HTMLButtonElement>[];\n    resources: IInvoicesTableResources;\n\n    onChange(): void;\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n    onRequestInvoice(invoice: InvoiceModel, requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>): void;\n}\n\nexport interface IInvoicesTableComponent extends IComponent<IInvoicesTableProps> {}\n\ntype GridSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nconst getViewport = (context: ICoreContext): GridSize => {\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 (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    return 'xs';\n};\n\nconst isMobileView = (context: ICoreContext) => {\n    const viewport = getViewport(context);\n    return viewport === 'xs' || viewport === 'sm';\n};\n\n/**\n * On select all function.\n * @param props -Invoice table props.\n * @returns On change.\n */\nconst onSelectAllHandler = (props: IInvoicesTableProps) => (isSelected: boolean) => {\n    props.data.invoices.forEach(invoice => {\n        invoice.isSelected = isSelected;\n    });\n    props.onChange();\n};\n\nconst InvoicesTable: React.FC<IInvoicesTableProps> = (props: IInvoicesTableProps): JSX.Element => {\n    const [isMobile, setIsMobile] = useState(isMobileView(props.context));\n\n    const updateViewport = () => {\n        setIsMobile(isMobileView(props.context));\n    };\n\n    if (typeof window !== undefined && window.addEventListener) {\n        window.addEventListener('resize', updateViewport);\n    }\n    const rowClassName = `${props.className}__row`;\n    const headerClassName = `${props.className}__header`;\n\n    return (\n        <table className={props.className}>\n            <InvoicesTableHeaderComponent\n                context={props.context}\n                typeName={props.typeName}\n                id={headerClassName}\n                className={headerClassName}\n                isSelectedAll={ArrayExtensions.all(props.data.invoices, (invoice: InvoiceModel) => invoice.isSelected)}\n                isMobile={isMobile}\n                isAdmin={props.data.customer.IsB2bAdmin || false}\n                onSelectAll={onSelectAllHandler(props)}\n                resources={props.resources}\n                data={{}}\n            />\n            {props.data.invoices.map((invoice, index: number) => {\n                return (\n                    <InvoicesTableRowComponent\n                        context={props.context}\n                        typeName={props.typeName}\n                        id={`${rowClassName}-${index}`}\n                        key={index}\n                        className={rowClassName}\n                        resources={props.resources}\n                        data={{ invoice, index, customer: props.data.customer }}\n                        onChange={props.onChange}\n                        isMobile={isMobile}\n                        onError={props.onError}\n                        invoiceReferences={props.invoiceButtonReferences && props.invoiceButtonReferences[Number(index)]}\n                        payInvoiceReferences={props.payInvoiceButtonReferences && props.payInvoiceButtonReferences[Number(index)]}\n                        onRequestInvoice={props.onRequestInvoice}\n                    />\n                );\n            })}\n        </table>\n    );\n};\n\nexport const InvoicesTableComponent: React.FunctionComponent<IInvoicesTableProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IInvoicesTableComponent\n>('InvoicesTableComponent', { component: InvoicesTable });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponent, IComponentProps, ICoreContext, ITelemetry, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport React, { useState } from 'react';\n\nimport { InvoiceModel } from '../helpers/invoice-data';\nimport { payInvoices } from '../helpers/pay-invoices';\nimport { IInvoiceErrorState } from '../invoices-list';\n\ninterface IMakePaymentData {\n    invoices: InvoiceModel[];\n}\n\nexport interface IMakePaymentResources {\n    makePaymentButtonText: string;\n    makePaymentButtonAriaLabel: string;\n}\n\nexport interface IMakePaymentProps extends IComponentProps<IMakePaymentData> {\n    context: ICoreContext;\n    itemKey?: string;\n    telemetry: ITelemetry;\n    moduleId: string;\n    moduleTypeName: string;\n    telemetryContent?: ITelemetryContent;\n    navigationUrl?: string;\n    buttonReferences?: React.RefObject<HTMLButtonElement>;\n    resources: IMakePaymentResources;\n    disabled?: boolean;\n\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n}\n\nexport interface IMakePaymentComponent extends IComponent<IMakePaymentProps> {}\n\nconst onClick = async (\n    _event: React.MouseEvent<HTMLElement>,\n    props: IMakePaymentProps,\n    setDisabled: (disabled: boolean) => void\n): Promise<void> => {\n    setDisabled(true);\n\n    const propagateError = (errorState: IInvoiceErrorState): void => {\n        if (props.onError) {\n            props.onError(errorState, props.buttonReferences);\n        }\n        setDisabled(false);\n    };\n\n    await payInvoices(props.data.invoices, props.context.actionContext, propagateError);\n};\n\nconst MakePaymentComponentActions = {\n    onClick\n};\n\n/**\n * On Click function.\n * @param input -Make payment props.\n * @param setDisabled -Set Disabled.\n * @returns Make payment component on click.\n */\nconst onClickHandler = (input: IMakePaymentProps, setDisabled: React.Dispatch<React.SetStateAction<boolean>>) => async (\n    event: React.MouseEvent<HTMLElement>\n) => {\n    await MakePaymentComponentActions.onClick(event, input, setDisabled);\n};\n\nconst MakePayment: React.FC<IMakePaymentProps> = (input: IMakePaymentProps): JSX.Element => {\n    const {\n        data: { invoices }\n    } = input;\n    // Added condition to enable MakePayment button only if can be paid invoice is selected\n    const hasInvoices =\n        ArrayExtensions.hasElements(invoices.filter(invoice => invoice.canBePaid)) &&\n        ArrayExtensions.hasElements(invoices.filter(invoice => invoice.isSelected));\n    const [disabled, setDisabled] = useState<boolean>(false);\n\n    return (\n        <Button\n            aria-label={input.resources.makePaymentButtonAriaLabel}\n            onClick={onClickHandler(input, setDisabled)}\n            disabled={!hasInvoices || disabled || input.disabled}\n            className={input.id}\n            innerRef={input.buttonReferences}\n        >\n            {input.resources.makePaymentButtonText}\n        </Button>\n    );\n};\n\n// @ts-expect-error\nexport const MakePaymentComponent: React.FunctionComponent<IMakePaymentProps> = msdyn365Commerce.createComponent<IMakePaymentComponent>(\n    'MakePayment',\n    { component: MakePayment }\n);\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { InvoicePaidStatus, OrderInvoice } from '@msdyn365-commerce/retail-proxy';\n\nexport interface IPayableInvoice {\n    readonly id: string;\n    readonly canBePaid: boolean;\n}\n\n/**\n * Represents invoice data model.\n */\nexport class InvoiceModel implements IPayableInvoice {\n    public id: string;\n\n    public invoiceDate?: Date;\n\n    public customerAccountNumber?: string;\n\n    public customerName?: string;\n\n    public amount?: number;\n\n    public dueDate?: Date;\n\n    public amountDue?: number;\n\n    public status?: InvoicePaidStatus;\n\n    public currencyCode?: string;\n\n    public isSelected: boolean;\n\n    public constructor(invoice: OrderInvoice) {\n        this.id = invoice.Id || '';\n        this.invoiceDate = invoice.InvoiceDate ? new Date(invoice.InvoiceDate) : undefined;\n        this.customerAccountNumber = invoice.CustomerAccountNumber;\n        this.customerName = invoice.CustomerName;\n        this.amount = invoice.TotalAmount;\n        this.dueDate = invoice.InvoiceDueDate ? new Date(invoice.InvoiceDueDate) : undefined;\n        this.amountDue = invoice.AmountBalance;\n        this.status = invoice.InvoicePaidStatusValue;\n        this.currencyCode = invoice.CurrencyCode;\n\n        this.isSelected = false;\n    }\n\n    public get canBePaid(): boolean {\n        return this.status !== InvoicePaidStatus.Paid;\n    }\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\ninterface IRequestInvoiceButtonProps {\n    innerReference?: React.RefObject<HTMLButtonElement>;\n    className: string;\n    requestInvoiceButtonLabel: string;\n    onClicked(): void;\n}\n\nexport const RequestInvoiceButton: React.FC<IRequestInvoiceButtonProps> = ({\n    className,\n    onClicked,\n    requestInvoiceButtonLabel,\n    innerReference\n}) => {\n    return (\n        <Button className={`${className}__requestInvoiceButton`} onClick={onClicked} innerRef={innerReference}>\n            {requestInvoiceButtonLabel}\n        </Button>\n    );\n};\n"],"names":["onSubmitRequestClick","onClosing","filteredInvoices","onSubmitRequest","checkboxRef","closingFlag","map","invoice","index","_inputInvoice$current","current","Number","checked","id","length","searchInputChangedHandler","setSearchInput","event","target","value","onCancelHandler","toggle","renderInvoiceOptions","setSelectedInvoiceIndex","className","_invoice","i","_checkboxRef$current$","React","onInvoiceSelect","onInvoiceSelectHandler","checkboxId","checkboxName","key","type","name","ref","isSelected","undefined","onChange","htmlFor","RequestInvoiceModal","_ref","email","isModalOpen","modalHeaderLabel","sendToEmailLabel","submitRequestLabel","cancelLabel","invoices","searchPlaceholderLabel","invoicesFoundString","singleInvoiceFoundString","searchButtonAltText","resources","selectedInvoiceIndex","setFilteredInvoices","searchInput","shouldShowSearchResults","setShouldShowSearchResults","invoiceOptionsData","invoiceOptions","setInvoiceOptions","focusElement","setTimeout","_focusElement$current","focus","searchEntered","searchEnteredHandler","updatedInvoices","StringExtensions","isNullOrEmpty","filter","toLocaleUpperCase","includes","ArrayExtensions","hasElements","searchResultString","invoicesFoundReplaceIndex","indexOf","Modal","classnames","isOpen","horizontalPosition","verticalPosition","autoFocus","fade","onOpened","setFilteredInvoicesToSelectedInvoices","selectedInvoices","requestInvoiceDialogAriaLabel","ModalHeader","tag","ModalBody","role","substring","placeholder","onClick","title","ModalFooter","InvoicesList","constructor","props","super","_className","buttonChildReference","buttonChildPayButtonReference","invoiceIds","_onDismiss","this","setState","_onToggleInvoiceRequestParentModal","selectedButtonElement","payInvoiceRequestReference","_onToggleInvoiceRequestModal","_queryResultSettings","QueryResultSettingsProxy","fromModuleData","context","request","config","QueryResultSettings","makePaymentReference","_updateInvoicesState","bind","_onAddToCartFailed","_handleFilterStateChange","_loadMoreInvoices","_requestInvoice","_requestSpecificInvoice","_setPayInvoiceErrorModalClose","state","invoicesFilterState","InvoicesFilterState","ShowAll","isLoading","isPageLoaded","errorState","errorMessage","isInvoiceRequestModalOpen","payInvoiceErrorModalOpen","shouldComponentUpdate","nextProps","nextState","data","render","_customerBalance$resu","_customerBalance$resu2","_heading$text","heading","channel","cultureFormatter","formatCurrency","currencyCode","customerBalance","invoicesListTitle","invoicesListDescTitle","invoicesListDescCount","amountText","result","OpenInvoiceBalance","toFixed","Currency","totalCount","OpenInvoiceCount","countText","replace","toString","invoicesListTitleHeading","text","headerClassName","header","Heading","viewProps","_objectSpread","moduleProps","invoiceRequestModal","_renderInvoiceRequestModal","_renderInvoicesFilter","pagination","_renderPagination","content","_renderListContainer","_renderEmptyInvoiceLinesPageContent","renderView","customer","invoicesData","_initializeWithInvoices","reaction","async","_this$props$data$b2bU","callerContext","actionContext","b2bUserId","b2bUserInformation","B2BUserId","invoiceId","BusinessPartnerUsersDataActions","BusinessPartnerOperationDeliveryType","Email","InvoiceModel","_addInvoices","newInvoices","concat","containerClass","actionsContainerClass","invoiceEmptyInvoiceLinesTitle","invoiceEmptyInvoiceLinesDescription","Button","invoiceEmptyInvoiceLinesContinueShoppingButtonAriaLabel","href","getUrlSync","invoiceEmptyInvoiceLinesContinueShoppingButtonText","containerHeaderClass","containerContentClass","isOnBehalfOfRequest","isOboRequest","_renderMakePayment","_renderInvoiceRequestButton","_renderInvoiceErrors","_renderInvoicesList","searchCriteria","businessPartner","getCurrentAsync","BusinessPartnerId","getCustomer","GetCustomerInput","requestContext","apiSettings","CustomerId","AccountNumber","InvoicePaidStatusValues","InvoicePaidStatus","None","Paid","PartiallyPaid","Unpaid","Error","_getInvoicesSearchCriteria","Paging","Skip","getInvoices","GetInvoicesInput","filterClassName","_renderInvoiceInCartPaymentMessage","InvoicesFilterComponent","typeName","currentState","onFilterStateChanged","disabled","tableClassName","InvoicesTableComponent","invoiceButtonReferences","payInvoiceButtonReferences","onError","onRequestInvoice","newErrorState","reference","_newErrorState$errorR","errorHost","errorReason","failureReason","invoiceErrorInvoiceIdNotExist","invoiceErrorFailedAddInvoiceToCart","shouldShowAdditionalInfoInPopup","errorCode","makePaymentResources","makePaymentButtonText","makePaymentButtonAriaLabel","_getSelectedInvoices","MakePaymentComponent","telemetry","moduleId","moduleTypeName","navigationUrl","buttonReferences","_this$state$selectedB","payInvoiceErrorDialogHeader","payInvoiceErrorDialogBodyErrorTitle","payInvoiceErrorDialogBodyErrorDescription","payInvoiceErrorDialogFooterGoToCartButtonText","payInvoiceErrorDialogFooterCancelButtonText","cartUrl","errorClassName","InvoiceErrorComponent","messageHeader","invoiceErrorMessageHeader","otherError","showError","errorDialogHeader","errorDialogBodyErrorTitle","errorDialogBodyErrorDescription","errorDialogFooterGoToCartButtonText","errorDialogFooterCancelButtonText","setPayInvoiceErrorModalClose","_this$props$data$cart","cart","hasInvoiceLine","Alert","invoiceInCartPaymentMessage","_data$invoices","Top","invoicesLoadMore","invoiceRequestModalCancelLabel","invoiceRequestModalSubmitLabel","invoiceRequestModalHeaderLabel","invoiceRequestModalSendToEmailLabel","invoiceRequestModalSearch","invoiceRequestModalInvoiceSearchDisplay","invoiceRequestModalSingleInvoiceSearchDisplay","invoiceRequestModalSearchButton","_this$state$selectedB2","invoiceRequestButtonLabel","isNullOrWhitespace","RequestInvoiceButton","innerReference","requestInvoiceButtonLabel","onClicked","push","specificInvoice","requestInvoiceButtonReference","forEach","__decorate","observer","InvoiceListView","Module","Object","assign","msdyn365Commerce","createComponent","component","errorMessages","color","assertive","message","PayInvoiceComponentActions","_event","setDisabled","payInvoices","onClickHandler","PayInvoiceComponent","useState","innerRef","payInvoiceButtonAriaLabel","canBePaid","payInvoiceButtonText","invoicesToAdd","cartState","getCartState","addInvoicesToCart","_result$errorDetails","_result$errorDetails2","status","errorDetails","LocalizedMessage","ErrorResourceId","_window","window","location","getInvoicesFilterStateResources","filterState","invoicesFilterShowAll","invoiceStatusPaid","invoiceStatusPartiallyPaid","invoiceStatusUnpaid","onStateClick","popoverRef","popoverState","setPopoverState","togglePopover","setFilterState","onFilterStateClick","clickedState","Popover","placement","EnumExtensions","getEnumValues","renderFilterStateItem","stateStringRepresentation","InvoicesTableHeaderComponent","rowClassName","switchCheckedState","onSelectAll","isSelectedAll","headerCells","isMobile","getMobileHeaderCells","invoiceListSelectAllRadioAriaLabelText","invoicesText","invoiceDateMobileText","getDesktopHeaderCells","invoiceNumberText","invoiceDateText","invoiceUsersText","invoiceAmountText","invoiceDueDateText","invoiceAmountDueText","invoiceStatusText","invoiceActionsText","formatAmount","amount","formatDate","date","year","month","day","onRequestSpecificInvoice","setShowActions","setShowPreviousActions","onClickViewDetails","linkToInvoiceDetails","MsDyn365","isBrowser","isShowActions","shouldShowActions","extraActionsPopup","invoiceViewDetailsButtonAriaLabel","invoiceViewDetailsButtonText","invoiceActionsButtonTextAriaLabel","invoiceActionsButtonIsOnBehalfOfTextAriaLabel","showActions","getInvoiceDetailsPageUrlSync","actionsContainerClassName","payInvoiceClassName","wrapperRefiner","refinerRefernce","handleClickOutside","contains","document","addEventListener","removeEventListener","useOutsideClick","payInvoiceReferences","invoiceReferences","InvoicesTableRowComponent","onSelectLine","rowCells","getMobileRowCells","invoiceRowArialabel","format","invoiceListSelectRadioAriaLabelText","customerName","dueDate","getInvoiceStatusText","getDesktopRowCells","isCurrentUser","customerAccountNumber","invoiceDate","invoiceCurrentUser","amountDue","invoiceStatus","invoiceStatusNone","isMobileView","viewport","device","Type","innerWidth","gridSettings","xs","w","sm","md","lg","getViewport","onSelectAllHandler","setIsMobile","updateViewport","all","isAdmin","IsB2bAdmin","MakePaymentComponentActions","input","hasInvoices","Id","InvoiceDate","Date","CustomerAccountNumber","CustomerName","TotalAmount","InvoiceDueDate","AmountBalance","InvoicePaidStatusValue","CurrencyCode"],"sourceRoot":""}