{"version":3,"file":"static/js/4.53ce99d463349f78bee2.chunk.js","mappings":"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","sources":["webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoice-details/components/invoice-details-header.tsx?a6c6","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoice-details/components/invoice-details-payment-summary.tsx?3434","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoice-details/components/invoice-details-products.tsx?8f29","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoice-details/helpers/invoice-data.ts?608f","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoice-details/invoice-details.tsx?b51a","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoice-details/invoice-details.view.tsx?3784","webpack://@msdyn365-commerce-partners/fabrikam/./src/invoice-summary-lineitem.tsx?5f61","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/invoice-error-component.tsx?2ff9","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/invoices-filter-component.tsx?5fd4","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/invoices-table/components/invoices-table-header-component.tsx?f5e1","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/invoices-table/components/invoices-table-row-component.tsx?48db","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/invoices-table/invoices-table-component.tsx?9790","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/make-payment-component.tsx?1427","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/pay-invoice-component.tsx?6f61","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/request-invoice-button.tsx?9eb0","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/helpers/invoice-data.ts?00b1","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/helpers/invoice-status.ts?5841","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/helpers/pay-invoices.ts?30c0","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/components/request-invoice-modal.tsx?f9b5","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/invoices-list.tsx?2d55","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/invoices-list/invoices-list.view.tsx?8b51"],"sourcesContent":["/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, IDateFormatOptions, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { IPayInvoiceResources, PayInvoiceComponent } from '@msdyn365-commerce-modules/invoice';\nimport React from 'react';\n\nimport { InvoiceDetailsModel } from '../helpers/invoice-data';\n\nexport interface IInvoiceDetailsHeaderData {\n    invoiceDetails: InvoiceDetailsModel;\n}\n\nexport interface IInvoiceDetailsHeaderResources extends IPayInvoiceResources {\n    invoiceOrderItem: string;\n    invoiceOrderItems: string;\n    invoiceIdLabel: string;\n    invoicePlacedByLabel: string;\n    invoiceAmountDueText: string;\n    invoicePaymentDueDateText: string;\n}\n\nexport interface IInvoiceDetailsHeaderProps extends IComponentProps<IInvoiceDetailsHeaderData> {\n    context: ICoreContext;\n    className: string;\n    resources: IInvoiceDetailsHeaderResources;\n    onError?(): void;\n}\n\nexport interface IInvoiceDetailsHeaderComponent extends IComponent<IInvoiceDetailsHeaderProps> {\n}\n\nconst formatShortDate = (context: ICoreContext, date: Date | undefined) => {\n    if (date === undefined) {\n        return '';\n    }\n    const dateOptions: IDateFormatOptions = { year: 'numeric', month: 'numeric', day: 'numeric' };\n    return context.cultureFormatter.formatDate(date, dateOptions);\n};\n\nconst formatLongDate = (context: ICoreContext, date: Date | undefined) => {\n    if (date === undefined) {\n        return '';\n    }\n    const dateOptions: IDateFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };\n    return context.cultureFormatter.formatDate(date, dateOptions);\n};\n\nconst formatAmount = (context: ICoreContext, amount: number | undefined, currencyCode: string | undefined) => {\n    if (amount === undefined) {\n        return '';\n    }\n    return context.cultureFormatter.formatCurrency(amount, currencyCode);\n};\n\nconst InvoiceDetailsHeader: React.FC<IInvoiceDetailsHeaderProps> = (props: IInvoiceDetailsHeaderProps): JSX.Element => {\n    const { className, data: { invoiceDetails }, resources, onError } = props;\n\n    const invoiceNumberText = resources.invoiceIdLabel.replace('{0}', invoiceDetails.id);\n\n    const invoiceOrderItemsText = invoiceDetails.lines.length === 1 ? resources.invoiceOrderItem : resources.invoiceOrderItems.replace('{0}', invoiceDetails.lines.length.toString());\n\n    const invoiceInfoContainerClassName = `${className}__invoice-info-container`;\n    const orderInfoContainerClassName = `${invoiceInfoContainerClassName}__order-info-container`;\n    const orderInfoClassName = `${orderInfoContainerClassName}__order-info`;\n    const orderMainInfoClassName = `${orderInfoClassName}__main-info`;\n    const orderDetailsClassName = `${orderInfoClassName}__details`; `${className}__actions`;\n    const actionsClassName = `${className}__actions`;\n    const amountSummaryClassName = `${invoiceInfoContainerClassName}__amount-summary`;\n    const orderDate = formatShortDate(props.context, invoiceDetails.invoiceDate);\n\n    const dueDate = formatLongDate(props.context, invoiceDetails.dueDate);\n    const dueDateText = resources.invoicePaymentDueDateText.replace('{0}', dueDate);\n\n    return (\n        <div className={className}>\n            <div className={`${className}__invoice-id`}>\n                {invoiceNumberText}\n            </div>\n            <div className={invoiceInfoContainerClassName}>\n                <div className={orderInfoContainerClassName}>\n                    <div className={orderInfoClassName}>\n                        <div className={`${orderMainInfoClassName}`}>\n                            <div className={`${orderMainInfoClassName}__order-placed-by`}>\n                                {resources.invoicePlacedByLabel}\n                                <b>\n                                    {invoiceDetails.customerName}\n                                </b>\n                            </div>\n                        </div>\n                        <div className={orderDetailsClassName}>\n                            <div className={`${orderDetailsClassName}__order-date`}>\n                                {orderDate}\n                            </div>\n                            <div className={`${orderDetailsClassName}__order-items-count`}>\n                                {invoiceOrderItemsText}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div className={amountSummaryClassName}>\n                    <div className={`${amountSummaryClassName}__amount-due-text`}>\n                        {resources.invoiceAmountDueText}\n                    </div>\n                    <div className={`${amountSummaryClassName}__amount-due-amount`}>\n                        {formatAmount(props.context, invoiceDetails.amountDue, invoiceDetails.currencyCode)}\n                    </div>\n                    <div className={`${amountSummaryClassName}__amount-due-date`}>\n                        {dueDateText}\n                    </div>\n                </div>\n            </div>\n            <div className={actionsClassName}>\n                <PayInvoiceComponent\n                    context={props.context}\n                    className={`${actionsClassName}__pay-invoice`}\n                    resources={props.resources}\n                    id={`${actionsClassName}__${invoiceDetails.id}`}\n                    typeName={props.typeName}\n                    data={{ invoice: invoiceDetails }}\n                    onError={onError}\n                />\n            </div>\n        </div>\n    );\n};\n\n// @ts-expect-error\nexport const InvoiceDetailsHeaderComponent: React.FunctionComponent<IInvoiceDetailsHeaderProps> = msdyn365Commerce.createComponent<IInvoiceDetailsHeaderComponent>(\n    'InvoiceDetailsHeaderComponent',\n    { component: InvoiceDetailsHeader }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { ArrayExtensions, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { IInvoicePaymentDetails } from '../helpers/invoice-data';\n\nexport interface IInvoiceDetailsPaymentDetailsData {\n    invoicePaymentDetails: IInvoicePaymentDetails;\n}\n\nexport interface IInvoiceDetailsPaymentDetailsResources {\n    invoicePaymentDiscounts: string;\n    invoicePaymentSubtotal: string;\n    invoicePaymentCharges: string;\n    invoicePaymentTax: string;\n    invoicePaymentInvoiceTotal: string;\n}\n\nexport interface IInvoiceDetailsPaymentDetailsProps extends IComponentProps<IInvoiceDetailsPaymentDetailsData> {\n    context: ICoreContext;\n    className: string;\n    resources: IInvoiceDetailsPaymentDetailsResources;\n}\n\nexport interface IInvoiceDetailsPaymentDetailsComponent extends IComponent<IInvoiceDetailsPaymentDetailsProps> {\n}\n\ninterface IInvoicePaymentLineProps {\n    label: string;\n    value: number;\n    className: string;\n}\n\nconst InvoiceDetailsPaymentDetails: React.FC<IInvoiceDetailsPaymentDetailsProps> = (props: IInvoiceDetailsPaymentDetailsProps): JSX.Element | null => {\n    const { className, data: { invoicePaymentDetails }, resources } = props;\n\n    const lineClassName = `${className}__line`;\n\n    const lines: IInvoicePaymentLineProps[] = [];\n    if (!ObjectExtensions.isNullOrUndefined(invoicePaymentDetails.totalDiscount)) {\n        lines.push({\n            label: resources.invoicePaymentDiscounts,\n            value: invoicePaymentDetails.totalDiscount,\n            className: `${lineClassName}-total-discount`\n        });\n    }\n    if (!ObjectExtensions.isNullOrUndefined(invoicePaymentDetails.subtotal)) {\n        lines.push({\n            label: resources.invoicePaymentSubtotal,\n            value: invoicePaymentDetails.subtotal,\n            className: `${lineClassName}-subtotal`\n        });\n    }\n    if (!ObjectExtensions.isNullOrUndefined(invoicePaymentDetails.totalCharges)) {\n        lines.push({\n            label: resources.invoicePaymentCharges,\n            value: invoicePaymentDetails.totalCharges,\n            className: `${lineClassName}-total-charges`\n        });\n    }\n    if (!ObjectExtensions.isNullOrUndefined(invoicePaymentDetails.totalTax)) {\n        lines.push({\n            label: resources.invoicePaymentTax,\n            value: invoicePaymentDetails.totalTax,\n            className: `${lineClassName}-total-tax`\n        });\n    }\n    if (!ObjectExtensions.isNullOrUndefined(invoicePaymentDetails.totalAmount)) {\n        lines.push({\n            label: resources.invoicePaymentInvoiceTotal,\n            value: invoicePaymentDetails.totalAmount,\n            className: `${lineClassName}-total-amount`\n        });\n    }\n\n    if (!ArrayExtensions.hasElements(lines)) {\n        return null;\n    }\n\n    return (\n        <div className={className}>\n            {\n                lines.map(line => {\n                    return (\n                        <div className={classnames(line.className, lineClassName)} key={line.label}>\n                            <div className={`${lineClassName}__label`}>\n                                {line.label}\n                            </div>\n                            <div className={`${lineClassName}__value`}>\n                                {props.context.cultureFormatter.formatCurrency(line.value, invoicePaymentDetails.currencyCode)}\n                            </div>\n                        </div>\n                    );\n                })\n            }\n        </div>\n    );\n};\n\n// @ts-expect-error\nexport const InvoiceDetailsPaymentDetailsComponent: React.FunctionComponent<IInvoiceDetailsPaymentDetailsProps> = msdyn365Commerce.createComponent<IInvoiceDetailsPaymentDetailsComponent>(\n    'InvoiceDetailsPaymentDetailsComponent',\n    { component: InvoiceDetailsPaymentDetails }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, IImageSettings, Image, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { SalesInvoiceLine } from '@msdyn365-commerce/retail-proxy';\nimport { getFallbackImageUrl, getProductPageUrlSync, ObjectExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport React from 'react';\n\nimport { IInvoiceProductLine, InvoiceDetailsModel } from '../helpers/invoice-data';\n\nexport interface IInvoiceDetailsProductsData {\n    invoiceDetails: InvoiceDetailsModel;\n}\n\nexport interface IInvoiceDetailsProductsResources {\n    invoiceProductColor: string;\n    invoiceProductSize: string;\n    invoiceProductStyle: string;\n    invoiceQuantity: string;\n}\n\nexport interface IInvoiceDetailsProductsProps extends IComponentProps<IInvoiceDetailsProductsData> {\n    context: ICoreContext;\n    className: string;\n    imageSettings?: IImageSettings;\n    resources: IInvoiceDetailsProductsResources;\n}\n\nexport interface IInvoiceDetailsProductsComponent extends IComponent<IInvoiceDetailsProductsProps> {\n}\n\nconst _renderProductDimensions = (className: string, resources: IInvoiceDetailsProductsResources, product: SalesInvoiceLine): JSX.Element => {\n    return (\n        <div className={className}>\n            {StringExtensions.isNullOrWhitespace(product.ColorName) ? null : <div>\n                {resources.invoiceProductColor.replace('{0}', product.ColorName!)}\n            </div>}\n            {StringExtensions.isNullOrWhitespace(product.SizeName) ? null : <div>\n                {resources.invoiceProductSize.replace('{0}', product.SizeName!)}\n            </div>}\n            {StringExtensions.isNullOrWhitespace(product.StyleName) ? null : <div>\n                {resources.invoiceProductStyle.replace('{0}', product.StyleName!)}\n            </div>}\n        </div>\n    );\n};\n\nconst _renderProductImage = (className: string, context: ICoreContext, product: IInvoiceProductLine, imageSettings?: IImageSettings): JSX.Element | null => {\n    const defaultImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=315&h=315&m=6', w: 0, h: 0 },\n            lg: { q: 'w=315&h=315&m=6', w: 0, h: 0 },\n            xl: { q: 'w=315&h=315&m=6', w: 0, h: 0 }\n        },\n        lazyload: true,\n        cropFocalRegion: true\n    };\n\n    if (imageSettings) {\n        imageSettings.cropFocalRegion = true;\n    }\n\n    const fallbackImage = getFallbackImageUrl(product.ItemId, context.actionContext.requestContext.apiSettings);\n    return (\n        <Image\n            requestContext={context.actionContext.requestContext}\n            className={className}\n            altText={product.ProductName}\n            title={product.ProductName}\n            src={product.primaryImageUrl || ''}\n            fallBackSrc={fallbackImage}\n            gridSettings={context.request.gridSettings!}\n            imageSettings={imageSettings || defaultImageSettings}\n            loadFailureBehavior='empty'\n        />\n    );\n};\n\nconst formatAmount = (context: ICoreContext, amount: number | undefined, currencyCode: string | undefined) => {\n    if (amount === undefined) {\n        return '';\n    }\n    return context.cultureFormatter.formatCurrency(amount, currencyCode);\n};\n\nconst InvoiceDetailsProducts: React.FC<IInvoiceDetailsProductsProps> = (props: IInvoiceDetailsProductsProps): JSX.Element => {\n    const { className, data: { invoiceDetails }, resources } = props;\n\n    const productLineClass = `${className}__product-line`;\n    const productLineInfoContainerClass = `${productLineClass}__product-info-container`;\n    const productLineDetailsClass = `${productLineInfoContainerClass}__product-details`;\n    const productLineSmallDetailsClass = `${productLineDetailsClass}__small-details`;\n\n    return (\n        <div className={className}>\n            {\n                invoiceDetails.lines.map(product => {\n                    const quantity = product.Quantity || 1;\n\n                    let productUrl = '';\n                    if (!ObjectExtensions.isNullOrUndefined(product.ProductName) &&\n                        !ObjectExtensions.isNullOrUndefined(product.RecordId)) {\n                        productUrl = getProductPageUrlSync(product.ProductName, product.RecordId, props.context.actionContext);\n                    }\n\n                    return (\n                        <div className={productLineClass} key={product.RecordId}>\n                            <div className={productLineInfoContainerClass}>\n                                {_renderProductImage(`${productLineInfoContainerClass}__product-image`, props.context, product)}\n                                <div className={productLineDetailsClass}>\n                                    <a href={productUrl} className={`${productLineDetailsClass}__name`}>\n                                        {product.ProductName}\n                                    </a>\n                                    <div className={productLineSmallDetailsClass}>\n                                        {_renderProductDimensions(`${productLineSmallDetailsClass}__dimensions`, resources, product)}\n                                        <div className={`${productLineSmallDetailsClass}__price`}>\n                                            {formatAmount(props.context, product.Price, invoiceDetails.currencyCode)}\n                                        </div>\n                                        <div className={`${productLineSmallDetailsClass}__quantity`}>\n                                            {resources.invoiceQuantity.replace('{0}', quantity.toString())}\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div className={`${productLineClass}__total-price`}>\n                                {formatAmount(props.context, product.NetAmount, invoiceDetails.currencyCode)}\n                            </div>\n                        </div>\n                    );\n                })\n            }\n        </div>\n    );\n};\n\n// @ts-expect-error\nexport const InvoiceDetailsProductsComponent: React.FunctionComponent<IInvoiceDetailsProductsProps> = msdyn365Commerce.createComponent<IInvoiceDetailsProductsComponent>(\n    'InvoiceDetailsProductsComponent',\n    { component: InvoiceDetailsProducts }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { InvoicePaidStatus, OrderInvoice, SalesInvoice, SalesInvoiceLine, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport { IPayableInvoice } from '@msdyn365-commerce-modules/invoice';\n\nexport interface IInvoicePaymentDetails {\n    totalDiscount?: number;\n    subtotal?: number;\n    totalCharges?: number;\n    totalTax?: number;\n    totalAmount?: number;\n    currencyCode?: string;\n}\n\nexport interface IInvoiceProductLine extends SalesInvoiceLine {\n    primaryImageUrl?: string;\n}\n\n/**\n * Represents invoice details data model.\n */\nexport class InvoiceDetailsModel implements IPayableInvoice, IInvoicePaymentDetails {\n    public id: string;\n\n    public invoiceDate?: Date;\n\n    public customerAccountNumber?: string;\n\n    public customerName?: string;\n\n    public dueDate?: Date;\n\n    public amountDue?: number;\n\n    public status?: InvoicePaidStatus;\n\n    public lines: IInvoiceProductLine[];\n\n    public totalDiscount?: number;\n\n    public subtotal?: number;\n\n    public totalCharges?: number;\n\n    public totalTax?: number;\n\n    public totalAmount?: number;\n\n    public currencyCode?: string;\n\n    public constructor(invoice: OrderInvoice, invoiceDetails: SalesInvoice, products: SimpleProduct[]) {\n        this.id = invoice.Id || '';\n        this.invoiceDate = invoice.InvoiceDate ? new Date(invoice.InvoiceDate) : undefined;\n        this.customerName = invoice.CustomerName;\n        this.dueDate = invoice.InvoiceDueDate ? new Date(invoice.InvoiceDueDate) : undefined;\n        this.amountDue = invoice.AmountBalance;\n        this.status = invoice.InvoicePaidStatusValue;\n        this.lines = (invoiceDetails.SalesInvoiceLine || []).map(line => {\n            const productLine: IInvoiceProductLine = {\n                ...line,\n                primaryImageUrl: products.find(product => product.RecordId === line.RecordId)?.PrimaryImageUrl\n            };\n            return productLine;\n        });\n\n        this.totalDiscount = invoiceDetails.TotalDiscount;\n        this.subtotal = invoiceDetails.InvoiceSubtotal;\n        this.totalCharges = invoiceDetails.TotalCharges;\n        this.totalTax = invoiceDetails.TotalTaxAmount;\n        this.totalAmount = invoice.TotalAmount;\n        this.currencyCode = invoice.CurrencyCode;\n    }\n\n    public get canBePaid(): boolean {\n        return this.status !== InvoicePaidStatus.Paid;\n    }\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { getUrlSync } from '@msdyn365-commerce/core';\nimport { SalesInvoiceLine, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\nimport { InvoiceErrorComponent } from '@msdyn365-commerce-modules/invoice';\nimport { getSimpleProductsAction, ProductInput } from '@msdyn365-commerce-modules/retail-actions';\nimport { IModuleProps } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { InvoiceDetailsHeaderComponent } from './components/invoice-details-header';\nimport { InvoiceDetailsPaymentDetailsComponent } from './components/invoice-details-payment-summary';\nimport { InvoiceDetailsProductsComponent } from './components/invoice-details-products';\nimport { InvoiceDetailsModel } from './helpers/invoice-data';\nimport { IInvoiceDetailsData } from './invoice-details.data';\nimport { IInvoiceDetailsProps } from './invoice-details.props.autogenerated';\n\nexport interface IInvoiceDetailsViewState {\n    invoiceDetails?: InvoiceDetailsModel;\n    payInvoiceErrorModalOpen?: boolean;\n}\n\nexport interface IInvoiceDetailsViewProps extends IInvoiceDetailsProps<IInvoiceDetailsData> {\n    moduleProps: IModuleProps;\n    header: JSX.Element;\n    products: JSX.Element;\n    paymentDetails: JSX.Element;\n    payInvoiceError?: JSX.Element;\n}\n\n/**\n * InvoiceDetails component.\n * @extends {React.PureComponent<IInvoiceDetailsProps<IInvoiceDetailsData>>}\n */\nclass InvoiceDetails extends React.PureComponent<IInvoiceDetailsProps<IInvoiceDetailsData>, IInvoiceDetailsViewState> {\n    private static readonly _className: string = 'msc-invoice-details';\n\n    public constructor(props: IInvoiceDetailsProps<IInvoiceDetailsData>) {\n        super(props);\n\n        this.state = {};\n        this._onAddToCartFailed = this._onAddToCartFailed.bind(this);\n        this._setPayInvoiceErrorModalClose = this._setPayInvoiceErrorModalClose.bind(this);\n    }\n\n    public async componentDidMount(): Promise<void> {\n        const invoice = await this.props.data.invoice;\n        const invoiceDetails = await this.props.data.invoiceDetails;\n\n        const products = await this._getProducts(invoiceDetails.SalesInvoiceLine, invoiceDetails.ChannelId);\n\n        const invoiceDetailsModel = new InvoiceDetailsModel(invoice, invoiceDetails, products);\n\n        this.setState({\n            invoiceDetails: invoiceDetailsModel,\n            payInvoiceErrorModalOpen: false\n        });\n    }\n\n    public render(): JSX.Element | null {\n        if (!this.state.invoiceDetails) {\n            return null;\n        }\n\n        const header = this._renderHeader();\n        const products = this._renderProducts();\n        const paymentDetails = this._renderPaymentDetails();\n        const payInvoiceError = this._renderInvoiceErrors();\n\n        const props: IInvoiceDetailsViewProps = {\n            ...(this.props as IInvoiceDetailsProps<IInvoiceDetailsData>),\n            moduleProps: {\n                moduleProps: this.props,\n                className: InvoiceDetails._className\n            },\n            header,\n            products,\n            paymentDetails,\n            payInvoiceError\n        };\n\n        return this.props.renderView(props);\n    }\n\n    private async _getProducts(invoiceLines: SalesInvoiceLine[] = [], channelId?: number): Promise<SimpleProduct[]> {\n        const productInputs = invoiceLines.filter(product => product.RecordId).map(product => new ProductInput(product.RecordId!, this.props.context.request.apiSettings, channelId));\n        return getSimpleProductsAction(productInputs, this.props.context.actionContext);\n    }\n\n    private _renderHeader(): JSX.Element {\n        const invoiceDetails = this.state.invoiceDetails!;\n        return (\n            <InvoiceDetailsHeaderComponent\n                className={`${InvoiceDetails._className}__header`}\n                id={`${InvoiceDetails._className}__${invoiceDetails.id}`}\n                data={{ invoiceDetails }}\n                typeName={this.props.typeName}\n                context={this.props.context}\n                resources={this.props.resources}\n                onError={this._onAddToCartFailed}\n            />\n        );\n    }\n\n    private _renderProducts(): JSX.Element {\n        const invoiceDetails = this.state.invoiceDetails!;\n        const { imageSettings } = this.props.config;\n        return (\n            <InvoiceDetailsProductsComponent\n                className={`${InvoiceDetails._className}__products`}\n                id={`${InvoiceDetails._className}__${invoiceDetails.id}`}\n                data={{ invoiceDetails }}\n                typeName={this.props.typeName}\n                context={this.props.context}\n                resources={this.props.resources}\n                imageSettings={imageSettings}\n            />\n        );\n    }\n\n    private _renderPaymentDetails(): JSX.Element {\n        const invoiceDetails = this.state.invoiceDetails!;\n        return (\n            <InvoiceDetailsPaymentDetailsComponent\n                className={`${InvoiceDetails._className}__payment-details`}\n                id={`${InvoiceDetails._className}__${invoiceDetails.id}`}\n                data={{ invoicePaymentDetails: invoiceDetails }}\n                typeName={this.props.typeName}\n                context={this.props.context}\n                resources={this.props.resources}\n            />\n        );\n    }\n\n    private _onAddToCartFailed(): void {\n        this.setState({ payInvoiceErrorModalOpen: true });\n    }\n\n    private _setPayInvoiceErrorModalClose(): void {\n        this.setState({ payInvoiceErrorModalOpen: false });\n    }\n\n    private _renderInvoiceErrors(): JSX.Element {\n        const {\n            resources: { payInvoiceErrorDialogHeader, payInvoiceErrorDialogBodyErrorTitle, payInvoiceErrorDialogBodyErrorDescription,\n                payInvoiceErrorDialogFooterGoToCartButtonText, payInvoiceErrorDialogFooterCancelButtonText }\n        } = this.props;\n\n        const cartUrl = getUrlSync('cart', this.props.context.actionContext) || '';\n\n        const errorClassName = `${InvoiceDetails._className}__errors`;\n\n        return (\n            <InvoiceErrorComponent\n                id={errorClassName}\n                typeName={this.props.typeName}\n                data={{}}\n                context={this.props.context}\n                payInvoiceErrorModalOpen={this.state.payInvoiceErrorModalOpen || false}\n                showError={false}\n                errorDialogHeader={payInvoiceErrorDialogHeader}\n                errorDialogBodyErrorTitle={payInvoiceErrorDialogBodyErrorTitle}\n                errorDialogBodyErrorDescription={payInvoiceErrorDialogBodyErrorDescription}\n                errorDialogFooterGoToCartButtonText={payInvoiceErrorDialogFooterGoToCartButtonText}\n                errorDialogFooterCancelButtonText={payInvoiceErrorDialogFooterCancelButtonText}\n                cartUrl={cartUrl}\n                setPayInvoiceErrorModalClose={this._setPayInvoiceErrorModalClose}\n            />\n        );\n    }\n}\n\nexport default InvoiceDetails;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Module } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IInvoiceDetailsViewProps } from './invoice-details';\n\nexport const InvoiceDetailsView: React.FC<IInvoiceDetailsViewProps> = props => {\n    const { header, products, paymentDetails, payInvoiceError } = props;\n\n    return (\n        <Module {...props.moduleProps}>\n            {header}\n            {products}\n            {paymentDetails}\n            {payInvoiceError}\n        </Module>\n    );\n};\n\nexport default InvoiceDetailsView;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { PriceComponent } from '@msdyn365-commerce/components';\nimport { ICoreContext, ITelemetry } from '@msdyn365-commerce/core';\nimport { ICheckoutState, IGiftCardExtend } from '@msdyn365-commerce/global-state';\nimport { Cart, CartLine } from '@msdyn365-commerce/retail-proxy';\nimport { format } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface IInvoiceSummaryProps {\n    orderTotalLabel: string;\n    invoiceLabel: string;\n    loyaltyLabel?: string;\n    giftcardLabel?: string;\n    context: ICoreContext;\n    telemetry: ITelemetry;\n    cart: Cart;\n    id: string;\n    typeName: string;\n    freeText?: string;\n    toBeCalculatedText?: string;\n    checkoutState?: ICheckoutState;\n}\n\nexport interface IInvoiceSummaryLines {\n    orderTotal: React.ReactNode;\n    invoices: React.ReactNode;\n    giftCard?: React.ReactNode;\n    loyalty?: React.ReactNode;\n}\n\ninterface IInvoiceSummaryLineProps {\n    label: string;\n    context: ICoreContext;\n    telemetry: ITelemetry;\n    price?: number;\n    freeText?: string;\n    toBeCalculatedText?: string;\n    id: string;\n    typeName: string;\n    cssLabel: string;\n}\n\nconst InvoiceSummaryLine: React.FC<IInvoiceSummaryLineProps> = ({\n    price,\n    label,\n    context,\n    id,\n    typeName,\n    toBeCalculatedText,\n    freeText,\n    cssLabel\n}) => {\n    return (\n        <p className={`msc-invoice-summary__line-${cssLabel}`}>\n            <span className='msc-invoice-summary__label'>\n                {label}\n            </span>\n            {price || price === 0 ? (\n                <PriceComponent\n                    data={{\n                        price: { CustomerContextualPrice: price }\n                    }}\n                    freePriceText={freeText}\n                    context={context}\n                    id={id}\n                    typeName={typeName}\n                    className='msc-invoice-summary__value'\n                />\n            ) : (\n                <span className='msc-invoice-summary__value'>\n                    {toBeCalculatedText}\n                </span>\n            )}\n        </p>\n    );\n};\n\nconst _buildPaymentSummarySection = (\n    props: IInvoiceSummaryProps,\n    price: number | undefined,\n    label: string,\n    cssLabel: string\n): React.ReactNode => {\n    return (\n        <InvoiceSummaryLine\n            price={price}\n            label={label}\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            toBeCalculatedText={props.toBeCalculatedText}\n            freeText={props.freeText}\n            telemetry={props.telemetry}\n            cssLabel={cssLabel}\n        />\n    );\n};\n\nconst _computedLoyaltyAmount = (checkoutState: ICheckoutState): number => {\n    return (checkoutState && checkoutState.loyaltyAmount) || 0;\n};\n\nconst _computeGiftCardAmount = (checkoutState: ICheckoutState, cart: Cart): number => {\n\n    const giftCardCounter = (count: number, giftCard: IGiftCardExtend) => {\n        return count + (giftCard.Balance || 0);\n    };\n    const giftCardTotalValue = (checkoutState.giftCardExtends || []).reduce(giftCardCounter, 0);\n    const amount = (cart.TotalAmount || 0) - _computedLoyaltyAmount(checkoutState);\n    return Math.min(giftCardTotalValue, amount);\n};\n\nexport const InvoiceSummary = (props: IInvoiceSummaryProps) => {\n    const { TotalAmount, CartLines } = props.cart;\n    const invoiceLines = CartLines?.filter(cartLine => cartLine.IsInvoiceLine);\n    const reactNodes: IInvoiceSummaryLines = {\n        invoices: invoiceLines?.map((invoiceLine: CartLine) => {\n            return _buildPaymentSummarySection(props, invoiceLine.InvoiceAmount, format(props.invoiceLabel, invoiceLine.InvoiceId), 'invoice');\n        }),\n        orderTotal: _buildPaymentSummarySection(props, TotalAmount, props.orderTotalLabel, 'total')\n    };\n\n    if (props.checkoutState) {\n        const giftCardAmount = _computeGiftCardAmount(props.checkoutState, props.cart);\n        const loyaltyAmount = _computedLoyaltyAmount(props.checkoutState);\n        const totalAmountAfterGiftCard = (TotalAmount || 0) - giftCardAmount - loyaltyAmount;\n\n        if (loyaltyAmount > 0) {\n            reactNodes.loyalty = _buildPaymentSummarySection(props, -loyaltyAmount, props.loyaltyLabel || 'Loyalty amount', 'loyalty');\n        }\n\n        if (giftCardAmount > 0) {\n            reactNodes.giftCard = _buildPaymentSummarySection(props, -giftCardAmount, props.giftcardLabel || 'Gift card amount', 'gift-card');\n        }\n\n        reactNodes.orderTotal = _buildPaymentSummarySection({ ...props, freeText: undefined }, totalAmountAfterGiftCard, props.orderTotalLabel, 'total');\n    }\n\n    return reactNodes;\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Alert, Button, Modal, ModalBody, ModalFooter, ModalHeader } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nexport interface IInvoiceErrorProps extends IComponentProps {\n    messageHeader?: string;\n    errorMessage?: string;\n    otherError?: string;\n    showError: boolean;\n    payInvoiceErrorModalOpen: boolean;\n\n    errorDialogHeader: string;\n    errorDialogBodyErrorTitle: string;\n    errorDialogBodyErrorDescription: string;\n    errorDialogFooterGoToCartButtonText: string;\n    errorDialogFooterCancelButtonText: string;\n    cartUrl: string;\n\n    setPayInvoiceErrorModalClose(): void;\n}\n\nexport interface IInvoiceErrorComponent extends IComponent<IInvoiceErrorProps> {\n}\n\nexport const InvoiceError: React.FC<IInvoiceErrorProps> = ({ messageHeader, errorMessage, otherError, showError, payInvoiceErrorModalOpen, errorDialogHeader, errorDialogBodyErrorTitle, errorDialogBodyErrorDescription,\n    errorDialogFooterGoToCartButtonText, errorDialogFooterCancelButtonText, cartUrl, setPayInvoiceErrorModalClose }) => {\n    const errorMessages: (string | undefined)[] = [];\n\n    if (otherError) {\n        errorMessages.push(otherError);\n    } else {\n        errorMessages.push(errorMessage);\n    }\n\n    const className = 'msc-pay-invoice-error-dialog';\n\n    return (\n        <>\n            <Alert\n                isOpen={showError && errorMessages.length > 0} color='danger' assertive\n                aria-label={messageHeader} >\n                <div className='msc-alert__header' aria-hidden='true'>\n                    <span className='msi-exclamation-triangle' />\n                    <span>\n                        {messageHeader}\n                    </span>\n                </div>\n                {errorMessages.map((message, index) => {\n                    return (\n                        <div key={index} className='msc-alert__line'>\n                            {message}\n                        </div>\n                    );\n                })}\n            </Alert>\n            <Modal isOpen={payInvoiceErrorModalOpen} className={className} toggle={setPayInvoiceErrorModalClose}>\n                <ModalHeader className={`${className}__header`} toggle={setPayInvoiceErrorModalClose}>\n                    <span>\n                        {errorDialogHeader}\n                    </span>\n                </ModalHeader>\n                <ModalBody className={`${className}__body`}>\n                    <div className={`${className}__content`}>\n                        <div className={`${className}__error-title`}>\n                            {errorDialogBodyErrorTitle}\n                        </div>\n                        <div className={`${className}__error-description`}>\n                            {errorDialogBodyErrorDescription}\n                        </div>\n                    </div>\n                </ModalBody>\n                <ModalFooter className={`${className}__footer`}>\n                    <Button\n                        className={`${className}__review-shopping-bag-button`}\n                        title={errorDialogFooterGoToCartButtonText}\n                        href={cartUrl}\n                        role='button'\n                    >\n                        {errorDialogFooterGoToCartButtonText}\n                    </Button>\n                    <Button\n                        className={`${className}__cancel-button`}\n                        title={errorDialogFooterCancelButtonText}\n                        onClick={setPayInvoiceErrorModalClose}\n                    >\n                        {errorDialogFooterCancelButtonText}\n                    </Button>\n                </ModalFooter>\n            </Modal>\n        </>\n    );\n};\n\n// @ts-expect-error\nexport const InvoiceErrorComponent: React.FunctionComponent<IInvoiceErrorProps> = msdyn365Commerce.createComponent<IInvoiceErrorComponent>(\n    'InvoiceError',\n    { component: InvoiceError }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { EnumExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, Popover } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { IInvoiceStatusResources } from '../helpers/invoice-status';\n\nexport interface IInvoicesFilterResources extends IInvoiceStatusResources {\n    invoicesFilterShowAll: string;\n}\n\nexport interface IInvoicesFilterProps extends IComponentProps {\n    className: string;\n    disabled: boolean;\n\n    resources: IInvoicesFilterResources;\n\n    currentState: InvoicesFilterState;\n    onFilterStateChanged(state: InvoicesFilterState): void;\n}\n\nexport enum InvoicesFilterState {\n    ShowAll,\n    Paid,\n    PartiallyPaid,\n    Unpaid\n}\n\nconst getInvoicesFilterStateResources = (filterState: InvoicesFilterState, resources: IInvoicesFilterResources): string => {\n    switch (filterState) {\n        case InvoicesFilterState.ShowAll:\n            return resources.invoicesFilterShowAll;\n        case InvoicesFilterState.Paid:\n            return resources.invoiceStatusPaid;\n        case InvoicesFilterState.PartiallyPaid:\n            return resources.invoiceStatusPartiallyPaid;\n        case InvoicesFilterState.Unpaid:\n            return resources.invoiceStatusUnpaid;\n        default:\n            throw new Error('Failed to retrieve resource description for unknown invoices filter state.');\n    }\n};\n\n/**\n * On Click function.\n * @param onStateClick -Invoice filter state function.\n * @param filterState -Invoice filter state.\n * @returns Set Invoice filter state.\n */\nconst onClickHandler = (onStateClick: (filterState: InvoicesFilterState) => void, filterState: InvoicesFilterState) => () => {\n    onStateClick(filterState);\n};\n\nconst renderFilterStateItem = (\n    filterState: InvoicesFilterState,\n    resources: IInvoicesFilterResources,\n    className: string,\n    onStateClick: (filterState: InvoicesFilterState) => void): React.ReactNode => {\n\n    const stateStringRepresentation = InvoicesFilterState[filterState];\n\n    return (\n        <button className={`${className}__item__${stateStringRepresentation}`} onClick={onClickHandler(onStateClick, filterState)}>\n            {getInvoicesFilterStateResources(filterState, resources)}\n        </button>\n    );\n};\n\nconst InvoicesFilter: React.FC<IInvoicesFilterProps> = (props: IInvoicesFilterProps) => {\n    const popoverRef = React.createRef<HTMLButtonElement>();\n    const [popoverState, setPopoverState] = React.useState(false);\n    const togglePopover = React.useCallback(() => {\n        setPopoverState(!popoverState);\n    }, [popoverState]);\n\n    const [filterState, setFilterState] = React.useState(props.currentState);\n\n    const onFilterStateClick = (clickedState: InvoicesFilterState) => {\n        setFilterState(clickedState);\n        setPopoverState(false);\n        props.onFilterStateChanged(clickedState);\n    };\n\n    return (\n        <div className={props.className}>\n            <Button\n                className={`${props.className}__expand-filter-button`}\n                innerRef={popoverRef}\n                aria-expanded={popoverState}\n                aria-describedby={props.className}\n                onClick={togglePopover}\n                disabled={props.disabled}\n            >\n                {getInvoicesFilterStateResources(filterState, props.resources)}\n            </Button>\n            <Popover\n                id={props.className}\n                placement='bottom-end'\n                isOpen={popoverState}\n                target={popoverRef}\n                toggle={togglePopover}\n            >\n                {\n                    EnumExtensions.getEnumValues<InvoicesFilterState>(InvoicesFilterState).map(state => {\n                        return renderFilterStateItem(state, props.resources, props.className, onFilterStateClick);\n                    })\n                }\n            </Popover>\n        </div>\n    );\n};\n\n// @ts-expect-error\nexport const InvoicesFilterComponent: React.FunctionComponent<IInvoicesFilterProps> = msdyn365Commerce.createComponent<IInvoicesFilterProps>(\n    'InvoicesFilterComponent',\n    { component: InvoicesFilter }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport classnames from 'classnames';\nimport React from 'react';\n\nexport interface IInvoicesTableHeaderResources {\n    invoicesText: string;\n    invoiceNumberText: string;\n    invoiceDateMobileText: string;\n    invoiceDateText: string;\n    invoiceUsersText: string;\n    invoiceAmountText: string;\n    invoiceDueDateText: string;\n    invoiceAmountDueText: string;\n    invoiceStatusText: string;\n    invoiceActionsText: string;\n    invoiceListSelectAllRadioAriaLabelText: string;\n}\n\nexport interface IInvoicesTableHeaderProps extends IComponentProps {\n    context: ICoreContext;\n    className: string;\n\n    isSelectedAll: boolean;\n    isMobile: boolean;\n    isAdmin: boolean;\n\n    resources: IInvoicesTableHeaderResources;\n\n    onSelectAll(isSelected: boolean): void;\n}\n\nexport interface IInvoicesTableHeaderComponent extends IComponent<IInvoicesTableHeaderProps> {\n}\n\nconst getDesktopHeaderCells = (props: IInvoicesTableHeaderProps, rowClassName: string, switchCheckedState: () => void) => {\n    const { resources } = props;\n    return (\n        <>\n            <th>\n                <label className={classnames(`${rowClassName}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${rowClassName}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        aria-label={resources.invoiceListSelectAllRadioAriaLabelText}\n                        aria-checked={props.isSelectedAll}\n                        checked={props.isSelectedAll}\n                        onChange={switchCheckedState}\n                    />\n                    <span className={classnames(`${rowClassName}__checkmark`, 'checkmark')} />\n                </label>\n            </th>\n            <th>\n                {resources.invoiceNumberText}\n            </th>\n            <th>\n                {resources.invoiceDateText}\n            </th>\n            { props.isAdmin ? <th>\n                {resources.invoiceUsersText}\n            </th> : null }\n            <th>\n                {resources.invoiceAmountText}\n            </th>\n            <th>\n                {resources.invoiceDueDateText}\n            </th>\n            <th>\n                {resources.invoiceAmountDueText}\n            </th>\n            <th>\n                {resources.invoiceStatusText}\n            </th>\n            <th>\n                {resources.invoiceActionsText}\n            </th>\n        </>\n    );\n};\n\nconst getMobileHeaderCells = (props: IInvoicesTableHeaderProps, rowClassName: string, switchCheckedState: () => void) => {\n    const { resources } = props;\n    return (\n        <>\n            <th>\n                <label className={classnames(`${rowClassName}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${rowClassName}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        aria-checked={props.isSelectedAll}\n                        aria-label={resources.invoiceListSelectAllRadioAriaLabelText}\n                        checked={props.isSelectedAll}\n                        onChange={switchCheckedState}\n                    />\n                    <span className={classnames(`${rowClassName}__checkmark`, 'checkmark')} />\n                </label>\n            </th>\n            <th>\n                {resources.invoicesText}\n            </th>\n            <th>\n                {resources.invoiceDateMobileText}\n            </th>\n            <th />\n            {' '}\n            {/* Actions */}\n        </>\n    );\n};\n\nconst InvoicesTableHeader: React.FC<IInvoicesTableHeaderProps> = (props: IInvoicesTableHeaderProps): JSX.Element => {\n    const rowClassName = `${props.className}__row`;\n\n    const switchCheckedState = () => {\n        props.onSelectAll(!props.isSelectedAll);\n    };\n\n    let headerCells: JSX.Element;\n    if (props.isMobile) {\n        headerCells = getMobileHeaderCells(props, rowClassName, switchCheckedState);\n    } else {\n        headerCells = getDesktopHeaderCells(props, rowClassName, switchCheckedState);\n    }\n\n    return (\n        <thead className={props.className}>\n            <tr className={rowClassName}>\n                {headerCells}\n            </tr>\n        </thead>\n    );\n};\n\n// @ts-expect-error\nexport const InvoicesTableHeaderComponent: React.FunctionComponent<IInvoicesTableHeaderProps> = msdyn365Commerce.createComponent<IInvoicesTableHeaderComponent>(\n    'InvoicesTableHeaderComponent',\n    { component: InvoicesTableHeader }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport MsDyn365, { IComponent, IComponentProps, ICoreContext, IDateFormatOptions, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { getInvoiceDetailsPageUrlSync, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, format } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { InvoiceModel } from '../../../helpers/invoice-data';\nimport { getInvoiceStatusText, IInvoiceStatusResources } from '../../../helpers/invoice-status';\nimport { IInvoiceErrorState } from '../../../invoices-list';\nimport { IPayInvoiceResources, PayInvoiceComponent } from '../../pay-invoice-component';\nimport { RequestInvoiceButton } from '../../request-invoice-button';\n\ninterface IInvoicesTableRowData {\n    invoice: InvoiceModel;\n    index: number;\n    customer: Customer;\n}\n\nexport interface IInvoicesTableRowResources extends IInvoiceStatusResources, IPayInvoiceResources {\n    invoiceCurrentUser: string;\n    invoiceViewDetailsButtonText: string;\n    invoiceViewDetailsButtonAriaLabel: string;\n    invoiceActionsButtonTextAriaLabel?: string;\n    invoiceRequestButtonLabel: string;\n    invoiceListSelectRadioAriaLabelText: string;\n}\n\nexport interface IInvoicesTableRowProps extends IComponentProps<IInvoicesTableRowData> {\n    context: ICoreContext;\n    className: string;\n    isMobile: boolean;\n    invoiceReferences?: React.RefObject<HTMLButtonElement>;\n    payInvoiceReferences?: React.RefObject<HTMLButtonElement>;\n    resources: IInvoicesTableRowResources;\n\n    onChange(): void;\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n    onRequestInvoice?(invoice: InvoiceModel, requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>): void;\n}\n\nexport interface IInvoicesTableRowComponent extends IComponent<IInvoicesTableRowProps> {\n\n}\n\nconst formatAmount = (context: ICoreContext, amount: number | undefined, currencyCode: string | undefined) => {\n    if (amount === undefined) {\n        return '';\n    }\n    return context.cultureFormatter.formatCurrency(amount, currencyCode);\n};\n\nconst formatDate = (context: ICoreContext, date: Date | undefined) => {\n    if (date === undefined) {\n        return '';\n    }\n\n    const dateOptions: IDateFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };\n    return context.cultureFormatter.formatDate(date, dateOptions);\n};\n\n/**\n * Request specific invoice function.\n * @param props -Invoice table row props.\n * @param requestInvoiceButtonReference -Reference button.\n * @returns Call Request Invoice.\n */\nconst onRequestSpecificInvoice = (props: IInvoicesTableRowProps, requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>) => () => {\n    props.onRequestInvoice!(props.data.invoice, requestInvoiceButtonReference);\n};\n\nconst getDesktopRowCells = (props: IInvoicesTableRowProps, onSelectLine: () => void) => {\n    const { data: { invoice, index, customer } } = props;\n\n    const isCurrentUser = !StringExtensions.isNullOrWhitespace(customer.AccountNumber) && customer.AccountNumber === invoice.customerAccountNumber;\n    const payInvoiceClassName = `${props.className}__pay-invoice`;\n\n    const linkToInvoiceDetails = getInvoiceDetailsPageUrlSync(props.data.invoice.id, props.context.actionContext);\n    const invoiceRowArialabel = format(props.resources.invoiceListSelectRadioAriaLabelText, invoice.id);\n    const requestInvoiceButtonReference: React.RefObject<HTMLButtonElement> = React.createRef();\n    const payInvoiceButtonReference: React.RefObject<HTMLButtonElement> = React.createRef();\n    return (\n        <>\n            <td>\n                <label className={classnames(`${props.className}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${props.className}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        checked={invoice.isSelected}\n                        aria-label={invoiceRowArialabel}\n                        aria-checked={invoice.isSelected}\n                        onChange={onSelectLine}\n                    />\n                    <span className={classnames(`${props.className}__checkmark`, 'checkmark')} />\n                </label>\n            </td>\n            <td>\n                <a className={`${props.className}__open-invoice`} href={linkToInvoiceDetails}>\n                    {invoice.id}\n                </a>\n            </td>\n            <td>\n                <b>\n                    {formatDate(props.context, invoice.invoiceDate)}\n                </b>\n            </td>\n            { customer.IsB2bAdmin ? <td>\n                {invoice.customerName}\n                { isCurrentUser ? <b>\n                    {props.resources.invoiceCurrentUser}\n                </b> : null}\n            </td> : null }\n            <td>\n                {formatAmount(props.context, invoice.amount, invoice.currencyCode)}\n            </td>\n            <td>\n                <b>\n                    {formatDate(props.context, invoice.dueDate)}\n                </b>\n            </td>\n            <td>\n                {formatAmount(props.context, invoice.amountDue, invoice.currencyCode)}\n            </td>\n            <td>\n                <b>\n                    {getInvoiceStatusText(props.resources, invoice.status)}\n                </b>\n            </td>\n            <td>\n                <PayInvoiceComponent\n                    id={`${payInvoiceClassName}-${index}`}\n                    className={payInvoiceClassName}\n                    typeName={props.typeName}\n                    context={props.context}\n                    resources={props.resources}\n                    data={{ invoice: props.data.invoice }}\n                    onError={props.onError}\n                    reference={payInvoiceButtonReference}\n                />\n                <RequestInvoiceButton\n                    innerReference={requestInvoiceButtonReference}\n                    className={props.className}\n                    requestInvoiceButtonLabel={props.resources.invoiceRequestButtonLabel}\n                    onClicked={onRequestSpecificInvoice(props, requestInvoiceButtonReference)}\n                />\n            </td>\n        </>\n    );\n};\n\nlet setShowPreviousActions: React.Dispatch<React.SetStateAction<boolean>> | undefined;\n\n/**\n * On Click view details function.\n * @param linkToInvoiceDetails -Link to invoice details.\n * @returns Go to invoice details.\n */\nconst onClickViewDetails = (linkToInvoiceDetails: string) => () => {\n    if (MsDyn365.isBrowser) {\n        window.location.href = linkToInvoiceDetails;\n    }\n    return;\n};\n\n/**\n * Toggle function.\n * @param isShowActions -Link to invoice details.\n * @param setShowActions -Link to invoice details.\n * @returns Go to invoice details.\n */\nconst toggle = (isShowActions: boolean, setShowActions: React.Dispatch<React.SetStateAction<boolean>>) => () => {\n    const shouldShowActions = !isShowActions;\n    if (shouldShowActions) {\n        if (setShowPreviousActions) {\n            setShowPreviousActions(false);\n        }\n        setShowActions(shouldShowActions);\n        setShowPreviousActions = setShowActions;\n    } else {\n        setShowPreviousActions = undefined;\n        setShowActions(shouldShowActions);\n    }\n};\n\nconst extraActionsPopup = (props: IInvoicesTableRowProps): JSX.Element | null => {\n    const { resources: { invoiceViewDetailsButtonAriaLabel, invoiceViewDetailsButtonText, invoiceActionsButtonTextAriaLabel }, data: { index } } = props;\n\n    const [showActions, setShowActions] = useState(false);\n\n    const linkToInvoiceDetails = getInvoiceDetailsPageUrlSync(props.data.invoice.id, props.context.actionContext);\n\n    const className = `${props.className}__extra-actions-cell`;\n    const actionsContainerClassName = `${className}__actions-container`;\n    const payInvoiceClassName = `${actionsContainerClassName}__pay-invoice`;\n    return (\n        <div className={className}>\n            <Button className={`${className}__toggle`} aria-label={invoiceActionsButtonTextAriaLabel} onClick={toggle(showActions, setShowActions)} />\n            {\n                showActions &&\n                <div className={actionsContainerClassName}>\n                    <Button\n                        className={`${actionsContainerClassName}__view-details`}\n                        onClick={onClickViewDetails(linkToInvoiceDetails)}\n                        aria-label={invoiceViewDetailsButtonAriaLabel}\n                    >\n                        {invoiceViewDetailsButtonText}\n                    </Button>\n                    <PayInvoiceComponent\n                        id={`${payInvoiceClassName}-${index}`}\n                        className={payInvoiceClassName}\n                        typeName={props.typeName}\n                        context={props.context}\n                        resources={props.resources}\n                        data={{ invoice: props.data.invoice }}\n                        onError={props.onError}\n                        reference={props.payInvoiceReferences}\n                    />\n                    <RequestInvoiceButton\n                        innerReference={props.invoiceReferences}\n                        className={actionsContainerClassName}\n                        requestInvoiceButtonLabel={props.resources.invoiceRequestButtonLabel}\n                        onClicked={onRequestSpecificInvoice(props, props.invoiceReferences!)}\n                    />\n                </div>\n            }\n        </div>\n    );\n};\n\nconst getMobileRowCells = (props: IInvoicesTableRowProps, onSelectLine: () => void) => {\n    const { data: { invoice } } = props;\n\n    const linkToInvoiceDetails = getInvoiceDetailsPageUrlSync(props.data.invoice.id, props.context.actionContext);\n    const invoiceRowArialabel = format(props.resources.invoiceListSelectRadioAriaLabelText, invoice.id);\n\n    return (\n        <>\n            <td>\n                <label className={classnames(`${props.className}__checkbox-container`, 'checkbox-container')}>\n                    <input\n                        className={classnames(`${props.className}__checkbox-input`, 'checkbox-input')}\n                        type='checkbox'\n                        checked={invoice.isSelected}\n                        aria-label={invoiceRowArialabel}\n                        aria-checked={invoice.isSelected}\n                        onChange={onSelectLine}\n                    />\n                    <span className={classnames(`${props.className}__checkmark`, 'checkmark')} />\n                </label>\n            </td>\n            <td>\n                <a className={`${props.className}__open-invoice`} href={linkToInvoiceDetails}>\n                    {invoice.id}\n                </a>\n                <br />\n                <b>\n                    {invoice.customerName}\n                </b>\n            </td>\n            <td>\n                <b>\n                    {formatDate(props.context, invoice.dueDate)}\n                </b>\n                <br />\n                <span>\n                    {getInvoiceStatusText(props.resources, invoice.status)}\n                </span>\n            </td>\n            <td>\n                {extraActionsPopup(props)}\n            </td>\n        </>\n    );\n\n};\n\nconst InvoicesTableRow: React.FC<IInvoicesTableRowProps> = (props: IInvoicesTableRowProps): JSX.Element => {\n    const { data: { invoice } } = props;\n\n    const onSelectLine = () => {\n        invoice.isSelected = !invoice.isSelected;\n        props.onChange();\n    };\n\n    let rowCells: JSX.Element;\n    if (props.isMobile) {\n        rowCells = getMobileRowCells(props, onSelectLine);\n    } else {\n        rowCells = getDesktopRowCells(props, onSelectLine);\n    }\n\n    return (\n        <tr className={props.className}>\n            {rowCells}\n        </tr>\n    );\n};\n\n// @ts-expect-error\nexport const InvoicesTableRowComponent: React.FunctionComponent<IInvoicesTableRowProps> = msdyn365Commerce.createComponent<IInvoicesTableRowComponent>(\n    'InvoicesTableRowComponent',\n    { component: InvoicesTableRow }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport React, { useState } from 'react';\n\nimport { InvoiceModel } from '../../helpers/invoice-data';\nimport { IInvoiceErrorState } from '../../invoices-list';\nimport { IInvoicesTableHeaderResources, InvoicesTableHeaderComponent } from './components/invoices-table-header-component';\nimport { IInvoicesTableRowResources, InvoicesTableRowComponent } from './components/invoices-table-row-component';\n\ninterface IInvoicesTableData {\n    invoices: InvoiceModel[];\n    customer: Customer;\n}\n\nexport interface IInvoicesTableResources extends IInvoicesTableHeaderResources, IInvoicesTableRowResources {\n}\n\nexport interface IInvoicesTableProps extends IComponentProps<IInvoicesTableData> {\n    context: ICoreContext;\n    className: string;\n    invoiceButtonReferences?: React.RefObject<HTMLButtonElement>[];\n    payInvoiceButtonReferences?: React.RefObject<HTMLButtonElement>[];\n    resources: IInvoicesTableResources;\n\n    onChange(): void;\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n    onRequestInvoice(invoice: InvoiceModel, requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>): void;\n}\n\nexport interface IInvoicesTableComponent extends IComponent<IInvoicesTableProps> {\n}\n\ntype GridSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nconst getViewport = (context: ICoreContext): GridSize => {\n    // Always render in mobile viewport on a mobile device\n    if (context.request && context.request.device && context.request.device.Type === 'Mobile') {\n        return 'xs';\n    }\n\n    if (window?.innerWidth) {\n        const gridSettings = context.request.gridSettings;\n        if (gridSettings) {\n            if (gridSettings.xs && window.innerWidth <= gridSettings.xs.w) {\n                return 'xs';\n            } else if (gridSettings.sm && window.innerWidth <= gridSettings.sm.w) {\n                return 'sm';\n            } else if (gridSettings.md && window.innerWidth <= gridSettings.md.w) {\n                return 'md';\n            } else if (gridSettings.lg && window.innerWidth <= gridSettings.lg.w) {\n                return 'lg';\n            }\n            return 'xl';\n\n        }\n    }\n\n    return 'xs';\n};\n\nconst isMobileView = (context: ICoreContext) => {\n    const viewport = getViewport(context);\n    return viewport === 'xs' || viewport === 'sm';\n};\n\n/**\n * On select all function.\n * @param props -Invoice table props.\n * @returns On change.\n */\nconst onSelectAllHandler = (props: IInvoicesTableProps) => (isSelected: boolean) => {\n    props.data.invoices.forEach((invoice) => {\n        invoice.isSelected = isSelected;\n    });\n    props.onChange();\n};\n\nconst InvoicesTable: React.FC<IInvoicesTableProps> = (props: IInvoicesTableProps): JSX.Element => {\n    const [isMobile, setIsMobile] = useState(isMobileView(props.context));\n\n    const updateViewport = () => {\n        setIsMobile(isMobileView(props.context));\n    };\n\n    if (typeof window !== undefined && window.addEventListener) {\n        window.addEventListener('resize', updateViewport);\n    }\n    const rowClassName = `${props.className}__row`;\n    const headerClassName = `${props.className}__header`;\n\n    return (\n        <table className={props.className}>\n            <InvoicesTableHeaderComponent\n                context={props.context}\n                typeName={props.typeName}\n                id={headerClassName}\n                className={headerClassName}\n                isSelectedAll={ArrayExtensions.all(props.data.invoices, (invoice: InvoiceModel) => invoice.isSelected)}\n                isMobile={isMobile}\n                isAdmin={props.data.customer.IsB2bAdmin || false}\n                onSelectAll={onSelectAllHandler(props)}\n                resources={props.resources}\n                data={{}}\n            />\n            {\n                props.data.invoices.map((invoice, index: number) => {\n                    return (\n                        <InvoicesTableRowComponent\n                            context={props.context}\n                            typeName={props.typeName}\n                            id={`${rowClassName}-${index}`}\n                            key={index}\n                            className={rowClassName}\n                            resources={props.resources}\n                            data={{ invoice, index, customer: props.data.customer }}\n                            onChange={props.onChange}\n                            isMobile={isMobile}\n                            onError={props.onError}\n                            invoiceReferences={props.invoiceButtonReferences && props.invoiceButtonReferences[Number(index)]}\n                            payInvoiceReferences={props.payInvoiceButtonReferences && props.payInvoiceButtonReferences[Number(index)]}\n                            onRequestInvoice={props.onRequestInvoice}\n                        />\n                    );\n                })\n            }\n        </table>\n    );\n};\n\n// @ts-expect-error\nexport const InvoicesTableComponent: React.FunctionComponent<IInvoicesTableProps> = msdyn365Commerce.createComponent<IInvoicesTableComponent>(\n    'InvoicesTableComponent',\n    { component: InvoicesTable }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, ITelemetry, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport React, { useState } from 'react';\n\nimport { InvoiceModel } from '../helpers/invoice-data';\nimport { payInvoices } from '../helpers/pay-invoices';\nimport { IInvoiceErrorState } from '../invoices-list';\n\ninterface IMakePaymentData {\n    invoices: InvoiceModel[];\n}\n\nexport interface IMakePaymentResources {\n    makePaymentButtonText: string;\n    makePaymentButtonAriaLabel: string;\n}\n\nexport interface IMakePaymentProps extends IComponentProps<IMakePaymentData> {\n    context: ICoreContext;\n    itemKey?: string;\n    telemetry: ITelemetry;\n    moduleId: string;\n    moduleTypeName: string;\n    telemetryContent?: ITelemetryContent;\n    navigationUrl?: string;\n    buttonReferences?: React.RefObject<HTMLButtonElement>;\n    resources: IMakePaymentResources;\n\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n}\n\nexport interface IMakePaymentComponent extends IComponent<IMakePaymentProps> {\n}\n\nconst onClick = async (_event: React.MouseEvent<HTMLElement>, props: IMakePaymentProps, setDisabled: (disabled: boolean) => void): Promise<void> => {\n    setDisabled(true);\n\n    const propagateError = (errorState: IInvoiceErrorState): void => {\n        if (props.onError) {\n            props.onError(errorState, props.buttonReferences);\n        }\n        setDisabled(false);\n    };\n\n    await payInvoices(props.data.invoices, props.context.actionContext, propagateError);\n};\n\nconst MakePaymentComponentActions = {\n    onClick\n};\n\n/**\n * On Click function.\n * @param input -Make payment props.\n * @param setDisabled -Set Disabled.\n * @returns Make payment component on click.\n */\nconst onClickHandler = (input: IMakePaymentProps,\n    setDisabled: React.Dispatch<React.SetStateAction<boolean>>) => async (event: React.MouseEvent<HTMLElement>) => {\n    await MakePaymentComponentActions.onClick(event, input, setDisabled);\n};\n\nconst MakePayment: React.FC<IMakePaymentProps> = (input: IMakePaymentProps): JSX.Element => {\n    const { data: { invoices } } = input;\n    const hasInvoices = ArrayExtensions.hasElements(invoices.filter(invoice => invoice.canBePaid));\n    const [disabled, setDisabled] = useState<boolean>(false);\n\n    return (\n        <Button\n            aria-label={input.resources.makePaymentButtonAriaLabel}\n            onClick={onClickHandler(input, setDisabled)}\n            disabled={!hasInvoices || disabled}\n            className={input.id}\n            innerRef={input.buttonReferences}\n        >\n            {input.resources.makePaymentButtonText}\n        </Button>\n    );\n};\n\n// @ts-expect-error\nexport const MakePaymentComponent: React.FunctionComponent<IMakePaymentProps> = msdyn365Commerce.createComponent<IMakePaymentComponent>(\n    'MakePayment',\n    { component: MakePayment }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IComponent, IComponentProps, ICoreContext, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport React, { useState } from 'react';\n\nimport { IPayableInvoice } from '../helpers/invoice-data';\nimport { payInvoices } from '../helpers/pay-invoices';\nimport { IInvoiceErrorState } from '../invoices-list';\n\nexport interface IPayInvoiceData {\n    invoice: IPayableInvoice;\n}\n\nexport interface IPayInvoiceResources {\n    payInvoiceButtonText: string;\n    payInvoiceButtonAriaLabel: string;\n}\n\nexport interface IPayInvoiceProps extends IComponentProps<IPayInvoiceData> {\n    context: ICoreContext;\n    className: string;\n    reference?: React.RefObject<HTMLButtonElement>;\n    resources: IPayInvoiceResources;\n\n    onError?(errorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void;\n}\n\ninterface IPayInvoiceComponent extends IComponent<IPayInvoiceProps> {\n}\n\nconst onClick = async (_event: React.MouseEvent<HTMLElement>, props: IPayInvoiceProps, setDisabled: (disabled: boolean) => void): Promise<void> => {\n    setDisabled(true);\n\n    const propagateError = (errorState: IInvoiceErrorState): void => {\n        if (props.onError) {\n            props.onError(errorState, props.reference);\n        }\n        setDisabled(false);\n    };\n\n    await payInvoices([props.data.invoice], props.context.actionContext, propagateError);\n};\n\nconst PayInvoiceComponentActions = {\n    onClick\n};\n\n/**\n * On click handler function.\n * @param props -Invoice props.\n * @param setDisabled -Set disabled.\n * @returns Pay invoice component action.\n */\nconst onClickHandler = (props: IPayInvoiceProps,\n    setDisabled: React.Dispatch<React.SetStateAction<boolean>>) => async (event: React.MouseEvent<HTMLElement>) => {\n    await PayInvoiceComponentActions.onClick(event, props, setDisabled);\n};\n\nconst PayInvoice: React.FC<IPayInvoiceProps> = (props: IPayInvoiceProps): JSX.Element => {\n    const [disabled, setDisabled] = useState(false);\n\n    return (\n        <Button\n            innerRef={props.reference}\n            className={props.className}\n            aria-label={props.resources.payInvoiceButtonAriaLabel}\n            onClick={onClickHandler(props, setDisabled)}\n            disabled={!props.data.invoice.canBePaid || disabled}\n        >\n            {props.resources.payInvoiceButtonText}\n        </Button>\n    );\n};\n\n// @ts-expect-error\nexport const PayInvoiceComponent: React.FunctionComponent<IPayInvoiceProps> = msdyn365Commerce.createComponent<IPayInvoiceComponent>(\n    'PayInvoiceComponent',\n    { component: PayInvoice, ...PayInvoiceComponentActions }\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\ninterface IRequestInvoiceButtonProps {\n    innerReference?: React.RefObject<HTMLButtonElement>;\n    className: string;\n    requestInvoiceButtonLabel: string;\n    onClicked(): void;\n\n}\n\nexport const RequestInvoiceButton: React.FC<IRequestInvoiceButtonProps> = ({ className, onClicked, requestInvoiceButtonLabel, innerReference }) => {\n    return (\n        <Button className={`${className}__requestInvoiceButton`} onClick={onClicked} innerRef={innerReference}>\n            {requestInvoiceButtonLabel}\n        </Button>\n    );\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { InvoicePaidStatus, OrderInvoice } from '@msdyn365-commerce/retail-proxy';\n\nexport interface IPayableInvoice {\n    readonly id: string;\n    readonly canBePaid: boolean;\n}\n\n/**\n * Represents invoice data model.\n */\nexport class InvoiceModel implements IPayableInvoice {\n    public id: string;\n\n    public invoiceDate?: Date;\n\n    public customerAccountNumber?: string;\n\n    public customerName?: string;\n\n    public amount?: number;\n\n    public dueDate?: Date;\n\n    public amountDue?: number;\n\n    public status?: InvoicePaidStatus;\n\n    public currencyCode?: string;\n\n    public isSelected: boolean;\n\n    public constructor(invoice: OrderInvoice) {\n        this.id = invoice.Id || '';\n        this.invoiceDate = invoice.InvoiceDate ? new Date(invoice.InvoiceDate) : undefined;\n        this.customerAccountNumber = invoice.CustomerAccountNumber;\n        this.customerName = invoice.CustomerName;\n        this.amount = invoice.TotalAmount;\n        this.dueDate = invoice.InvoiceDueDate ? new Date(invoice.InvoiceDueDate) : undefined;\n        this.amountDue = invoice.AmountBalance;\n        this.status = invoice.InvoicePaidStatusValue;\n        this.currencyCode = invoice.CurrencyCode;\n\n        this.isSelected = false;\n    }\n\n    public get canBePaid(): boolean {\n        return (this.status !== InvoicePaidStatus.Paid);\n    }\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { InvoicePaidStatus } from '@msdyn365-commerce/retail-proxy';\n\nexport interface IInvoiceStatusResources {\n    invoiceStatusNone: string;\n    invoiceStatusUnpaid: string;\n    invoiceStatusPartiallyPaid: string;\n    invoiceStatusPaid: string;\n}\n\nexport const getInvoiceStatusText = (resources: IInvoiceStatusResources, invoiceStatus: InvoicePaidStatus | undefined) => {\n    switch (invoiceStatus) {\n\n        case InvoicePaidStatus.None:\n            return resources.invoiceStatusNone;\n\n        case InvoicePaidStatus.Unpaid:\n            return resources.invoiceStatusUnpaid;\n\n        case InvoicePaidStatus.PartiallyPaid:\n            return resources.invoiceStatusPartiallyPaid;\n\n        case InvoicePaidStatus.Paid:\n            return resources.invoiceStatusPaid;\n        default:\n            return '';\n    }\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { getUrlSync, IActionContext } from '@msdyn365-commerce/core';\nimport { getCartState } from '@msdyn365-commerce/global-state';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\n\nimport { IInvoiceErrorState } from '../invoices-list';\nimport { IPayableInvoice } from './invoice-data';\n\nexport type ICartActionFailureReason = 'EMPTYINPUT' | 'CARTACTIONFAILED';\nexport interface IAddInvoicesToCartFailureResult {\n    failureReason: ICartActionFailureReason;\n}\n\nexport const payInvoices = async (invoices: IPayableInvoice[], actionContext: IActionContext, onError: (errorState: IInvoiceErrorState) => void) => {\n    const invoicesToAdd: string[] = invoices.filter(invoice => invoice.canBePaid).map(invoice => invoice.id);\n\n    if (!ArrayExtensions.hasElements(invoicesToAdd)) {\n        onError({ errorMessage: '', errorReason: { failureReason: 'EMPTYINPUT' } }); return;\n    }\n\n    const cartState = await getCartState(actionContext);\n    const result = await cartState.addInvoicesToCart({ invoiceIds: invoicesToAdd });\n\n    if (result.status !== 'SUCCESS') {\n        onError({\n            errorMessage: '',\n            errorReason: { failureReason: 'CARTACTIONFAILED' },\n            otherError: result.errorDetails?.LocalizedMessage,\n            errorCode: result.errorDetails?.ErrorResourceId\n        }); return;\n    }\n\n    const cartUrl = getUrlSync('cart', actionContext);\n    if (cartUrl) {\n        window?.location.assign(cartUrl);\n    }\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from '@msdyn365-commerce-modules/utilities';\n\n/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { InvoiceModel } from '../helpers/invoice-data';\nimport { IInvoicesListResources } from '../invoices-list.props.autogenerated';\n\ninterface IRequestInvoiceModalProps {\n    className: string;\n    email: string;\n    isModalOpen: boolean;\n    submitRequestLabel: string;\n    modalHeaderLabel: string;\n    sendToEmailLabel: string;\n    cancelLabel: string;\n    searchPlaceholderLabel: string;\n    invoices: InvoiceModel[];\n    invoicesFoundString: string;\n    singleInvoiceFoundString: string;\n    searchButtonAltText: string;\n    resources: IInvoicesListResources;\n    toggle(): void;\n    onSubmitRequest(invoiceId: string): void;\n}\n\n/**\n * On submit request click function.\n * @param selectedInvoiceIndex -Check is busy.\n * @param onClosing -On closing function.\n * @param filteredInvoices -Invoice modal.\n * @param onSubmitRequest -On submit request function.\n * @returns Call on submit request.\n */\nconst onSubmitRequestClick = (selectedInvoiceIndex: number, onClosing: () => void,\n    filteredInvoices: InvoiceModel[], onSubmitRequest: (invoiceId: string) => void) => () => {\n    const defaultIndex = 0;\n    if (selectedInvoiceIndex >= defaultIndex) {\n        onClosing();\n        onSubmitRequest(filteredInvoices[selectedInvoiceIndex].id);\n    }\n};\n\n/**\n * On search input change function.\n * @param setSearchInput -Set search input.\n * @returns Set search input function.\n */\nconst searchInputChangedHandler = (setSearchInput: React.Dispatch<React.SetStateAction<string>>) => (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchInput(event.target.value);\n};\n\n/**\n * Search entered handler.\n * @param invoices -InvoiceModel.\n * @param searchInput -String.\n * @param setFilteredInvoices -InvoiceModel action.\n * @param filteredInvoices -Filtered Invoices.\n * @param setSelectedInvoiceIndex -Selected Invoice Index.\n * @param setShouldShowSearchResults -Show search result action.\n * @param setInvoiceOptions -Invoice options action.\n * @param selectedInvoiceIndex -Selected invoice index.\n * @param className -String.\n * @returns Set invoice options.\n */\nconst searchEnteredHandler = (invoices: InvoiceModel[], searchInput: string,\n    setFilteredInvoices: React.Dispatch<React.SetStateAction<InvoiceModel[]>>,\n    filteredInvoices: InvoiceModel[],\n    setSelectedInvoiceIndex: React.Dispatch<React.SetStateAction<number>>,\n    setShouldShowSearchResults: React.Dispatch<React.SetStateAction<boolean>>,\n    setInvoiceOptions: React.Dispatch<React.SetStateAction<JSX.Element>>,\n    selectedInvoiceIndex: number,\n    className: string) => () => {\n    let updatedInvoices = filteredInvoices;\n    if (!StringExtensions.isNullOrEmpty(searchInput)) {\n        updatedInvoices = invoices.filter((invoice) => invoice.id.includes(searchInput));\n    }\n\n    setFilteredInvoices(updatedInvoices);\n\n    if (ArrayExtensions.hasElements(updatedInvoices)) {\n        setSelectedInvoiceIndex(0);\n    } else {\n        setSelectedInvoiceIndex(-1);\n    }\n    setShouldShowSearchResults(true);\n\n    setInvoiceOptions(renderInvoiceOptions(updatedInvoices, setSelectedInvoiceIndex, className, selectedInvoiceIndex));\n};\n\n/**\n * On cancel function.\n * @param onClosing -Closing function.\n * @param toggle -Toggle Function.\n * @returns Toggle function.\n */\nconst onCancelHandler = (onClosing: () => void, toggle: () => void) => () => {\n    onClosing();\n    toggle();\n};\n\n/**\n * On invoice select.\n * @param setSelectedInvoiceIndex -Set Selected Invoice Index.\n * @param index -Number.\n * @returns Set Selected Invoice Index.\n */\nconst onInvoiceSelectHandler = (setSelectedInvoiceIndex: (newIndex: number) => void, index: number) => () => {\n    setSelectedInvoiceIndex(index);\n};\n\nconst renderInvoiceOptions = (filteredInvoices: InvoiceModel[], setSelectedInvoiceIndex: (newIndex: number) => void, className: string, selectedInvoiceIndex: number) => {\n    return (\n        <div>\n            {filteredInvoices.map((invoice, index) => {\n                const onInvoiceSelect = onInvoiceSelectHandler(setSelectedInvoiceIndex, index);\n\n                const radioButtonId = `invoice__${invoice.id}`;\n\n                return (\n                    <div key={index} className={`${className}__requestInvoice__filteredInvoiceResult`}>\n                        <input\n                            type='radio' id={radioButtonId} name='invoiceSelect'\n                            value={invoice.id} key={invoice.id} checked={index === selectedInvoiceIndex}\n                            aria-checked={index === selectedInvoiceIndex} onChange={onInvoiceSelect} />\n                        <label htmlFor={radioButtonId} className={`${className}__requestInvoice__selectedInvoiceButton`}>\n                            {invoice.id}\n                        </label>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport const RequestInvoiceModal: React.FC<IRequestInvoiceModalProps> = ({ className, email, isModalOpen, toggle, modalHeaderLabel, sendToEmailLabel, submitRequestLabel, cancelLabel, onSubmitRequest, invoices, searchPlaceholderLabel,\n    invoicesFoundString, singleInvoiceFoundString, searchButtonAltText, resources }) => {\n    const [selectedInvoiceIndex, setSelectedInvoiceIndex] = React.useState<number>(-1);\n    const [filteredInvoices, setFilteredInvoices] = React.useState<InvoiceModel[]>(invoices);\n    const [searchInput, setSearchInput] = React.useState<string>('');\n    const [shouldShowSearchResults, setShouldShowSearchResults] = React.useState<boolean>(false);\n    const focusDelay = 110;\n    const invoiceOptionsData = renderInvoiceOptions(filteredInvoices, setSelectedInvoiceIndex, className, selectedInvoiceIndex);\n    const [invoiceOptions, setInvoiceOptions] = React.useState<JSX.Element>(invoiceOptionsData);\n    const focusElement = React.useRef<HTMLInputElement>(null);\n    React.useEffect(() => {\n        if (isModalOpen && focusElement.current) {\n            setTimeout(() => {\n                focusElement.current?.focus();\n            }, focusDelay);\n        }\n    }, [isModalOpen]);\n\n    /**\n     * Sets the filtered invoices to the ones that were selected on the main screen.\n     */\n    const setFilteredInvoicesToSelectedInvoices = () => {\n        setSelectedInvoiceIndex(-1);\n        const selectedInvoices = invoices.filter(invoice => invoice.isSelected);\n        if (ArrayExtensions.hasElements(selectedInvoices)) {\n            setFilteredInvoices(selectedInvoices);\n\n            // If only one invoice selected, auto select it\n            if (selectedInvoices.length === 1) {\n                setSelectedInvoiceIndex(0);\n            }\n\n            setInvoiceOptions(renderInvoiceOptions(selectedInvoices, setSelectedInvoiceIndex, className, 0));\n        } else {\n            setFilteredInvoices(invoices);\n            setInvoiceOptions(renderInvoiceOptions(invoices, setSelectedInvoiceIndex, className, selectedInvoiceIndex));\n        }\n    };\n\n    const searchEntered = searchEnteredHandler(invoices,\n        searchInput, setFilteredInvoices, filteredInvoices,\n        setSelectedInvoiceIndex, setShouldShowSearchResults,\n        setInvoiceOptions, selectedInvoiceIndex, className);\n\n    const onClosing = () => {\n        setSelectedInvoiceIndex(-1);\n        setFilteredInvoices(invoices);\n        setSearchInput('');\n        setShouldShowSearchResults(false);\n    };\n\n    /**\n     * Sets the invoices that are possible to select when the dialog is opened.\n     */\n    function onOpened() {\n        setSearchInput('');\n        setFilteredInvoicesToSelectedInvoices();\n    }\n\n    const searchResultString = filteredInvoices.length === 1 ? singleInvoiceFoundString : invoicesFoundString;\n    const invoicesFoundReplaceIndex = searchResultString.indexOf('{0}');\n\n    return (\n        <Modal\n            className={classnames('msc-invoices-list_requestInvoice__modal', 'msc-modal-input-required')}\n            isOpen={isModalOpen}\n            horizontalPosition='center'\n            verticalPosition='center'\n            autoFocus\n            fade={false}\n            toggle={onCancelHandler(onClosing, toggle)}\n            onOpened={onOpened}\n            aria-label={resources.requestInvoiceDialogAriaLabel}\n        >\n            <ModalHeader tag='h2' toggle={onCancelHandler(onClosing, toggle)}>\n                {modalHeaderLabel}\n            </ModalHeader>\n            <ModalBody>\n                <div className={`${className}__requestInvoice__modalBody`}>\n                    <label htmlFor='sendToEmail'>\n                        {sendToEmailLabel}\n                    </label>\n                    <div id='sendToEmail' className={`${className}__requestInvoice__sendToEmail`}>\n                        {email}\n                    </div>\n                    <div>\n                        {shouldShowSearchResults &&\n                        <div className={`${className}__requestInvoice__searchResultDisplay`} aria-live='assertive' role='alert'>\n                            <span>\n                                {searchResultString.substring(0, invoicesFoundReplaceIndex)}\n                            </span>\n                            <span className={`${className}__requestInvoice__searchResultNumber`}>\n                                {filteredInvoices.length}\n                            </span>\n                            <span>\n                                {searchResultString.substring(invoicesFoundReplaceIndex + 3)}\n                            </span>\n                        </div>}\n                        <div className={`${className}__requestInvoice__search`}>\n                            <input\n                                ref={focusElement}\n                                type='text' id='searchBar' className={`${className}__requestInvoice__searchBar`}\n                                placeholder={searchPlaceholderLabel} onChange={searchInputChangedHandler(setSearchInput)} />\n                            <button className={`${className}__requestInvoice__searchButton`} onClick={searchEntered} title={searchButtonAltText} />\n                        </div>\n                        {invoiceOptions}\n                    </div>\n                </div>\n            </ModalBody>\n            <ModalFooter>\n                <button\n                    className={`${className}__requestInvoice__submitRequest`}\n                    onClick={onSubmitRequestClick(selectedInvoiceIndex, onClosing, filteredInvoices, onSubmitRequest)}>\n                    {submitRequestLabel}\n                </button>\n                <button className={`${className}__requestInvoice__cancelRequest`} onClick={onCancelHandler(onClosing, toggle)}>\n                    {cancelLabel}\n                </button>\n            </ModalFooter>\n        </Modal>\n    );\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { getUrlSync } from '@msdyn365-commerce/core';\nimport { BusinessPartnerOperationDeliveryType, BusinessPartnerUsersDataActions, InvoicePaidStatus, InvoiceSearchCriteria, IQueryResultSettings, OrderInvoice } from '@msdyn365-commerce/retail-proxy';\nimport { getCurrentAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/BusinessPartnersDataActions.g';\nimport { ArrayExtensions, getCustomer, GetCustomerInput, getInvoices, GetInvoicesInput, IQueryResultSettingsModuleConfig, QueryResultSettingsProxy, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, Heading, IModuleProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { InvoiceErrorComponent } from './components/invoice-error-component';\nimport { InvoicesFilterComponent, InvoicesFilterState } from './components/invoices-filter-component';\nimport { InvoicesTableComponent } from './components/invoices-table/invoices-table-component';\nimport { IMakePaymentResources, MakePaymentComponent } from './components/make-payment-component';\nimport { RequestInvoiceButton } from './components/request-invoice-button';\nimport { RequestInvoiceModal } from './components/request-invoice-modal';\nimport { InvoiceModel } from './helpers/invoice-data';\nimport { IAddInvoicesToCartFailureResult } from './helpers/pay-invoices';\nimport { IInvoicesListData } from './invoices-list.data';\nimport { IInvoicesListProps } from './invoices-list.props.autogenerated';\n\nexport type InvoicesListStatus = 'LOADING' | 'SUCCESS' | 'FAILED' | 'EMPTY';\nexport type InvoiceErrorHost = 'ADDINVOICETOCART';\n\nexport interface IInvoicesListViewProps extends IInvoicesListProps<IInvoicesListData> {\n    moduleProps: IModuleProps;\n\n    header: JSX.Element;\n    filter: JSX.Element;\n    content?: JSX.Element;\n    invoiceRequestModal?: JSX.Element;\n    pagination?: JSX.Element;\n}\n\nexport interface IInvoiceErrorState {\n    errorHost?: InvoiceErrorHost;\n    errorReason?: IAddInvoicesToCartFailureResult;\n    errorMessage: string;\n    otherError?: string;\n    errorCode?: string;\n}\n\nexport interface IInvoicesListState {\n    invoices: InvoiceModel[];\n    invoicesFilterState: InvoicesFilterState;\n    errorState: IInvoiceErrorState;\n    isInvoiceRequestModalOpen: boolean;\n    isLoading: boolean;\n    isPageLoaded: boolean;\n    payInvoiceErrorModalOpen: boolean;\n    selectedButtonElement?: HTMLButtonElement | null;\n}\n\n/**\n * InvoicesList component.\n * @extends {React.Component<IInvoicesListProps<IInvoicesListData>, IInvoicesListState>}\n */\nclass InvoicesList extends React.Component<IInvoicesListProps<IInvoicesListData>, IInvoicesListState> {\n    private readonly _className: string = 'msc-invoices-list';\n\n    private readonly payInvoiceRequestReference: React.RefObject<HTMLButtonElement>;\n\n    private readonly makePaymentReference: React.RefObject<HTMLButtonElement>;\n\n    private buttonChildReference: React.RefObject<HTMLButtonElement>[] = [];\n\n    private buttonChildPayButtonReference: React.RefObject<HTMLButtonElement>[] = [];\n\n    private readonly _queryResultSettings: IQueryResultSettings;\n\n    constructor(props: IInvoicesListProps<IInvoicesListData>) {\n        super(props);\n\n        this._queryResultSettings = QueryResultSettingsProxy.fromModuleData(\n            this.props.context.request, this.props.config as IQueryResultSettingsModuleConfig).QueryResultSettings;\n        this.payInvoiceRequestReference = React.createRef<HTMLButtonElement>();\n        this.makePaymentReference = React.createRef<HTMLButtonElement>();\n        this._updateInvoicesState = this._updateInvoicesState.bind(this);\n        this._onAddToCartFailed = this._onAddToCartFailed.bind(this);\n        this._onToggleInvoiceRequestModal = this._onToggleInvoiceRequestModal.bind(this);\n        this._handleFilterStateChange = this._handleFilterStateChange.bind(this);\n        this._loadMoreInvoices = this._loadMoreInvoices.bind(this);\n        this._requestInvoice = this._requestInvoice.bind(this);\n        this._requestSpecificInvoice = this._requestSpecificInvoice.bind(this);\n        this._setPayInvoiceErrorModalClose = this._setPayInvoiceErrorModalClose.bind(this);\n        this.state = {\n            invoices: [],\n            invoicesFilterState: InvoicesFilterState.ShowAll,\n            isLoading: true,\n            isPageLoaded: false,\n            errorState: { errorMessage: '' },\n            isInvoiceRequestModalOpen: false,\n            payInvoiceErrorModalOpen: false,\n            selectedButtonElement: null\n        };\n    }\n\n    public shouldComponentUpdate(nextProps: IInvoicesListProps<IInvoicesListData>,\n        nextState: IInvoicesListState): boolean {\n        if (this.state === nextState && this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element | null {\n        const {\n            config: { className = '',\n                heading\n            },\n            context: {\n                request: {\n                    channel\n                },\n                cultureFormatter: {\n                    formatCurrency,\n\n                    // @ts-expect-error\n                    currencyCode\n                }\n            },\n            data: {\n                customerBalance\n            },\n            resources: {\n                invoicesListTitle,\n                invoicesListDescTitle,\n                invoicesListDescCount\n            }\n        } = this.props;\n\n        const totalAmount = customerBalance.result?.OpenInvoiceBalance || 0;\n        const amountText = `${formatCurrency(totalAmount.toFixed(2), currencyCode)} ${channel?.Currency || 'USD'}`;\n\n        const totalCount = customerBalance.result?.OpenInvoiceCount || 0;\n        const countText = invoicesListDescCount.replace('{0}', totalCount.toString());\n        const invoicesListTitleHeading = heading?.text ?? invoicesListTitle;\n\n        const headerClassName = `${this._className}__header`;\n\n        const header = (\n            <div className={headerClassName}>\n                <Heading\n                    className={`${headerClassName}-heading`}\n                    text={invoicesListTitleHeading}\n                />\n                <div className={`${headerClassName}-description`}>\n                    <div className={`${headerClassName}-description-title`}>\n                        {invoicesListDescTitle}\n                    </div>\n                    <div className={`${headerClassName}-description-amount`}>\n                        {amountText}\n                    </div>\n                    <div className={`${headerClassName}-description-count`}>\n                        {countText}\n                    </div>\n                </div>\n            </div>\n        );\n\n        const viewProps: IInvoicesListViewProps = {\n            ...(this.props as IInvoicesListProps<IInvoicesListData>),\n            moduleProps: {\n                moduleProps: this.props,\n                className: classnames(this._className, className)\n            },\n            header,\n            invoiceRequestModal: this._renderInvoiceRequestModal(),\n            filter: this._renderInvoicesFilter(this._className),\n            pagination: this._renderPagination()\n        };\n\n        if (!this.state.isPageLoaded) {\n            return this.props.renderView(viewProps);\n        }\n\n        if (ArrayExtensions.hasElements(this.state.invoices)) {\n            viewProps.content = this._renderListContainer();\n        } else {\n            viewProps.content = this._renderEmptyInvoiceLinesPageContent();\n        }\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public async componentDidMount(): Promise<void> {\n        await this.props.data.customer;\n        const invoicesData = await this.props.data.invoices;\n        this._initializeWithInvoices(invoicesData);\n    }\n\n    private _initializeWithInvoices(invoicesData: OrderInvoice[]): void {\n        const invoices = invoicesData.map((invoice, index) => {\n            this.buttonChildReference[Number(index)] = React.createRef<HTMLButtonElement>();\n            this.buttonChildPayButtonReference[Number(index)] = React.createRef<HTMLButtonElement>();\n            return new InvoiceModel(invoice);\n\n        });\n        this.setState({\n            invoices,\n            isLoading: false,\n            isPageLoaded: true\n        });\n    }\n\n    private _addInvoices(invoicesData: OrderInvoice[]): void {\n        const newInvoices = invoicesData.map(invoice => new InvoiceModel(invoice));\n        const invoices = this.state.invoices.concat(newInvoices);\n        this.setState({\n            invoices,\n            isLoading: false\n        });\n    }\n\n    private _renderEmptyInvoiceLinesPageContent(): JSX.Element {\n        const containerClass = `${this._className}__empty-lines__container`;\n        const actionsContainerClass = `${containerClass}__actions`;\n        return (\n            <div className={containerClass}>\n                <div className={`${containerClass}__title`}>\n                    {this.props.resources.invoiceEmptyInvoiceLinesTitle}\n                </div>\n                <div className={`${containerClass}__description`}>\n                    {this.props.resources.invoiceEmptyInvoiceLinesDescription}\n                </div>\n                <div className={actionsContainerClass}>\n                    <Button\n                        className={`${actionsContainerClass}__continue-shopping`}\n                        aria-label={this.props.resources.invoiceEmptyInvoiceLinesContinueShoppingButtonAriaLabel}\n                        href={getUrlSync('home', this.props.context.actionContext)}\n                    >\n                        {this.props.resources.invoiceEmptyInvoiceLinesContinueShoppingButtonText}\n                    </Button>\n                </div>\n            </div>\n        );\n    }\n\n    private _renderListContainer(): JSX.Element {\n        const containerClass = `${this._className}__container`;\n        const containerHeaderClass = `${containerClass}__header`;\n        const containerContentClass = `${containerClass}__content`;\n\n        return (\n            <div className={containerClass}>\n                <div className={containerHeaderClass}>\n                    {this._renderMakePayment(containerHeaderClass)}\n                    {this._renderInvoiceRequestButton()}\n                </div>\n                <div className={containerContentClass}>\n                    {this._renderInvoiceErrors()}\n                </div>\n                <div className={containerContentClass}>\n                    {this._renderInvoicesList(containerContentClass)}\n                </div>\n            </div>\n        );\n    }\n\n    private _updateInvoicesState(): void {\n        this.setState({\n            invoices: this.state.invoices\n        });\n    }\n\n    private async _getInvoicesSearchCriteria(state: InvoicesFilterState): Promise<InvoiceSearchCriteria> {\n        const searchCriteria: InvoiceSearchCriteria = {};\n\n        const context = this.props.context.actionContext;\n\n        const businessPartner = await getCurrentAsync({ callerContext: context });\n        searchCriteria.BusinessPartnerId = businessPartner.BusinessPartnerId;\n\n        const customer = await getCustomer(new GetCustomerInput(context.requestContext.apiSettings), context);\n        searchCriteria.CustomerId = customer.AccountNumber;\n\n        switch (state) {\n            case InvoicesFilterState.ShowAll:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.None];\n                break;\n            case InvoicesFilterState.Paid:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.Paid];\n                break;\n            case InvoicesFilterState.PartiallyPaid:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.PartiallyPaid];\n                break;\n            case InvoicesFilterState.Unpaid:\n                searchCriteria.InvoicePaidStatusValues = [InvoicePaidStatus.Unpaid];\n                break;\n            default:\n                throw new Error('Failed to process unknown invoices filter state.');\n        }\n\n        return searchCriteria;\n    }\n\n    private async _handleFilterStateChange(state: InvoicesFilterState): Promise<void> {\n        this.setState({\n            invoicesFilterState: state,\n            isLoading: true\n        });\n\n        const searchCriteria = await this._getInvoicesSearchCriteria(state);\n\n        if (this._queryResultSettings.Paging) {\n            this._queryResultSettings.Paging.Skip = 0;\n        }\n\n        const invoices = await getInvoices(new GetInvoicesInput(searchCriteria, this._queryResultSettings), this.props.context.actionContext);\n        this._initializeWithInvoices(invoices);\n    }\n\n    private _renderInvoicesFilter(className: string): JSX.Element {\n        const filterClassName = `${className}__filter`;\n        return (\n            <InvoicesFilterComponent\n                id={filterClassName}\n                typeName={this.props.typeName}\n                key={filterClassName}\n                className={filterClassName}\n                context={this.props.context}\n                resources={this.props.resources}\n                data={{}}\n                currentState={InvoicesFilterState.ShowAll}\n                onFilterStateChanged={this._handleFilterStateChange}\n                disabled={this.state.isLoading}\n            />\n        );\n    }\n\n    private _renderInvoicesList(className: string): JSX.Element {\n        const tableClassName = `${className}__table`;\n        return (\n            <InvoicesTableComponent\n                invoiceButtonReferences={this.buttonChildReference}\n                payInvoiceButtonReferences={this.buttonChildPayButtonReference}\n                id={tableClassName}\n                typeName={this.props.typeName}\n                key={tableClassName}\n                className={tableClassName}\n                data={{ invoices: this.state.invoices, customer: this.props.data.customer.result! }}\n                context={this.props.context}\n                resources={this.props.resources}\n                onChange={this._updateInvoicesState}\n                onError={this._onAddToCartFailed}\n                onRequestInvoice={this._requestSpecificInvoice}\n            />\n        );\n    }\n\n    private _onAddToCartFailed(newErrorState: IInvoiceErrorState, reference?: React.RefObject<HTMLButtonElement>): void {\n        const errorState = { ...newErrorState };\n        errorState.errorHost = 'ADDINVOICETOCART';\n        errorState.errorMessage = newErrorState.errorReason?.failureReason === 'EMPTYINPUT' ? this.props.resources.invoiceErrorInvoiceIdNotExist : this.props.resources.invoiceErrorFailedAddInvoiceToCart;\n\n        const shouldShowAdditionalInfoInPopup = errorState.errorCode === 'Microsoft_Dynamics_Commerce_Runtime_InvoiceLineNotAllowedWithItemLines';\n        this.setState({ errorState, payInvoiceErrorModalOpen: shouldShowAdditionalInfoInPopup, selectedButtonElement: reference?.current });\n    }\n\n    private _renderMakePayment(className: string): JSX.Element {\n        const id = `${className}__make-payment`;\n        const makePaymentResources: IMakePaymentResources = {\n            makePaymentButtonText: this.props.resources.makePaymentButtonText,\n            makePaymentButtonAriaLabel: this.props.resources.makePaymentButtonAriaLabel\n        };\n\n        const selectedInvoices = this._getSelectedInvoices();\n\n        return (\n            <MakePaymentComponent\n                id={id}\n                typeName={this.props.typeName}\n                key={id}\n                data={{ invoices: selectedInvoices }}\n                context={this.props.context}\n                telemetry={this.props.telemetry}\n                moduleId={this.props.id}\n                moduleTypeName={this.props.typeName}\n                navigationUrl={getUrlSync('cart', this.props.context.actionContext)}\n                resources={makePaymentResources}\n                onError={this._onAddToCartFailed}\n                buttonReferences={this.makePaymentReference}\n            />\n        );\n    }\n\n    private _setPayInvoiceErrorModalClose(): void {\n        this.setState({\n            payInvoiceErrorModalOpen: false\n        });\n        this.state.selectedButtonElement?.focus();\n    }\n\n    private _renderInvoiceErrors(): JSX.Element {\n        const {\n            resources: { payInvoiceErrorDialogHeader, payInvoiceErrorDialogBodyErrorTitle, payInvoiceErrorDialogBodyErrorDescription,\n                payInvoiceErrorDialogFooterGoToCartButtonText, payInvoiceErrorDialogFooterCancelButtonText }\n        } = this.props;\n\n        const cartUrl = getUrlSync('cart', this.props.context.actionContext) || '';\n\n        const errorClassName = `${this._className}__errors`;\n\n        return (\n            <InvoiceErrorComponent\n                id={errorClassName}\n                typeName={this.props.typeName}\n                data={{}}\n                messageHeader={this.props.resources.invoiceErrorMessageHeader}\n                context={this.props.context}\n                errorMessage={this.state.errorState.errorMessage}\n                otherError={this.state.errorState.otherError}\n                showError={this.state.errorState.errorHost === 'ADDINVOICETOCART'}\n                payInvoiceErrorModalOpen={this.state.payInvoiceErrorModalOpen}\n                errorDialogHeader={payInvoiceErrorDialogHeader}\n                errorDialogBodyErrorTitle={payInvoiceErrorDialogBodyErrorTitle}\n                errorDialogBodyErrorDescription={payInvoiceErrorDialogBodyErrorDescription}\n                errorDialogFooterGoToCartButtonText={payInvoiceErrorDialogFooterGoToCartButtonText}\n                errorDialogFooterCancelButtonText={payInvoiceErrorDialogFooterCancelButtonText}\n                cartUrl={cartUrl}\n                setPayInvoiceErrorModalClose={this._setPayInvoiceErrorModalClose}\n            />\n        );\n    }\n\n    private _renderPagination(): JSX.Element | undefined {\n        const { data, resources } = this.props;\n        const invoices = data?.invoices?.result;\n        if (!invoices || invoices.length < this._queryResultSettings.Paging!.Top!) {\n            return undefined;\n        }\n\n        return (\n            <Button\n                className={classnames(`${this._className}__load-more`, this.state.isLoading ? 'is-busy' : '')}\n                disabled={this.state.isLoading}\n                onClick={this._loadMoreInvoices}\n            >\n                {resources.invoicesLoadMore}\n            </Button>\n        );\n    }\n\n    private async _loadMoreInvoices(): Promise<void> {\n        this.setState({ isLoading: true });\n        const searchCriteria = await this._getInvoicesSearchCriteria(this.state.invoicesFilterState);\n        if (this._queryResultSettings.Paging) {\n            this._queryResultSettings.Paging.Skip! += this._queryResultSettings.Paging.Top!;\n        }\n        const newInvoices = await getInvoices(new GetInvoicesInput(searchCriteria, this._queryResultSettings), this.props.context.actionContext);\n        this._addInvoices(newInvoices);\n    }\n\n    private _renderInvoiceRequestModal(): JSX.Element {\n        const customer = this.props.data.customer.result;\n        const { invoiceRequestModalCancelLabel, invoiceRequestModalSubmitLabel, invoiceRequestModalHeaderLabel, invoiceRequestModalSendToEmailLabel, invoiceRequestModalSearch,\n            invoiceRequestModalInvoiceSearchDisplay, invoiceRequestModalSingleInvoiceSearchDisplay, invoiceRequestModalSearchButton } = this.props.resources;\n\n        return (\n            <RequestInvoiceModal\n                className={this._className}\n                email={customer?.Email || ''}\n                isModalOpen={this.state.isInvoiceRequestModalOpen}\n                toggle={this._onToggleInvoiceRequestModal}\n                cancelLabel={invoiceRequestModalCancelLabel}\n                modalHeaderLabel={invoiceRequestModalHeaderLabel}\n                sendToEmailLabel={invoiceRequestModalSendToEmailLabel}\n                submitRequestLabel={invoiceRequestModalSubmitLabel}\n                onSubmitRequest={this._requestInvoice}\n                invoices={this.state.invoices}\n                searchPlaceholderLabel={invoiceRequestModalSearch}\n                invoicesFoundString={invoiceRequestModalInvoiceSearchDisplay}\n                singleInvoiceFoundString={invoiceRequestModalSingleInvoiceSearchDisplay}\n                searchButtonAltText={invoiceRequestModalSearchButton}\n                resources={this.props.resources}\n            />\n        );\n    }\n\n    private _onToggleInvoiceRequestModal(): void {\n\n        this.setState({\n            isInvoiceRequestModalOpen: !this.state.isInvoiceRequestModalOpen\n        });\n        if (this.state.isInvoiceRequestModalOpen) {\n            this.state.selectedButtonElement?.focus();\n        }\n    }\n\n    /**\n     * Request specific invoice function.\n     */\n    private readonly _onToggleInvoiceRequestParentModal = () => {\n        this.setState({\n            selectedButtonElement: this.payInvoiceRequestReference.current\n        }, () => {\n            this._onToggleInvoiceRequestModal();\n        });\n    };\n\n    private _renderInvoiceRequestButton(): JSX.Element | null {\n        const { invoiceRequestButtonLabel } = this.props.resources;\n        const customer = this.props.data.customer.result;\n\n        if (StringExtensions.isNullOrWhitespace(customer?.Email)) {\n            return null;\n        }\n\n        return (<RequestInvoiceButton\n            innerReference={this.payInvoiceRequestReference}\n            requestInvoiceButtonLabel={invoiceRequestButtonLabel}\n            onClicked={this._onToggleInvoiceRequestParentModal}\n            className={this._className}\n        />);\n    }\n\n    private _requestInvoice(invoiceId: string): void {\n        const context = { callerContext: this.props.context.actionContext };\n        const b2bUserId: string = this.props.data.b2bUserInformation?.result?.B2BUserId || '';\n\n        BusinessPartnerUsersDataActions.requestInvoiceCopyAsync(context, b2bUserId, invoiceId, BusinessPartnerOperationDeliveryType.Email);\n\n        this._onToggleInvoiceRequestModal();\n    }\n\n    private _getSelectedInvoices(): InvoiceModel[] {\n        let selectedInvoices = this.state.invoices.filter(invoice => invoice.isSelected);\n        if (!ArrayExtensions.hasElements(selectedInvoices)) {\n            selectedInvoices = this.state.invoices;\n        }\n\n        return selectedInvoices;\n    }\n\n    private _requestSpecificInvoice(specificInvoice: InvoiceModel, requestInvoiceButtonReference: React.RefObject<HTMLButtonElement>): void {\n        this.state.invoices.forEach((invoice: InvoiceModel) => {\n            if (invoice === specificInvoice) {\n                invoice.isSelected = true;\n            } else {\n                invoice.isSelected = false;\n            }\n        });\n        this.setState({\n            selectedButtonElement: requestInvoiceButtonReference.current\n        });\n        this._onToggleInvoiceRequestModal();\n    }\n}\n\nexport default InvoicesList;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Module } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IInvoicesListViewProps } from './invoices-list';\n\nexport const InvoiceListView: React.FC<IInvoicesListViewProps> = props => {\n    const { header, filter, content, invoiceRequestModal, pagination } = props;\n\n    return (\n        <Module {...props.moduleProps}>\n            {header}\n            {invoiceRequestModal}\n            {filter}\n            {content}\n            {pagination}\n        </Module>\n    );\n};\n\nexport default InvoiceListView;\n"],"names":["InvoiceDetailsHeaderComponent","component","props","className","data","invoiceDetails","resources","onError","invoiceNumberText","invoiceIdLabel","replace","id","invoiceOrderItemsText","lines","length","invoiceOrderItem","invoiceOrderItems","toString","invoiceInfoContainerClassName","orderInfoContainerClassName","orderInfoClassName","orderMainInfoClassName","orderDetailsClassName","actionsClassName","amountSummaryClassName","orderDate","context","undefined","date","invoiceDate","cultureFormatter","formatDate","year","month","day","dueDate","formatLongDate","dueDateText","invoicePaymentDueDateText","invoicePlacedByLabel","customerName","invoiceAmountDueText","amount","currencyCode","formatCurrency","formatAmount","amountDue","typeName","invoice","InvoiceDetailsPaymentDetailsComponent","invoicePaymentDetails","lineClassName","ObjectExtensions","totalDiscount","push","label","invoicePaymentDiscounts","value","subtotal","invoicePaymentSubtotal","totalCharges","invoicePaymentCharges","totalTax","invoicePaymentTax","totalAmount","invoicePaymentInvoiceTotal","ArrayExtensions","map","line","key","InvoiceDetailsProductsComponent","productLineClass","productLineInfoContainerClass","productLineDetailsClass","productLineSmallDetailsClass","product","quantity","Quantity","productUrl","ProductName","RecordId","getProductPageUrlSync","actionContext","imageSettings","cropFocalRegion","fallbackImage","getFallbackImageUrl","ItemId","requestContext","apiSettings","altText","title","src","primaryImageUrl","fallBackSrc","gridSettings","request","viewports","xs","q","w","h","lg","xl","lazyload","loadFailureBehavior","_renderProductImage","href","StringExtensions","ColorName","invoiceProductColor","SizeName","invoiceProductSize","StyleName","invoiceProductStyle","_renderProductDimensions","Price","invoiceQuantity","NetAmount","InvoiceDetailsModel","products","this","Id","InvoiceDate","Date","CustomerName","InvoiceDueDate","AmountBalance","status","InvoicePaidStatusValue","SalesInvoiceLine","find","PrimaryImageUrl","TotalDiscount","InvoiceSubtotal","TotalCharges","TotalTaxAmount","TotalAmount","CurrencyCode","InvoicePaidStatus","InvoiceDetails","super","state","_onAddToCartFailed","bind","_setPayInvoiceErrorModalClose","_getProducts","ChannelId","invoiceDetailsModel","setState","payInvoiceErrorModalOpen","header","_renderHeader","_renderProducts","paymentDetails","_renderPaymentDetails","payInvoiceError","_renderInvoiceErrors","moduleProps","_className","renderView","channelId","productInputs","filter","config","payInvoiceErrorDialogHeader","payInvoiceErrorDialogBodyErrorTitle","payInvoiceErrorDialogBodyErrorDescription","payInvoiceErrorDialogFooterGoToCartButtonText","payInvoiceErrorDialogFooterCancelButtonText","cartUrl","errorClassName","showError","errorDialogHeader","errorDialogBodyErrorTitle","errorDialogBodyErrorDescription","errorDialogFooterGoToCartButtonText","errorDialogFooterCancelButtonText","setPayInvoiceErrorModalClose","InvoiceDetailsView","Module","InvoiceSummaryLine","price","toBeCalculatedText","freeText","cssLabel","PriceComponent","CustomerContextualPrice","freePriceText","_buildPaymentSummarySection","telemetry","_computedLoyaltyAmount","checkoutState","loyaltyAmount","InvoiceSummary","CartLines","cart","invoiceLines","cartLine","IsInvoiceLine","reactNodes","invoices","invoiceLine","InvoiceAmount","invoiceLabel","InvoiceId","orderTotal","orderTotalLabel","giftCardAmount","giftCardTotalValue","giftCardExtends","reduce","count","giftCard","Balance","Math","min","_computeGiftCardAmount","totalAmountAfterGiftCard","loyalty","loyaltyLabel","giftcardLabel","InvoiceErrorComponent","messageHeader","errorMessage","otherError","errorMessages","isOpen","color","assertive","message","index","toggle","role","onClick","InvoicesFilterState","getInvoicesFilterStateResources","filterState","ShowAll","invoicesFilterShowAll","Paid","invoiceStatusPaid","PartiallyPaid","invoiceStatusPartiallyPaid","Unpaid","invoiceStatusUnpaid","Error","onClickHandler","onStateClick","InvoicesFilterComponent","popoverRef","popoverState","setPopoverState","togglePopover","setFilterState","currentState","onFilterStateClick","clickedState","onFilterStateChanged","innerRef","disabled","Popover","placement","target","EnumExtensions","stateStringRepresentation","renderFilterStateItem","InvoicesTableHeaderComponent","rowClassName","switchCheckedState","onSelectAll","isSelectedAll","headerCells","isMobile","type","invoiceListSelectAllRadioAriaLabelText","checked","onChange","invoicesText","invoiceDateMobileText","getMobileHeaderCells","invoiceDateText","isAdmin","invoiceUsersText","invoiceAmountText","invoiceDueDateText","invoiceStatusText","invoiceActionsText","getDesktopHeaderCells","onRequestSpecificInvoice","requestInvoiceButtonReference","onRequestInvoice","setShowPreviousActions","onClickViewDetails","linkToInvoiceDetails","window","location","isShowActions","setShowActions","shouldShowActions","getMobileRowCells","onSelectLine","getInvoiceDetailsPageUrlSync","invoiceRowArialabel","invoiceListSelectRadioAriaLabelText","isSelected","invoiceViewDetailsButtonAriaLabel","invoiceViewDetailsButtonText","invoiceActionsButtonTextAriaLabel","showActions","useState","actionsContainerClassName","payInvoiceClassName","reference","payInvoiceReferences","innerReference","invoiceReferences","requestInvoiceButtonLabel","invoiceRequestButtonLabel","onClicked","extraActionsPopup","InvoicesTableRowComponent","rowCells","customer","isCurrentUser","AccountNumber","customerAccountNumber","payInvoiceButtonReference","IsB2bAdmin","invoiceCurrentUser","getDesktopRowCells","isMobileView","viewport","device","Type","innerWidth","sm","md","getViewport","onSelectAllHandler","forEach","InvoicesTableComponent","setIsMobile","updateViewport","addEventListener","headerClassName","invoiceButtonReferences","Number","payInvoiceButtonReferences","MakePaymentComponentActions","async","_event","setDisabled","errorState","buttonReferences","input","event","MakePaymentComponent","hasInvoices","canBePaid","makePaymentButtonAriaLabel","makePaymentButtonText","PayInvoiceComponentActions","PayInvoiceComponent","payInvoiceButtonAriaLabel","payInvoiceButtonText","RequestInvoiceButton","InvoiceModel","CustomerAccountNumber","getInvoiceStatusText","invoiceStatus","invoiceStatusNone","payInvoices","invoicesToAdd","errorReason","failureReason","cartState","getCartState","result","addInvoicesToCart","invoiceIds","errorDetails","LocalizedMessage","errorCode","ErrorResourceId","assign","onSubmitRequestClick","selectedInvoiceIndex","onClosing","filteredInvoices","onSubmitRequest","searchInputChangedHandler","setSearchInput","onCancelHandler","renderInvoiceOptions","setSelectedInvoiceIndex","onInvoiceSelect","onInvoiceSelectHandler","radioButtonId","name","htmlFor","RequestInvoiceModal","email","isModalOpen","modalHeaderLabel","sendToEmailLabel","submitRequestLabel","cancelLabel","searchPlaceholderLabel","invoicesFoundString","singleInvoiceFoundString","searchButtonAltText","setFilteredInvoices","searchInput","shouldShowSearchResults","setShouldShowSearchResults","invoiceOptionsData","invoiceOptions","setInvoiceOptions","focusElement","current","setTimeout","focus","searchEntered","updatedInvoices","includes","searchEnteredHandler","searchResultString","invoicesFoundReplaceIndex","indexOf","horizontalPosition","verticalPosition","autoFocus","fade","onOpened","selectedInvoices","setFilteredInvoicesToSelectedInvoices","requestInvoiceDialogAriaLabel","tag","substring","ref","placeholder","InvoicesList","buttonChildReference","buttonChildPayButtonReference","_onToggleInvoiceRequestParentModal","selectedButtonElement","payInvoiceRequestReference","_onToggleInvoiceRequestModal","_queryResultSettings","QueryResultSettings","makePaymentReference","_updateInvoicesState","_handleFilterStateChange","_loadMoreInvoices","_requestInvoice","_requestSpecificInvoice","invoicesFilterState","isLoading","isPageLoaded","isInvoiceRequestModalOpen","nextProps","nextState","heading","channel","customerBalance","invoicesListTitle","invoicesListDescTitle","invoicesListDescCount","OpenInvoiceBalance","amountText","toFixed","Currency","totalCount","OpenInvoiceCount","countText","invoicesListTitleHeading","text","viewProps","invoiceRequestModal","_renderInvoiceRequestModal","_renderInvoicesFilter","pagination","_renderPagination","content","_renderListContainer","_renderEmptyInvoiceLinesPageContent","invoicesData","_initializeWithInvoices","newInvoices","concat","containerClass","actionsContainerClass","invoiceEmptyInvoiceLinesTitle","invoiceEmptyInvoiceLinesDescription","invoiceEmptyInvoiceLinesContinueShoppingButtonAriaLabel","invoiceEmptyInvoiceLinesContinueShoppingButtonText","containerHeaderClass","containerContentClass","_renderMakePayment","_renderInvoiceRequestButton","_renderInvoicesList","searchCriteria","businessPartner","callerContext","BusinessPartnerId","CustomerId","InvoicePaidStatusValues","_getInvoicesSearchCriteria","Paging","Skip","filterClassName","tableClassName","newErrorState","errorHost","invoiceErrorInvoiceIdNotExist","invoiceErrorFailedAddInvoiceToCart","shouldShowAdditionalInfoInPopup","makePaymentResources","_getSelectedInvoices","moduleId","moduleTypeName","navigationUrl","invoiceErrorMessageHeader","Top","invoicesLoadMore","_addInvoices","invoiceRequestModalCancelLabel","invoiceRequestModalSubmitLabel","invoiceRequestModalHeaderLabel","invoiceRequestModalSendToEmailLabel","invoiceRequestModalSearch","invoiceRequestModalInvoiceSearchDisplay","invoiceRequestModalSingleInvoiceSearchDisplay","invoiceRequestModalSearchButton","Email","invoiceId","b2bUserId","b2bUserInformation","B2BUserId","BusinessPartnerOperationDeliveryType","specificInvoice","InvoiceListView"],"sourceRoot":""}