{"version":3,"file":"static/js/e2204a1aa58a0c1747fe.bundle.js","mappings":"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","sources":["webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/common/get-sales-order.ts?98cd","webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/components/nss-c-order-history-search-bar.component.tsx?c1de","webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/components/nss-c-order-history-with-search-and-filters-header.component.tsx?e8ea","webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/components/nss-c-order-history-with-search-and-filters-order-list.component.tsx?2378","webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/components/nss-c-order-history-with-search-and-filters-order-table.component.tsx?60cc","webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/components/nss-c-order-history-with-search-and-filters-organization-wide-selector.component.tsx?524d","webpack://nss-commerce/./src/modules/nss-c-order-history-with-search-and-filters/components/nss-c-order-history-with-search-and-filters-view-mode-selector.component.tsx?32b7"],"sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { IActionContext, getUrlSync } from '@msdyn365-commerce/core-internal';\r\nimport { SalesOrder, SalesStatus } from '@msdyn365-commerce/retail-proxy';\r\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\n\r\n/**\r\n * Resources for order status.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrderStatusResources {\r\n    orderStatusCreated: string;\r\n    orderStatusDelivered: string;\r\n    orderStatusInvoiced: string;\r\n    orderStatusCanceled: string;\r\n}\r\n\r\n/**\r\n * Retrieves the url for order details page.\r\n * @param actionContext - Core action context.\r\n * @param salesOrder - Order information.\r\n * @returns Url to order details.\r\n */\r\nexport const getOrderDetailsPageUrl = (actionContext: IActionContext, salesOrder: SalesOrder): string => {\r\n    const orderDetailsUrl = getUrlSync('orderDetails', actionContext) || '';\r\n    const separator = orderDetailsUrl.includes('?') ? '&' : '?';\r\n    if (!StringExtensions.isNullOrWhitespace(salesOrder.SalesId)) {\r\n        // Redirect with sales order sales id\r\n        return `${orderDetailsUrl}${separator}salesId=${salesOrder.SalesId}`;\r\n    }\r\n\r\n    // Redirect with sales order transaction id\r\n    return `${orderDetailsUrl}${separator}transactionId=${salesOrder.Id}`;\r\n};\r\n\r\n/**\r\n * Retrieves the text for order status.\r\n * @param status - The sales order.\r\n * @param resources - Resources where we can find the text.\r\n * @returns The text for the order status.\r\n */\r\nexport const getOrderStatusLabel = (\r\n    status: SalesStatus | undefined,\r\n    resources: IOrderHistoryWithSearchAndFiltersOrderStatusResources\r\n): string => {\r\n    switch (status) {\r\n        case SalesStatus.Created:\r\n            return resources.orderStatusCreated;\r\n        case SalesStatus.Delivered:\r\n            return resources.orderStatusDelivered;\r\n        case SalesStatus.Invoiced:\r\n            return resources.orderStatusInvoiced;\r\n        case SalesStatus.Canceled:\r\n            return resources.orderStatusCanceled;\r\n        default:\r\n            return '';\r\n    }\r\n};\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\nimport { IComponent, IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\r\nimport {\r\n    Button,\r\n    ITelemetryContent,\r\n    TelemetryConstant,\r\n    getPayloadObject,\r\n    getTelemetryAttributes\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport React from 'react';\r\n\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Class names used in component.\r\n */\r\nconst componentClassName = 'msc-search-bar';\r\nconst filterOptionsClassName = `${componentClassName}__search-options`;\r\nconst filterOptionClassName = `${componentClassName}__search-option`;\r\nconst filterOptionSelectedClassName = `${componentClassName}__search-option-selected`;\r\nconst searchBarClassName = `${componentClassName}__search-text`;\r\nconst buttonClassName = `${componentClassName}__search-button`;\r\n\r\n/**\r\n * ISearchBarComponent interface.\r\n */\r\ninterface ISearchBarComponent extends IComponent<ISearchBarProps> {}\r\n\r\n/**\r\n * ISearchBarResources interface.\r\n */\r\nexport interface ISearchBarResources {\r\n    searchOptionsAriaLabel?: string;\r\n    searchBarPlaceholder?: string;\r\n    searchBarAriaLabel?: string;\r\n    searchButtonLabel?: string;\r\n    searchButtonAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * ISearchBarData interface.\r\n */\r\nexport interface ISearchBarData {\r\n    options: ISearchBarOption[];\r\n}\r\n\r\n/**\r\n * ISearchBarOption interface.\r\n */\r\nexport interface ISearchBarOption {\r\n    label: string;\r\n    value: string;\r\n}\r\n\r\n/**\r\n * ISearchBarProps interface.\r\n */\r\nexport interface ISearchBarProps extends IComponentProps<ISearchBarData> {\r\n    className?: string;\r\n    resources?: ISearchBarResources;\r\n    currentSearchOption?: ISearchBarOption;\r\n    currentSearchText?: string;\r\n    telemetryContent?: ITelemetryContent;\r\n    clearSearchTextOnOptionChange?: boolean;\r\n    orgUsers?: string[];\r\n    onSelectOption?(newSearchOption?: ISearchBarOption): void;\r\n    onChange?(searchOption?: ISearchBarOption, searchText?: string): void;\r\n    onBlur?(searchOption?: ISearchBarOption, searchText?: string): void;\r\n    onClick?(searchOption?: ISearchBarOption, searchText?: string): void;\r\n}\r\n\r\n/**\r\n * SearchBar component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst SearchBarFunctionalComponent: React.FC<ISearchBarProps> = (props: ISearchBarProps) => {\r\n    const [searchOptionState, setSearchOptionState] = React.useState(props.currentSearchOption);\r\n    const [searchTextState, setSearchTextState] = React.useState(props.currentSearchText);\r\n    const [showSuggestions, setShowSuggestions] = React.useState<boolean>(false);\r\n    const [activeSuggestionIndex, setActiveSuggestionIndex] = React.useState<number>(0);\r\n    const [filteredSuggestions, setFilteredSuggestions] = React.useState<string[]>([]);\r\n\r\n    const onSelectOptionHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n        const value = event.currentTarget.value;\r\n        const searchOption = props.data.options?.find((option: ISearchBarOption) => option.value === value);\r\n        setSearchOptionState(searchOption);\r\n        if (props.clearSearchTextOnOptionChange) {\r\n            setSearchTextState('');\r\n        }\r\n        props.onSelectOption?.(searchOption);\r\n    };\r\n\r\n    const onChangeHandler = (event: React.FocusEvent<HTMLInputElement>): void => {\r\n        const value = event.currentTarget.value;\r\n        setSearchTextState(value);\r\n        if (searchOptionState?.value === '0') {\r\n            const suggestions: string[] = props.orgUsers ?? [];\r\n            const filtered = suggestions.filter(suggestion => suggestion.toLowerCase().includes(value.toLowerCase()));\r\n\r\n            setFilteredSuggestions(filtered);\r\n            setShowSuggestions(true);\r\n            setActiveSuggestionIndex(0);\r\n        } else {\r\n            setFilteredSuggestions([]);\r\n            setShowSuggestions(false);\r\n        }\r\n        props.onChange?.(searchOptionState, value);\r\n    };\r\n\r\n    const handleFocus = () => {\r\n        const suggestions: string[] = props.orgUsers ?? [];\r\n        setFilteredSuggestions(suggestions);\r\n        setShowSuggestions(true);\r\n    };\r\n\r\n    const handleSuggestionClick = (suggestion: string) => {\r\n        console.log('vivz handleClick', suggestion);\r\n        if (suggestion !== '') {\r\n            const customer = suggestion.split(' ');\r\n            setSearchTextState(customer && customer.length && customer.length > 0 ? customer[0] : '');\r\n            setFilteredSuggestions([]);\r\n            setShowSuggestions(false);\r\n        }\r\n    };\r\n\r\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n        if (e.key === 'ArrowDown') {\r\n            if (activeSuggestionIndex < filteredSuggestions.length - 1) {\r\n                setActiveSuggestionIndex(activeSuggestionIndex + 1);\r\n            }\r\n        } else if (e.key === 'ArrowUp') {\r\n            if (activeSuggestionIndex > 0) {\r\n                setActiveSuggestionIndex(activeSuggestionIndex - 1);\r\n            }\r\n        } else if (e.key === 'Enter') {\r\n            if (filteredSuggestions[activeSuggestionIndex] !== '') {\r\n                const customer = filteredSuggestions[activeSuggestionIndex].split(' ');\r\n                setSearchTextState(customer && customer.length && customer.length > 0 ? customer[0] : '');\r\n                setShowSuggestions(false);\r\n            }\r\n        }\r\n    };\r\n\r\n    const onBlurHandler = (event: React.FocusEvent<HTMLInputElement>) => {\r\n        event.preventDefault();\r\n        const value = event.currentTarget.value;\r\n        setSearchTextState(value);\r\n        setTimeout(() => {\r\n            setShowSuggestions(false);\r\n\r\n            setFilteredSuggestions([]);\r\n            props.onBlur?.(searchOptionState, value);\r\n        }, 200);\r\n    };\r\n\r\n    const onClickHandler = () => {\r\n        props.onClick?.(searchOptionState, searchTextState);\r\n    };\r\n\r\n    // define telemetry attributes\r\n    const searchButtonAttributes = getTelemetryAttributes(\r\n        props.telemetryContent!,\r\n        getPayloadObject('click', props.telemetryContent!, TelemetryConstant.Search)\r\n    );\r\n\r\n    return (\r\n        <div className={classnames(props.className, componentClassName)}>\r\n            {ArrayExtensions.hasElements(props.data.options) && (\r\n                <select\r\n                    className={filterOptionsClassName}\r\n                    title={props.resources?.searchOptionsAriaLabel}\r\n                    aria-label={props.resources?.searchOptionsAriaLabel}\r\n                    onChange={onSelectOptionHandler}\r\n                >\r\n                    {props.data.options?.map((option: ISearchBarOption) => {\r\n                        return (\r\n                            <option\r\n                                key={option.value}\r\n                                value={option.value}\r\n                                aria-label={option.label}\r\n                                aria-selected={option.value === searchOptionState?.value}\r\n                                className={classnames(\r\n                                    filterOptionClassName,\r\n                                    option.value === searchOptionState?.value ? filterOptionSelectedClassName : ''\r\n                                )}\r\n                            >\r\n                                {option.label}\r\n                            </option>\r\n                        );\r\n                    })}\r\n                </select>\r\n            )}\r\n            <div className='autocomplete'>\r\n                <input\r\n                    type='text'\r\n                    className={classnames(searchBarClassName, ArrayExtensions.hasElements(props.data.options) ? '' : 'full-width')}\r\n                    placeholder={props.resources?.searchBarPlaceholder}\r\n                    title={props.resources?.searchBarAriaLabel}\r\n                    aria-label={props.resources?.searchBarAriaLabel}\r\n                    value={searchTextState}\r\n                    onChange={onChangeHandler}\r\n                    onBlur={onBlurHandler}\r\n                    onKeyDown={handleKeyDown}\r\n                    onFocus={handleFocus}\r\n                />\r\n                {showSuggestions && searchOptionState?.value === '0' && (\r\n                    <ul className='suggestions'>\r\n                        {filteredSuggestions.length ? (\r\n                            filteredSuggestions.map((suggestion, index) => (\r\n                                <li\r\n                                    key={suggestion}\r\n                                    onClick={() => handleSuggestionClick(suggestion)}\r\n                                    className={index === activeSuggestionIndex ? 'active' : ''}\r\n                                >\r\n                                    {suggestion}\r\n                                </li>\r\n                            ))\r\n                        ) : (\r\n                            <li>No Customers Found</li>\r\n                        )}\r\n                    </ul>\r\n                )}\r\n            </div>\r\n            <Button\r\n                className={buttonClassName}\r\n                aria-label={props.resources?.searchButtonAriaLabel ?? props.resources?.searchButtonLabel}\r\n                title={props.resources?.searchButtonAriaLabel ?? props.resources?.searchButtonLabel}\r\n                onClick={onClickHandler}\r\n                {...searchButtonAttributes}\r\n            >\r\n                {props.resources?.searchButtonLabel}\r\n            </Button>\r\n        </div>\r\n    );\r\n};\r\n\r\n/**\r\n * SearchBar component.\r\n */\r\nexport const SearchBarComponent: React.FunctionComponent<ISearchBarProps> = msdyn365Commerce.createComponent<ISearchBarComponent>(\r\n    'SearchBarComponent',\r\n    { component: SearchBarFunctionalComponent }\r\n);\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { Node } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport classnames from 'classnames';\r\n\r\nimport { SalesOrder } from '@msdyn365-commerce/retail-proxy';\r\n\r\n/**\r\n * Class names used in component.\r\n */\r\nconst componentClassName = 'ms-order-history-with-search-and-filters-header';\r\nconst headingClassName = `${componentClassName}__heading`;\r\nconst orderCountClassName = `${componentClassName}__order-count`;\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersHeaderResources interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersHeaderResources {\r\n    orderCountLabel: string;\r\n    ordersCountLabel: string;\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersHeaderData interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersHeaderData {\r\n    salesOrders: SalesOrder[];\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersHeaderProps interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersHeaderProps\r\n    extends Msdyn365.IComponentProps<IOrderHistoryWithSearchAndFiltersHeaderData> {\r\n    className?: string;\r\n    resources: IOrderHistoryWithSearchAndFiltersHeaderResources;\r\n    textProps: Msdyn365.ITextProps;\r\n    showOrderCount: boolean;\r\n    extraActions?: React.ReactNode;\r\n    onChange(event: Msdyn365.ContentEditableEvent): void;\r\n}\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersHeader component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst OrderHistoryWithSearchAndFiltersHeaderFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersHeaderProps> = (\r\n    props: IOrderHistoryWithSearchAndFiltersHeaderProps\r\n) => {\r\n    const {\r\n        resources,\r\n        data: { salesOrders },\r\n        textProps,\r\n        showOrderCount,\r\n        extraActions\r\n    } = props;\r\n\r\n    const orderCount = salesOrders?.length;\r\n    const orderCountText = `(${orderCount} ${orderCount === 1 ? resources?.orderCountLabel : resources?.ordersCountLabel})`;\r\n\r\n    return (\r\n        <Node className={classnames(props.className, componentClassName)}>\r\n            {textProps?.text && (\r\n                <Msdyn365.Text\r\n                    {...textProps}\r\n                    className={headingClassName}\r\n                    tag={textProps.tag || 'h2'}\r\n                    editProps={{ onEdit: props.onChange, requestContext: props.context.request }}\r\n                />\r\n            )}\r\n            {showOrderCount && <span className={orderCountClassName}>{orderCountText}</span>}\r\n            {extraActions}\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersHeader component.\r\n */\r\nexport const OrderHistoryWithSearchAndFiltersHeaderComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersHeaderProps> = Msdyn365.msdyn365Commerce.createComponent<\r\n    // @ts-expect-error\r\n    IOrderHistoryWithSearchAndFiltersHeaderProps\r\n>('OrderHistoryWithSearchAndFiltersHeaderComponent', { component: OrderHistoryWithSearchAndFiltersHeaderFunctionalComponent });\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport MsDyn365, { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\r\nimport {\r\n    Button,\r\n    format,\r\n    getPayloadObject,\r\n    getTelemetryAttributes,\r\n    ITelemetryContent,\r\n    Node,\r\n    TelemetryConstant,\r\n    Modal,\r\n    IModalProps,\r\n    ModalHeader,\r\n    ModalBody,\r\n    ModalFooter\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport {\r\n    ChannelDeliveryOptionConfiguration,\r\n    ChannelIdentity,\r\n    Customer,\r\n    OrderOriginator,\r\n    OrgUnitLocation,\r\n    SalesOrder,\r\n    SimpleProduct\r\n} from '@msdyn365-commerce/retail-proxy';\r\nimport { ArrayExtensions, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { Observer } from 'mobx-react';\r\nimport React from 'react';\r\n\r\nimport classnames from 'classnames';\r\n\r\nimport { getGroups, IGroup, IGroupDelivery, IGroups } from '@msdyn365-commerce-modules/order-management';\r\nimport { getOrderInformation, getOrderInformationInput, IOrderInformation } from '@msdyn365-commerce-modules/order-management';\r\nimport { ISalesLine } from '@msdyn365-commerce-modules/order-management';\r\nimport { getSalesLines, getSalesLinesInput, IGetSalesLinesInput } from '@msdyn365-commerce-modules/order-management';\r\nimport { ExpandButtonState, IPriceContext, SalesLineState } from '@msdyn365-commerce-modules/order-management';\r\nimport {\r\n    INssCOrderHistoryWithSearchAndFiltersProps,\r\n    INssCOrderHistoryWithSearchAndFiltersResources\r\n} from '../nss-c-order-history-with-search-and-filters.props.autogenerated';\r\nimport { INssCOrderHistoryWithSearchAndFiltersData } from '../nss-c-order-history-with-search-and-filters.data';\r\nimport { getOrderDetailsPageUrl } from '../common/get-sales-order';\r\nimport { SalesOrderExtended } from '../actions/get-nss-c-order-history-with-search-and-filters';\r\nimport { nSS_UpdateSalesOrderApprovalStatusAsync } from '../../../proxy/DataActionExtension.g';\r\nimport { OrderStatusStateShareInput, IOrderStatus } from '../../../actions/order-status-state-share.action';\r\n\r\n/**\r\n * Class names used in component.\r\n */\r\nconst componentClassName = 'ms-order-history-with-search-and-filters-order-list';\r\nconst orderListItemClassName = `${componentClassName}__sales-order`;\r\nconst orderInformationHeaderClassName = `${componentClassName}__sales-order__header`;\r\nconst orderInformationCountClassName = `${componentClassName}__sales-order__order-number-count`;\r\nconst expandProductsButtonClassName = `${componentClassName}__sales-order__expand-products-button`;\r\nconst expandProductsButtonWrapperClassName = `${componentClassName}__sales-order__expand-products-button-wrapper`;\r\nconst orderDetailButtonClassName = `${componentClassName}__btn-order-details`;\r\nconst moduleName = componentClassName;\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrderListData interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrderListData {\r\n    salesOrders: SalesOrderExtended[];\r\n    products: SimpleProduct[];\r\n    channelIdentities?: ChannelIdentity[];\r\n    orgUnitLocations?: OrgUnitLocation[];\r\n    customer?: Customer;\r\n    originators?: OrderOriginator[];\r\n}\r\n\r\nexport interface IExtendedOrderInformation extends IOrderInformation {\r\n    orderStatus?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrderListProps interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrderListProps extends IComponentProps<IOrderHistoryWithSearchAndFiltersOrderListData> {\r\n    moduleProps: INssCOrderHistoryWithSearchAndFiltersProps<INssCOrderHistoryWithSearchAndFiltersData>;\r\n    className?: string;\r\n    resources: INssCOrderHistoryWithSearchAndFiltersResources;\r\n    isMobileView?: boolean;\r\n    showChannelInfo: boolean;\r\n    showOrderPlacedBy?: boolean;\r\n    salesLinesLimit?: number;\r\n    telemetryContent?: ITelemetryContent;\r\n    retailMultiplePickUpOptionEnabled?: boolean;\r\n    channelDeliveryOptionConfig?: ChannelDeliveryOptionConfiguration;\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrderItemProps interface.\r\n */\r\ninterface IOrderHistoryWithSearchAndFiltersOrderItemProps {\r\n    orderInfomation: IExtendedOrderInformation;\r\n    groups?: IGroups;\r\n    orderDetailsLink: React.ReactNode;\r\n    expandProductsButton?: React.ReactNode;\r\n}\r\n\r\nexport const getOrderApprovalStatus = (props: ISalesOrderApproval): React.ReactNode => {\r\n    const {\r\n        salesOrder,\r\n        context,\r\n        data: { customer },\r\n        moduleProps: {\r\n            data: { orderStatus }\r\n        }\r\n    } = props;\r\n    const { saleOrderApprovalStatusAttributeName, customerSaleOrderApprovalRequiredAttributeName } = context.app.config;\r\n    let approvalStatus: string | undefined = '';\r\n    let showApprovalStatus: boolean = false;\r\n    const updatedApprovalStatus = orderStatus.result?.orderStatus.find(orderId => orderId.saleOrderId === salesOrder.SalesId)?.orderStatus;\r\n    if (customer && salesOrder) {\r\n        const customerApproval = customer.Attributes?.find(attr => attr.Name === customerSaleOrderApprovalRequiredAttributeName);\r\n        const orderStatusAttribute = salesOrder.Attributes?.find(attr => attr.Name === saleOrderApprovalStatusAttributeName);\r\n        if (salesOrder.SalesId && orderStatusAttribute && customerApproval?.AttributeValue?.StringValue === 'Yes') {\r\n            showApprovalStatus = true;\r\n            approvalStatus = orderStatusAttribute.TextValue?.replace('-', ' ');\r\n        }\r\n    }\r\n    if (showApprovalStatus) {\r\n        return (\r\n            <span className='ms-order-history__order-information-channel-reference-id order-status'>\r\n                Approval Status: <span>{updatedApprovalStatus ? updatedApprovalStatus : approvalStatus}</span>\r\n            </span>\r\n        );\r\n    }\r\n    return null;\r\n};\r\n\r\n/**\r\n * OrderInfomation component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst OrderInfomationComponent: React.FC<IExtendedOrderInformation> = ({\r\n    orderInformationProps,\r\n    salesId,\r\n    receiptId,\r\n    channelName,\r\n    createdDate,\r\n    count,\r\n    amount,\r\n    channelReferenceId,\r\n    orderStatus\r\n}) => (\r\n    <Node {...orderInformationProps}>\r\n        <div className={orderInformationHeaderClassName}>{channelName}</div>\r\n        <div className={orderInformationCountClassName}>\r\n            {salesId}\r\n            {count}\r\n        </div>\r\n        {receiptId}\r\n        {createdDate}\r\n        {amount}\r\n        {channelReferenceId}\r\n        {orderStatus}\r\n    </Node>\r\n);\r\n\r\n/**\r\n * GroupDelivery component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst GroupDeliveryComponent: React.FC<IGroupDelivery> = ({ deliveryProps, heading, count, processing, address, trackingInfo }) => (\r\n    <Node {...deliveryProps}>\r\n        {heading}\r\n        {count}\r\n        {processing}\r\n        {address}\r\n        {trackingInfo}\r\n    </Node>\r\n);\r\n\r\n/**\r\n * Group component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst GroupComponent: React.FC<IGroup> = ({ groupProps, delivery, salesLinesProps, salesLines }) => (\r\n    <Node {...groupProps}>\r\n        {delivery && <GroupDeliveryComponent {...delivery} />}\r\n        {salesLines && (\r\n            <Node {...salesLinesProps}>\r\n                {salesLines.map((salesLine: ISalesLine) => (\r\n                    <React.Fragment key={salesLine.data.salesLine.LineId}>{salesLine.salesLine}</React.Fragment>\r\n                ))}\r\n            </Node>\r\n        )}\r\n    </Node>\r\n);\r\n\r\n/**\r\n * Groups component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst GroupsComponent: React.FC<IGroups> = ({ groupsProps, groups }) => (\r\n    <Node {...groupsProps}>\r\n        {groups.map((group: IGroup, index: number) => (\r\n            <GroupComponent key={index} {...group} />\r\n        ))}\r\n    </Node>\r\n);\r\n\r\n/**\r\n * Updates product states to show all products.\r\n * @param expandButtonState - Expand button state.\r\n * @param productStates - Product states.\r\n * @returns Callback method.\r\n */\r\nconst onExpandProductsCallback = (expandButtonState: ExpandButtonState, productStates: SalesLineState[]) => () => {\r\n    for (const productState of productStates) {\r\n        productState.isHidden = false;\r\n    }\r\n    expandButtonState.extraProductsCount = 0;\r\n};\r\n\r\n/**\r\n * Gets the IOrderHistoryWithSearchAndFiltersOrderItem configuration.\r\n * @param salesOrder The sales order\r\n * @param index The sales order index\r\n * @param props The component props\r\n * @returns The IOrderHistoryWithSearchAndFiltersOrderItem configuration.\r\n */\r\nconst createOrderHistoryWithSearchAndFiltersOrderItemProps = (\r\n    salesOrder: SalesOrderExtended,\r\n    index: number,\r\n    props: IOrderHistoryWithSearchAndFiltersOrderListProps\r\n): IOrderHistoryWithSearchAndFiltersOrderItemProps => {\r\n    const {\r\n        id,\r\n        typeName,\r\n        context,\r\n        moduleProps: { telemetry },\r\n        data: { products, channelIdentities, orgUnitLocations, customer, originators },\r\n        showChannelInfo,\r\n        telemetryContent,\r\n        resources: { freePriceText, detailsAriaLabel, detailsLabel, orderItemLabel, orderItemsLabel },\r\n        context: { actionContext },\r\n        retailMultiplePickUpOptionEnabled,\r\n        channelDeliveryOptionConfig\r\n    } = props;\r\n\r\n    const priceContext = {\r\n        id,\r\n        typeName,\r\n        context,\r\n        telemetry,\r\n        freePriceText\r\n    } as IPriceContext;\r\n\r\n    const originator: OrderOriginator | undefined = originators?.find(\r\n        originator =>\r\n            (salesOrder.SalesId && originator.SalesId === salesOrder.SalesId) ||\r\n            (salesOrder.Id && originator.TransactionId === salesOrder.Id)\r\n    );\r\n\r\n    const salesLinesInput =\r\n        products &&\r\n        getSalesLinesInput(\r\n            props.moduleProps,\r\n            moduleName,\r\n            salesOrder,\r\n            products,\r\n            priceContext,\r\n            undefined,\r\n            undefined,\r\n            undefined,\r\n            retailMultiplePickUpOptionEnabled,\r\n            channelDeliveryOptionConfig\r\n        );\r\n\r\n    let salesLines: ISalesLine[] | undefined;\r\n    let expandProductsButton: React.ReactNode;\r\n    if (salesLinesInput) {\r\n        const getSalesLinesInputProps: IGetSalesLinesInput = { ...salesLinesInput, imageOnly: true };\r\n        if (!ObjectExtensions.isNullOrUndefined(props.salesLinesLimit)) {\r\n            const extraProductsCount = getSalesLinesInputProps.salesLines.length - props.salesLinesLimit;\r\n            getSalesLinesInputProps.salesLineStates = getSalesLinesInputProps.salesLines.map(\r\n                (salesLine, index) => new SalesLineState(`${salesLine.LineId ?? ''}-${index}`, index >= props.salesLinesLimit!)\r\n            );\r\n            if (extraProductsCount > 0) {\r\n                const expandButtonState = new ExpandButtonState(extraProductsCount);\r\n                expandProductsButton = (\r\n                    <>\r\n                        <Observer>\r\n                            {() => {\r\n                                const text = format(\r\n                                    props.resources.orderHistoryExpandProductsButtonText,\r\n                                    expandButtonState.extraProductsCount\r\n                                );\r\n                                return (\r\n                                    expandButtonState.extraProductsCount > 0 && (\r\n                                        <Button\r\n                                            className={expandProductsButtonClassName}\r\n                                            title={text}\r\n                                            role='button'\r\n                                            onClick={onExpandProductsCallback(expandButtonState, getSalesLinesInputProps.salesLineStates!)}\r\n                                            aria-label={text}\r\n                                        >\r\n                                            {text}\r\n                                        </Button>\r\n                                    )\r\n                                );\r\n                            }}\r\n                        </Observer>\r\n                    </>\r\n                );\r\n            }\r\n        }\r\n        salesLines = getSalesLines(getSalesLinesInputProps);\r\n    }\r\n\r\n    expandProductsButton = (\r\n        <>\r\n            {expandProductsButton}\r\n            <div className={expandProductsButtonWrapperClassName} />\r\n        </>\r\n    );\r\n\r\n    const groups =\r\n        salesLines &&\r\n        getGroups({\r\n            moduleName,\r\n            salesLines,\r\n            resources: { orderItemLabel, orderItemsLabel },\r\n            retailMultiplePickUpOptionEnabled\r\n        });\r\n\r\n    const orderInfomationInput = getOrderInformationInput(\r\n        props.moduleProps,\r\n        moduleName,\r\n        salesOrder,\r\n        priceContext,\r\n        channelIdentities,\r\n        orgUnitLocations,\r\n        customer,\r\n        originator,\r\n        showChannelInfo\r\n    );\r\n\r\n    const payLoad = getPayloadObject('click', telemetryContent!, TelemetryConstant.OrderDetails);\r\n    const orderDetailsAttributes = getTelemetryAttributes(telemetryContent!, payLoad);\r\n\r\n    const orderDetailsLink = (\r\n        <div className='order-approval'>\r\n            <SalesOrderApproval {...props} salesOrder={salesOrder} />\r\n            <Button\r\n                href={getOrderDetailsPageUrl(actionContext, salesOrder)}\r\n                role='button'\r\n                aria-label={\r\n                    salesOrder.ChannelReferenceId && detailsAriaLabel\r\n                        ? detailsAriaLabel.replace('{orderId}', salesOrder.ChannelReferenceId)\r\n                        : ''\r\n                }\r\n                className={orderDetailButtonClassName}\r\n                {...orderDetailsAttributes}\r\n            >\r\n                {detailsLabel}\r\n            </Button>\r\n        </div>\r\n    );\r\n    const orderInformation = getOrderInformation(orderInfomationInput);\r\n    const newOrderInformation: IExtendedOrderInformation = {\r\n        ...orderInformation,\r\n        orderStatus: getOrderApprovalStatus({ ...props, salesOrder }) // Adding a new property 'orderStatus' with the new React Element\r\n    };\r\n    return {\r\n        orderInfomation: newOrderInformation,\r\n        groups: groups,\r\n        orderDetailsLink: orderDetailsLink,\r\n        expandProductsButton: expandProductsButton\r\n    };\r\n};\r\n\r\ninterface ISalesOrderApproval extends IOrderHistoryWithSearchAndFiltersOrderListProps {\r\n    salesOrder: SalesOrderExtended;\r\n}\r\n\r\nconst SalesOrderApproval = (props: ISalesOrderApproval) => {\r\n    const {\r\n        salesOrder,\r\n        context: { actionContext, app },\r\n        data: { customer },\r\n        moduleProps: {\r\n            data: { orderStatus }\r\n        }\r\n    } = props;\r\n\r\n    const [showApprovalStatus, setShowApprovalStatus] = React.useState(false);\r\n    const [updateApprovalStatusAllowed, setUpdateApprovalStatusAllowed] = React.useState(true);\r\n    const [approvalStatus, setApprovalStatus] = React.useState<string | undefined>('Not Approved');\r\n    const [isApproved, setIsApproved] = React.useState(false);\r\n    const [rejectionComments, setRejectionComments] = React.useState('');\r\n    const [isModalOpen, setIsModalOpen] = React.useState(false);\r\n    const [modalHasError, setModalHasError] = React.useState(false);\r\n    const { reasonForRejection, errorForRejectionReason, btnSubmitLabel, approveLabel, rejectLabel } = props.resources;\r\n\r\n    React.useEffect(() => {\r\n        const { saleOrderApprovalStatusAttributeName, customerSaleOrderApprovalRequiredAttributeName } = app.config;\r\n\r\n        if (customer && salesOrder) {\r\n            const customerApproval = customer.Attributes?.find(attr => attr.Name === customerSaleOrderApprovalRequiredAttributeName);\r\n            const orderStatusAttribute = salesOrder.Attributes?.find(attr => attr.Name === saleOrderApprovalStatusAttributeName);\r\n            if (\r\n                salesOrder.SalesId &&\r\n                orderStatusAttribute &&\r\n                customer.IsB2bAdmin &&\r\n                customerApproval?.AttributeValue?.StringValue === 'Yes'\r\n            ) {\r\n                setShowApprovalStatus(true);\r\n                if (orderStatusAttribute.TextValue === 'Approved') {\r\n                    setApprovalStatus(orderStatusAttribute.TextValue);\r\n                    setIsApproved(true);\r\n                    setUpdateApprovalStatusAllowed(false);\r\n                } else if (orderStatusAttribute.TextValue === 'Pending') {\r\n                    setUpdateApprovalStatusAllowed(true);\r\n                } else {\r\n                    setApprovalStatus(orderStatusAttribute.TextValue?.replace('-', ' '));\r\n                    setUpdateApprovalStatusAllowed(false);\r\n                }\r\n            }\r\n        }\r\n    }, []);\r\n\r\n    const updateApprovalStatus = async () => {\r\n        setIsApproved(true);\r\n        setApprovalStatus('Approved');\r\n        setUpdateApprovalStatusAllowed(false);\r\n        void nSS_UpdateSalesOrderApprovalStatusAsync({ callerContext: actionContext }, salesOrder?.SalesId || '', 'Approved', '');\r\n        const orderStatuses: IOrderStatus[] = orderStatus.result?.orderStatus ?? [];\r\n        const orderStatusData: IOrderStatus = {\r\n            orderStatus: 'Approved',\r\n            saleOrderId: salesOrder.SalesId ? salesOrder.SalesId : ''\r\n        };\r\n        const replacedIndex = orderStatuses.findIndex(orderStatus => orderStatus.saleOrderId === salesOrder.SalesId);\r\n        if (replacedIndex >= 0) {\r\n            orderStatuses[replacedIndex] = orderStatusData;\r\n        } else {\r\n            orderStatuses.push(orderStatusData);\r\n        }\r\n\r\n        actionContext.update(new OrderStatusStateShareInput(), { orderStatus: orderStatuses });\r\n    };\r\n\r\n    const toggleModal = () => {\r\n        setIsModalOpen(!isModalOpen);\r\n        setModalHasError(false);\r\n        const comments = MsDyn365.isBrowser && (document.getElementById('rejectionReason') as HTMLInputElement);\r\n        if (comments) {\r\n            comments.value = '';\r\n        }\r\n    };\r\n    const modalPropsTerms: IModalProps = {\r\n        applicationNode: MsDyn365.isBrowser ? document.body : '',\r\n        isOpen: isModalOpen,\r\n        autoFocus: true,\r\n        size: 'sm',\r\n        keyboard: true,\r\n        backdrop: true,\r\n        zIndex: 1000,\r\n        fade: true,\r\n        className: 'msc-modal__order-status',\r\n        toggle: toggleModal\r\n    };\r\n    const addRejectionComments = () => {\r\n        if (rejectionComments) {\r\n            setIsApproved(false);\r\n            setApprovalStatus('Not Approved');\r\n            setUpdateApprovalStatusAllowed(false);\r\n            void nSS_UpdateSalesOrderApprovalStatusAsync(\r\n                { callerContext: actionContext },\r\n                salesOrder?.SalesId || '',\r\n                'Not-Approved',\r\n                rejectionComments\r\n            );\r\n            const orderStatuses: IOrderStatus[] = orderStatus.result?.orderStatus ?? [];\r\n            const orderStatusData: IOrderStatus = {\r\n                orderStatus: 'Not Approved',\r\n                saleOrderId: salesOrder.SalesId ? salesOrder.SalesId : ''\r\n            };\r\n            orderStatuses.push(orderStatusData);\r\n            actionContext.update(new OrderStatusStateShareInput(), { orderStatus: orderStatuses });\r\n            setIsModalOpen(false);\r\n            setModalHasError(false);\r\n        } else {\r\n            setModalHasError(true);\r\n        }\r\n    };\r\n\r\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n        setRejectionComments(event.target.value);\r\n        if (event.target.value === '') {\r\n            setModalHasError(true);\r\n        } else {\r\n            setModalHasError(false);\r\n        }\r\n    };\r\n\r\n    const statusClass = classnames('approval-status', { approved: isApproved, 'not-approved': !isApproved });\r\n    return showApprovalStatus ? (\r\n        <div className={statusClass}>\r\n            <label htmlFor='approval-status'>{approvalStatus}</label>\r\n            <div className='approval-status-cta'>\r\n                <button className='approve' onClick={updateApprovalStatus} disabled={updateApprovalStatusAllowed ? false : true}>\r\n                    {approveLabel}\r\n                </button>\r\n                <button className='reject' onClick={toggleModal} disabled={updateApprovalStatusAllowed ? false : true}>\r\n                    {rejectLabel}\r\n                </button>\r\n            </div>\r\n            <Modal {...modalPropsTerms}>\r\n                <ModalHeader closeAriaLabel='Close' closeButtonLabel='Close' toggle={toggleModal}>\r\n                    <span>{reasonForRejection}</span>\r\n                </ModalHeader>\r\n                <ModalBody>\r\n                    <div>\r\n                        <textarea\r\n                            id='rejectionReason'\r\n                            rows={4}\r\n                            cols={50}\r\n                            placeholder={'Type your rejection reason...'}\r\n                            onChange={handleChange}\r\n                            value={rejectionComments}\r\n                        ></textarea>\r\n                    </div>\r\n                    {modalHasError && (\r\n                        <div className='rejection-comment-error'>\r\n                            <span>{errorForRejectionReason}</span>\r\n                        </div>\r\n                    )}\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <Button\r\n                        onClick={addRejectionComments}\r\n                        disabled={modalHasError ? true : false}\r\n                        className='ms-order-history__btn-order-details msc-btn'\r\n                    >\r\n                        {btnSubmitLabel}\r\n                    </Button>\r\n                </ModalFooter>\r\n            </Modal>\r\n        </div>\r\n    ) : null;\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrderList component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst OrderHistoryWithSearchAndFiltersOrderListFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersOrderListProps> = (\r\n    props: IOrderHistoryWithSearchAndFiltersOrderListProps\r\n) => {\r\n    return (\r\n        <Node className={classnames(props.className, componentClassName)}>\r\n            {ArrayExtensions.hasElements(props.data.salesOrders) &&\r\n                props.data.salesOrders.map((salesOrder: SalesOrder, index: number) => {\r\n                    const itemProps: IOrderHistoryWithSearchAndFiltersOrderItemProps = createOrderHistoryWithSearchAndFiltersOrderItemProps(\r\n                        salesOrder,\r\n                        index,\r\n                        props\r\n                    );\r\n                    return (\r\n                        <Node className={orderListItemClassName} key={salesOrder.SalesId || salesOrder.Id}>\r\n                            {itemProps.orderInfomation && <OrderInfomationComponent {...itemProps.orderInfomation} />}\r\n                            {itemProps.groups && <GroupsComponent {...itemProps.groups} />}\r\n                            {itemProps.expandProductsButton}\r\n                            {itemProps.orderDetailsLink}\r\n                        </Node>\r\n                    );\r\n                })}\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrderList component.\r\n */\r\nexport const OrderHistoryWithSearchAndFiltersOrderListComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersOrderListProps> = msdyn365Commerce.createComponent<\r\n    // @ts-expect-error\r\n    IOrderHistoryWithSearchAndFiltersOrderListProps\r\n>('OrderHistoryWithSearchAndFiltersOrderListComponent', { component: OrderHistoryWithSearchAndFiltersOrderListFunctionalComponent });\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { IComponentProps, ICoreContext, IDateFormatOptions, msdyn365Commerce, isOboRequest } from '@msdyn365-commerce/core';\r\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { ChannelIdentity, Customer, OrderOriginator, OrgUnitLocation, SalesOrder } from '@msdyn365-commerce/retail-proxy';\r\nimport {\r\n    ActionMenuComponent,\r\n    TableCellComponent,\r\n    TableComponent,\r\n    TableCellContentType,\r\n    TableHeaderComponent,\r\n    TableRowComponent\r\n} from '@msdyn365-commerce/components';\r\nimport React from 'react';\r\n\r\nimport classnames from 'classnames';\r\n\r\nimport {\r\n    Button,\r\n    ITelemetryContent,\r\n    TelemetryConstant,\r\n    getPayloadObject,\r\n    getTelemetryAttributes\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport {\r\n    countItems,\r\n    getOrderChannelAddress,\r\n    getOrderChannelName,\r\n    getOrderChannelTypeValue,\r\n    isOnlineStoreChannel\r\n} from '@msdyn365-commerce-modules/order-management';\r\nimport {\r\n    IOrderHistoryWithSearchAndFiltersOrderStatusResources,\r\n    getOrderDetailsPageUrl,\r\n    getOrderStatusLabel\r\n} from '../common/get-sales-order';\r\n\r\n/**\r\n * Class names used in component.\r\n */\r\nconst componentClassName = 'ms-order-history-with-search-and-filters-order-table';\r\nconst placedByClassName = `${componentClassName}__row__placed-by`;\r\nconst orderNumberClassName = `${componentClassName}__row__order-number`;\r\nconst columnMobileClassName = `${componentClassName}__row__mobile-cell`;\r\nconst actionsClassName = `${componentClassName}__row__actions`;\r\nconst viewDetailsMenuItemClassName = `${componentClassName}__row__view-details-action`;\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrderTableResources interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrderTableResources extends IOrderHistoryWithSearchAndFiltersOrderStatusResources {\r\n    orderHistoryOrderNumberText: string;\r\n    orderHistoryCreatedDateText: string;\r\n    orderHistoryItemsText: string;\r\n    orderHistoryTotalText: string;\r\n    orderHistoryOriginText: string;\r\n    orderHistoryOrderStatusText: string;\r\n    orderHistoryActionMenuButtonAriaLabel: string;\r\n    orderHistoryViewDetailsButtonText: string;\r\n    orderHistoryViewDetailsButtonAriaLabel: string;\r\n    orderHistoryCreatedDateMobileDescriptionText: string;\r\n    orderHistoryOrderNumberIsNotAvailable: string;\r\n    onlineStoreChannelNameText: string;\r\n    posChannelNameText: string;\r\n    orderPlacedByFullText?: string;\r\n    orderPlacedByYouText?: string;\r\n    orderOnBehalfOfText?: string;\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrderTableData interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrderTableData {\r\n    salesOrders: SalesOrder[];\r\n    channelIdentities?: ChannelIdentity[];\r\n    orgUnitLocations?: OrgUnitLocation[];\r\n    customer?: Customer;\r\n    originators?: OrderOriginator[];\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrderTableProps interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrderTableProps extends IComponentProps<IOrderHistoryWithSearchAndFiltersOrderTableData> {\r\n    className?: string;\r\n    resources: IOrderHistoryWithSearchAndFiltersOrderTableResources;\r\n    isMobileView?: boolean;\r\n    showChannelInfo: boolean;\r\n    showOrderPlacedBy?: boolean;\r\n    telemetryContent?: ITelemetryContent;\r\n}\r\n\r\ninterface IOnBehalfOfOrderResources {\r\n    orderHistoryOrderNumberIsNotAvailable?: string;\r\n}\r\n\r\ninterface IOnBehalfOfOrderProps {\r\n    salesOrder: SalesOrder;\r\n    isOnBehalfOfOrder: boolean;\r\n    originator?: OrderOriginator;\r\n    placedByName: string;\r\n    placedByText: string;\r\n    onBehalfOfText: string;\r\n    showOrderPlacedBy?: boolean;\r\n    resources: IOnBehalfOfOrderResources;\r\n}\r\n\r\n/**\r\n * Formats amount.\r\n * @param context - Core context.\r\n * @param amount - Amount to display.\r\n * @param currencyCode - Currency for the amount.\r\n * @returns String value.\r\n */\r\nconst formatAmount = (context: ICoreContext, amount: number | undefined, currencyCode: string | undefined) => {\r\n    if (amount === undefined) {\r\n        return '';\r\n    }\r\n    return context.cultureFormatter.formatCurrency(amount, currencyCode);\r\n};\r\n\r\n/**\r\n * Formats date.\r\n * @param context - Core context.\r\n * @param date - Date to display.\r\n * @returns String value.\r\n */\r\nconst formatDate = (context: ICoreContext, date: Date | undefined) => {\r\n    if (date === undefined) {\r\n        return '';\r\n    }\r\n\r\n    const dateOptions: IDateFormatOptions = { year: 'numeric', month: 'short', day: 'numeric' };\r\n    return context.cultureFormatter.formatDate(date, dateOptions);\r\n};\r\n\r\nconst getShortEllipsisText = (originalText: string, maxTextLength: number) => {\r\n    const isRtl = document.body.parentElement?.getAttribute('dir') === 'rtl';\r\n    return originalText.length > maxTextLength\r\n        ? isRtl\r\n            ? `…${originalText.substring(0, maxTextLength - 1)}`\r\n            : `${originalText.substring(0, maxTextLength - 1)}…`\r\n        : originalText;\r\n};\r\n\r\nconst getOnBehalfOfOrderProps = (\r\n    props: IOrderHistoryWithSearchAndFiltersOrderTableProps,\r\n    salesOrder: SalesOrder\r\n): IOnBehalfOfOrderProps => {\r\n    const {\r\n        data: { channelIdentities, orgUnitLocations, customer, originators },\r\n        resources: { orderPlacedByFullText, orderPlacedByYouText, orderOnBehalfOfText, orderHistoryOrderNumberIsNotAvailable }\r\n    } = props;\r\n\r\n    const channelAddress = getOrderChannelAddress(salesOrder, orgUnitLocations);\r\n    const channelTypeValue = getOrderChannelTypeValue(salesOrder, channelIdentities);\r\n    const isOnlineStore = isOnlineStoreChannel(channelTypeValue, channelAddress);\r\n\r\n    const originator: OrderOriginator | undefined = originators?.find(\r\n        originator =>\r\n            (salesOrder.SalesId && originator.SalesId === salesOrder.SalesId) ||\r\n            (salesOrder.Id && originator.TransactionId === salesOrder.Id)\r\n    );\r\n\r\n    const isYou =\r\n        !isOboRequest(props.context.request) &&\r\n        originator?.CustomerId &&\r\n        originator?.CustomerName &&\r\n        !originator?.StaffId &&\r\n        !originator?.StaffName &&\r\n        customer?.AccountNumber === originator?.CustomerId\r\n            ? true\r\n            : false;\r\n    const isYouObo = !isYou && !isOboRequest(props.context.request);\r\n    let placedByName =\r\n        originator?.StaffId && originator.StaffName\r\n            ? originator.StaffName\r\n            : originator?.CustomerId && originator.CustomerName\r\n            ? originator.CustomerName\r\n            : '-';\r\n    placedByName = `${placedByName} ${isYou ? orderPlacedByYouText : ''}`;\r\n    const isOnBehalfOfOrder = isOnlineStore && originator?.StaffName && customer?.Name;\r\n    const placedByText = `${orderPlacedByFullText} ${placedByName}`;\r\n    const onBehalfOfText = `${orderOnBehalfOfText} ${customer?.Name} ${isYouObo ? orderPlacedByYouText : ''}`;\r\n\r\n    return {\r\n        resources: { orderHistoryOrderNumberIsNotAvailable: orderHistoryOrderNumberIsNotAvailable },\r\n        salesOrder: salesOrder,\r\n        isOnBehalfOfOrder: !!isOnBehalfOfOrder,\r\n        originator: originator,\r\n        placedByName: placedByName,\r\n        placedByText: placedByText,\r\n        onBehalfOfText: onBehalfOfText,\r\n        showOrderPlacedBy: props.showOrderPlacedBy\r\n    };\r\n};\r\n\r\nconst getOrderPlacedByCellContent = (props: IOnBehalfOfOrderProps): JSX.Element | null => {\r\n    const maxOrderTextLength = window.innerWidth > 700 ? 20 : 12;\r\n    return (\r\n        <span className={placedByClassName} data-title={`${props.placedByName} ${props.isOnBehalfOfOrder ? props.onBehalfOfText : ''}`}>\r\n            {props.placedByName}\r\n            {props.isOnBehalfOfOrder && (\r\n                <>\r\n                    <br /> {getShortEllipsisText(props.onBehalfOfText, maxOrderTextLength)}\r\n                </>\r\n            )}\r\n        </span>\r\n    );\r\n};\r\n\r\nconst getOrderNumberCellContent = (onBehalfOfOrderProps: IOnBehalfOfOrderProps, linkToOrderDetails: string): JSX.Element | null => {\r\n    const maxOrderTextLength = window.innerWidth > 700 ? 20 : 12;\r\n    const {\r\n        salesOrder,\r\n        isOnBehalfOfOrder,\r\n        placedByText,\r\n        showOrderPlacedBy,\r\n        resources: { orderHistoryOrderNumberIsNotAvailable }\r\n    } = onBehalfOfOrderProps;\r\n\r\n    let orderNumberCellText = salesOrder.SalesId;\r\n    if (StringExtensions.isNullOrWhitespace(orderNumberCellText)) {\r\n        orderNumberCellText = orderHistoryOrderNumberIsNotAvailable;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Button className={orderNumberClassName} href={linkToOrderDetails ?? ''}>\r\n                {orderNumberCellText}\r\n            </Button>\r\n            {isOnBehalfOfOrder && !showOrderPlacedBy && (\r\n                <span className={placedByClassName} data-title={placedByText}>\r\n                    {getShortEllipsisText(placedByText, maxOrderTextLength)}\r\n                </span>\r\n            )}\r\n        </>\r\n    );\r\n};\r\n\r\nconst getTableRowComponentChildren = (\r\n    props: IOrderHistoryWithSearchAndFiltersOrderTableProps,\r\n    index: number,\r\n    salesOrder: SalesOrder\r\n): React.ReactElement[] => {\r\n    const numItemsCellText: number = ArrayExtensions.hasElements(salesOrder.SalesLines) ? countItems(salesOrder.SalesLines) : 0;\r\n    const totalAmountCellText: string = formatAmount(props.context, salesOrder.TotalAmount, salesOrder.CurrencyCode);\r\n\r\n    const orderStatusCellText: string = getOrderStatusLabel(salesOrder.StatusValue, props.resources);\r\n\r\n    const channelName: string = getOrderChannelName(salesOrder, props.data.channelIdentities);\r\n    const channelAddress: string = getOrderChannelAddress(salesOrder, props.data.orgUnitLocations);\r\n    const channelNameCellText: string =\r\n        channelName &&\r\n        (channelAddress ? `${props.resources.posChannelNameText} ${channelName}` : props.resources.onlineStoreChannelNameText);\r\n\r\n    const onBehalfOfOrderProps: IOnBehalfOfOrderProps = getOnBehalfOfOrderProps(props, salesOrder);\r\n\r\n    const linkToOrderDetails = getOrderDetailsPageUrl(props.context.actionContext, salesOrder);\r\n\r\n    const payLoad = getPayloadObject('click', props.telemetryContent!, TelemetryConstant.OrderDetails);\r\n    const orderDetailsAttributes = getTelemetryAttributes(props.telemetryContent!, payLoad);\r\n\r\n    return [\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_0`}\r\n            contentType={TableCellContentType.Text}\r\n            isVisible={!!props.showOrderPlacedBy && !props.isMobileView}\r\n        >\r\n            {getOrderPlacedByCellContent(onBehalfOfOrderProps)}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_1`}\r\n            contentType={TableCellContentType.Text}\r\n            isVisible={true}\r\n        >\r\n            {getOrderNumberCellContent(onBehalfOfOrderProps, linkToOrderDetails)}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_2`}\r\n            contentType={TableCellContentType.Text}\r\n            isVisible={!!props.showChannelInfo && !props.isMobileView}\r\n        >\r\n            {channelNameCellText}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_3`}\r\n            contentType={TableCellContentType.Number}\r\n            isVisible={!props.isMobileView}\r\n        >\r\n            {numItemsCellText}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_4`}\r\n            contentType={TableCellContentType.Amount}\r\n            isVisible={!props.isMobileView}\r\n        >\r\n            {totalAmountCellText}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_5`}\r\n            contentType={TableCellContentType.Date}\r\n            isVisible={!props.isMobileView}\r\n        >\r\n            {formatDate(props.context, salesOrder.CreatedDateTime)}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_6`}\r\n            contentType={TableCellContentType.Text}\r\n            isVisible={true}\r\n        >\r\n            {orderStatusCellText}\r\n        </TableCellComponent>,\r\n        <TableCellComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            key={`row_${index}_7`}\r\n            className={classnames(actionsClassName)}\r\n            contentType={TableCellContentType.Text}\r\n            isVisible={true}\r\n        >\r\n            <ActionMenuComponent\r\n                context={props.context}\r\n                id={props.id}\r\n                typeName={props.typeName}\r\n                data={{}}\r\n                ariaLabel={props.resources.orderHistoryActionMenuButtonAriaLabel}\r\n            >\r\n                <Button\r\n                    className={viewDetailsMenuItemClassName}\r\n                    href={linkToOrderDetails ?? ''}\r\n                    title={props.resources.orderHistoryViewDetailsButtonText ?? ''}\r\n                    aria-label={props.resources.orderHistoryViewDetailsButtonAriaLabel ?? props.resources.orderHistoryViewDetailsButtonText}\r\n                    {...orderDetailsAttributes}\r\n                >\r\n                    {props.resources.orderHistoryViewDetailsButtonText}\r\n                </Button>\r\n            </ActionMenuComponent>\r\n        </TableCellComponent>\r\n    ];\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrderTable component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst OrderHistoryWithSearchAndFiltersOrderTableFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersOrderTableProps> = (\r\n    props: IOrderHistoryWithSearchAndFiltersOrderTableProps\r\n) => {\r\n    return (\r\n        <TableComponent\r\n            context={props.context}\r\n            id={props.id}\r\n            typeName={props.typeName}\r\n            data={{}}\r\n            className={classnames(props.className, componentClassName)}\r\n        >\r\n            <TableHeaderComponent context={props.context} id={props.id} typeName={props.typeName} data={{}}>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Text}\r\n                    isVisible={!!props.showOrderPlacedBy && !props.isMobileView}\r\n                >\r\n                    {props.resources.orderPlacedByFullText ?? ''}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    className={classnames(props.isMobileView ? columnMobileClassName : '')}\r\n                    contentType={TableCellContentType.Text}\r\n                    isVisible={true}\r\n                >\r\n                    {props.resources.orderHistoryOrderNumberText}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Text}\r\n                    isVisible={!!props.showChannelInfo && !props.isMobileView}\r\n                >\r\n                    {props.resources.orderHistoryOriginText}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Number}\r\n                    isVisible={!props.isMobileView}\r\n                >\r\n                    {props.resources.orderHistoryItemsText}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Amount}\r\n                    isVisible={!props.isMobileView}\r\n                >\r\n                    {props.resources.orderHistoryTotalText}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Date}\r\n                    isVisible={!props.isMobileView}\r\n                >\r\n                    {props.resources.orderHistoryCreatedDateText}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Text}\r\n                    isVisible={true}\r\n                >\r\n                    {props.resources.orderHistoryOrderStatusText}\r\n                </TableCellComponent>\r\n                <TableCellComponent\r\n                    context={props.context}\r\n                    id={props.id}\r\n                    typeName={props.typeName}\r\n                    data={{}}\r\n                    contentType={TableCellContentType.Text}\r\n                    isVisible={true}\r\n                />\r\n            </TableHeaderComponent>\r\n            {props.data.salesOrders?.map((salesOrder: SalesOrder, index: number) => {\r\n                return (\r\n                    <TableRowComponent context={props.context} id={props.id} typeName={props.typeName} data={{}} key={`row_${index}`}>\r\n                        {getTableRowComponentChildren(props, index, salesOrder)}\r\n                    </TableRowComponent>\r\n                );\r\n            })}\r\n        </TableComponent>\r\n    );\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrderTable component.\r\n */\r\nexport const OrderHistoryWithSearchAndFiltersOrderTableComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersOrderTableProps> = msdyn365Commerce.createComponent<\r\n    // @ts-expect-error\r\n    IOrderHistoryWithSearchAndFiltersOrderTableProps\r\n>('OrderHistoryWithSearchAndFiltersOrderTableComponent', { component: OrderHistoryWithSearchAndFiltersOrderTableFunctionalComponent });\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\r\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\r\nimport { Button, ITelemetryContent, getPayloadObject, getTelemetryAttributes } from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Class names used in component.\r\n */\r\nconst componentClassName = 'ms-order-history-with-search-and-filters-organization-wide-selector';\r\nconst buttonClassName = `${componentClassName}__button`;\r\nconst buttonActiveClassName = `${componentClassName}__active-button`;\r\nconst buttonInactiveClassName = `${componentClassName}__inactive-button`;\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorResources interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorResources {\r\n    currentUserOptionLabel: string;\r\n    currentUserOptionAriaLabel?: string;\r\n    organizationWideOptionLabel: string;\r\n    organizationWideOptionAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState interface.\r\n */\r\nexport enum OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState {\r\n    CurrentUser,\r\n    OrganizationWide\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorData interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorData {\r\n    customer: Customer;\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps\r\n    extends IComponentProps<IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorData> {\r\n    className?: string;\r\n    resources: IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorResources;\r\n    currentSelectorState: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState;\r\n    telemetryContent?: ITelemetryContent;\r\n    onChange(state: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState): void;\r\n}\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrganizationWideSelector component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst OrderHistoryWithSearchAndFiltersOrganizationWideSelectorFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps> = (\r\n    props: IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps\r\n) => {\r\n    // Current version doesn't include functionality for non b2b users or non-admin b2b users.\r\n    if (!props.data.customer.IsB2bAdmin) {\r\n        return <div className={classnames(props.className, componentClassName)} />;\r\n    }\r\n\r\n    const [selectorState, setSelectorState] = React.useState(props.currentSelectorState);\r\n\r\n    const onClickHandler = (newSelectorState: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState) => {\r\n        setSelectorState(newSelectorState);\r\n        props.onChange(newSelectorState);\r\n    };\r\n\r\n    // define telemetry attributes\r\n    const currentUserOrderHistoryAttributes = getTelemetryAttributes(\r\n        props.telemetryContent!,\r\n        getPayloadObject('click', props.telemetryContent!, props.resources?.currentUserOptionLabel ?? 'Current user order history')\r\n    );\r\n    const orgWideOrderHistoryAttributes = getTelemetryAttributes(\r\n        props.telemetryContent!,\r\n        getPayloadObject('click', props.telemetryContent!, props.resources?.currentUserOptionLabel ?? 'Org wide order history')\r\n    );\r\n\r\n    return (\r\n        <div className={classnames(props.className, componentClassName)}>\r\n            <Button\r\n                className={classnames(\r\n                    buttonClassName,\r\n                    selectorState === OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.CurrentUser\r\n                        ? buttonActiveClassName\r\n                        : buttonInactiveClassName\r\n                )}\r\n                aria-label={props.resources?.currentUserOptionAriaLabel ?? props.resources?.currentUserOptionLabel}\r\n                title={props.resources?.currentUserOptionAriaLabel ?? props.resources?.currentUserOptionLabel}\r\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.CurrentUser)}\r\n                {...currentUserOrderHistoryAttributes}\r\n            >\r\n                {props.resources?.currentUserOptionLabel}\r\n            </Button>\r\n            <Button\r\n                className={classnames(\r\n                    buttonClassName,\r\n                    selectorState === OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.OrganizationWide\r\n                        ? buttonActiveClassName\r\n                        : buttonInactiveClassName\r\n                )}\r\n                aria-label={props.resources?.organizationWideOptionAriaLabel ?? props.resources?.organizationWideOptionLabel}\r\n                title={props.resources?.organizationWideOptionAriaLabel ?? props.resources?.organizationWideOptionLabel}\r\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.OrganizationWide)}\r\n                {...orgWideOrderHistoryAttributes}\r\n            >\r\n                {props.resources?.organizationWideOptionLabel}\r\n            </Button>\r\n        </div>\r\n    );\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersOrganizationWideSelector component.\r\n */\r\nexport const OrderHistoryWithSearchAndFiltersOrganizationWideSelectorComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps> = msdyn365Commerce.createComponent<\r\n    // @ts-expect-error\r\n    IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps\r\n>('OrderHistoryWithSearchAndFiltersOrganizationWideSelectorComponent', {\r\n    component: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorFunctionalComponent\r\n});\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\r\nimport {\r\n    Button,\r\n    ITelemetryContent,\r\n    TelemetryConstant,\r\n    getPayloadObject,\r\n    getTelemetryAttributes\r\n} from '@msdyn365-commerce-modules/utilities';\r\nimport React from 'react';\r\n\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Class names used in component.\r\n */\r\nconst componentClassName = 'ms-order-history-with-search-and-filters-view-mode-selector';\r\nconst detailsViewClassName = `${componentClassName}__detailed-view`;\r\nconst listViewClassName = `${componentClassName}__list-view`;\r\nconst viewSelectedClassName = `${componentClassName}__selected`;\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersViewModeResources interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersViewModeResources {\r\n    listViewOptionAriaLabel?: string;\r\n    detailedViewOptionAriaLabel?: string;\r\n}\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersViewModeState interface.\r\n */\r\nexport enum OrderHistoryWithSearchAndFiltersViewModeState {\r\n    DetailedView,\r\n    ListView\r\n}\r\n\r\n/**\r\n * IOrderHistoryWithSearchAndFiltersViewModeProps interface.\r\n */\r\nexport interface IOrderHistoryWithSearchAndFiltersViewModeProps extends IComponentProps<{}> {\r\n    className?: string;\r\n    resources?: IOrderHistoryWithSearchAndFiltersViewModeResources;\r\n    currentViewModeState: OrderHistoryWithSearchAndFiltersViewModeState;\r\n    telemetryContent?: ITelemetryContent;\r\n    onClick(state: OrderHistoryWithSearchAndFiltersViewModeState): void;\r\n}\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersViewMode component.\r\n * @param props - Configuration of the component.\r\n * @returns React node.\r\n */\r\nconst OrderHistoryWithSearchAndFiltersViewModeFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersViewModeProps> = (\r\n    props: IOrderHistoryWithSearchAndFiltersViewModeProps\r\n) => {\r\n    const [viewModeState, setViewModeState] = React.useState(props.currentViewModeState);\r\n\r\n    const onClickHandler = (newViewModeState: OrderHistoryWithSearchAndFiltersViewModeState) => {\r\n        setViewModeState(newViewModeState);\r\n        props.onClick(newViewModeState);\r\n    };\r\n\r\n    // define telemetry attributes\r\n    const viewModeDetailedViewAttributes = getTelemetryAttributes(\r\n        props.telemetryContent!,\r\n        getPayloadObject('click', props.telemetryContent!, `${TelemetryConstant.ViewMode} - Detailed view`)\r\n    );\r\n    const viewModeListViewAttributes = getTelemetryAttributes(\r\n        props.telemetryContent!,\r\n        getPayloadObject('click', props.telemetryContent!, `${TelemetryConstant.ViewMode} - List view`)\r\n    );\r\n\r\n    return (\r\n        <div className={classnames(props.className, componentClassName)}>\r\n            <Button\r\n                className={classnames(\r\n                    detailsViewClassName,\r\n                    viewModeState === OrderHistoryWithSearchAndFiltersViewModeState.DetailedView ? viewSelectedClassName : ''\r\n                )}\r\n                aria-label={props.resources?.detailedViewOptionAriaLabel ?? ''}\r\n                title={props.resources?.detailedViewOptionAriaLabel ?? ''}\r\n                role='button'\r\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersViewModeState.DetailedView)}\r\n                {...viewModeDetailedViewAttributes}\r\n            />\r\n            <Button\r\n                className={classnames(\r\n                    listViewClassName,\r\n                    viewModeState === OrderHistoryWithSearchAndFiltersViewModeState.ListView ? viewSelectedClassName : ''\r\n                )}\r\n                aria-label={props.resources?.listViewOptionAriaLabel ?? ''}\r\n                title={props.resources?.listViewOptionAriaLabel ?? ''}\r\n                role='button'\r\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersViewModeState.ListView)}\r\n                {...viewModeListViewAttributes}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\n/**\r\n * OrderHistoryWithSearchAndFiltersViewMode component.\r\n */\r\nexport const OrderHistoryWithSearchAndFiltersViewModeComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersViewModeProps> = msdyn365Commerce.createComponent<\r\n    // @ts-expect-error\r\n    IOrderHistoryWithSearchAndFiltersViewModeProps\r\n>('OrderHistoryWithSearchAndFiltersViewModeComponent', { component: OrderHistoryWithSearchAndFiltersViewModeFunctionalComponent });\r\n"],"names":["getOrderDetailsPageUrl","actionContext","salesOrder","orderDetailsUrl","getUrlSync","separator","includes","StringExtensions","isNullOrWhitespace","SalesId","Id","getOrderStatusLabel","status","resources","SalesStatus","Created","orderStatusCreated","Delivered","orderStatusDelivered","Invoiced","orderStatusInvoiced","Canceled","orderStatusCanceled","componentClassName","SearchBarComponent","msdyn365Commerce","createComponent","component","props","_props$resources","_props$resources2","_props$data$options2","_props$resources3","_props$resources4","_props$resources5","_props$resources$sear","_props$resources6","_props$resources7","_props$resources$sear2","_props$resources8","_props$resources9","_props$resources10","searchOptionState","setSearchOptionState","React","currentSearchOption","searchTextState","setSearchTextState","currentSearchText","showSuggestions","setShowSuggestions","activeSuggestionIndex","setActiveSuggestionIndex","filteredSuggestions","setFilteredSuggestions","searchButtonAttributes","getTelemetryAttributes","telemetryContent","getPayloadObject","TelemetryConstant","Search","className","classnames","ArrayExtensions","hasElements","data","options","title","searchOptionsAriaLabel","onChange","event","_props$data$options","_props$onSelectOption","value","currentTarget","searchOption","find","option","clearSearchTextOnOptionChange","onSelectOption","call","map","key","label","type","placeholder","searchBarPlaceholder","searchBarAriaLabel","_props$onChange","_props$orgUsers","filtered","orgUsers","filter","suggestion","toLowerCase","onBlur","preventDefault","setTimeout","_props$onBlur","onKeyDown","e","length","customer","split","onFocus","handleFocus","_props$orgUsers2","suggestions","index","onClick","console","log","handleSuggestionClick","Button","Object","assign","searchButtonAriaLabel","searchButtonLabel","onClickHandler","_props$onClick","headingClassName","orderCountClassName","OrderHistoryWithSearchAndFiltersHeaderComponent","Msdyn365","salesOrders","textProps","showOrderCount","extraActions","orderCount","orderCountText","orderCountLabel","ordersCountLabel","Node","text","tag","editProps","onEdit","requestContext","context","request","orderListItemClassName","orderInformationHeaderClassName","orderInformationCountClassName","expandProductsButtonClassName","expandProductsButtonWrapperClassName","orderDetailButtonClassName","moduleName","getOrderApprovalStatus","_orderStatus$result","moduleProps","orderStatus","saleOrderApprovalStatusAttributeName","customerSaleOrderApprovalRequiredAttributeName","app","config","approvalStatus","showApprovalStatus","updatedApprovalStatus","result","orderId","saleOrderId","_customer$Attributes","_salesOrder$Attribute","_customerApproval$Att","customerApproval","Attributes","attr","Name","orderStatusAttribute","_orderStatusAttribute","AttributeValue","StringValue","TextValue","replace","OrderInfomationComponent","_ref","orderInformationProps","salesId","receiptId","channelName","createdDate","count","amount","channelReferenceId","GroupDeliveryComponent","_ref2","deliveryProps","heading","processing","address","trackingInfo","GroupComponent","_ref3","groupProps","delivery","salesLinesProps","salesLines","salesLine","LineId","GroupsComponent","_ref4","groupsProps","groups","group","onExpandProductsCallback","expandButtonState","productStates","productState","isHidden","extraProductsCount","SalesOrderApproval","setShowApprovalStatus","updateApprovalStatusAllowed","setUpdateApprovalStatusAllowed","setApprovalStatus","isApproved","setIsApproved","rejectionComments","setRejectionComments","isModalOpen","setIsModalOpen","modalHasError","setModalHasError","reasonForRejection","errorForRejectionReason","btnSubmitLabel","approveLabel","rejectLabel","_customer$Attributes2","_salesOrder$Attribute2","_customerApproval$Att2","IsB2bAdmin","_orderStatusAttribute2","toggleModal","comments","MsDyn365","isBrowser","document","getElementById","modalPropsTerms","applicationNode","body","isOpen","autoFocus","size","keyboard","backdrop","zIndex","fade","toggle","statusClass","approved","htmlFor","async","_orderStatus$result$o","_orderStatus$result2","nSS_UpdateSalesOrderApprovalStatusAsync","callerContext","orderStatuses","orderStatusData","replacedIndex","findIndex","push","update","OrderStatusStateShareInput","disabled","Modal","ModalHeader","closeAriaLabel","closeButtonLabel","ModalBody","id","rows","cols","target","ModalFooter","addRejectionComments","_orderStatus$result$o2","_orderStatus$result3","OrderHistoryWithSearchAndFiltersOrderListComponent","itemProps","createOrderHistoryWithSearchAndFiltersOrderItemProps","typeName","telemetry","products","channelIdentities","orgUnitLocations","originators","showChannelInfo","freePriceText","detailsAriaLabel","detailsLabel","orderItemLabel","orderItemsLabel","retailMultiplePickUpOptionEnabled","channelDeliveryOptionConfig","priceContext","originator","TransactionId","salesLinesInput","getSalesLinesInput","undefined","expandProductsButton","getSalesLinesInputProps","_objectSpread","imageOnly","ObjectExtensions","isNullOrUndefined","salesLinesLimit","salesLineStates","_salesLine$LineId","SalesLineState","ExpandButtonState","Observer","format","orderHistoryExpandProductsButtonText","role","getSalesLines","getGroups","orderInfomationInput","getOrderInformationInput","payLoad","OrderDetails","orderDetailsAttributes","orderDetailsLink","href","ChannelReferenceId","orderInfomation","getOrderInformation","placedByClassName","orderNumberClassName","columnMobileClassName","actionsClassName","viewDetailsMenuItemClassName","formatDate","date","cultureFormatter","year","month","day","getShortEllipsisText","originalText","maxTextLength","_document$body$parent","isRtl","parentElement","getAttribute","substring","getOrderPlacedByCellContent","maxOrderTextLength","window","innerWidth","placedByName","isOnBehalfOfOrder","onBehalfOfText","getOrderNumberCellContent","onBehalfOfOrderProps","linkToOrderDetails","placedByText","showOrderPlacedBy","orderHistoryOrderNumberIsNotAvailable","orderNumberCellText","getTableRowComponentChildren","_props$resources$orde","_props$resources$orde2","numItemsCellText","SalesLines","countItems","totalAmountCellText","TotalAmount","currencyCode","CurrencyCode","formatCurrency","formatAmount","orderStatusCellText","StatusValue","getOrderChannelName","channelAddress","getOrderChannelAddress","channelNameCellText","posChannelNameText","onlineStoreChannelNameText","getOnBehalfOfOrderProps","orderPlacedByFullText","orderPlacedByYouText","orderOnBehalfOfText","channelTypeValue","getOrderChannelTypeValue","isOnlineStore","isOnlineStoreChannel","isYou","isOboRequest","CustomerId","CustomerName","StaffId","StaffName","AccountNumber","isYouObo","TableCellComponent","contentType","TableCellContentType","Text","isVisible","isMobileView","Number","Amount","Date","CreatedDateTime","ActionMenuComponent","ariaLabel","orderHistoryActionMenuButtonAriaLabel","orderHistoryViewDetailsButtonText","orderHistoryViewDetailsButtonAriaLabel","OrderHistoryWithSearchAndFiltersOrderTableComponent","_props$resources$orde3","_props$data$salesOrde","TableComponent","TableHeaderComponent","orderHistoryOrderNumberText","orderHistoryOriginText","orderHistoryItemsText","orderHistoryTotalText","orderHistoryCreatedDateText","orderHistoryOrderStatusText","TableRowComponent","buttonClassName","buttonActiveClassName","buttonInactiveClassName","OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState","OrderHistoryWithSearchAndFiltersOrganizationWideSelectorComponent","_props$resources$curr","_props$resources$curr2","_props$resources$curr3","_props$resources$curr4","_props$resources$orga","_props$resources$orga2","_props$resources11","_props$resources12","selectorState","setSelectorState","currentSelectorState","newSelectorState","currentUserOrderHistoryAttributes","currentUserOptionLabel","orgWideOrderHistoryAttributes","CurrentUser","currentUserOptionAriaLabel","OrganizationWide","organizationWideOptionAriaLabel","organizationWideOptionLabel","detailsViewClassName","listViewClassName","viewSelectedClassName","OrderHistoryWithSearchAndFiltersViewModeState","OrderHistoryWithSearchAndFiltersViewModeComponent","_props$resources$deta","_props$resources$deta2","_props$resources$list","_props$resources$list2","viewModeState","setViewModeState","currentViewModeState","newViewModeState","viewModeDetailedViewAttributes","ViewMode","viewModeListViewAttributes","DetailedView","detailedViewOptionAriaLabel","ListView","listViewOptionAriaLabel"],"sourceRoot":""}