{"version":3,"file":"static/js/e1d7e884e78951aace7f.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/common/expand-button-state.ts?0e6f","webpack://Msdyn365.Commerce.Online/./src/common/sales-line-state.ts?3828","webpack://Msdyn365.Commerce.Online/./src/modules/order-history-with-search-and-filters/common/get-sales-order.ts?e014","webpack://Msdyn365.Commerce.Online/./src/modules/order-history-with-search-and-filters/components/order-history-with-search-and-filters-header.component.tsx?3609","webpack://Msdyn365.Commerce.Online/./src/modules/order-history-with-search-and-filters/components/order-history-with-search-and-filters-order-list.component.tsx?9f7d","webpack://Msdyn365.Commerce.Online/./src/modules/order-history-with-search-and-filters/components/order-history-with-search-and-filters-order-table.component.tsx?c86f","webpack://Msdyn365.Commerce.Online/./src/modules/order-history-with-search-and-filters/components/order-history-with-search-and-filters-organization-wide-selector.component.tsx?b9a7","webpack://Msdyn365.Commerce.Online/./src/modules/order-history-with-search-and-filters/components/order-history-with-search-and-filters-view-mode-selector.component.tsx?6452"],"sourcesContent":["/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { observable } from 'mobx';\n\n/**\n * Represents state of the expand button.\n */\nexport class ExpandButtonState {\n    @observable public extraProductsCount: number;\n\n    public constructor(extraProductsCount: number) {\n        this.extraProductsCount = extraProductsCount;\n    }\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { observable } from 'mobx';\n\n/**\n * Represents state of the sales line product.\n */\nexport class SalesLineState {\n    @observable public isHidden?: boolean;\n\n    public stateId: string;\n\n    public constructor(stateId: string, isHidden?: boolean) {\n        this.stateId = stateId;\n        this.isHidden = isHidden;\n    }\n}\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IActionContext, getUrlSync } from '@msdyn365-commerce/core-internal';\nimport { SalesOrder, SalesStatus } from '@msdyn365-commerce/retail-proxy';\nimport { StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\n\n/**\n * Resources for order status.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrderStatusResources {\n    orderStatusCreated: string;\n    orderStatusDelivered: string;\n    orderStatusInvoiced: string;\n    orderStatusCanceled: string;\n}\n\n/**\n * Retrieves the url for order details page.\n * @param actionContext - Core action context.\n * @param salesOrder - Order information.\n * @returns Url to order details.\n */\nexport const getOrderDetailsPageUrl = (actionContext: IActionContext, salesOrder: SalesOrder): string => {\n    const orderDetailsUrl = getUrlSync('orderDetails', actionContext) || '';\n    const separator = orderDetailsUrl.includes('?') ? '&' : '?';\n    if (!StringExtensions.isNullOrWhitespace(salesOrder.SalesId)) {\n        // Redirect with sales order sales id\n        return `${orderDetailsUrl}${separator}salesId=${salesOrder.SalesId}`;\n    }\n\n    // Redirect with sales order transaction id\n    return `${orderDetailsUrl}${separator}transactionId=${salesOrder.Id}`;\n};\n\n/**\n * Retrieves the text for order status.\n * @param status - The sales order.\n * @param resources - Resources where we can find the text.\n * @returns The text for the order status.\n */\nexport const getOrderStatusLabel = (\n    status: SalesStatus | undefined,\n    resources: IOrderHistoryWithSearchAndFiltersOrderStatusResources\n): string => {\n    switch (status) {\n        case SalesStatus.Created:\n            return resources.orderStatusCreated;\n        case SalesStatus.Delivered:\n            return resources.orderStatusDelivered;\n        case SalesStatus.Invoiced:\n            return resources.orderStatusInvoiced;\n        case SalesStatus.Canceled:\n            return resources.orderStatusCanceled;\n        default:\n            return '';\n    }\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { Node } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport classnames from 'classnames';\n\nimport { SalesOrder } from '@msdyn365-commerce/retail-proxy';\n\n/**\n * Class names used in component.\n */\nconst componentClassName = 'ms-order-history-with-search-and-filters-header';\nconst headingClassName = `${componentClassName}__heading`;\nconst orderCountClassName = `${componentClassName}__order-count`;\n\n/**\n * IOrderHistoryWithSearchAndFiltersHeaderResources interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersHeaderResources {\n    orderCountLabel: string;\n    ordersCountLabel: string;\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersHeaderData interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersHeaderData {\n    salesOrders: SalesOrder[];\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersHeaderProps interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersHeaderProps\n    extends Msdyn365.IComponentProps<IOrderHistoryWithSearchAndFiltersHeaderData> {\n    className?: string;\n    resources: IOrderHistoryWithSearchAndFiltersHeaderResources;\n    textProps: Msdyn365.ITextProps;\n    showOrderCount: boolean;\n    extraActions?: React.ReactNode;\n    onChange(event: Msdyn365.ContentEditableEvent): void;\n}\n\n/**\n * OrderHistoryWithSearchAndFiltersHeader component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst OrderHistoryWithSearchAndFiltersHeaderFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersHeaderProps> = (\n    props: IOrderHistoryWithSearchAndFiltersHeaderProps\n) => {\n    const {\n        resources,\n        data: { salesOrders },\n        textProps,\n        showOrderCount,\n        extraActions\n    } = props;\n\n    const orderCount = salesOrders?.length;\n    const orderCountText = `(${orderCount} ${orderCount === 1 ? resources?.orderCountLabel : resources?.ordersCountLabel})`;\n\n    return (\n        <Node className={classnames(props.className, componentClassName)}>\n            {textProps?.text && (\n                <Msdyn365.Text\n                    {...textProps}\n                    className={headingClassName}\n                    tag={textProps.tag || 'h2'}\n                    editProps={{ onEdit: props.onChange, requestContext: props.context.request }}\n                />\n            )}\n            {showOrderCount && <span className={orderCountClassName}>{orderCountText}</span>}\n            {extraActions}\n        </Node>\n    );\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersHeader component.\n */\nexport const OrderHistoryWithSearchAndFiltersHeaderComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersHeaderProps> = Msdyn365.msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IOrderHistoryWithSearchAndFiltersHeaderProps\n>('OrderHistoryWithSearchAndFiltersHeaderComponent', { component: OrderHistoryWithSearchAndFiltersHeaderFunctionalComponent });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport {\n    Button,\n    format,\n    getPayloadObject,\n    getTelemetryAttributes,\n    ITelemetryContent,\n    Node,\n    TelemetryConstant\n} from '@msdyn365-commerce-modules/utilities';\nimport {\n    ChannelDeliveryOptionConfiguration,\n    ChannelIdentity,\n    Customer,\n    OrderOriginator,\n    OrgUnitLocation,\n    SalesOrder,\n    SimpleProduct\n} from '@msdyn365-commerce/retail-proxy';\nimport { ArrayExtensions, ObjectExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Observer } from 'mobx-react';\nimport React from 'react';\n\nimport classnames from 'classnames';\n\nimport { getGroups, IGroup, IGroupDelivery, IGroups } from '../../../common/get-groups';\nimport { getOrderInformation, getOrderInformationInput, IOrderInformation } from '../../../common/get-order-information';\nimport { ISalesLine } from '../../../common/get-sales-line';\nimport { getSalesLines, getSalesLinesInput, IGetSalesLinesInput } from '../../../common/get-sales-lines';\nimport { ExpandButtonState, IPriceContext, SalesLineState } from '../../../common';\nimport {\n    IOrderHistoryWithSearchAndFiltersProps,\n    IOrderHistoryWithSearchAndFiltersResources\n} from '../order-history-with-search-and-filters.props.autogenerated';\nimport { IOrderHistoryWithSearchAndFiltersData } from '../order-history-with-search-and-filters.data';\nimport { getOrderDetailsPageUrl } from '../common/get-sales-order';\n\n/**\n * Class names used in component.\n */\nconst componentClassName = 'ms-order-history-with-search-and-filters-order-list';\nconst orderListItemClassName = `${componentClassName}__sales-order`;\nconst orderInformationHeaderClassName = `${componentClassName}__sales-order__header`;\nconst expandProductsButtonClassName = `${componentClassName}__sales-order__expand-products-button`;\nconst expandProductsButtonWrapperClassName = `${componentClassName}__sales-order__expand-products-button-wrapper`;\nconst orderDetailButtonClassName = `${componentClassName}__btn-order-details`;\nconst moduleName = componentClassName;\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrderListData interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrderListData {\n    salesOrders: SalesOrder[];\n    products: SimpleProduct[];\n    channelIdentities?: ChannelIdentity[];\n    orgUnitLocations?: OrgUnitLocation[];\n    customer?: Customer;\n    originators?: OrderOriginator[];\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrderListProps interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrderListProps extends IComponentProps<IOrderHistoryWithSearchAndFiltersOrderListData> {\n    moduleProps: IOrderHistoryWithSearchAndFiltersProps<IOrderHistoryWithSearchAndFiltersData>;\n    className?: string;\n    resources: IOrderHistoryWithSearchAndFiltersResources;\n    isMobileView?: boolean;\n    showChannelInfo: boolean;\n    showOrderPlacedBy?: boolean;\n    salesLinesLimit?: number;\n    telemetryContent?: ITelemetryContent;\n    retailMultiplePickUpOptionEnabled?: boolean;\n    channelDeliveryOptionConfig?: ChannelDeliveryOptionConfiguration;\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrderItemProps interface.\n */\ninterface IOrderHistoryWithSearchAndFiltersOrderItemProps {\n    orderInfomation: IOrderInformation;\n    groups?: IGroups;\n    orderDetailsLink: React.ReactNode;\n    expandProductsButton?: React.ReactNode;\n}\n\n/**\n * OrderInfomation component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst OrderInfomationComponent: React.FC<IOrderInformation> = ({\n    orderInformationProps,\n    placedBy,\n    salesId,\n    receiptId,\n    channelName,\n    createdDate,\n    count,\n    amount,\n    channelReferenceId\n}) => (\n    <Node {...orderInformationProps}>\n        {placedBy}\n        <div className={orderInformationHeaderClassName}>\n            {channelName}\n            {count}\n        </div>\n        {salesId}\n        {receiptId}\n        {createdDate}\n        {amount}\n        {channelReferenceId}\n    </Node>\n);\n\n/**\n * GroupDelivery component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst GroupDeliveryComponent: React.FC<IGroupDelivery> = ({ deliveryProps, heading, count, processing, address, trackingInfo }) => (\n    <Node {...deliveryProps}>\n        {heading}\n        {count}\n        {processing}\n        {address}\n        {trackingInfo}\n    </Node>\n);\n\n/**\n * Group component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst GroupComponent: React.FC<IGroup> = ({ groupProps, delivery, salesLinesProps, salesLines }) => (\n    <Node {...groupProps}>\n        {delivery && <GroupDeliveryComponent {...delivery} />}\n        {salesLines && (\n            <Node {...salesLinesProps}>\n                {salesLines.map((salesLine: ISalesLine) => (\n                    <React.Fragment key={salesLine.data.salesLine.LineId}>{salesLine.salesLine}</React.Fragment>\n                ))}\n            </Node>\n        )}\n    </Node>\n);\n\n/**\n * Groups component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst GroupsComponent: React.FC<IGroups> = ({ groupsProps, groups }) => (\n    <Node {...groupsProps}>\n        {groups.map((group: IGroup, index: number) => (\n            <GroupComponent key={index} {...group} />\n        ))}\n    </Node>\n);\n\n/**\n * Updates product states to show all products.\n * @param expandButtonState - Expand button state.\n * @param productStates - Product states.\n * @returns Callback method.\n */\nconst onExpandProductsCallback = (expandButtonState: ExpandButtonState, productStates: SalesLineState[]) => () => {\n    for (const productState of productStates) {\n        productState.isHidden = false;\n    }\n    expandButtonState.extraProductsCount = 0;\n};\n\n/**\n * Gets the IOrderHistoryWithSearchAndFiltersOrderItem configuration.\n * @param salesOrder The sales order\n * @param index The sales order index\n * @param props The component props\n * @returns The IOrderHistoryWithSearchAndFiltersOrderItem configuration.\n */\nconst createOrderHistoryWithSearchAndFiltersOrderItemProps = (\n    salesOrder: SalesOrder,\n    index: number,\n    props: IOrderHistoryWithSearchAndFiltersOrderListProps\n): IOrderHistoryWithSearchAndFiltersOrderItemProps => {\n    const {\n        id,\n        typeName,\n        context,\n        moduleProps: { telemetry },\n        data: { products, channelIdentities, orgUnitLocations, customer, originators },\n        showChannelInfo,\n        telemetryContent,\n        resources: { freePriceText, detailsAriaLabel, detailsLabel, orderItemLabel, orderItemsLabel },\n        context: { actionContext },\n        retailMultiplePickUpOptionEnabled,\n        channelDeliveryOptionConfig\n    } = props;\n\n    const priceContext = {\n        id,\n        typeName,\n        context,\n        telemetry,\n        freePriceText\n    } as IPriceContext;\n\n    const originator: OrderOriginator | undefined = originators?.find(\n        originator =>\n            (salesOrder.SalesId && originator.SalesId === salesOrder.SalesId) ||\n            (salesOrder.Id && originator.TransactionId === salesOrder.Id)\n    );\n\n    const salesLinesInput =\n        products &&\n        getSalesLinesInput(\n            props.moduleProps,\n            moduleName,\n            salesOrder,\n            products,\n            priceContext,\n            undefined,\n            undefined,\n            undefined,\n            retailMultiplePickUpOptionEnabled,\n            channelDeliveryOptionConfig\n        );\n\n    let salesLines: ISalesLine[] | undefined;\n    let expandProductsButton: React.ReactNode;\n    if (salesLinesInput) {\n        const getSalesLinesInputProps: IGetSalesLinesInput = { ...salesLinesInput, imageOnly: true };\n        if (!ObjectExtensions.isNullOrUndefined(props.salesLinesLimit)) {\n            const extraProductsCount = getSalesLinesInputProps.salesLines.length - props.salesLinesLimit;\n            getSalesLinesInputProps.salesLineStates = getSalesLinesInputProps.salesLines.map(\n                (salesLine, index) => new SalesLineState(`${salesLine.LineId ?? ''}-${index}`, index >= props.salesLinesLimit!)\n            );\n            if (extraProductsCount > 0) {\n                const expandButtonState = new ExpandButtonState(extraProductsCount);\n                expandProductsButton = (\n                    <>\n                        <Observer>\n                            {() => {\n                                const text = format(\n                                    props.resources.orderHistoryExpandProductsButtonText,\n                                    expandButtonState.extraProductsCount\n                                );\n                                return (\n                                    expandButtonState.extraProductsCount > 0 && (\n                                        <Button\n                                            className={expandProductsButtonClassName}\n                                            title={text}\n                                            role='button'\n                                            onClick={onExpandProductsCallback(expandButtonState, getSalesLinesInputProps.salesLineStates!)}\n                                            aria-label={text}\n                                        >\n                                            {text}\n                                        </Button>\n                                    )\n                                );\n                            }}\n                        </Observer>\n                    </>\n                );\n            }\n        }\n        salesLines = getSalesLines(getSalesLinesInputProps);\n    }\n\n    expandProductsButton = (\n        <>\n            {expandProductsButton}\n            <div className={expandProductsButtonWrapperClassName} />\n        </>\n    );\n\n    const groups =\n        salesLines &&\n        getGroups({\n            moduleName,\n            salesLines,\n            resources: { orderItemLabel, orderItemsLabel },\n            retailMultiplePickUpOptionEnabled\n        });\n\n    const orderInfomationInput = getOrderInformationInput(\n        props.moduleProps,\n        moduleName,\n        salesOrder,\n        priceContext,\n        channelIdentities,\n        orgUnitLocations,\n        customer,\n        originator,\n        showChannelInfo\n    );\n\n    const payLoad = getPayloadObject('click', telemetryContent!, TelemetryConstant.OrderDetails);\n    const orderDetailsAttributes = getTelemetryAttributes(telemetryContent!, payLoad);\n\n    const orderDetailsLink = (\n        <Button\n            href={getOrderDetailsPageUrl(actionContext, salesOrder)}\n            role='button'\n            aria-label={\n                salesOrder.ChannelReferenceId && detailsAriaLabel\n                    ? detailsAriaLabel.replace('{orderId}', salesOrder.ChannelReferenceId)\n                    : ''\n            }\n            className={orderDetailButtonClassName}\n            {...orderDetailsAttributes}\n        >\n            {detailsLabel}\n        </Button>\n    );\n\n    return {\n        orderInfomation: getOrderInformation(orderInfomationInput),\n        groups: groups,\n        orderDetailsLink: orderDetailsLink,\n        expandProductsButton: expandProductsButton\n    };\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersOrderList component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst OrderHistoryWithSearchAndFiltersOrderListFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersOrderListProps> = (\n    props: IOrderHistoryWithSearchAndFiltersOrderListProps\n) => {\n    return (\n        <Node className={classnames(props.className, componentClassName)}>\n            {ArrayExtensions.hasElements(props.data.salesOrders) &&\n                props.data.salesOrders.map((salesOrder: SalesOrder, index: number) => {\n                    const itemProps: IOrderHistoryWithSearchAndFiltersOrderItemProps = createOrderHistoryWithSearchAndFiltersOrderItemProps(\n                        salesOrder,\n                        index,\n                        props\n                    );\n                    return (\n                        <Node className={orderListItemClassName} key={salesOrder.SalesId || salesOrder.Id}>\n                            {itemProps.orderInfomation && <OrderInfomationComponent {...itemProps.orderInfomation} />}\n                            {itemProps.groups && <GroupsComponent {...itemProps.groups} />}\n                            {itemProps.expandProductsButton}\n                            {itemProps.orderDetailsLink}\n                        </Node>\n                    );\n                })}\n        </Node>\n    );\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersOrderList component.\n */\nexport const OrderHistoryWithSearchAndFiltersOrderListComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersOrderListProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IOrderHistoryWithSearchAndFiltersOrderListProps\n>('OrderHistoryWithSearchAndFiltersOrderListComponent', { component: OrderHistoryWithSearchAndFiltersOrderListFunctionalComponent });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponentProps, ICoreContext, IDateFormatOptions, msdyn365Commerce, isOboRequest } from '@msdyn365-commerce/core';\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { ChannelIdentity, Customer, OrderOriginator, OrgUnitLocation, SalesOrder } from '@msdyn365-commerce/retail-proxy';\nimport {\n    ActionMenuComponent,\n    TableCellComponent,\n    TableComponent,\n    TableCellContentType,\n    TableHeaderComponent,\n    TableRowComponent\n} from '@msdyn365-commerce/components';\nimport React from 'react';\n\nimport classnames from 'classnames';\n\nimport {\n    Button,\n    ITelemetryContent,\n    TelemetryConstant,\n    getPayloadObject,\n    getTelemetryAttributes\n} from '@msdyn365-commerce-modules/utilities';\nimport { countItems, getOrderChannelAddress, getOrderChannelName, getOrderChannelTypeValue, isOnlineStoreChannel } from '../../../common';\nimport {\n    IOrderHistoryWithSearchAndFiltersOrderStatusResources,\n    getOrderDetailsPageUrl,\n    getOrderStatusLabel\n} from '../common/get-sales-order';\n\n/**\n * Class names used in component.\n */\nconst componentClassName = 'ms-order-history-with-search-and-filters-order-table';\nconst placedByClassName = `${componentClassName}__row__placed-by`;\nconst orderNumberClassName = `${componentClassName}__row__order-number`;\nconst columnMobileClassName = `${componentClassName}__row__mobile-cell`;\nconst actionsClassName = `${componentClassName}__row__actions`;\nconst viewDetailsMenuItemClassName = `${componentClassName}__row__view-details-action`;\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrderTableResources interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrderTableResources extends IOrderHistoryWithSearchAndFiltersOrderStatusResources {\n    orderHistoryOrderNumberText: string;\n    orderHistoryCreatedDateText: string;\n    orderHistoryItemsText: string;\n    orderHistoryTotalText: string;\n    orderHistoryOriginText: string;\n    orderHistoryOrderStatusText: string;\n    orderHistoryActionMenuButtonAriaLabel: string;\n    orderHistoryViewDetailsButtonText: string;\n    orderHistoryViewDetailsButtonAriaLabel: string;\n    orderHistoryCreatedDateMobileDescriptionText: string;\n    orderHistoryOrderNumberIsNotAvailable: string;\n    onlineStoreChannelNameText: string;\n    posChannelNameText: string;\n    orderPlacedByFullText?: string;\n    orderPlacedByYouText?: string;\n    orderOnBehalfOfText?: string;\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrderTableData interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrderTableData {\n    salesOrders: SalesOrder[];\n    channelIdentities?: ChannelIdentity[];\n    orgUnitLocations?: OrgUnitLocation[];\n    customer?: Customer;\n    originators?: OrderOriginator[];\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrderTableProps interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrderTableProps extends IComponentProps<IOrderHistoryWithSearchAndFiltersOrderTableData> {\n    className?: string;\n    resources: IOrderHistoryWithSearchAndFiltersOrderTableResources;\n    isMobileView?: boolean;\n    showChannelInfo: boolean;\n    showOrderPlacedBy?: boolean;\n    telemetryContent?: ITelemetryContent;\n}\n\ninterface IOnBehalfOfOrderResources {\n    orderHistoryOrderNumberIsNotAvailable?: string;\n}\n\ninterface IOnBehalfOfOrderProps {\n    salesOrder: SalesOrder;\n    isOnBehalfOfOrder: boolean;\n    originator?: OrderOriginator;\n    placedByName: string;\n    placedByText: string;\n    onBehalfOfText: string;\n    showOrderPlacedBy?: boolean;\n    resources: IOnBehalfOfOrderResources;\n}\n\n/**\n * Formats amount.\n * @param context - Core context.\n * @param amount - Amount to display.\n * @param currencyCode - Currency for the amount.\n * @returns String value.\n */\nconst formatAmount = (context: ICoreContext, amount: number | undefined, currencyCode: string | undefined) => {\n    if (amount === undefined) {\n        return '';\n    }\n    return context.cultureFormatter.formatCurrency(amount, currencyCode);\n};\n\n/**\n * Formats date.\n * @param context - Core context.\n * @param date - Date to display.\n * @returns String value.\n */\nconst formatDate = (context: ICoreContext, date: Date | undefined) => {\n    if (date === undefined) {\n        return '';\n    }\n\n    const dateOptions: IDateFormatOptions = { year: 'numeric', month: 'short', day: 'numeric' };\n    return context.cultureFormatter.formatDate(date, dateOptions);\n};\n\nconst getShortEllipsisText = (originalText: string, maxTextLength: number) => {\n    const isRtl = document.body.parentElement?.getAttribute('dir') === 'rtl';\n    return originalText.length > maxTextLength\n        ? isRtl\n            ? `…${originalText.substring(0, maxTextLength - 1)}`\n            : `${originalText.substring(0, maxTextLength - 1)}…`\n        : originalText;\n};\n\nconst getOnBehalfOfOrderProps = (\n    props: IOrderHistoryWithSearchAndFiltersOrderTableProps,\n    salesOrder: SalesOrder\n): IOnBehalfOfOrderProps => {\n    const {\n        data: { channelIdentities, orgUnitLocations, customer, originators },\n        resources: { orderPlacedByFullText, orderPlacedByYouText, orderOnBehalfOfText, orderHistoryOrderNumberIsNotAvailable }\n    } = props;\n\n    const channelAddress = getOrderChannelAddress(salesOrder, orgUnitLocations);\n    const channelTypeValue = getOrderChannelTypeValue(salesOrder, channelIdentities);\n    const isOnlineStore = isOnlineStoreChannel(channelTypeValue, channelAddress);\n\n    const originator: OrderOriginator | undefined = originators?.find(\n        originator =>\n            (salesOrder.SalesId && originator.SalesId === salesOrder.SalesId) ||\n            (salesOrder.Id && originator.TransactionId === salesOrder.Id)\n    );\n\n    const isYou =\n        !isOboRequest(props.context.request) &&\n        originator?.CustomerId &&\n        originator?.CustomerName &&\n        !originator?.StaffId &&\n        !originator?.StaffName &&\n        customer?.AccountNumber === originator?.CustomerId\n            ? true\n            : false;\n    const isYouObo = !isYou && !isOboRequest(props.context.request);\n    let placedByName =\n        originator?.StaffId && originator.StaffName\n            ? originator.StaffName\n            : originator?.CustomerId && originator.CustomerName\n            ? originator.CustomerName\n            : '-';\n    placedByName = `${placedByName} ${isYou ? orderPlacedByYouText : ''}`;\n    const isOnBehalfOfOrder = isOnlineStore && originator?.StaffName && customer?.Name;\n    const placedByText = `${orderPlacedByFullText} ${placedByName}`;\n    const onBehalfOfText = `${orderOnBehalfOfText} ${customer?.Name} ${isYouObo ? orderPlacedByYouText : ''}`;\n\n    return {\n        resources: { orderHistoryOrderNumberIsNotAvailable: orderHistoryOrderNumberIsNotAvailable },\n        salesOrder: salesOrder,\n        isOnBehalfOfOrder: !!isOnBehalfOfOrder,\n        originator: originator,\n        placedByName: placedByName,\n        placedByText: placedByText,\n        onBehalfOfText: onBehalfOfText,\n        showOrderPlacedBy: props.showOrderPlacedBy\n    };\n};\n\nconst getOrderPlacedByCellContent = (props: IOnBehalfOfOrderProps): JSX.Element | null => {\n    const maxOrderTextLength = window.innerWidth > 700 ? 20 : 12;\n    return (\n        <span className={placedByClassName} data-title={`${props.placedByName} ${props.isOnBehalfOfOrder ? props.onBehalfOfText : ''}`}>\n            {props.placedByName}\n            {props.isOnBehalfOfOrder && (\n                <>\n                    <br /> {getShortEllipsisText(props.onBehalfOfText, maxOrderTextLength)}\n                </>\n            )}\n        </span>\n    );\n};\n\nconst getOrderNumberCellContent = (onBehalfOfOrderProps: IOnBehalfOfOrderProps, linkToOrderDetails: string): JSX.Element | null => {\n    const maxOrderTextLength = window.innerWidth > 700 ? 20 : 12;\n    const {\n        salesOrder,\n        isOnBehalfOfOrder,\n        placedByText,\n        showOrderPlacedBy,\n        resources: { orderHistoryOrderNumberIsNotAvailable }\n    } = onBehalfOfOrderProps;\n\n    let orderNumberCellText = salesOrder.SalesId;\n    if (StringExtensions.isNullOrWhitespace(orderNumberCellText)) {\n        orderNumberCellText = orderHistoryOrderNumberIsNotAvailable;\n    }\n\n    return (\n        <>\n            <Button className={orderNumberClassName} href={linkToOrderDetails ?? ''}>\n                {orderNumberCellText}\n            </Button>\n            {isOnBehalfOfOrder && !showOrderPlacedBy && (\n                <span className={placedByClassName} data-title={placedByText}>\n                    {getShortEllipsisText(placedByText, maxOrderTextLength)}\n                </span>\n            )}\n        </>\n    );\n};\n\nconst getTableRowComponentChildren = (\n    props: IOrderHistoryWithSearchAndFiltersOrderTableProps,\n    index: number,\n    salesOrder: SalesOrder\n): React.ReactElement[] => {\n    const numItemsCellText: number = ArrayExtensions.hasElements(salesOrder.SalesLines) ? countItems(salesOrder.SalesLines) : 0;\n    const totalAmountCellText: string = formatAmount(props.context, salesOrder.TotalAmount, salesOrder.CurrencyCode);\n\n    const orderStatusCellText: string = getOrderStatusLabel(salesOrder.StatusValue, props.resources);\n\n    const channelName: string = getOrderChannelName(salesOrder, props.data.channelIdentities);\n    const channelAddress: string = getOrderChannelAddress(salesOrder, props.data.orgUnitLocations);\n    const channelNameCellText: string =\n        channelName &&\n        (channelAddress ? `${props.resources.posChannelNameText} ${channelName}` : props.resources.onlineStoreChannelNameText);\n\n    const onBehalfOfOrderProps: IOnBehalfOfOrderProps = getOnBehalfOfOrderProps(props, salesOrder);\n\n    const linkToOrderDetails = getOrderDetailsPageUrl(props.context.actionContext, salesOrder);\n\n    const payLoad = getPayloadObject('click', props.telemetryContent!, TelemetryConstant.OrderDetails);\n    const orderDetailsAttributes = getTelemetryAttributes(props.telemetryContent!, payLoad);\n\n    return [\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_0`}\n            contentType={TableCellContentType.Text}\n            isVisible={!!props.showOrderPlacedBy && !props.isMobileView}\n        >\n            {getOrderPlacedByCellContent(onBehalfOfOrderProps)}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_1`}\n            contentType={TableCellContentType.Text}\n            isVisible={true}\n        >\n            {getOrderNumberCellContent(onBehalfOfOrderProps, linkToOrderDetails)}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_2`}\n            contentType={TableCellContentType.Text}\n            isVisible={!!props.showChannelInfo && !props.isMobileView}\n        >\n            {channelNameCellText}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_3`}\n            contentType={TableCellContentType.Number}\n            isVisible={!props.isMobileView}\n        >\n            {numItemsCellText}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_4`}\n            contentType={TableCellContentType.Amount}\n            isVisible={!props.isMobileView}\n        >\n            {totalAmountCellText}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_5`}\n            contentType={TableCellContentType.Date}\n            isVisible={!props.isMobileView}\n        >\n            {formatDate(props.context, salesOrder.CreatedDateTime)}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_6`}\n            contentType={TableCellContentType.Text}\n            isVisible={true}\n        >\n            {orderStatusCellText}\n        </TableCellComponent>,\n        <TableCellComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            key={`row_${index}_7`}\n            className={classnames(actionsClassName)}\n            contentType={TableCellContentType.Text}\n            isVisible={true}\n        >\n            <ActionMenuComponent\n                context={props.context}\n                id={props.id}\n                typeName={props.typeName}\n                data={{}}\n                ariaLabel={props.resources.orderHistoryActionMenuButtonAriaLabel}\n            >\n                <Button\n                    className={viewDetailsMenuItemClassName}\n                    href={linkToOrderDetails ?? ''}\n                    title={props.resources.orderHistoryViewDetailsButtonText ?? ''}\n                    aria-label={props.resources.orderHistoryViewDetailsButtonAriaLabel ?? props.resources.orderHistoryViewDetailsButtonText}\n                    {...orderDetailsAttributes}\n                >\n                    {props.resources.orderHistoryViewDetailsButtonText}\n                </Button>\n            </ActionMenuComponent>\n        </TableCellComponent>\n    ];\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersOrderTable component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst OrderHistoryWithSearchAndFiltersOrderTableFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersOrderTableProps> = (\n    props: IOrderHistoryWithSearchAndFiltersOrderTableProps\n) => {\n    return (\n        <TableComponent\n            context={props.context}\n            id={props.id}\n            typeName={props.typeName}\n            data={{}}\n            className={classnames(props.className, componentClassName)}\n        >\n            <TableHeaderComponent context={props.context} id={props.id} typeName={props.typeName} data={{}}>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Text}\n                    isVisible={!!props.showOrderPlacedBy && !props.isMobileView}\n                >\n                    {props.resources.orderPlacedByFullText ?? ''}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    className={classnames(props.isMobileView ? columnMobileClassName : '')}\n                    contentType={TableCellContentType.Text}\n                    isVisible={true}\n                >\n                    {props.resources.orderHistoryOrderNumberText}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Text}\n                    isVisible={!!props.showChannelInfo && !props.isMobileView}\n                >\n                    {props.resources.orderHistoryOriginText}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Number}\n                    isVisible={!props.isMobileView}\n                >\n                    {props.resources.orderHistoryItemsText}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Amount}\n                    isVisible={!props.isMobileView}\n                >\n                    {props.resources.orderHistoryTotalText}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Date}\n                    isVisible={!props.isMobileView}\n                >\n                    {props.resources.orderHistoryCreatedDateText}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Text}\n                    isVisible={true}\n                >\n                    {props.resources.orderHistoryOrderStatusText}\n                </TableCellComponent>\n                <TableCellComponent\n                    context={props.context}\n                    id={props.id}\n                    typeName={props.typeName}\n                    data={{}}\n                    contentType={TableCellContentType.Text}\n                    isVisible={true}\n                />\n            </TableHeaderComponent>\n            {props.data.salesOrders?.map((salesOrder: SalesOrder, index: number) => {\n                return (\n                    <TableRowComponent context={props.context} id={props.id} typeName={props.typeName} data={{}} key={`row_${index}`}>\n                        {getTableRowComponentChildren(props, index, salesOrder)}\n                    </TableRowComponent>\n                );\n            })}\n        </TableComponent>\n    );\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersOrderTable component.\n */\nexport const OrderHistoryWithSearchAndFiltersOrderTableComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersOrderTableProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IOrderHistoryWithSearchAndFiltersOrderTableProps\n>('OrderHistoryWithSearchAndFiltersOrderTableComponent', { component: OrderHistoryWithSearchAndFiltersOrderTableFunctionalComponent });\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport { Customer } from '@msdyn365-commerce/retail-proxy';\nimport { Button, ITelemetryContent, getPayloadObject, getTelemetryAttributes } from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport classnames from 'classnames';\n\n/**\n * Class names used in component.\n */\nconst componentClassName = 'ms-order-history-with-search-and-filters-organization-wide-selector';\nconst buttonClassName = `${componentClassName}__button`;\nconst buttonActiveClassName = `${componentClassName}__active-button`;\nconst buttonInactiveClassName = `${componentClassName}__inactive-button`;\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorResources interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorResources {\n    currentUserOptionLabel: string;\n    currentUserOptionAriaLabel?: string;\n    organizationWideOptionLabel: string;\n    organizationWideOptionAriaLabel?: string;\n}\n\n/**\n * OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState interface.\n */\nexport enum OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState {\n    CurrentUser,\n    OrganizationWide\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorData interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorData {\n    customer: Customer;\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps\n    extends IComponentProps<IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorData> {\n    className?: string;\n    resources: IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorResources;\n    currentSelectorState: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState;\n    telemetryContent?: ITelemetryContent;\n    onChange(state: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState): void;\n}\n\n/**\n * OrderHistoryWithSearchAndFiltersOrganizationWideSelector component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst OrderHistoryWithSearchAndFiltersOrganizationWideSelectorFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps> = (\n    props: IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps\n) => {\n    // Current version doesn't include functionality for non b2b users or non-admin b2b users.\n    if (!props.data.customer.IsB2bAdmin) {\n        return <div className={classnames(props.className, componentClassName)} />;\n    }\n\n    const [selectorState, setSelectorState] = React.useState(props.currentSelectorState);\n\n    const onClickHandler = (newSelectorState: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState) => {\n        setSelectorState(newSelectorState);\n        props.onChange(newSelectorState);\n    };\n\n    // define telemetry attributes\n    const currentUserOrderHistoryAttributes = getTelemetryAttributes(\n        props.telemetryContent!,\n        getPayloadObject('click', props.telemetryContent!, props.resources?.currentUserOptionLabel ?? 'Current user order history')\n    );\n    const orgWideOrderHistoryAttributes = getTelemetryAttributes(\n        props.telemetryContent!,\n        getPayloadObject('click', props.telemetryContent!, props.resources?.currentUserOptionLabel ?? 'Org wide order history')\n    );\n\n    return (\n        <div className={classnames(props.className, componentClassName)}>\n            <Button\n                className={classnames(\n                    buttonClassName,\n                    selectorState === OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.CurrentUser\n                        ? buttonActiveClassName\n                        : buttonInactiveClassName\n                )}\n                aria-label={props.resources?.currentUserOptionAriaLabel ?? props.resources?.currentUserOptionLabel}\n                title={props.resources?.currentUserOptionAriaLabel ?? props.resources?.currentUserOptionLabel}\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.CurrentUser)}\n                {...currentUserOrderHistoryAttributes}\n            >\n                {props.resources?.currentUserOptionLabel}\n            </Button>\n            <Button\n                className={classnames(\n                    buttonClassName,\n                    selectorState === OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.OrganizationWide\n                        ? buttonActiveClassName\n                        : buttonInactiveClassName\n                )}\n                aria-label={props.resources?.organizationWideOptionAriaLabel ?? props.resources?.organizationWideOptionLabel}\n                title={props.resources?.organizationWideOptionAriaLabel ?? props.resources?.organizationWideOptionLabel}\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersOrganizationWideSelectorState.OrganizationWide)}\n                {...orgWideOrderHistoryAttributes}\n            >\n                {props.resources?.organizationWideOptionLabel}\n            </Button>\n        </div>\n    );\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersOrganizationWideSelector component.\n */\nexport const OrderHistoryWithSearchAndFiltersOrganizationWideSelectorComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IOrderHistoryWithSearchAndFiltersOrganizationWideSelectorProps\n>('OrderHistoryWithSearchAndFiltersOrganizationWideSelectorComponent', {\n    component: OrderHistoryWithSearchAndFiltersOrganizationWideSelectorFunctionalComponent\n});\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IComponentProps, msdyn365Commerce } from '@msdyn365-commerce/core';\nimport {\n    Button,\n    ITelemetryContent,\n    TelemetryConstant,\n    getPayloadObject,\n    getTelemetryAttributes\n} from '@msdyn365-commerce-modules/utilities';\nimport React from 'react';\n\nimport classnames from 'classnames';\n\n/**\n * Class names used in component.\n */\nconst componentClassName = 'ms-order-history-with-search-and-filters-view-mode-selector';\nconst detailsViewClassName = `${componentClassName}__detailed-view`;\nconst listViewClassName = `${componentClassName}__list-view`;\nconst viewSelectedClassName = `${componentClassName}__selected`;\n\n/**\n * IOrderHistoryWithSearchAndFiltersViewModeResources interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersViewModeResources {\n    listViewOptionAriaLabel?: string;\n    detailedViewOptionAriaLabel?: string;\n}\n\n/**\n * OrderHistoryWithSearchAndFiltersViewModeState interface.\n */\nexport enum OrderHistoryWithSearchAndFiltersViewModeState {\n    DetailedView,\n    ListView\n}\n\n/**\n * IOrderHistoryWithSearchAndFiltersViewModeProps interface.\n */\nexport interface IOrderHistoryWithSearchAndFiltersViewModeProps extends IComponentProps<{}> {\n    className?: string;\n    resources?: IOrderHistoryWithSearchAndFiltersViewModeResources;\n    currentViewModeState: OrderHistoryWithSearchAndFiltersViewModeState;\n    telemetryContent?: ITelemetryContent;\n    onClick(state: OrderHistoryWithSearchAndFiltersViewModeState): void;\n}\n\n/**\n * OrderHistoryWithSearchAndFiltersViewMode component.\n * @param props - Configuration of the component.\n * @returns React node.\n */\nconst OrderHistoryWithSearchAndFiltersViewModeFunctionalComponent: React.FC<IOrderHistoryWithSearchAndFiltersViewModeProps> = (\n    props: IOrderHistoryWithSearchAndFiltersViewModeProps\n) => {\n    const [viewModeState, setViewModeState] = React.useState(props.currentViewModeState);\n\n    const onClickHandler = (newViewModeState: OrderHistoryWithSearchAndFiltersViewModeState) => {\n        setViewModeState(newViewModeState);\n        props.onClick(newViewModeState);\n    };\n\n    // define telemetry attributes\n    const viewModeDetailedViewAttributes = getTelemetryAttributes(\n        props.telemetryContent!,\n        getPayloadObject('click', props.telemetryContent!, `${TelemetryConstant.ViewMode} - Detailed view`)\n    );\n    const viewModeListViewAttributes = getTelemetryAttributes(\n        props.telemetryContent!,\n        getPayloadObject('click', props.telemetryContent!, `${TelemetryConstant.ViewMode} - List view`)\n    );\n\n    return (\n        <div className={classnames(props.className, componentClassName)}>\n            <Button\n                className={classnames(\n                    detailsViewClassName,\n                    viewModeState === OrderHistoryWithSearchAndFiltersViewModeState.DetailedView ? viewSelectedClassName : ''\n                )}\n                aria-label={props.resources?.detailedViewOptionAriaLabel ?? ''}\n                title={props.resources?.detailedViewOptionAriaLabel ?? ''}\n                role='button'\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersViewModeState.DetailedView)}\n                {...viewModeDetailedViewAttributes}\n            />\n            <Button\n                className={classnames(\n                    listViewClassName,\n                    viewModeState === OrderHistoryWithSearchAndFiltersViewModeState.ListView ? viewSelectedClassName : ''\n                )}\n                aria-label={props.resources?.listViewOptionAriaLabel ?? ''}\n                title={props.resources?.listViewOptionAriaLabel ?? ''}\n                role='button'\n                onClick={() => onClickHandler(OrderHistoryWithSearchAndFiltersViewModeState.ListView)}\n                {...viewModeListViewAttributes}\n            />\n        </div>\n    );\n};\n\n/**\n * OrderHistoryWithSearchAndFiltersViewMode component.\n */\nexport const OrderHistoryWithSearchAndFiltersViewModeComponent: React.FunctionComponent<IOrderHistoryWithSearchAndFiltersViewModeProps> = msdyn365Commerce.createComponent<\n    // @ts-expect-error\n    IOrderHistoryWithSearchAndFiltersViewModeProps\n>('OrderHistoryWithSearchAndFiltersViewModeComponent', { component: OrderHistoryWithSearchAndFiltersViewModeFunctionalComponent });\n"],"names":["ExpandButtonState","constructor","extraProductsCount","this","__decorate","observable","SalesLineState","stateId","isHidden","getOrderDetailsPageUrl","actionContext","salesOrder","orderDetailsUrl","getUrlSync","separator","includes","StringExtensions","isNullOrWhitespace","SalesId","Id","getOrderStatusLabel","status","resources","SalesStatus","Created","orderStatusCreated","Delivered","orderStatusDelivered","Invoiced","orderStatusInvoiced","Canceled","orderStatusCanceled","componentClassName","headingClassName","orderCountClassName","OrderHistoryWithSearchAndFiltersHeaderComponent","Msdyn365","createComponent","component","props","data","salesOrders","textProps","showOrderCount","extraActions","orderCount","length","orderCountText","orderCountLabel","ordersCountLabel","React","Node","className","classnames","text","Object","assign","tag","editProps","onEdit","onChange","requestContext","context","request","orderListItemClassName","orderInformationHeaderClassName","expandProductsButtonClassName","expandProductsButtonWrapperClassName","orderDetailButtonClassName","moduleName","OrderInfomationComponent","_ref","orderInformationProps","placedBy","salesId","receiptId","channelName","createdDate","count","amount","channelReferenceId","GroupDeliveryComponent","_ref2","deliveryProps","heading","processing","address","trackingInfo","GroupComponent","_ref3","groupProps","delivery","salesLinesProps","salesLines","map","salesLine","key","LineId","GroupsComponent","_ref4","groupsProps","groups","group","index","onExpandProductsCallback","expandButtonState","productStates","productState","OrderHistoryWithSearchAndFiltersOrderListComponent","msdyn365Commerce","ArrayExtensions","hasElements","itemProps","createOrderHistoryWithSearchAndFiltersOrderItemProps","id","typeName","moduleProps","telemetry","products","channelIdentities","orgUnitLocations","customer","originators","showChannelInfo","telemetryContent","freePriceText","detailsAriaLabel","detailsLabel","orderItemLabel","orderItemsLabel","retailMultiplePickUpOptionEnabled","channelDeliveryOptionConfig","priceContext","originator","find","TransactionId","salesLinesInput","getSalesLinesInput","undefined","expandProductsButton","getSalesLinesInputProps","_objectSpread","imageOnly","ObjectExtensions","isNullOrUndefined","salesLinesLimit","salesLineStates","_salesLine$LineId","Observer","format","orderHistoryExpandProductsButtonText","Button","title","role","onClick","getSalesLines","getGroups","orderInfomationInput","getOrderInformationInput","payLoad","getPayloadObject","TelemetryConstant","OrderDetails","orderDetailsAttributes","getTelemetryAttributes","orderDetailsLink","href","ChannelReferenceId","replace","orderInfomation","getOrderInformation","placedByClassName","orderNumberClassName","columnMobileClassName","actionsClassName","viewDetailsMenuItemClassName","formatDate","date","cultureFormatter","year","month","day","getShortEllipsisText","originalText","maxTextLength","_document$body$parent","isRtl","document","body","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","Name","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","_props$resources$curr2","_props$resources2","_props$resources$curr3","_props$resources3","_props$resources4","_props$resources$curr4","_props$resources5","_props$resources6","_props$resources7","_props$resources$orga","_props$resources8","_props$resources9","_props$resources$orga2","_props$resources10","_props$resources11","_props$resources12","IsB2bAdmin","selectorState","setSelectorState","currentSelectorState","onClickHandler","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":""}