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