{"version":3,"file":"static/js/5.bf27da7b3067fc51ac26.chunk.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/account-customer-balance/account-customer-balance.tsx?8d5a","webpack://Msdyn365.Commerce.Online/./src/modules/account-customer-balance/components/account-actions.tsx?e021","webpack://Msdyn365.Commerce.Online/./src/modules/account-customer-balance/components/account-statement-request-modal.tsx?18c0","webpack://Msdyn365.Commerce.Online/./src/modules/account-customer-balance/components/index.tsx?fba9","webpack://Msdyn365.Commerce.Online/./src/modules/account-welcome-tile/account-welcome-tile.tsx?2115","webpack://Msdyn365.Commerce.Online/./src/modules/account-welcome-tile/account-welcome-tile.view.tsx?e5e3","webpack://Msdyn365.Commerce.Online/./src/modules/b2b-requests-status/components/b2b-requests-table.tsx?06fc","webpack://Msdyn365.Commerce.Online/./src/modules/b2b-requests-status/b2b-requests-status.tsx?c1aa","webpack://Msdyn365.Commerce.Online/./src/modules/b2b-requests-status/b2b-requests-status.view.tsx?6b7c","webpack://Msdyn365.Commerce.Online/./src/modules/b2b-requests-tile/components/account-b2b-requests-tile-links.tsx?d6f5","webpack://Msdyn365.Commerce.Online/./src/modules/b2b-requests-tile/b2b-requests-tile.tsx?9498","webpack://Msdyn365.Commerce.Online/./src/modules/b2b-requests-tile/b2b-requests-tile.view.tsx?3f4e"],"sourcesContent":["/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { BusinessPartnerUsersDataActions } from '@msdyn365-commerce/retail-proxy';\nimport {\n    AccountStatementRequest,\n    BusinessPartnerOperationDeliveryType,\n    CustomerBalances\n} from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\nimport { getTelemetryObject, Heading, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport { get } from 'lodash';\nimport { computed } from 'mobx';\nimport * as React from 'react';\n\nimport { IAccountCustomerBalanceData } from './account-customer-balance.data';\nimport { HeadingTag, IAccountCustomerBalanceProps } from './account-customer-balance.props.autogenerated';\nimport {\n    AccountLabels,\n    AccountValues,\n    ActionBar,\n    AdminRequestStatementButton,\n    AvailableCreditComponent,\n    BackButton,\n    BalanceOwedComponent,\n    CreditExcessComponent,\n    RequestStatementModal\n} from './components';\n\nexport interface IAccountCustomerBalanceViewProps extends IAccountCustomerBalanceProps<IAccountCustomerBalanceData> {\n    heading: string;\n    homeButton: React.ReactNode;\n    accountSectionHeading: React.ReactNode;\n    accountLabels: React.ReactNode;\n    accountValues: React.ReactNode;\n    creditSummarySectionHeading: React.ReactNode;\n    creditSummaryLabels?: React.ReactNode;\n    creditSummaryValues?: React.ReactNode;\n    actions: React.ReactNode;\n    requestStatementModal: React.ReactNode;\n    availableCredit?: React.ReactNode;\n    balanceOwed?: React.ReactNode;\n    creditExcess?: React.ReactNode;\n}\n\nexport interface IAccountCustomerBalanceState {\n    isStatementRequestModalOpen: boolean;\n    statementRequestFromDateString: string;\n    statementRequestToDateString: string;\n    isStatementRequestAdminDropdownOpen: boolean;\n    statementRequestFullOrg: boolean;\n    statementRequestMaxDateString?: string;\n}\n\n/**\n *\n * AccountCustomerBalance component.\n * @extends {React.PureComponent<IAccountCustomerBalanceProps<IAccountCustomerBalanceData>>}\n */\nclass AccountCustomerBalance extends React.PureComponent<\n    IAccountCustomerBalanceProps<IAccountCustomerBalanceData>,\n    IAccountCustomerBalanceState\n> {\n    private readonly telemetryContent?: ITelemetryContent;\n\n    @computed get canSubmitStatementRequest(): boolean {\n        return this.state.statementRequestFromDateString !== '' && this.state.statementRequestToDateString !== '';\n    }\n\n    constructor(props: IAccountCustomerBalanceProps<IAccountCustomerBalanceData>) {\n        super(props);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n        this.state = {\n            isStatementRequestModalOpen: false,\n            statementRequestFromDateString: '',\n            statementRequestToDateString: '',\n            isStatementRequestAdminDropdownOpen: false,\n            statementRequestFullOrg: false,\n            statementRequestMaxDateString: new Date().toISOString().split('T')[0]\n        };\n    }\n\n    public render(): JSX.Element | null {\n        const customer = get(this.props, 'data.customerInformation.result');\n        const account: CustomerBalances = get(this.props, 'data.balance.result');\n        if ([customer, account].includes(undefined)) {\n            this.props.context.telemetry.error('Customer data is unavailable, module will not render');\n            return null;\n        }\n\n        const { config, resources, context } = this.props;\n        const { heading } = config;\n        const {\n            creditSummarySectionHeading,\n            accountSectionHeading,\n            backToShoppingText,\n            customerSincePrefix,\n            availableCreditLabel,\n            balanceOwedLabel,\n            creditExcessLabel,\n            requestStatementButtonLabel,\n            modalHeaderLabel,\n            sendToEmailLabel,\n            fromDateLabel,\n            toDateLabel,\n            submitRequestLabel,\n            cancelLabel,\n            myAccountStatementLabel,\n            fullOrganizationLabel,\n            modalAriaLabel\n        } = resources;\n\n        const {\n            isStatementRequestModalOpen,\n            statementRequestFromDateString,\n            statementRequestToDateString,\n            statementRequestMaxDateString\n        } = this.state;\n\n        const accountNumber = customer.AccountNumber;\n        const createdOn = this._formatJoinDate(new Date(customer.CreatedDateTime));\n        const name = `${customer.FirstName} ${customer.LastName}`;\n        let customerCredit = 0;\n        let customerAccountBalance = 0;\n        let excess = 0;\n\n        if (account.InvoiceAccountCreditLimit === 0) {\n            customerCredit = account.CreditLimit - account.Balance;\n            customerAccountBalance = account.Balance;\n            excess = account.Balance - account.CreditLimit;\n        } else {\n            customerCredit = account.InvoiceAccountCreditLimit - account.InvoiceAccountBalance;\n            customerAccountBalance = account.InvoiceAccountBalance;\n            excess = account.InvoiceAccountBalance - account.InvoiceAccountCreditLimit;\n        }\n\n        const creditExcess = excess > 0 ? this._formatCurrency(excess) : null;\n        const availableCredit = this._formatCurrency(customerCredit);\n        const balanceOwed = this._formatCurrency(customerAccountBalance);\n        const backLink = Msdyn365.getUrlSync('home', context.actionContext) || '';\n        const emailAddress = customer.Email;\n        const isB2BUser = customer.IsB2b;\n        const isB2BAdmin = isB2BUser && customer.IsB2bAdmin;\n\n        const actionBar = isB2BAdmin ? (\n            <AdminRequestStatementButton\n                className='ms-account-customer-balance'\n                onRequestStatement={this._adminShowRequestStatementModal}\n                requestStatementButtonLabel={requestStatementButtonLabel}\n                onToggleDropdown={this._toggleDropdown}\n                myUserAccountLabel={myAccountStatementLabel}\n                fullOrganizationLabel={fullOrganizationLabel}\n                isDropdownShowing={this.state.isStatementRequestAdminDropdownOpen}\n            />\n        ) : (\n            isB2BUser && (\n                <ActionBar\n                    className='ms-account-customer-balance'\n                    onRequestStatement={this._showRequestStatementModal}\n                    requestStatementButtonLabel={requestStatementButtonLabel}\n                />\n            )\n        );\n\n        const viewProps = {\n            ...this.props,\n            heading: <Heading text={heading.text} tag={heading.tag} />,\n            accountSectionHeading: (\n                <Heading tag={HeadingTag.h3} text={accountSectionHeading} className='ms-account-customer-balance__account-heading' />\n            ),\n            accountLabels: (\n                <AccountLabels name={name} accountNumber={accountNumber} createdOn={createdOn} customerSincePrefix={customerSincePrefix} />\n            ),\n            accountValues: <AccountValues availableCredit={availableCredit} availableCreditLabel={availableCreditLabel} />,\n            creditSummarySectionHeading: (\n                <Heading\n                    tag={HeadingTag.h3}\n                    text={creditSummarySectionHeading}\n                    className='ms-account-customer-balance__credit-summary-heading'\n                />\n            ),\n            availableCredit: <AvailableCreditComponent availableCreditLabel={availableCreditLabel} availableCredit={availableCredit} />,\n            balanceOwed: <BalanceOwedComponent balanceOwedLabel={balanceOwedLabel} balanceOwed={balanceOwed} />,\n            creditExcess: <CreditExcessComponent creditExcessLabel={creditExcessLabel} creditExcess={creditExcess} />,\n            homeButton: <BackButton label={backToShoppingText} link={backLink} telemetryContent={this.telemetryContent} />,\n            actions: actionBar,\n            requestStatementModal: isB2BUser && (\n                <RequestStatementModal\n                    email={emailAddress}\n                    isModalOpen={isStatementRequestModalOpen}\n                    toggle={this._toggleModal}\n                    fromDateString={statementRequestFromDateString}\n                    toDateString={statementRequestToDateString}\n                    onChangeFromDate={this._updateFromDate}\n                    onChangeToDate={this._updateToDate}\n                    canSubmitRequest={this.canSubmitStatementRequest}\n                    modalHeaderLabel={modalHeaderLabel}\n                    sendToEmailLabel={sendToEmailLabel}\n                    fromDateLabel={fromDateLabel}\n                    toDateLabel={toDateLabel}\n                    submitRequestLabel={submitRequestLabel}\n                    cancelLabel={cancelLabel}\n                    onSubmitRequest={this._requestStatement}\n                    className='ms-account-customer-balance'\n                    selectedUser=''\n                    selectedUserLabel=''\n                    modalAriaLabel={modalAriaLabel}\n                    maxDateString={statementRequestMaxDateString}\n                />\n            )\n        };\n\n        return this.props.renderView(viewProps);\n    }\n\n    private _formatCurrency(currency: number): string {\n        const currencyCode = get(this.props, 'context.request.channel.Currency');\n        const formatCurrency = get(this.props, 'context.cultureFormatter.formatCurrency');\n\n        return `${formatCurrency(currency.toFixed(2), currencyCode)}`;\n    }\n\n    private _formatJoinDate(date: Date): string {\n        const i14nDate = new Intl.DateTimeFormat(this.props.context.actionContext.requestContext.locale, {\n            month: 'long',\n            day: 'numeric',\n            year: 'numeric'\n        });\n\n        return i14nDate.format(date);\n    }\n\n    private readonly _showRequestStatementModal = (): void => {\n        if (!this.state.isStatementRequestModalOpen) {\n            this.setState({\n                isStatementRequestModalOpen: true\n            });\n        }\n    };\n\n    private readonly _toggleModal = (): void => {\n        this.setState({\n            isStatementRequestModalOpen: false\n        });\n    };\n\n    private readonly _toggleDropdown = (): void => {\n        this.setState({\n            isStatementRequestAdminDropdownOpen: !this.state.isStatementRequestAdminDropdownOpen\n        });\n    };\n\n    private readonly _updateFromDate = (newFromDate: string) => {\n        this.setState({\n            statementRequestFromDateString: newFromDate\n        });\n    };\n\n    private readonly _updateToDate = (newToDate: string) => {\n        this.setState({\n            statementRequestToDateString: newToDate\n        });\n    };\n\n    private readonly _adminShowRequestStatementModal = (isFullOrg: boolean) => {\n        this.setState({\n            statementRequestFullOrg: isFullOrg,\n            isStatementRequestAdminDropdownOpen: false\n        });\n\n        this._showRequestStatementModal();\n    };\n\n    private readonly _requestStatement = () => {\n        const customer = this.props.data.customerInformation.result!;\n        const B2BUserId = this.props.data.b2bUserInformation?.result?.B2BUserId || '';\n\n        const statementRequest: AccountStatementRequest = {\n            FromDate: new Date(this.state.statementRequestFromDateString),\n            ToDate: new Date(this.state.statementRequestToDateString),\n            IsForFullOrganization: this.state.statementRequestFullOrg,\n            RequestedUserId: B2BUserId,\n            RequestingUserEmail: customer.Email,\n            DeliveryTypeValue: BusinessPartnerOperationDeliveryType.Email\n        };\n\n        const context = { callerContext: this.props.context.actionContext };\n\n        BusinessPartnerUsersDataActions.requestAccountStatementAsync(context, B2BUserId, statementRequest);\n\n        this.setState({\n            isStatementRequestModalOpen: false\n        });\n    };\n}\n\nexport default AccountCustomerBalance;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Random } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, Popover } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\ninterface IAccountCustomerBalanceActions {\n    className?: string;\n    requestStatementButtonLabel: string;\n    onRequestStatement(): void;\n}\n\ninterface IAdminRequestStatementProps {\n    className?: string;\n    requestStatementButtonLabel: string;\n    myUserAccountLabel: string;\n    fullOrganizationLabel: string;\n    isDropdownShowing: boolean;\n    buttonReference?: React.RefObject<HTMLButtonElement>;\n    onToggleDropdown(): void;\n    onRequestStatement(isFullOrg: boolean): void;\n}\n\nexport const ActionBar: React.FC<IAccountCustomerBalanceActions> = ({ className, onRequestStatement, requestStatementButtonLabel }) => {\n    return (\n        <div className={className}>\n            <Button className={`${className}__action__requestStatement`} onClick={onRequestStatement}>\n                {requestStatementButtonLabel}\n            </Button>\n        </div>\n    );\n};\n\nexport const AdminRequestStatementButton: React.FC<IAdminRequestStatementProps> = ({\n    className,\n    onRequestStatement,\n    requestStatementButtonLabel,\n    onToggleDropdown,\n    myUserAccountLabel,\n    fullOrganizationLabel,\n    isDropdownShowing,\n    buttonReference\n}) => {\n    const onSelectCustomerAccount = React.useCallback(() => {\n        onRequestStatement(false);\n    }, [onRequestStatement]);\n\n    const onSelectFullOrg = React.useCallback(() => {\n        onRequestStatement(true);\n    }, [onRequestStatement]);\n\n    const popoverReference = buttonReference !== undefined ? buttonReference : React.createRef<HTMLButtonElement>();\n    const requestStatementDropdownString = `request-statement-dropdown-id-${Random.Guid.generateGuid()}`;\n    return (\n        <div className={`${className}__dropdown`}>\n            <Button\n                className={\n                    isDropdownShowing\n                        ? `${className}__action__requestStatement__toggleUp`\n                        : `${className}__action__requestStatement__toggleDown`\n                }\n                onClick={onToggleDropdown}\n                innerRef={popoverReference}\n                aria-haspopup='true'\n                aria-expanded={isDropdownShowing}\n                id={requestStatementDropdownString}\n            >\n                <span className={`${className}__action__requestStatement__buttonLabel`}>{requestStatementButtonLabel}</span>\n            </Button>\n            <Popover\n                aria-labelledby={requestStatementDropdownString}\n                className={`${className}__action__requestStatement__dropdownVisible`}\n                isOpen={isDropdownShowing}\n                placement='bottom'\n                target={popoverReference}\n                toggle={onToggleDropdown}\n                role='listbox'\n                aria-hidden={!isDropdownShowing}\n            >\n                <Button\n                    onClick={onSelectCustomerAccount}\n                    className={`${className}__action__requestStatement__dropdownOption`}\n                    role='option'\n                >\n                    {myUserAccountLabel}\n                </Button>\n                <Button onClick={onSelectFullOrg} className={`${className}__action__requestStatement__dropdownOption`} role='option'>\n                    {fullOrganizationLabel}\n                </Button>\n            </Popover>\n        </div>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\n/**\n * The interface for the props for the account statement request modal.\n */\ninterface IAccountStatementRequestModalProps {\n    email: string;\n    isModalOpen: boolean;\n    fromDateString: string;\n    toDateString: string;\n    canSubmitRequest: boolean;\n    modalHeaderLabel: string;\n    sendToEmailLabel: string;\n    fromDateLabel: string;\n    toDateLabel: string;\n    submitRequestLabel: string;\n    cancelLabel: string;\n    className: string;\n    selectedUser: string;\n    selectedUserLabel: string;\n    toggle(): void;\n    onChangeFromDate(newFromDate: string): void;\n    onChangeToDate(newToDate: string): void;\n    onSubmitRequest(): void;\n    modalAriaLabel?: string;\n    maxDateString?: string;\n}\n\nexport const RequestStatementModal: React.FC<IAccountStatementRequestModalProps> = ({\n    className,\n    email,\n    isModalOpen,\n    toggle,\n    fromDateString,\n    toDateString,\n    onChangeFromDate,\n    onChangeToDate,\n    canSubmitRequest,\n    modalHeaderLabel,\n    sendToEmailLabel,\n    fromDateLabel,\n    toDateLabel,\n    submitRequestLabel,\n    cancelLabel,\n    onSubmitRequest,\n    selectedUser,\n    selectedUserLabel,\n    modalAriaLabel,\n    maxDateString\n}) => {\n    const onChangeFromDateEvent = React.useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const value = event.target.value;\n\n            onChangeFromDate(value);\n        },\n        [onChangeFromDate]\n    );\n\n    const onChangeToDateEvent = React.useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const value = event.target.value;\n\n            onChangeToDate(value);\n        },\n        [onChangeToDate]\n    );\n\n    /**\n     * If the onBlur is called on the fromDate and the date has been changed, reset focus on it.\n     * @param event - The event that is triggering onBlur.\n     */\n    const onBlurFromDate = React.useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            if (ObjectExtensions.isFunction(event.target.focus) && event.target.value !== fromDateString) {\n                event.target.focus();\n            }\n        },\n        [fromDateString]\n    );\n\n    /**\n     * If the onBlur is called on the toDate and the date has been changed, reset focus on it.\n     * @param event - The event that is triggering onBlur.\n     */\n    const onBlurToDate = React.useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            if (ObjectExtensions.isFunction(event.target.focus) && event.target.value !== toDateString) {\n                event.target.focus();\n            }\n        },\n        [toDateString]\n    );\n\n    return (\n        <Modal\n            className='msc-modal-input-required'\n            isOpen={isModalOpen}\n            horizontalPosition='center'\n            verticalPosition='center'\n            autoFocus\n            fade={false}\n            toggle={toggle}\n            aria-label={modalAriaLabel}\n        >\n            <ModalHeader toggle={toggle}>{modalHeaderLabel}</ModalHeader>\n            <ModalBody>\n                <label htmlFor='sendToEmail'>{sendToEmailLabel}</label>\n                <br />\n                <div id='sendToEmail' className={`${className}__sendToEmail`}>\n                    {email}\n                </div>\n                {selectedUser && (\n                    <div>\n                        {selectedUserLabel}\n                        <span className={`${className}__selectedUser`}>{selectedUser}</span>\n                    </div>\n                )}\n                <div>\n                    <div className={`${className}__requestStatement__fromDate`}>\n                        <label htmlFor='fromDateSelector'>{fromDateLabel}</label>\n                        <input\n                            id='fromDateSelector'\n                            type='date'\n                            value={fromDateString}\n                            onBlur={onBlurFromDate}\n                            onChange={onChangeFromDateEvent}\n                            max={toDateString ? toDateString : maxDateString}\n                            className={`${className}__dateSelector form-control`}\n                        />\n                    </div>\n                    <div className={`${className}__requestStatement__toDate`}>\n                        <label htmlFor='toDateSelector'>{toDateLabel}</label>\n                        <input\n                            id='toDateSelector'\n                            type='date'\n                            value={toDateString}\n                            onBlur={onBlurToDate}\n                            onChange={onChangeToDateEvent}\n                            min={fromDateString}\n                            max={maxDateString}\n                            className={`${className}__dateSelector form-control`}\n                        />\n                    </div>\n                </div>\n            </ModalBody>\n            <ModalFooter>\n                <button\n                    className={`${className}__action__submitRequest`}\n                    onClick={onSubmitRequest}\n                    disabled={!canSubmitRequest}\n                    aria-disabled={!canSubmitRequest}\n                >\n                    {submitRequestLabel}\n                </button>\n                {` `}\n                <button className={`${className}__action__cancelRequest`} onClick={toggle}>\n                    {cancelLabel}\n                </button>\n            </ModalFooter>\n        </Modal>\n    );\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, TelemetryConstant } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { AdminRequestStatementButton } from './account-actions';\nimport { RequestStatementModal } from './account-statement-request-modal';\n\nexport * from './account-actions';\nexport * from './account-statement-request-modal';\n\ninterface IAccountLabel {\n    name: string;\n    accountNumber: string;\n    createdOn: string;\n    customerSincePrefix: string;\n}\n\ninterface IAccountValues {\n    availableCredit: string;\n    availableCreditLabel: string;\n}\n\n/**\n * Prop for Available credit component.\n */\ninterface ICreditSummaryAvailableCredit {\n    availableCreditLabel: string;\n    availableCredit: string;\n}\n\n/**\n * Prop for Balanced owed component.\n */\ninterface ICreditSummaryBalanceOwed {\n    balanceOwedLabel: string;\n    balanceOwed: string;\n}\n\n/**\n * Prop for credit excess component.\n */\ninterface ICreditSummaryCreditExcess {\n    creditExcessLabel: string | null;\n    creditExcess: string | null;\n}\n\ninterface ICreditSummaryLabel {\n    availableCredit: string;\n    balanceOwed: string;\n    creditExcess: string | null;\n}\n\ninterface ICreditSummaryValues {\n    availableCredit: string;\n    balanceOwed: string;\n    creditExcess: string | null;\n}\n\ninterface IBackButton {\n    link: string;\n    label: string;\n    telemetryContent?: ITelemetryContent;\n}\n\nexport const AccountLabels: React.FC<IAccountLabel> = ({ name, accountNumber, customerSincePrefix, createdOn }) => (\n    <div className='ms-account-customer-balance__account__details'>\n        <h4>{name}</h4>\n        <div className='ms-account-customer-balance__account-number'>#{accountNumber}</div>\n        <div className='ms-account-customer-balance__created-on'>\n            {customerSincePrefix} {createdOn}\n        </div>\n    </div>\n);\n\nexport const AccountValues: React.FC<IAccountValues> = ({ availableCredit, availableCreditLabel }) => (\n    <div className='ms-account-customer-balance__account__credit'>\n        <div className='ms-account-customer-balance__available-credit-label'>{availableCreditLabel}</div>\n        <div className='ms-account-customer-balance__available-credit-amount'>{availableCredit}</div>\n    </div>\n);\n\nexport const CreditSummaryLabels: React.FC<ICreditSummaryLabel> = ({ availableCredit, balanceOwed, creditExcess }) => (\n    <div className='ms-account-customer-balance__credit-summary__labels'>\n        <div className='ms-account-customer-balance__available-credit-label'>{availableCredit}</div>\n        <div className='ms-account-customer-balance__balance-owed-label'>{balanceOwed}</div>\n        <div className='ms-account-customer-balance__credit-excess-label'>{creditExcess}</div>\n    </div>\n);\n\nexport const CreditSummaryValues: React.FC<ICreditSummaryValues> = ({ availableCredit, balanceOwed, creditExcess }) => (\n    <div className='ms-account-customer-balance__credit-summary__values'>\n        <div className='ms-account-customer-balance__available-credit-label'>{availableCredit}</div>\n        <div className='ms-account-customer-balance__balance-owed-label'>{balanceOwed}</div>\n        {creditExcess && <div className='ms-account-customer-balance__excess-credit-label'>{creditExcess}</div>}\n    </div>\n);\n\n/**\n * Available credit component.\n * @param props - ICreditSummaryAvailableCredit.\n * @param props.availableCreditLabel - Available credit label.\n * @param props.availableCredit - Available credit value.\n * @returns - React Node for available credit component.\n */\nexport const AvailableCreditComponent: React.FC<ICreditSummaryAvailableCredit> = ({ availableCreditLabel, availableCredit }) => (\n    <div className='ms-account-customer-balance__credit-summary__wrapper'>\n        <div className='ms-account-customer-balance__credit-summary__labels'>\n            <div className='ms-account-customer-balance__available-credit-label'>{availableCreditLabel}</div>\n        </div>\n        <div className='ms-account-customer-balance__credit-summary__values'>\n            <div className='ms-account-customer-balance__available-credit-label'>{availableCredit}</div>\n        </div>\n    </div>\n);\n\n/**\n * Balance Owed Component.\n * @param props - ICreditSummaryBalanceOwed.\n * @param props.balanceOwedLabel - Balance Owed label.\n * @param props.balanceOwed - Balance Owed value.\n * @returns - React Node for balance owed component.\n */\nexport const BalanceOwedComponent: React.FC<ICreditSummaryBalanceOwed> = ({ balanceOwedLabel, balanceOwed }) => (\n    <div className='ms-account-customer-balance__credit-summary__wrapper'>\n        <div className='ms-account-customer-balance__credit-summary__labels'>\n            <div className='ms-account-customer-balance__balance-owed-label'>{balanceOwedLabel}</div>\n        </div>\n        <div className='ms-account-customer-balance__credit-summary__values'>\n            <div className='ms-account-customer-balance__balance-owed-label'>{balanceOwed}</div>\n        </div>\n    </div>\n);\n\n/**\n * Credit Excess Component.\n * @param props - ICreditSummaryCreditExcess.\n * @param props.creditExcessLabel - Credit excess label.\n * @param props.creditExcess - Credit excess value.\n * @returns - React Node for credit excess component.\n */\nexport const CreditExcessComponent: React.FC<ICreditSummaryCreditExcess> = ({ creditExcessLabel, creditExcess }) => (\n    <div className='ms-account-customer-balance__credit-summary__wrapper'>\n        {creditExcess && (\n            <div className='ms-account-customer-balance__credit-summary__labels'>\n                <div className='ms-account-customer-balance__credit-excess-label'>{creditExcessLabel}</div>\n            </div>\n        )}\n        <div className='ms-account-customer-balance__credit-summary__values'>\n            {creditExcess && <div className='ms-account-customer-balance__excess-credit-label'>{creditExcess}</div>}\n        </div>\n    </div>\n);\nexport const BackButton: React.FC<IBackButton> = ({ link, label, telemetryContent }) => {\n    const payLoad = getPayloadObject('click', telemetryContent!, TelemetryConstant.BackToShopping);\n    const attributes = getTelemetryAttributes(telemetryContent!, payLoad);\n    return (\n        <a className='ms-account-loyalty__home-link msc-btn' href={link} {...attributes}>\n            {label}\n        </a>\n    );\n};\n\nexport { AdminRequestStatementButton, RequestStatementModal };\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { IModuleProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IAccountWelcomeTileData } from './account-welcome-tile.data';\nimport { IAccountWelcomeTileProps } from './account-welcome-tile.props.autogenerated';\n\nexport interface IAccountWelcomeTileViewProps extends IAccountWelcomeTileProps<IAccountWelcomeTileData> {\n    AccountWelcomeTile: IModuleProps;\n    className: string;\n    heading?: React.ReactNode;\n}\n\n/**\n *\n * AccountWelcome component.\n * @extends {React.PureComponent<IAccountWelcomeTileProps<IAccountWelcomeTileData>>}\n */\nclass AccountWelcomeTile extends React.PureComponent<IAccountWelcomeTileProps<IAccountWelcomeTileData>> {\n    public render(): JSX.Element {\n        const { config, data } = this.props;\n        const { className } = config;\n\n        const accountInfo = data.accountInformation.result;\n        const heading = {\n            ...config.heading,\n            ...{\n                text: `${config.heading.text} ${accountInfo && accountInfo.FirstName ? accountInfo.FirstName : ''}`\n            }\n        };\n\n        const viewProps = {\n            ...this.props,\n            className,\n            AccountWelcomeTile: {\n                moduleProps: this.props,\n                className: classnames('ms-account-welcome-tile', config.className)\n            },\n            heading: heading && (\n                <Msdyn365.Text\n                    className='ms-account-welcome-tile__heading'\n                    tag={heading.tag}\n                    text={heading.text}\n                    editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n                />\n            )\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading.text = event.target.value);\n}\n\nexport default AccountWelcomeTile;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IAccountWelcomeTileViewProps } from './account-welcome-tile';\n\nconst AccountWelcomeTileView: React.FC<IAccountWelcomeTileViewProps> = props => {\n    const { AccountWelcomeTile, heading } = props;\n\n    return <Module {...AccountWelcomeTile}>{heading}</Module>;\n};\n\nexport default AccountWelcomeTileView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport MsDyn365, { ICoreContext, IDateFormatOptions, IRequestContext } from '@msdyn365-commerce/core';\nimport { BusinessPartnerOperationRequest, BusinessPartnerOperationRequestDetails } from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport {\n    IDataTableProps,\n    IHeadingsProperty,\n    ITableItemProps,\n    ITableRowProps,\n    Table,\n    TableDataType\n} from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IB2bRequestsStatusData } from '../b2b-requests-status.data';\nimport { IB2bRequestsStatusProps } from '../b2b-requests-status.props.autogenerated';\n\nexport interface IB2bRequestsTableProps {\n    moduleProps: IB2bRequestsStatusProps<IB2bRequestsStatusData>;\n    isMobile: boolean;\n    mobileExcludedColumns: string[];\n}\n\nexport interface IB2bRequestsTableResources {\n    b2bRequestsTypeCreateProspect: string;\n    b2bRequestsTypeAddUser: string;\n    b2bRequestsTypeEditUser: string;\n    b2bRequestsTypeDeleteUser: string;\n    b2bRequestsTypeRequestAccountStatement: string;\n    b2bRequestsTypeRequestInvoiceCopy: string;\n    b2bRequestsTypeUnknown: string;\n    b2bRequestsStatusRequested: string;\n    b2bRequestsStatusProcessed: string;\n    b2bRequestsStatusError: string;\n    b2bRequestsNumberOfItems: string;\n    b2bRequestsNumberOfItemsSingular: string;\n    b2bRequestsNameDisplay: string;\n    b2bRequestsPreviousText: string;\n    b2bRequestsNextText: string;\n    b2bRequestsUserColumn: string;\n    b2bRequestsStatusColumn: string;\n    b2bRequestsRequestDateColumn: string;\n    b2bRequestsTypeColumn: string;\n    b2bRequestsDescriptionColumn: string;\n    b2bRequestsAccountStatementDetails: string;\n    b2bRequestsInvoiceCopyDetails: string;\n    businessUserSelectCheckBoxAriaLabelText?: string;\n    sortByAscending?: string;\n    sortByDescending?: string;\n}\n\nexport enum RequestsTableColumnHeader {\n    Name = 'User',\n    Status = 'Status',\n    RequestDate = 'Request date',\n    Type = 'Request type',\n    Description = 'Request detail'\n}\n\nconst getCurrentUrl = (reqContext: IRequestContext): URL => {\n    if (MsDyn365.isBrowser) {\n        return new URL(window.location.href);\n    }\n\n    // NOTE: Typing on requestURL is incorrect\n    if (reqContext.url.requestUrl.href) {\n        return new URL(reqContext.url.requestUrl.href);\n    }\n    return new URL(reqContext.url.requestUrl.href);\n};\n\nconst getUserName = (request: BusinessPartnerOperationRequest, resources: IB2bRequestsTableResources) => {\n    if (StringExtensions.isNullOrEmpty(request.UserFirstName)) {\n        if (StringExtensions.isNullOrEmpty(request.UserLastName)) {\n            return '';\n        }\n\n        return request.UserLastName;\n    } else if (StringExtensions.isNullOrEmpty(request.UserLastName)) {\n        return request.UserFirstName;\n    }\n\n    return resources.b2bRequestsNameDisplay.replace('{0}', request.UserFirstName!).replace('{1}', request.UserLastName!);\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 * Gets the value to display for the request details.\n * @param request - The request to parse for the details.\n * @param resources - The resources.\n * @param context - The context.\n * @returns The string to display.\n */\nconst getDetails = (request: BusinessPartnerOperationRequest, resources: IB2bRequestsTableResources, context: ICoreContext) => {\n    if (!request.Details) {\n        return '';\n    }\n\n    const requestDetails: BusinessPartnerOperationRequestDetails = request.Details;\n\n    const accountStatementStartDateTime = formatDate(context, requestDetails.AccountStatementStartDateTime) || '';\n    const accountStatementEndDateTime = formatDate(context, requestDetails.AccountStatementEndDateTime) || '';\n    const invoiceId = requestDetails.InvoiceId ?? '';\n\n    switch (request.TypeValue) {\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers -- workaround for not being able to use enum value\n        case 5:\n            if (\n                !StringExtensions.isNullOrEmpty(accountStatementStartDateTime) &&\n                !StringExtensions.isNullOrEmpty(accountStatementEndDateTime)\n            ) {\n                return resources.b2bRequestsAccountStatementDetails\n                    .replace('{0}', accountStatementStartDateTime)\n                    .replace('{1}', accountStatementEndDateTime);\n            }\n\n            return '';\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers -- workaround for not being able to use enum value\n        case 6:\n            if (!StringExtensions.isNullOrEmpty(invoiceId)) {\n                return resources.b2bRequestsInvoiceCopyDetails.replace('{0}', invoiceId);\n            }\n\n            return '';\n        default:\n            return '';\n    }\n};\n\nconst createTableItems = (\n    operationRequests: BusinessPartnerOperationRequest[] | undefined,\n    props: IB2bRequestsStatusProps<IB2bRequestsStatusData>\n): ITableRowProps[] => {\n    if (!ArrayExtensions.hasElements(operationRequests)) {\n        return [];\n    }\n\n    return operationRequests.map(request => {\n        return {\n            row: [\n                {\n                    id: props.resources.b2bRequestsTypeColumn,\n                    type: TableDataType.Text,\n                    value: getDisplayFriendlyTypeValue(request.TypeValue ?? 0, props.resources)\n                } as ITableItemProps,\n                {\n                    id: props.resources.b2bRequestsRequestDateColumn,\n                    type: TableDataType.Text,\n                    value: formatDate(props.context, request.CreatedDateTime)\n                } as ITableItemProps,\n                {\n                    id: props.resources.b2bRequestsDescriptionColumn,\n                    type: TableDataType.Text,\n                    value: getDetails(request, props.resources, props.context)\n                } as ITableItemProps,\n                {\n                    id: props.resources.b2bRequestsUserColumn,\n                    type: TableDataType.Text,\n                    value: getUserName(request, props.resources)\n                } as ITableItemProps,\n                {\n                    id: props.resources.b2bRequestsStatusColumn,\n                    type: TableDataType.Text,\n                    value: getDisplayFriendlyStatusValue(request.StatusValue ?? 0, props.resources)\n                } as ITableItemProps\n            ],\n            isSelected: false,\n            className: props.config.className\n        };\n    });\n};\n\nconst getDisplayFriendlyTypeValue = (typeValue: number, resources: IB2bRequestsTableResources): string => {\n    switch (typeValue) {\n        case 1:\n            return resources.b2bRequestsTypeCreateProspect;\n        case 2:\n            return resources.b2bRequestsTypeAddUser;\n        case 3:\n            return resources.b2bRequestsTypeDeleteUser;\n        case 4:\n            return resources.b2bRequestsTypeEditUser;\n        case 5:\n            return resources.b2bRequestsTypeRequestAccountStatement;\n        case 6:\n            return resources.b2bRequestsTypeRequestInvoiceCopy;\n        default:\n            return resources.b2bRequestsTypeUnknown;\n    }\n};\n\nconst getDisplayFriendlyStatusValue = (statusValue: number, resources: IB2bRequestsTableResources): string => {\n    switch (statusValue) {\n        case 1:\n            return resources.b2bRequestsStatusProcessed;\n        case 2:\n            return resources.b2bRequestsStatusError;\n        default:\n            return resources.b2bRequestsStatusRequested;\n    }\n};\n\nconst createTableProps = (tableProps: IB2bRequestsTableProps) => {\n    const { context, data, resources } = tableProps.moduleProps;\n\n    const tableData = createTableItems(data.operationRequests.result, tableProps.moduleProps);\n    const tableHeading =\n        (ArrayExtensions.hasElements(tableData) &&\n            tableData[0].row\n                .filter(item => {\n                    // Check that this is either not mobile or the column should be displayed when mobile.\n                    return !tableProps.isMobile || !tableProps.mobileExcludedColumns.includes(item.id);\n                })\n                .map(item => {\n                    return {\n                        name: item.id,\n                        sortable: true,\n                        ariaLabel: resources.columnSortAriaLabel\n                    } as IHeadingsProperty;\n                })) ||\n        [];\n\n    return {\n        resources: {},\n        headings: tableHeading,\n        rows: tableData,\n        className: `${tableProps.moduleProps.config.className}__table`,\n        editLinkText: '',\n        deleteLinkText: '',\n        viewLinkText: '',\n        enableToModify: false,\n        actionLinkText: '',\n        showCheckBoxes: false,\n        isSortable: true,\n        showPagination: true,\n        minifyActions: tableProps.isMobile,\n        excludedColumns: tableProps.isMobile ? tableProps.mobileExcludedColumns : [],\n        paginationProperty: {\n            skipCount:\n                context.request.query?.skip && !isNaN(Number.parseInt(context.request.query.skip, 10))\n                    ? Number.parseInt(context.request.query.skip, 10)\n                    : 0,\n            itemPerPage: 10,\n            prevText: resources.b2bRequestsPreviousText,\n            nextText: resources.b2bRequestsNextText,\n            paginationText: '',\n            url: (context && getCurrentUrl(context.request).href) || ''\n        },\n        isSingleSelectOnly: true,\n        actions: {\n            onDelete: undefined,\n            onEdit: undefined,\n            onView: undefined\n        },\n        businessUserSelectCheckBoxAriaLabelText: tableProps.moduleProps.resources.businessUserSelectCheckBoxAriaLabelText,\n        sortByAscending: tableProps.moduleProps.resources.sortByAscending,\n        sortByDescending: tableProps.moduleProps.resources.sortByDescending\n    } as IDataTableProps;\n};\n\nexport const B2bRequestsTable: React.FC<IB2bRequestsTableProps> = (tableProps: IB2bRequestsTableProps) => {\n    return <Table {...createTableProps(tableProps)} />;\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { format, Heading, IModuleProps, isMobile, VariantType } from '@msdyn365-commerce-modules/utilities';\nimport { computed } from 'mobx';\nimport * as React from 'react';\n\nimport { IB2bRequestsStatusData } from './b2b-requests-status.data';\nimport { IB2bRequestsStatusProps, IHeadingData } from './b2b-requests-status.props.autogenerated';\nimport { B2bRequestsTable } from './components/b2b-requests-table';\n\nexport interface IB2bRequestsStatusViewProps extends IB2bRequestsStatusProps<IB2bRequestsStatusData> {\n    b2bRequestsStatus: IModuleProps;\n    heading?: React.ReactNode;\n    table: React.ReactNode;\n}\n\n/**\n *\n * B2bRequestsStatus component.\n * @extends {React.PureComponent<IB2bRequestsStatusProps<IB2bRequestsStatusData>>}\n */\nclass B2bRequestsStatus extends React.PureComponent<IB2bRequestsStatusProps<IB2bRequestsStatusData>> {\n    @computed get isMobile(): boolean {\n        const size = isMobile({ variant: VariantType.Viewport, context: this.props.context.request });\n        return size === 'xs';\n    }\n\n    public render(): JSX.Element | null {\n        const { config, data } = this.props;\n\n        if (!data.customerInformation.result?.IsB2b || !data.b2bUserInformation.result?.B2BUserId) {\n            return null;\n        }\n\n        const className = config.className || '';\n\n        const viewProps = {\n            ...this.props,\n            b2bRequestsStatus: {\n                moduleProps: this.props,\n                className\n            },\n            heading: this.renderHeader(className, config.heading),\n            table: this.renderTable()\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    private readonly renderHeader = (className: string, headingData: IHeadingData): React.ReactNode => {\n        const itemCount = this.props.data.operationRequests.result?.length ?? 0;\n\n        return (\n            <div className={`${className}__header__container`}>\n                <Heading className={`${className}__header__heading`} tag={headingData.tag} text={headingData.text} />\n                <span>{this.getItemNumberDisplayString(itemCount)}</span>\n            </div>\n        );\n    };\n\n    /**\n     * Returns columns that needs to be excluded for mobile view.\n     * @returns Array of column names.\n     */\n    private readonly _retrieveExcludedColumns = (): string[] => {\n        const { resources } = this.props;\n        return [resources.b2bRequestsRequestDateColumn, resources.b2bRequestsDescriptionColumn, resources.b2bRequestsUserColumn];\n    };\n\n    private readonly renderTable = (): React.ReactNode => {\n        return (\n            <B2bRequestsTable moduleProps={this.props} isMobile={this.isMobile} mobileExcludedColumns={this._retrieveExcludedColumns()} />\n        );\n    };\n\n    private readonly getItemNumberDisplayString = (itemCount: number): string => {\n        switch (itemCount) {\n            case 0:\n                return '';\n            case 1:\n                return format(this.props.resources.b2bRequestsNumberOfItemsSingular, itemCount);\n            default:\n                return format(this.props.resources.b2bRequestsNumberOfItems, itemCount);\n        }\n    };\n}\n\nexport default B2bRequestsStatus;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport { IB2bRequestsStatusViewProps } from './b2b-requests-status';\n\nconst B2bRequestsStatusView: React.FC<IB2bRequestsStatusViewProps> = props => {\n    const { b2bRequestsStatus, heading, table } = props;\n    return (\n        <Module {...b2bRequestsStatus}>\n            {heading}\n            {table}\n        </Module>\n    );\n};\n\nexport default B2bRequestsStatusView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ILinksData } from '../../..';\n\nexport interface IB2bRequestsTileLinksProps {\n    links: ILinksData[];\n    requestContext: Msdyn365.IRequestContext;\n\n    /**\n     * The telemetry content\n     */\n    telemetryContent?: ITelemetryContent;\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\n}\n\nconst defaultClassName = 'ms-account-b2b-requests-tile';\n\nexport const B2bRequestsTileLinks: React.FC<IB2bRequestsTileLinksProps> = ({ links, telemetryContent, onTextChange, requestContext }) => {\n    if (!ArrayExtensions.hasElements(links)) {\n        return null;\n    }\n    const editableLinks = _mapEditableLinks(links, telemetryContent);\n    return (\n        <div className={`${defaultClassName}__links`}>\n            {ArrayExtensions.hasElements(editableLinks) ? (\n                <Msdyn365.Links links={editableLinks} editProps={{ onTextChange, requestContext }} />\n            ) : null}\n        </div>\n    );\n};\n\nconst _mapEditableLinks = (linkdata: ILinksData[], telemetryContent?: ITelemetryContent): Msdyn365.ILinksData[] | null => {\n    if (!ArrayExtensions.hasElements(linkdata)) {\n        return null;\n    }\n\n    const payLoad = getPayloadObject('click', telemetryContent!, '');\n\n    return linkdata.map(link => {\n        payLoad.contentAction.etext = link.linkText;\n        const attributes = getTelemetryAttributes(telemetryContent!, payLoad);\n        return {\n            ariaLabel: link.ariaLabel,\n            className: `${defaultClassName}__link`,\n            linkText: link.linkText,\n            linkUrl: link.linkUrl.destinationUrl,\n            openInNewTab: link.openInNewTab,\n            role: 'link',\n            additionalProperties: attributes\n        } as Msdyn365.ILinksData;\n    });\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IB2bRequestsTileData } from './b2b-requests-tile.data';\nimport { IB2bRequestsTileProps } from './b2b-requests-tile.props.autogenerated';\nimport { B2bRequestsTileLinks } from './components/account-b2b-requests-tile-links';\n\nexport interface IB2bRequestsTileViewProps extends IB2bRequestsTileProps<IB2bRequestsTileData> {\n    b2bRequestsTile: IModuleProps;\n    className: string;\n    heading?: React.ReactNode;\n    links?: React.ReactNode;\n}\n\n/**\n *\n * B2bRequestsTile component.\n * @extends {React.PureComponent<IB2bRequestsTileProps<IB2bRequestsTileData>>}\n */\nclass B2bRequestsTile extends React.PureComponent<IB2bRequestsTileProps<IB2bRequestsTileData>> {\n    private readonly telemetryContent?: ITelemetryContent;\n\n    constructor(props: IB2bRequestsTileProps<IB2bRequestsTileData>) {\n        super(props);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n    }\n\n    public render(): JSX.Element | null {\n        const { config, data } = this.props;\n        const { className, heading, links } = config;\n\n        const defaultClassName = 'ms-account-b2b-requests-tile';\n\n        if (!data.customerInformation.result?.IsB2b) {\n            return null;\n        }\n\n        const viewProps = {\n            ...this.props,\n            className,\n            b2bRequestsTile: {\n                moduleProps: this.props,\n                className: classnames(defaultClassName, config.className)\n            },\n            heading: heading && heading.text && (\n                <Msdyn365.Text\n                    className={`${defaultClassName}__heading`}\n                    tag={heading.tag}\n                    text={heading.text}\n                    editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n                />\n            ),\n            links: ArrayExtensions.hasElements(links) && (\n                <B2bRequestsTileLinks\n                    links={links}\n                    onTextChange={this.handleLinkTextChange}\n                    requestContext={this.props.context.request}\n                    telemetryContent={this.telemetryContent}\n                />\n            )\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading.text = event.target.value);\n\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent) => {\n        if (this.props.config.links && this.props.config.links[linkIndex]) {\n            this.props.config.links[linkIndex].linkText = event.target.value;\n        }\n    };\n}\n\nexport default B2bRequestsTile;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IB2bRequestsTileViewProps } from './b2b-requests-tile';\n\nconst B2bRequestsTileView: React.FC<IB2bRequestsTileViewProps> = props => {\n    const { b2bRequestsTile, heading, links } = props;\n\n    return (\n        <Module {...b2bRequestsTile}>\n            {heading}\n            {links}\n        </Module>\n    );\n};\n\nexport default B2bRequestsTileView;\n"],"names":["AccountCustomerBalance","React","constructor","props","super","_showRequestStatementModal","this","state","isStatementRequestModalOpen","setState","_toggleModal","_toggleDropdown","isStatementRequestAdminDropdownOpen","_updateFromDate","newFromDate","statementRequestFromDateString","_updateToDate","newToDate","statementRequestToDateString","_adminShowRequestStatementModal","isFullOrg","statementRequestFullOrg","_requestStatement","_this$props$data$b2bU","customer","data","customerInformation","result","B2BUserId","b2bUserInformation","statementRequest","FromDate","Date","ToDate","IsForFullOrganization","RequestedUserId","RequestingUserEmail","Email","DeliveryTypeValue","BusinessPartnerOperationDeliveryType","context","callerContext","actionContext","BusinessPartnerUsersDataActions","telemetryContent","getTelemetryObject","request","telemetryPageName","friendlyName","telemetry","statementRequestMaxDateString","toISOString","split","render","_get","account","includes","undefined","error","config","resources","heading","creditSummarySectionHeading","accountSectionHeading","backToShoppingText","customerSincePrefix","availableCreditLabel","balanceOwedLabel","creditExcessLabel","requestStatementButtonLabel","modalHeaderLabel","sendToEmailLabel","fromDateLabel","toDateLabel","submitRequestLabel","cancelLabel","myAccountStatementLabel","fullOrganizationLabel","modalAriaLabel","accountNumber","AccountNumber","createdOn","_formatJoinDate","CreatedDateTime","name","FirstName","LastName","customerCredit","customerAccountBalance","excess","InvoiceAccountCreditLimit","CreditLimit","Balance","InvoiceAccountBalance","creditExcess","_formatCurrency","availableCredit","balanceOwed","backLink","Msdyn365","emailAddress","isB2BUser","IsB2b","actionBar","IsB2bAdmin","AdminRequestStatementButton","className","onRequestStatement","onToggleDropdown","myUserAccountLabel","isDropdownShowing","ActionBar","viewProps","_objectSpread","Heading","text","tag","accountLabels","AccountLabels","accountValues","AccountValues","AvailableCreditComponent","BalanceOwedComponent","CreditExcessComponent","homeButton","BackButton","label","link","actions","requestStatementModal","RequestStatementModal","email","isModalOpen","toggle","fromDateString","toDateString","onChangeFromDate","onChangeToDate","canSubmitRequest","canSubmitStatementRequest","onSubmitRequest","selectedUser","selectedUserLabel","maxDateString","renderView","currency","currencyCode","formatCurrency","toFixed","date","Intl","DateTimeFormat","requestContext","locale","month","day","year","format","__decorate","computed","_ref","Button","onClick","_ref2","buttonReference","onSelectCustomerAccount","onSelectFullOrg","popoverReference","requestStatementDropdownString","Random","Guid","generateGuid","innerRef","id","Popover","isOpen","placement","target","role","onChangeFromDateEvent","event","value","onChangeToDateEvent","onBlurFromDate","ObjectExtensions","isFunction","focus","onBlurToDate","Modal","horizontalPosition","verticalPosition","autoFocus","fade","ModalHeader","ModalBody","htmlFor","type","onBlur","onChange","max","min","ModalFooter","disabled","_ref5","_ref6","_ref7","_ref8","payLoad","getPayloadObject","TelemetryConstant","BackToShopping","attributes","getTelemetryAttributes","Object","assign","href","AccountWelcomeTile","handleHeadingChange","accountInfo","accountInformation","moduleProps","classnames","editProps","onEdit","Module","RequestsTableColumnHeader","getUserName","StringExtensions","isNullOrEmpty","UserFirstName","UserLastName","b2bRequestsNameDisplay","replace","formatDate","cultureFormatter","getDetails","_requestDetails$Invoi","Details","requestDetails","accountStatementStartDateTime","AccountStatementStartDateTime","accountStatementEndDateTime","AccountStatementEndDateTime","invoiceId","InvoiceId","TypeValue","b2bRequestsAccountStatementDetails","b2bRequestsInvoiceCopyDetails","getDisplayFriendlyTypeValue","typeValue","b2bRequestsTypeCreateProspect","b2bRequestsTypeAddUser","b2bRequestsTypeDeleteUser","b2bRequestsTypeEditUser","b2bRequestsTypeRequestAccountStatement","b2bRequestsTypeRequestInvoiceCopy","b2bRequestsTypeUnknown","getDisplayFriendlyStatusValue","statusValue","b2bRequestsStatusProcessed","b2bRequestsStatusError","b2bRequestsStatusRequested","createTableProps","tableProps","_context$request$quer","tableData","operationRequests","ArrayExtensions","hasElements","map","_request$TypeValue","_request$StatusValue","row","b2bRequestsTypeColumn","TableDataType","Text","b2bRequestsRequestDateColumn","b2bRequestsDescriptionColumn","b2bRequestsUserColumn","b2bRequestsStatusColumn","StatusValue","isSelected","createTableItems","headings","filter","item","isMobile","mobileExcludedColumns","sortable","ariaLabel","columnSortAriaLabel","rows","editLinkText","deleteLinkText","viewLinkText","enableToModify","actionLinkText","showCheckBoxes","isSortable","showPagination","minifyActions","excludedColumns","paginationProperty","skipCount","query","skip","isNaN","Number","parseInt","itemPerPage","prevText","b2bRequestsPreviousText","nextText","b2bRequestsNextText","paginationText","url","reqContext","MsDyn365","isBrowser","URL","window","location","requestUrl","isSingleSelectOnly","onDelete","onView","businessUserSelectCheckBoxAriaLabelText","sortByAscending","sortByDescending","B2bRequestsTable","Table","B2bRequestsStatus","renderHeader","headingData","_this$props$data$oper","_this$props$data$oper2","itemCount","length","getItemNumberDisplayString","_retrieveExcludedColumns","renderTable","b2bRequestsNumberOfItemsSingular","b2bRequestsNumberOfItems","variant","VariantType","Viewport","_data$customerInforma","_data$b2bUserInformat","b2bRequestsStatus","table","defaultClassName","B2bRequestsTileLinks","links","onTextChange","editableLinks","_mapEditableLinks","linkdata","contentAction","etext","linkText","linkUrl","destinationUrl","openInNewTab","additionalProperties","B2bRequestsTile","handleLinkTextChange","linkIndex","b2bRequestsTile"],"sourceRoot":""}