{"version":3,"file":"static/js/60009559360f0adfb5fb.bundle.js","mappings":"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","sources":["webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template-list/components/order-template-list.tsx?86c4","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template-list/components/orderTemplateList-status-message.tsx?183c","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template-list/components/create-order-template.tsx?ea38","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template-list/order-template-list.tsx?18d0","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template-list/order-template-list.view.tsx?103b","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/actions/get-order-template.ts?077e","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/add-line/spinner.tsx?b423","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/add-line/add-line.tsx?5f8a","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/add-line/dropdown.tsx?1cba","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/add-line/not-found.tsx?392d","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/common/order-template-quantity.tsx?99a1","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/add-line/product-configuration.tsx?b256","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/add-line/product-list.tsx?4284","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/bulk-actions.tsx?dbe8","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/order-template-actions.tsx?8136","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/order-template-lines.tsx?3703","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/order-template-lines-status-message.tsx?2986","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/components/order-template-table-heading.tsx?665c","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/order-template.tsx?4ecb","webpack://@msdyn365-commerce-partners/fabrikam/./src/modules/order-template/order-template.view.tsx?a45e"],"sourcesContent":["/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { AddOrderTemplateToCartComponent, ILinesAddedToCartDialogResources } from '@msdyn365-commerce/components';\nimport { getUrlSync, ICoreContext, IImageSettings, Image, ITelemetry } from '@msdyn365-commerce/core';\nimport { ProductList } from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\nimport { getFallbackImageUrl, getProductUrlSync, OrderTemplate, OrderTemplateLine } from '@msdyn365-commerce-modules/retail-actions';\nimport { Alert, Button, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IOrderTemplateActionMessageState } from '../order-template-list';\n\nexport interface ISingleOrderTemplateProps extends ProductList {\n    orderTemplateState: IOrderTemplateActionMessageState;\n    name?: string;\n    orderTemplate: OrderTemplate;\n    context: ICoreContext;\n    imageSettings?: IImageSettings;\n    enableImageProductLink?: boolean;\n    removeFromOrderTemplateListText: string;\n    addToBagText: string;\n    index: number;\n    itemKey: string;\n    telemetry: ITelemetry;\n    moduleId: string;\n    moduleTypeName: string;\n    handlers: {\n        onRemoveOrderTemplate(id: string): void | undefined;\n        onDismiss(): void;\n    };\n    resources: {\n        closeWindowButtonText: string;\n        addToCartFailureMessage: string;\n        addToCartSuccessMessage: string;\n        addToCartProcessMessage: string;\n        linesAddedToCartDialogResources: ILinesAddedToCartDialogResources;\n    };\n    telemetryContent?: ITelemetryContent;\n}\n\nexport interface ISingleOrderTemplateViewProps {\n    key: string;\n    orderTemplateImage: React.ReactNode;\n    addToCartButton?: React.ReactNode;\n    removeButton?: React.ReactNode;\n    orderTemplateStatusMessage?: React.ReactNode;\n    orderTemplateName?: React.ReactNode;\n    orderTemplateAriaLabel?: string;\n    orderTemplateHeaderDivider?: React.ReactNode;\n}\n\nconst _removeItemFromOrderTemplateList = (props: ISingleOrderTemplateProps): void => {\n    const { onRemoveOrderTemplate } = props.handlers;\n    const { itemKey } = props;\n\n    onRemoveOrderTemplate && itemKey && onRemoveOrderTemplate(itemKey);\n};\n\nconst OrderTemplateActions = {\n    removeOrderTemplate: _removeItemFromOrderTemplateList\n};\n\n/**\n * Remove order template action.\n * @param input -Single order template props.\n * @returns Set remove order template.\n */\nconst removeOrderTemplateActionHandler = (input: ISingleOrderTemplateProps) => () => {\n    OrderTemplateActions.removeOrderTemplate(input);\n};\n\nexport const OrderTemplateRender = (input: ISingleOrderTemplateProps): ISingleOrderTemplateViewProps | null => {\n    const { Id, orderTemplate, removeFromOrderTemplateListText, orderTemplateState, handlers, name, imageSettings, context, telemetryContent, enableImageProductLink } = input;\n\n    if (!Id) {\n        return null;\n    }\n\n    const _getOrderTemplatePageUrl = (): string => {\n        const url = getUrlSync('ordertemplate', context.actionContext) ?? '';\n        const separator = url.includes('?') ? '&' : '?';\n        if (Id) {\n            return `${url}${separator}id=${Id}`;\n        }\n        return '';\n\n    };\n\n    const { onDismiss } = handlers;\n\n    return {\n        key: `${Id}-template`,\n        orderTemplateImage: _renderOrderTemplateImages(context, orderTemplate.orderTemplateLines, imageSettings, enableImageProductLink),\n        orderTemplateAriaLabel: _renderAriaLabel(input),\n        orderTemplateName:\n        (\n            <div>\n                <div className='ms-order-template__list-item-title'>\n                    <a href={_getOrderTemplatePageUrl()} aria-label={name}>\n                        {name}\n                    </a>\n                </div>\n                <div className='ms-order-template__line-count'>\n                    {orderTemplate.totalLines}\n                    {' '}\n                    line items\n                </div>\n                <hr color='#F9F9F9' />\n            </div>\n        ),\n        addToCartButton:\n        (\n            <div className='ms-order-template__add-to-bag-button-div'>\n                <AddOrderTemplateToCartComponent\n                    id={Id}\n                    context={context}\n                    typeName={input.moduleTypeName}\n                    data={{\n                        orderTemplate: input.orderTemplate\n                    }}\n                    className='ms-order-template__add-to-bag-button'\n                    addToCartText={input.addToBagText}\n                    dialogStrings={input.resources}\n                    telemetryContent={telemetryContent}\n                />\n            </div>\n        ),\n        removeButton:\n        (\n            <Button\n                className='ms-order-template__remove-list'\n                aria-label={removeFromOrderTemplateListText}\n                onClick={removeOrderTemplateActionHandler(input)}\n            />\n        ),\n        orderTemplateStatusMessage: orderTemplateState && orderTemplateState.isOpen && orderTemplateState.userMessage &&\n        (\n            <div className='ms-orderTemplate__status'>\n                <Alert color={orderTemplateState.statusCssString} isOpen={orderTemplateState.isOpen} toggle={onDismiss}>\n                    <span>\n                        {orderTemplateState.userMessage}\n                    </span>\n                </Alert>\n            </div>\n        )\n\n    };\n\n};\n\n/**\n * On image click handler.\n * @param productUrl -Product url value.\n * @returns Assign window location.\n */\nconst onClickHandler = (productUrl: string) => () => {\n    window.location.assign(productUrl);\n};\n\nconst _renderOrderTemplateImages = (context: ICoreContext, orderTemplateLines?: OrderTemplateLine[],\n    imageSettings?: IImageSettings, enableImageProductLink?: boolean): JSX.Element | null => {\n    const defaultImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=140&h=140&m=6', w: 0, h: 0 },\n            lg: { q: 'w=140&h=140&m=6', w: 0, h: 0 },\n            xl: { q: 'w=140&h=140&m=6', w: 0, h: 0 }\n        },\n        lazyload: true\n    };\n\n    if (orderTemplateLines) {\n        const count = orderTemplateLines.length < 4 ? orderTemplateLines.length : 4;\n\n        return (\n            <div className='ms-order-template__image-container'>\n                {orderTemplateLines?.slice(0, count).map(line => {\n                    const productUrl = line.fullProduct ? getProductUrlSync(line.fullProduct.ProductDetails, context.actionContext, undefined) : '';\n\n                    return (<Image\n                        alt={line.fullProduct?.ProductDetails.Name ?? 'image'}\n                        altText={line.fullProduct?.ProductDetails.Name ?? 'image'}\n                        requestContext={context.actionContext.requestContext}\n                        key={line.fullProduct?.ProductDetails.Name}\n                        src={line.fullProduct?.ProductDetails.PrimaryImageUrl ?? ''}\n                        fallBackSrc={getFallbackImageUrl(line.fullProduct?.ProductDetails.ItemId, context.actionContext.requestContext.apiSettings) ?? ''}\n                        gridSettings={context.request.gridSettings!}\n                        imageSettings={imageSettings ?? defaultImageSettings}\n                        loadFailureBehavior='empty'\n                        onClick={enableImageProductLink && onClickHandler(productUrl)}\n                        className={enableImageProductLink ? 'product-link' : ''}\n                    />);\n                })}\n            </div>\n        );\n    }\n    return (\n        <div className='ms-order-template__image-container' />\n    );\n\n};\n\nconst _renderAriaLabel = (props: ISingleOrderTemplateProps): string => {\n    const { name } = props;\n    return (`${name}`);\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { orderTemplateListStatus } from '../order-template-list';\n\nexport interface IOrderTemplateListStatusMessageProps {\n    className?: string;\n    errorType: orderTemplateListStatus;\n    text?: string;\n}\n\nexport const OrderTemplateListStatusMessage: React.FC<IOrderTemplateListStatusMessageProps> = ({ className, errorType, text }) => {\n    switch (errorType) {\n        case 'EMPTY':\n            return (\n                <p className={classnames('ms-orderTemplateList__message-empty', className)}>\n                    { text }\n                </p>\n            );\n        case 'FAILED':\n            return (\n                <p className={classnames('ms-orderTemplateList__message-failed', className)}>\n                    { text }\n                </p>\n            );\n        case 'LOADING':\n        default:\n            return (\n                <p className='ms-orderTemplateList__message-waiting'>\n                    { text }\n                </p>\n            );\n    }\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IOrderTemplateNameDialogResources, OrderTemplateNameDialog } from '@msdyn365-commerce/components';\nimport { IComponentProps } from '@msdyn365-commerce/core';\nimport React, { useState } from 'react';\n\nconst modalCloseButtonReference: React.RefObject<HTMLButtonElement> = React.createRef();\n\n/**\n * The Create Order Template Button Props.\n */\nexport interface ICreateOrderTemplateButtonProps extends IComponentProps {\n\n    /**\n     * The label for create order template.\n     */\n    createOrderTemplateText: string;\n\n    /**\n     * The create order template dialog resources.\n     */\n    createOrderTemplateDialogResources: IOrderTemplateNameDialogResources;\n\n    /**\n     * The delegate to fire when dialog captured any user entry.\n     */\n    onOrderTemplateCreated(): Promise<void>;\n}\n\nconst CreateOrderTemplateButton: React.FC<ICreateOrderTemplateButtonProps> = (props) => {\n    const onCancelHandler = React.useCallback(() => {\n        return;\n    }, []);\n    const [isCreateOrderTemplateDialogOpen, setOrderTemplateNameDialogOpen] = useState(false);\n    const onCreateButtonClick = React.useCallback(() => {\n        setOrderTemplateNameDialogOpen(true);\n    }, []);\n\n    return (\n        <>\n            <button\n                className='ms-order-template__add-template-button msc-btn btn-primary'\n                color='primary'\n                onClick={onCreateButtonClick}\n                ref={modalCloseButtonReference}\n                aria-label={props.createOrderTemplateText}\n            >\n                {props.createOrderTemplateText}\n            </button>\n            <OrderTemplateNameDialog\n                className='msc-order-template-name-dialog'\n                modalOpen={isCreateOrderTemplateDialogOpen}\n                isUpdateDialog={false}\n                setModalOpen={setOrderTemplateNameDialogOpen}\n                context={props.context}\n                id={props.id}\n                data={{}}\n                typeName={props.typeName}\n                dialogStrings={props.createOrderTemplateDialogResources}\n                onCancel={onCancelHandler}\n                onSuccess={props.onOrderTemplateCreated}\n                parentElementRef={modalCloseButtonReference}\n            />\n        </>\n    );\n};\n\nexport default CreateOrderTemplateButton;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IOrderTemplateNameDialogResources } from '@msdyn365-commerce/components';\nimport { deleteAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductListsDataActions.g';\nimport { OrderTemplate } from '@msdyn365-commerce-modules/retail-actions';\nimport { Alert, Heading, IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { ISingleOrderTemplateProps, ISingleOrderTemplateViewProps, OrderTemplateListStatusMessage, OrderTemplateRender } from './components';\nimport CreateNewTemplateButtonComponent from './components/create-order-template';\nimport { IOrderTemplateListData } from './order-template-list.data';\nimport { HeadingTag, IOrderTemplateListProps, IOrderTemplateListResources } from './order-template-list.props.autogenerated';\n\nexport interface IOrderTemplateActionMessageState {\n    itemKey: string;\n    userMessage: string;\n    statusCssString: string;\n    messageGlyph: string;\n    isOpen: boolean;\n    headerStatusMessage: string;\n}\n\nexport type orderTemplateListStatus = 'LOADING' | 'SUCCESS' | 'FAILED' | 'EMPTY';\n\nexport interface IOrderTemplateListViewProps extends IOrderTemplateListProps<IOrderTemplateListData> {\n    OrderTemplateList: IModuleProps;\n    status?: orderTemplateListStatus;\n    statusMessage?: React.ReactNode;\n    heading?: React.ReactNode;\n    OrderTemplates?: INodeProps;\n    OrderTemplate?: INodeProps;\n    orderTemplates?: ISingleOrderTemplateViewProps[];\n    createOrderTemplateButton?: React.ReactNode;\n    templateHeaderStatusMessage?: React.ReactNode;\n}\n\n/**\n *\n * OrderTemplateList component.\n * @extends {React.PureComponent<IOrderTemplateListProps<IOrderTemplateListData>, IOrderTemplateListActionMessageState>}\n */\n@observer\nclass OrderTemplateList extends React.Component<IOrderTemplateListProps<IOrderTemplateListData>, IOrderTemplateActionMessageState> {\n\n    constructor(props: IOrderTemplateListProps<IOrderTemplateListData>) {\n        super(props);\n        this.state = {\n            itemKey: '',\n            userMessage: '',\n            headerStatusMessage: '',\n            statusCssString: 'success',\n            messageGlyph: 'fas fa-check',\n            isOpen: false\n        };\n    }\n\n    public async componentDidMount(): Promise<void> {\n        this.setState({});\n    }\n\n    public shouldComponentUpdate(nextProps: IOrderTemplateListProps<IOrderTemplateListData>,\n        nextState: IOrderTemplateActionMessageState): boolean {\n        if (this.state === nextState && this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element | null {\n        const { className, heading } = this.props.config;\n        const { emptyOrderTemplateText, createNewTemplateButtonText } = this.props.resources;\n        const { orderTemplates } = this.props.data;\n        const orderTemplatesData = orderTemplates && (orderTemplates).result;\n        const orderTemplateListHeading = heading?.text ?? this.props.resources.orderTemplateListTitle;\n\n        if (orderTemplates.status === 'LOADING') {\n            const errorProps: IOrderTemplateListViewProps = {\n                ...(this.props as IOrderTemplateListProps<IOrderTemplateListData>),\n                OrderTemplateList: {\n                    moduleProps: this.props,\n                    className: classnames('ms-order-template', className)\n                },\n                status: 'LOADING',\n                statusMessage: <OrderTemplateListStatusMessage errorType='LOADING' text='Loading...' />,\n                heading: (\n                    <Heading\n                        className='ms-order-template__heading'\n                        tag={heading?.tag ?? HeadingTag.h2}\n                        text={orderTemplateListHeading}\n                    />\n                )\n            };\n            return this.props.renderView(errorProps);\n        }\n\n        if (orderTemplatesData && orderTemplatesData.length === 0) {\n            // When no order templates are found for customer\n            const emptyViewProps: IOrderTemplateListViewProps = {\n                ...(this.props as IOrderTemplateListProps<IOrderTemplateListData>),\n                OrderTemplateList: {\n                    moduleProps: this.props,\n                    className: classnames('ms-order-template', className)\n                },\n                status: 'EMPTY',\n                statusMessage: <OrderTemplateListStatusMessage errorType='EMPTY' text={emptyOrderTemplateText} />,\n                heading: (\n                    <Heading\n                        className='ms-order-template__heading'\n                        tag={heading?.tag ?? HeadingTag.h2}\n                        text={orderTemplateListHeading}\n                    />\n                )\n            };\n\n            return this.props.renderView(emptyViewProps);\n        }\n\n        const viewProps: IOrderTemplateListViewProps = {\n            ...(this.props as IOrderTemplateListProps<IOrderTemplateListData>),\n            OrderTemplateList: {\n                moduleProps: this.props,\n                className: classnames('ms-order-template', className)\n            },\n            status: 'SUCCESS',\n            heading: (\n                <Heading\n                    className='ms-order-template__heading'\n                    tag={heading?.tag ?? HeadingTag.h2}\n                    text={orderTemplateListHeading}\n                />\n            ),\n            createOrderTemplateButton: (\n                <CreateNewTemplateButtonComponent\n                    context={this.props.context}\n                    id={this.props.id}\n                    typeName={this.props.typeName}\n                    data={{}}\n                    createOrderTemplateText={createNewTemplateButtonText}\n                    onOrderTemplateCreated={this._reloadPage}\n                    createOrderTemplateDialogResources={this._generateOrderTemplateNameDialogResources(this.props.resources)}\n                />\n            ),\n            templateHeaderStatusMessage: this.state.isOpen && this.state.headerStatusMessage && (\n                <div className='ms-order-template__products-status'>\n                    <Alert color={this.state.statusCssString} isOpen={this.state.isOpen} toggle={this._onDismiss}>\n                        <span>\n                            {this.state.headerStatusMessage}\n                        </span>\n                    </Alert>\n                </div>\n            ),\n            OrderTemplates: {\n                className: 'ms-order-template__list-item',\n                tag: 'ul'\n            },\n            OrderTemplate: {\n                className: 'ms-order-template__tile',\n                tag: 'li'\n            },\n            orderTemplates: orderTemplatesData && this._renderOrderTemplateList(orderTemplatesData)\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    private _generateOrderTemplateNameDialogResources(resources: IOrderTemplateListResources): IOrderTemplateNameDialogResources {\n        return {\n            orderTemplateHeaderLabel: resources.createOrderTemplateHeader,\n            orderTemplateTitleLabel: resources.orderTemplateTitle,\n            orderTemplateNameAriaLabel: resources.orderTemplateNameAriaLabel,\n            orderTemplateDescription: resources.createOrderTemplateDescription,\n\n            defaultOrderTemplateName: resources.defaultOrderTemplateName,\n\n            orderTemplateButtonLabel: resources.createOrderTemplateButtonText,\n            orderTemplateCancelButtonLabel: resources.cancelNewOrderTemplateCreationButtonText\n        };\n    }\n\n    private _renderOrderTemplateList(orderTemplates: OrderTemplate[]): ISingleOrderTemplateViewProps[] {\n        const { context, telemetry } = this.props;\n        const { imageSettings, enableImageProductLink } = this.props.config;\n        return orderTemplates.map((orderTemplate: OrderTemplate, index) => {\n            const currentTemplateProps: ISingleOrderTemplateProps = {\n                orderTemplateState: this.state,\n                Id: orderTemplate.productList.Id,\n                name: orderTemplate.productList.Name,\n                orderTemplate,\n                context,\n                imageSettings,\n                enableImageProductLink,\n                removeFromOrderTemplateListText: 'remove',\n                addToBagText: this.props.resources.addToBagButtonText,\n                index,\n                itemKey: orderTemplate.productList.Id,\n                telemetry,\n                moduleId: this.props.id,\n                moduleTypeName: this.props.typeName,\n                handlers: {\n                    onRemoveOrderTemplate: this._onRemoveFromOrderTemplateList,\n                    onDismiss: this._onDismiss\n                },\n                resources: {\n                    closeWindowButtonText: this.props.resources.closeWindowButtonText,\n                    addToCartFailureMessage: this.props.resources.addToCartFailureMessage,\n                    addToCartSuccessMessage: this.props.resources.addToCartSuccessMessage,\n                    addToCartProcessMessage: this.props.resources.addToCartProcessMessage,\n                    linesAddedToCartDialogResources: {\n                        viewCartButtonText: this.props.resources.viewCartButtonText,\n                        orderTemplateCloseButtonText: this.props.resources.orderTemplateCloseButtonText,\n                        linesAddedToCartHeaderItemsOneText: this.props.resources.linesAddedToCartHeaderItemsOneText,\n                        linesAddedToCartHeaderLinesOneText: this.props.resources.linesAddedToCartHeaderLinesOneText,\n                        linesAddedToCartHeaderLinesFormatText: this.props.resources.linesAddedToCartHeaderLinesFormatText,\n                        linesAddedToCartHeaderMessageText: this.props.resources.linesAddedToCartHeaderMessageText\n                    }\n                }\n            };\n\n            return (\n                OrderTemplateRender(currentTemplateProps)!\n            );\n        });\n    }\n\n    private readonly _onDismiss = () => {\n        this.setState({\n            isOpen: false\n        });\n    };\n\n    private readonly _reloadPage = async () => {\n        window.location.reload();\n    };\n\n    private readonly _onRemoveFromOrderTemplateList = (productListId: string): void | undefined => {\n        const { context, data, telemetry, resources } = this.props;\n        const { orderTemplates } = data;\n\n        if (context && context.actionContext) {\n            const userToken = context.request.user.isAuthenticated && context.request.user.token;\n            if (userToken && orderTemplates.result && orderTemplates.result[0] && productListId) {\n                const orderTemplate = orderTemplates.result.find(p => p.productList.Id === productListId);\n                if (orderTemplate) {\n                    deleteAsync({ callerContext: context.actionContext }, orderTemplate.productList)\n                        .then()\n                        .catch((error: string) => {\n                            telemetry.warning('[order-template-list] Unable to delete order template.');\n                            telemetry.error(error);\n                            this.setState({\n                                itemKey: productListId,\n                                headerStatusMessage: resources.deleteOrderTemplateFailedText,\n                                statusCssString: 'danger',\n                                messageGlyph: 'fas fa-exclamation-triangle',\n                                isOpen: true\n                            });\n                        }).then(this._reloadPage);\n                } else {\n                    telemetry.warning('[order-template-list] Failed to delete order template. Order template was not found');\n                }\n            } else {\n                telemetry.warning('[order-template-list] Failed to delete order template.');\n            }\n        }\n    };\n\n}\n\nexport default OrderTemplateList;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { INodeProps, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ISingleOrderTemplateViewProps } from './components';\nimport { IOrderTemplateListViewProps } from './order-template-list';\n\nexport const OrderTemplateListView: React.FC<IOrderTemplateListViewProps> = props => {\n    const { OrderTemplateList, status, statusMessage, heading, OrderTemplates, orderTemplates, OrderTemplate, createOrderTemplateButton, templateHeaderStatusMessage } = props;\n\n    return (\n        <Module {...OrderTemplateList}>\n            {heading}\n            {status !== 'SUCCESS' && statusMessage}\n            <Node className=''>\n                {createOrderTemplateButton}\n                {templateHeaderStatusMessage}\n            </Node>\n            { OrderTemplates && orderTemplates && orderTemplates.length > 0 &&\n                <Node {...OrderTemplates}>\n                    {orderTemplates && orderTemplates.map((orderTemplate) => {\n                        return _renderOrderTemplate(orderTemplate, OrderTemplate);\n                    })}\n                </Node>}\n        </Module>\n    );\n};\n\nconst _renderOrderTemplate = (orderTemplate: ISingleOrderTemplateViewProps, OrderTemplate?: INodeProps): JSX.Element | null => {\n\n    const { key, addToCartButton, orderTemplateImage, orderTemplateStatusMessage, removeButton, orderTemplateName } = orderTemplate;\n    return (\n        <Node key={key} className={OrderTemplate!.className} {...OrderTemplate}>\n            {orderTemplateName}\n            {orderTemplateImage}\n            {addToCartButton}\n            {removeButton}\n            {orderTemplateStatusMessage}\n        </Node>\n    );\n};\n\nexport default OrderTemplateListView;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport {\n    CacheType,\n    createObservableDataAction,\n    IAction,\n    IActionContext,\n    IActionInput,\n    ICreateActionContext,\n    IRequestContext\n} from '@msdyn365-commerce/core';\nimport { IQueryResultSettings } from '@msdyn365-commerce/retail-proxy';\nimport {\n    buildCacheKeyWithUrlTokens,\n    getFullOrderTemplate,\n    GetFullOrderTemplateInput,\n    IQueryResultSettingsModuleConfig,\n    OrderTemplate,\n    QueryResultSettingsProxy\n} from '@msdyn365-commerce-modules/retail-actions';\n\n/**\n * Input class for getActiveOrderTemplateLines data action.\n */\nexport class ActiveOrderTemplateLinesInput implements IActionInput {\n    public requestContext: IRequestContext;\n\n    public orderTemplateId: string;\n\n    public queryResultSettings: IQueryResultSettings;\n\n    constructor(requestContext: IRequestContext, config: IQueryResultSettingsModuleConfig) {\n        if (!requestContext.query?.id) {\n            throw new Error('Failed to get order template id from the query.');\n        }\n        if (!config) {\n            throw new Error('Failed to get order template module configuration');\n        }\n        this.orderTemplateId = requestContext.query.id;\n        this.queryResultSettings = QueryResultSettingsProxy.fromModuleData(requestContext, config).QueryResultSettings;\n\n        this.queryResultSettings.count = true;\n        this.requestContext = requestContext;\n    }\n\n    public getCacheKey = (): string => buildCacheKeyWithUrlTokens('ActiveOrderTemplateLines', this.requestContext);\n\n    public getCacheObjectType = (): string => 'ActiveOrderTemplateLines';\n\n    public dataCacheType = (): CacheType => 'instance';\n\n    public shouldCacheOutput = () => false;\n}\n\n/**\n * Calls the Retail API and returns a ProductList object based on the passed GetCartInput.\n * @param input\n * @param context\n */\nexport async function getActiveOrderTemplateLines(input: ActiveOrderTemplateLinesInput, context: IActionContext): Promise<OrderTemplate> {\n    return getFullOrderTemplate(new GetFullOrderTemplateInput(input.orderTemplateId, input.queryResultSettings), context);\n}\n\nexport const getActiveOrderTemplateLinesDataAction = createObservableDataAction({\n    id: '@msdyn365-commerce-modules/order-template/order-template/get-order-template-lines',\n    action: <IAction<OrderTemplate>>getActiveOrderTemplateLines,\n    input: (context: ICreateActionContext) => {\n        if (!context.config) {\n            throw new Error('Failed to get order template module configuration');\n        }\n        return new ActiveOrderTemplateLinesInput(context.requestContext, context.config);\n    }\n});\n\nexport default getActiveOrderTemplateLinesDataAction;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport * as React from 'react';\n\nexport default (props: { className: string; msg?: string }) => (\n    <>\n        <div className={`${props.className}__loading__icon`} />\n        {props?.msg && <div className={`${props.className}__loading__msg`}>\n            {props?.msg}\n        </div>}\n    </>\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { ProductDimensionFull } from '@msdyn365-commerce/commerce-entities';\nimport { ICoreContext, IImageSettings } from '@msdyn365-commerce/core';\nimport { ProductListLine, ProductSearchCriteria, ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport { searchByCriteriaAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g';\nimport { SimpleProduct } from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\nimport {\n    addItemToOrderTemplate,\n    AddItemToOrderTemplateInput,\n    getDimensionsForSelectedVariant,\n    GetDimensionsForSelectedVariantInput,\n    getSelectedVariant,\n    SelectedVariantInput\n} from '@msdyn365-commerce-modules/retail-actions';\nimport { Modal, ModalBody, ModalHeader } from '@msdyn365-commerce-modules/utilities';\nimport { get } from 'lodash';\nimport { computed } from 'mobx';\nimport React from 'react';\n\nimport { IProductConfigurationState, NotFoundComponent, ProductConfiguration, ProductList } from '.';\nimport Spinner from './spinner';\n\nexport interface IAddLineToTemplateProps {\n    context: ICoreContext;\n    resources: IAddLineToTemplateResources;\n    orderTemplateId: string;\n    imageSettings?: IImageSettings;\n}\n\nexport interface IAddLineToTemplateResources {\n    addLineModalLinkText: string;\n    searchButtonAriaLabel: string;\n    searchInputAriaLabel: string;\n    searchModalPlaceholderText: string;\n    selectProductButtonText: string;\n    addItemToTemplateText: string;\n    addLineProductUnitPricePrefix: string;\n    backButtonText: string;\n    decrementButtonAriaLabel: string;\n    incrementButtonAriaLabel: string;\n    quantitySelectLabel: string;\n    addLineProductUnitOfMeasurePrefix: string;\n    notFoundSearchErrorNotice: string;\n    notFoundSearchErrorRedediation: string;\n    searchErrorMessage: string;\n    productDimensionTypeColor: string;\n    productDimensionTypeConfiguration: string;\n    productDimensionTypeSize: string;\n    productDimensionTypeStyle: string;\n    searchResultsCountVerbage: string;\n    searchResultsCountSubject: string;\n    addToTemplateConfirmation: string;\n    totalPriceLabel: string;\n    progressNotificationText: string;\n    addToTemplateDuplicateError: string;\n    addToTemplateGenericError: string;\n    dimensionMissingError: string;\n    backToResultsText?: string;\n}\n\nenum CONTENT {\n    Search,\n    ProductList,\n    ProductConfiguration,\n    NotFound,\n    Error,\n    Loading\n}\n\ninterface IAddLineToTemplateState {\n    isOpen: boolean;\n    query: string;\n    products: ProductSearchResult[];\n    content: number;\n    selectedProduct: SimpleProduct | null;\n    selectedProductDimensions?: ProductDimensionFull[];\n    selectedQuantity?: number;\n    reloadPage?: boolean;\n}\n\n/**\n * Add Lines to order template.\n */\nexport class AddLineToTemplate extends React.Component<IAddLineToTemplateProps, IAddLineToTemplateState> {\n    public state: IAddLineToTemplateState = {\n        isOpen: false,\n        query: '',\n        products: [],\n        content: CONTENT.Search,\n        selectedProduct: null\n    };\n\n    public defaultImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=64&h=64&m=6', w: 0, h: 0 },\n            lg: { q: 'w=64&h=64&m=6', w: 0, h: 0 },\n            xl: { q: 'w=64&h=64&m=6', w: 0, h: 0 }\n        },\n        lazyload: true\n    };\n\n    public searchTextInput: React.RefObject<HTMLInputElement> = React.createRef();// @TODO public/private\n\n    private readonly addLineButtonRef: React.RefObject<HTMLButtonElement> = React.createRef<HTMLButtonElement>();\n\n    constructor(props: IAddLineToTemplateProps) {\n        super(props);\n    }\n\n    public onComponentDidMount(): void {\n        this.searchTextInput.current?.focus();\n    }\n\n    public onComponentDidUpdate(): void {\n        this.searchTextInput.current?.focus();\n    }\n\n    @computed get showBackArrow(): boolean {\n        return this.state.content === CONTENT.ProductConfiguration;\n    }\n\n    public shouldComponentUpdate(nextProps: IAddLineToTemplateProps,\n        nextState: IAddLineToTemplateState): boolean {\n        if (this.state === nextState && this.props === nextProps) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const {\n            resources: { addLineModalLinkText, backToResultsText }\n        } = this.props;\n\n        const modalProps = {\n            ...this.props,\n            className: 'msc-add-line-to-template',\n            toggle: this._toggleModalHandler,\n            isOpen: this.state.isOpen,\n            ariaLabel: addLineModalLinkText\n        };\n\n        return (\n            <>\n                <Modal {...modalProps}>\n                    <ModalHeader toggle={this._toggleModalHandler}>\n                        {this.showBackArrow && <button\n                            type='button'\n                            className='msc-modal__back-button'\n                            aria-label={backToResultsText}\n                            onClick={this._onBackButtonClickHandler}\n                        />}\n                        {addLineModalLinkText}\n                    </ModalHeader>\n                    {this._renderContent()}\n                </Modal>\n                <button\n                    type='button'\n                    className='msc-add-line-to-template__button msc-btn'\n                    aria-label={addLineModalLinkText}\n                    onClick={this._toggleModalHandler}\n                    ref={this.addLineButtonRef}>\n                    <span />\n                    {addLineModalLinkText}\n                </button>\n            </>\n        );\n    }\n\n    private readonly _renderSearchForm = () => {\n        const {\n            resources: { searchButtonAriaLabel, searchModalPlaceholderText }\n        } = this.props;\n\n        return (\n            <form\n                className='msc-add-line-to-template__search-form'\n                aria-label={searchButtonAriaLabel}\n                name='add-line-to-template-search-form'\n                role='form'\n                autoComplete='off'\n                onSubmit={this._onSearchSubmit}\n            >\n                <input\n                    type='text'\n                    autoFocus\n                    aria-label={searchModalPlaceholderText}\n                    className='msc-form-control msc-add-line-to-template__search-input'\n                    placeholder={searchModalPlaceholderText}\n                    value={this.state.query}\n                    onChange={this._onInputChange}\n                    ref={this.searchTextInput}\n                    maxLength={200}\n                />\n                <button\n                    className='msc-add-line-to-template__search-button'\n                    aria-label={searchButtonAriaLabel}\n                    color='primary'\n                />\n            </form>\n        );\n    };\n\n    private readonly _onSearchSubmit = (event: React.FormEvent): void => {\n        event.preventDefault();\n\n        const query = get(this, 'searchTextInput.current.value', null);\n\n        if (!query) {\n            return;\n        }\n\n        this.setState({\n            content: CONTENT.Loading\n        });\n\n        this._getSearchResults(query)\n            .then(result => {\n                if (result.length === 0) {\n                    this.setState({\n                        products: result,\n                        content: CONTENT.NotFound\n                    });\n                } else {\n                    this.setState({\n                        products: result,\n                        content: CONTENT.ProductList\n                    });\n                }\n            })\n            .catch(error => {\n                this.setState({\n                    content: CONTENT.Error\n                });\n            });\n    };\n\n    private readonly _onQuantityChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n        this.setState({\n            selectedQuantity: +event.target.value\n        });\n    };\n\n    private readonly _onSelectItem = async (product: ProductSearchResult): Promise<ProductDimensionFull[]> => {\n        const {\n            actionContext,\n            request: {\n                apiSettings: { channelId }\n            }\n        } = this.props.context;\n        const varianteInput = new SelectedVariantInput(product.RecordId, channelId, []);\n        const productVariant = await getSelectedVariant(varianteInput, actionContext);\n\n        if (!productVariant) {\n            this.props.context.telemetry.error('Error retrieving product variant');\n            return Promise.resolve([]);\n        }\n\n        const dimensions = await this._getProductDimensions(product as SimpleProduct);\n\n        this.setState({\n            selectedProductDimensions: dimensions,\n            content: CONTENT.ProductConfiguration,\n            selectedProduct: productVariant\n        });\n\n        return dimensions;\n    };\n\n    private readonly _onInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        this.setState({\n            query: event.target.value\n        });\n    };\n\n    private readonly _onBackButtonClickHandler = (): void => {\n        this.setState({\n            content: CONTENT.ProductList\n        });\n    };\n\n    private readonly _highlightSearchTerm = (name: string) => {\n        const parsedName = name && unescape(name.replace(new RegExp(this.state.query, 'i'), '<span>$&</span>'));\n\n        return <div className='msc-add-line-to-template__product__name' dangerouslySetInnerHTML={{ __html: parsedName || '' }} />;\n    };\n\n    private readonly _resultCountText = (): string => {\n        return this.props.resources.searchResultsCountVerbage\n            .replace('{count}', this.state.products.length.toString())\n            .replace('{subject}', `${this.props.resources.searchResultsCountSubject}${(this.state.products.length > 1 ? 's' : '')}`);\n    };\n\n    private _renderContent(): React.ReactNode | null {\n        switch (this.state.content) {\n            case CONTENT.ProductConfiguration:\n                const { selectedProduct, selectedProductDimensions } = this.state;\n                const viewProps = {\n                    ...this.props,\n                    imageSettings: this.props.imageSettings || this.defaultImageSettings,\n                    product: selectedProduct!,\n                    dimensions: selectedProductDimensions!,\n                    addToTemplateHandler: this._addItemToTemplateHandler,\n                    onQuantityChangeHandler: this._onQuantityChangeHandler,\n                    highlightSearchTerm: this._highlightSearchTerm,\n                    searchForm: this._renderSearchForm()\n                };\n\n                return <ProductConfiguration {...viewProps} />;\n\n            case CONTENT.ProductList:\n                const productProps = {\n                    ...this.props,\n                    imageSettings: this.props.imageSettings || this.defaultImageSettings,\n                    clickHandler: this._onSelectItem,\n                    products: this.state.products,\n                    highlightSearchTerm: this._highlightSearchTerm,\n                    searchForm: this._renderSearchForm(),\n                    renderResultCountText: this._resultCountText\n                };\n\n                return (\n                    <ModalBody>\n                        <ProductList {...productProps} />\n                    </ModalBody>\n                );\n\n            case CONTENT.Loading:\n                return (\n                    <ModalBody>\n                        {this._renderSearchForm()}\n                        <Spinner className='msc-add-line-to-template' msg={this.props.resources.progressNotificationText} />\n                    </ModalBody>\n                );\n\n            case CONTENT.NotFound:\n                const { notFoundSearchErrorNotice, notFoundSearchErrorRedediation } = this.props.resources;\n\n                return (\n                    <ModalBody>\n                        <p className='msc-add-line-to-template__search-result-count'>\n                            {this._resultCountText()}\n                        </p>\n                        {this._renderSearchForm()}\n                        <NotFoundComponent error={notFoundSearchErrorNotice} msg={notFoundSearchErrorRedediation} />\n                    </ModalBody>\n                );\n\n            case CONTENT.Error:\n                return (\n                    <ModalBody>\n                        {this._renderSearchForm()}\n                        <div className='msc-alert-danger' aria-live='assertive'>\n                            {this.props.resources.searchErrorMessage}\n                        </div>\n                    </ModalBody>\n                );\n\n            default:\n                return (\n                    <ModalBody>\n                        {this._renderSearchForm()}\n                    </ModalBody>\n                );\n        }\n    }\n\n    private readonly _addItemToTemplateHandler = async (config: IProductConfigurationState): Promise<ProductListLine> => {\n        const { orderTemplateId, context: { actionContext } } = this.props;\n        const input = new AddItemToOrderTemplateInput(\n            orderTemplateId,\n            config.product.RecordId,\n            config.quantity,\n            config.product.DefaultUnitOfMeasure || 'ea'\n        );\n\n        const result = await addItemToOrderTemplate(input, actionContext);\n\n        this.setState({\n            reloadPage: true\n        });\n\n        return result;\n    };\n\n    private _getSearchResults(searchText: string): Promise<ProductSearchResult[]> {\n        const {\n            context: {\n                actionContext,\n                request: {\n                    apiSettings: { channelId, catalogId }\n                }\n            }\n        } = this.props;\n        const searchCriteriaInput: ProductSearchCriteria = {};\n\n        searchCriteriaInput.Context = {\n            ChannelId: channelId,\n            CatalogId: catalogId\n        };\n        searchCriteriaInput.IncludeAttributes = true;\n        searchCriteriaInput.SearchCondition = searchText;\n\n        return searchByCriteriaAsync({ callerContext: actionContext }, searchCriteriaInput);\n    }\n\n    private async _getProductDimensions(product: SimpleProduct): Promise<ProductDimensionFull[]> {\n        const {\n            context: {\n                actionContext,\n                request: {\n                    apiSettings: { channelId }\n                }\n            }\n        } = this.props;\n        const id = product.MasterProductId ? product.MasterProductId : product.RecordId;\n\n        return getDimensionsForSelectedVariant(\n            new GetDimensionsForSelectedVariantInput(id, channelId, []),\n            actionContext\n        );\n    }\n\n    private readonly _toggleModalHandler = () => {\n\n        if (this.state.isOpen) {\n            this.addLineButtonRef.current!.focus();\n        }\n\n        this.setState({\n            isOpen: !this.state.isOpen,\n            content: CONTENT.Search\n        });\n\n        if (this.state.reloadPage) {\n            window.location.reload();\n            this.setState({\n                reloadPage: false\n            });\n        }\n    };\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\ninterface IDropdownState {\n\n    /**\n     * @friendlyName selectedIndex\n     * @description Selected index.\n     */\n    selectedIndex: string;\n}\n\nexport interface IDropdownProps {\n    dropdownId: number;\n    dropdownName: string;\n    dropdownList: IDropdownItemProps[];\n    telemetryContent?: ITelemetryContent;\n    onChange?(selection: IDropdownOnSelection): void;\n}\n\nexport interface IDropdownItemProps {\n    value: string;\n    id: number;\n}\n\nexport interface IDropdownOnSelection {\n    dropdownId: number;\n    selectId: string;\n    selectedValue: string;\n}\n\n/**\n *\n * DropDown component.\n * @extends {React.PureComponent<IDropdownProps, IDropdownState>}\n */\nexport class Dropdown extends React.PureComponent<IDropdownProps, IDropdownState> {\n    private readonly selectMenu: React.RefObject<HTMLSelectElement> = React.createRef<HTMLSelectElement>();\n\n    constructor(props: IDropdownProps, state: IDropdownState) {\n        super(props);\n        this.state = {\n            selectedIndex: ''\n        };\n    }\n\n    public componentDidMount(): void {\n        if (this.selectMenu.current) {\n            this.selectMenu.current.selectedIndex = 0;\n        }\n    }\n\n    public render(): JSX.Element {\n        const { dropdownId, dropdownList, dropdownName } = this.props;\n\n        return (\n            <select\n                id={`msc-dropdown__entry-${dropdownId}`}\n                ref={this.selectMenu}\n                aria-label={dropdownName}\n                className='msc-dropdown__select'\n                onChange={this._onChanged}\n            >\n                {dropdownList.map((item: IDropdownItemProps) => (item &&\n                    <option\n                        value={item.id}\n                        key={item.id}\n                        selected={+this.state.selectedIndex === +item.id}\n                        aria-selected={+this.state.selectedIndex === +item.id}\n                    >\n                        {item.value}\n                    </option>\n                ))}\n            </select>\n        );\n    }\n\n    private readonly _onChanged = (event: React.ChangeEvent<HTMLSelectElement>): void => {\n        this.setState({ selectedIndex: event.target.value });\n\n        if (this.props.onChange) {\n            this.props.onChange({\n                dropdownId: this.props.dropdownId,\n                selectId: event.target.value,\n                selectedValue: event.target.innerText\n            });\n        }\n    };\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport * as React from 'react';\n\nexport const NotFoundComponent = (props: { error: string; msg: string }) => (\n    <>\n        <div className='msc-add-line-to-template__not-found__icon' />\n        <div className='msc-add-line-to-template__not-found__msg'>\n            {props.error}\n        </div>\n        <div className='msc-add-line-to-template__not-found__remediation-instructions'>\n            {props.msg}\n        </div>\n    </>\n);\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { debounce } from 'lodash';\nimport { reaction } from 'mobx';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\ninterface IQuantityProps {\n    min?: number;\n    max: number;\n    currentCount?: number;\n    disabled?: boolean;\n    incrementGlyphClass?: string;\n    decrementGlyphClass?: string;\n    decrementButtonAriaLabel?: string;\n    incrementButtonAriaLabel?: string;\n    inputQuantityAriaLabel?: string;\n    id?: string;\n    onChange?(newValue: number): void;\n}\n\ninterface IQuantityState {\n    currentInput: number;\n}\n\n/**\n * Quantity Component - This component is used to add or remove quantity.\n */\n@observer\nexport default class OrderTemplateQuantity extends React.PureComponent<IQuantityProps, IQuantityState> {\n    public static defaultProps: Partial<IQuantityProps> = {\n        min: 1,\n        decrementGlyphClass: 'fas fa-minus',\n        incrementGlyphClass: 'fas fa-plus'\n    };\n\n    private readonly inputRef: React.RefObject<HTMLInputElement> = React.createRef<HTMLInputElement>();\n\n    constructor(props: IQuantityProps) {\n        super(props);\n        this.state = { currentInput: props.currentCount || 1 };\n        this._handleChange = this._handleChange.bind(this);\n\n        reaction(\n            () => this.props.currentCount,\n            () => {\n                this.setState({ currentInput: this.props.currentCount || 1 });\n            }\n        );\n    }\n\n    public render(): JSX.Element {\n        const glyphMinusClassName: string = `${this.props.decrementGlyphClass!} quantity__controls-glyph`;\n        const glyphPlusClassName: string = `${this.props.incrementGlyphClass!} quantity__controls-glyph`;\n        const disabled = this.props.currentCount === this.props.min;\n        const incDisabled = this.props.currentCount === this.props.max;\n        const currentValue = this.state.currentInput;\n        let extraClass = '';\n        if (disabled) {\n            // The quantity has reached its boundaries (max or min)\n            extraClass = 'disabled';\n\n        } else if (this.props.disabled) {\n            // This.props.disabled shows if the state is not succeded yet\n            extraClass = 'transition';\n        }\n        const getChangeHandler = (amount: number) => () => {\n            this._onIncrementalChange(amount);\n        };\n\n        return (\n            <div className='quantity'/* Id={this.props.id}*/>\n                <button\n                    disabled={this.props.disabled || disabled}\n                    title={disabled ? '' : this.props.decrementButtonAriaLabel}\n                    className={`decrement quantity__controls ${extraClass}`}\n                    onClick={getChangeHandler(-1)}\n                    aria-hidden\n                    aria-label={`${this.props.decrementButtonAriaLabel}`}\n                    tabIndex={-1}\n                    color='secondary'\n                >\n                    <span className={glyphMinusClassName} />\n                </button>\n                <input\n                    type='number'\n                    className='quantity-input'\n                    pattern='[0-9]*'\n                    value={currentValue}\n                    onChange={this._handleChange}\n                    onBlur={this._validateMin}\n                    aria-live='polite'\n                    aria-label={`${this.props.inputQuantityAriaLabel}`}\n                    role='spinbutton'\n                    aria-valuemin={1}\n                    aria-valuemax={this.props.max}\n                    aria-valuenow={currentValue}\n                    ref={this.inputRef}\n                    disabled={this.props.disabled}\n                />\n                <button\n                    disabled={this.props.disabled || incDisabled}\n                    title={incDisabled ? '' : this.props.incrementButtonAriaLabel}\n                    className={`increment quantity__controls ${incDisabled ? 'disabled' : ''}`}\n                    onClick={getChangeHandler(1)}\n                    aria-hidden\n                    aria-label={`${this.props.incrementButtonAriaLabel}`}\n                    tabIndex={-1}\n                    color='secondary'\n                >\n                    <span className={glyphPlusClassName} />\n                </button>\n            </div>\n        );\n    }\n\n    private _onIncrementalChange(amount: number): void {\n        const updatedQuantity = this.state.currentInput + amount;\n\n        if (updatedQuantity >= 1 && updatedQuantity <= this.props.max) {\n            this.props.onChange && this.props.onChange(updatedQuantity);\n        }\n    }\n\n    private _handleChange(e: React.ChangeEvent<HTMLInputElement>): void {\n        const currentValue = Number.parseInt((e.target.value), 10);\n        const minValue = this.props.min === undefined ? 1 : this.props.min;\n        const inputElement = this.inputRef && this.inputRef.current && this.inputRef.current instanceof HTMLInputElement && this.inputRef.current;\n\n        if (currentValue > this.props.max) {\n            this.setState(\n                { currentInput: this.props.max },\n                () => {\n                    debounce(\n                        () => {\n                            this.props.onChange && this.props.onChange(this.state.currentInput);\n                        },\n                        200)();\n                }\n            );\n        } else {\n            this.setState(\n                { currentInput: currentValue },\n                () => {\n                    debounce(\n                        () => {\n                            if (!isNaN(this.state.currentInput) && !(this.state.currentInput < minValue)) {\n                                this.props.onChange && this.props.onChange(this.state.currentInput);\n\n                                if (inputElement) {\n                                    inputElement.setAttribute('aria-valuenow', currentValue.toString());\n                                    inputElement.setAttribute('value', currentValue.toString());\n                                }\n                            }\n                        },\n                        200)();\n                }\n            );\n        }\n    }\n\n    private readonly _validateMin = (): void => {\n        const minValue = this.props.min === undefined ? 1 : this.props.min;\n\n        if (isNaN(this.state.currentInput) || (this.state.currentInput < minValue)) {\n            this.props.onChange && this.props.onChange(minValue);\n        } else {\n            this.props.onChange && this.props.onChange(this.state.currentInput);\n        }\n    };\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { ProductDimensionFull } from '@msdyn365-commerce/commerce-entities';\nimport { IImageSettings, Image } from '@msdyn365-commerce/core';\nimport { ProductDimensionValue, ProductListLine } from '@msdyn365-commerce/retail-proxy';\nimport { SimpleProduct } from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\nimport {\n    getDimensionsForSelectedVariant,\n    GetDimensionsForSelectedVariantInput,\n    getFallbackImageUrl,\n    getPriceForSelectedVariant,\n    getProductAvailabilitiesForSelectedVariant,\n    getSelectedVariant,\n    IProductInventoryInformation,\n    PriceForSelectedVariantInput,\n    ProductAvailabilitiesForSelectedVariantInput,\n    SelectedVariantInput\n} from '@msdyn365-commerce-modules/retail-actions';\nimport { Alert, Button, ITelemetryContent, ModalBody, ModalFooter } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport OrderTemplateQuantity from '../common/order-template-quantity';\nimport { Dropdown, IAddLineToTemplateProps, IAddLineToTemplateResources, IDropdownItemProps, IDropdownOnSelection } from '.';\n\nexport interface IProductCnnfigurationProps extends IAddLineToTemplateProps {\n    product: SimpleProduct;\n    dimensions: ProductDimensionFull[];\n    imageSettings: IImageSettings;\n    telemetryContent?: ITelemetryContent;\n    searchForm: React.ReactNode;\n    addToTemplateHandler(params: IProductConfigurationState): Promise<ProductListLine>;\n    highlightSearchTerm(name: string): React.ReactNode;\n}\n\nexport interface IProductConfigurationState {\n    quantity: number;\n    unitPrice: number;\n    totalPrice: number;\n    product: SimpleProduct;\n    dimensions: ProductDimensionFull[];\n    selectedDimensions: {};\n    productAvailableQuantity?: IProductInventoryInformation;\n    buttonDisabled: boolean;\n    showAddConfirmation: boolean;\n    errorMessage?: string;\n    isBusy: boolean;\n    errors: { dimension?: string[]; add?: string };\n}\n\n/**\n * Configure selected product for addition to order template.\n */\nexport class ProductConfiguration extends React.Component<IProductCnnfigurationProps, IProductConfigurationState> {\n    private selectedDimensions: {} = {};\n\n    constructor(props: IProductCnnfigurationProps) {\n        super(props);\n\n        this.state = {\n            quantity: 1,\n            unitPrice: props.product.Price,\n            totalPrice: props.product.Price,\n            product: props.product,\n            dimensions: props.dimensions.sort((a, b) => a.DimensionTypeValue - b.DimensionTypeValue),\n            selectedDimensions: {},\n            buttonDisabled: false,\n            showAddConfirmation: false\n        } as IProductConfigurationState;\n    }\n\n    public shouldComponentUpdate(nextProps: IProductCnnfigurationProps,\n        nextState: IProductConfigurationState): boolean {\n        if (this.state === nextState && this.props === nextProps) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const {\n            context: {\n                actionContext: {\n                    requestContext: { apiSettings }\n                },\n                request: { gridSettings }\n            },\n            resources: {\n                addItemToTemplateText,\n                addLineProductUnitPricePrefix,\n                decrementButtonAriaLabel,\n                incrementButtonAriaLabel,\n                quantitySelectLabel,\n                addLineProductUnitOfMeasurePrefix,\n                totalPriceLabel\n            },\n            imageSettings,\n            highlightSearchTerm\n        } = this.props;\n        const { buttonDisabled, product, quantity, unitPrice, totalPrice, showAddConfirmation, errors } = this.state;\n\n        return (\n            <>\n                <ModalBody>\n                    {this.props.searchForm}\n                    <div className='msc-add-line-to-template__product-config'>\n                        <div className='msc-add-line-to-template__product__positioning-container-2'>\n                            <div className='msc-add-line-to-template__product__positioning-container-1'>\n                                <Image\n                                    altText={product.Name ?? 'image'}\n                                    requestContext={this.props.context.actionContext.requestContext}\n                                    src={product?.PrimaryImageUrl ?? ''}\n                                    fallBackSrc={getFallbackImageUrl(product?.ItemId, apiSettings) ?? ''}\n                                    className='thumbnail'\n                                    imageSettings={imageSettings}\n                                    gridSettings={gridSettings!}\n                                    loadFailureBehavior='empty'\n                                />\n                                <div className='msc-add-line-to-template__product__attributes'>\n                                    <div className='msc-add-line-to-template__product__id'>\n                                        {product?.ItemId}\n                                    </div>\n                                    {highlightSearchTerm(product?.Name ?? '')}\n                                    <div className='msc-add-line-to-template__product__unit-price'>\n                                        {addLineProductUnitPricePrefix}\n                                        {' '}\n                                        {this._formatPrice(unitPrice)}\n                                    </div>\n                                    <div className='msc-add-line-to-template__product__uom'>\n                                        {addLineProductUnitOfMeasurePrefix}\n                                        {' '}\n                                        {product?.DefaultUnitOfMeasure}\n                                    </div>\n                                </div>\n                            </div>\n                            <div className='msc-add-line-to-template__product-config__dimensions'>\n                                {this._getDimensionsNodes()}\n                            </div>\n                        </div>\n                        <div className='quantity-container'>\n                            <div>\n                                {quantitySelectLabel}\n                            </div>\n                            <OrderTemplateQuantity\n                                id='msc-add-line-to-template__product-config__quantity'\n                                currentCount={quantity}\n                                onChange={this._onQuantityChange}\n                                inputQuantityAriaLabel='Press to increment quantity by 1'\n                                max={10_000_000}\n                                decrementButtonAriaLabel={decrementButtonAriaLabel}\n                                incrementButtonAriaLabel={incrementButtonAriaLabel}\n                            />\n                        </div>\n                    </div>\n                    <div className='msc-add-line-to-template__product__total-price'>\n                        {totalPriceLabel}\n                        {' '}\n                        {this._formatPrice(totalPrice)}\n                    </div>\n                </ModalBody>\n                <ModalFooter>\n                    {showAddConfirmation && <div\n                        className='msc-add-line-to-template__add-success msc-alert-success msc-alert'\n                        aria-live='assertive'\n                        role='alert'>\n                        <span aria-hidden='true' />\n                        {this._getConfirmationMessage()}\n                    </div>}\n                    {errors?.add && <div className='msc-add-line-to-template__add-error msc-alert-danger msc-alert'>\n                        <span className='msi-exclamation-triangle' aria-hidden='true' />\n                        {errors.add}\n                    </div>}\n                    <Button\n                        className={classnames('msc-add-line-to-template__add-configured-product-button', { 'is-busy': this.state.isBusy })}\n                        aria-label={addItemToTemplateText}\n                        onClick={this._addToTemplateHandler}\n                        disabled={buttonDisabled}\n                    >\n                        {addItemToTemplateText}\n                    </Button>\n                </ModalFooter>\n            </>\n        );\n    }\n\n    private _getConfirmationMessage(): string {\n        const selectedDimensionNames = this.state.dimensions.map(dimension => {\n            let variant = dimension.DimensionValues?.find(value => value.RecordId === this.selectedDimensions[dimension.DimensionTypeValue])?.Value;\n            if (dimension.DimensionTypeValue === 3) {\n                variant = `size ${variant}`;\n            }\n            return variant;\n        }).filter(value => value);\n\n        return this.props.resources.addToTemplateConfirmation\n            .replace('{count}', this.state.quantity.toString())\n            .replace('{productAndDimensions}', `${this.state.product.Name}, ${Object.values(selectedDimensionNames).join(', ')}`);\n\n    }\n\n    private _getDimensionsNodes(): React.ReactElement[] {\n        const { dimensions } = this.state;\n        const { resources } = this.props;\n\n        return dimensions?.map((dimension: ProductDimensionFull) => {\n            const { DimensionValues, DimensionTypeValue } = dimension;\n            const mapDimensions = (value: ProductDimensionValue): IDropdownItemProps => ({\n                id: value.RecordId,\n                value: value.Value || ''\n            });\n            const dimensionName = this._getDropdownName(DimensionTypeValue, resources);\n            const dropdownList: IDropdownItemProps[] = DimensionValues ? DimensionValues.map<IDropdownItemProps>(mapDimensions) : [];\n            dropdownList.unshift({ id: 0, value: `Choose a ${dimensionName}` });\n\n            return (\n                <div key={DimensionTypeValue}>\n                    <div>\n                        {dimensionName}\n                    </div>\n                    {this.state.errors?.dimension?.includes(DimensionTypeValue.toString()) && (\n                        <Alert color='danger' assertive aria-label={this._getDimensionsError(dimensionName)}>\n                            <div className='msc-alert__header' aria-hidden='true'>\n                                <span className='msi-exclamation-triangle' />\n                                <span>\n                                    {this._getDimensionsError(dimensionName)}\n                                </span>\n                            </div>\n                        </Alert>\n                    )}\n                    <Dropdown\n                        dropdownId={DimensionTypeValue}\n                        dropdownName={this._getDropdownName(DimensionTypeValue, resources)}\n                        dropdownList={dropdownList}\n                        onChange={this._onDimensionChanged}\n                    />\n                </div>\n            );\n        });\n    }\n\n    private readonly _getDimensionsError = (dimensionName: string) => this.props.resources.dimensionMissingError.replace(/{dimensionName}/g, dimensionName);\n\n    private readonly _addToTemplateHandler = async (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        // Hide confirmation of previous addition when adding multiple items\n        this.setState({\n            isBusy: true,\n            showAddConfirmation: false,\n            errors: { ...this.state.errors, add: undefined }\n        });\n\n        const missingDimensions = this.state.dimensions.map(dimension => dimension.DimensionTypeValue.toString()).filter(type => !this.selectedDimensions[type]);\n\n        this.setState({\n            errors: { dimension: missingDimensions }\n        });\n        if (missingDimensions.length > 0) {\n            this.setState({\n                isBusy: false\n            });\n            return;\n        }\n\n        this.props.addToTemplateHandler({ ...this.state })\n            .then(status => {\n                // Validate against the existance of a ProductListId\n                if (status.ProductListId) {\n                    this.setState({\n                        isBusy: false,\n                        showAddConfirmation: true\n                    });\n                }\n            })\n            .catch(error => {\n                const { addToTemplateDuplicateError, addToTemplateGenericError } = this.props.resources;\n                let errorMessage;\n\n                if (error.error.name === 'Microsoft_Dynamics_Commerce_Runtime_DuplicateObject') {\n                    errorMessage = addToTemplateDuplicateError;\n                } else {\n                    errorMessage = addToTemplateGenericError;\n                }\n\n                this.setState({\n                    isBusy: false,\n                    errors: { ...this.state.errors, add: errorMessage }\n                });\n                this.props.context.telemetry.error('Error adding item to order template');\n            });\n    };\n\n    private readonly _onQuantityChange = (newValue: number) => {\n        this.setState({\n            quantity: newValue,\n            totalPrice: newValue * this.props.product.Price\n        });\n    };\n\n    private readonly _updateDimensionValue = (productDimensionFull: ProductDimensionFull, newValueId: string | undefined): ProductDimensionValue | undefined => {\n        if (newValueId && productDimensionFull.DimensionValues) {\n            return productDimensionFull.DimensionValues.find(dimension => dimension.RecordId === +newValueId);\n        }\n\n        return undefined;\n    };\n\n    // Rehydrate the selected variants price, available dimensions & sizes\n    private readonly _onDimensionChanged = async (selection: IDropdownOnSelection): Promise<void> => {\n        const { product, dimensions, context } = this.props;\n        const {\n            actionContext,\n            request: { apiSettings: { channelId } }\n        } = context;\n\n        // Remaining error notifications for missing dimensions\n        const remainingDimensionsErrors = this.state.errors?.dimension?.filter(id => id !== selection.dropdownId.toString());\n\n        this.setState({\n            isBusy: false,\n            showAddConfirmation: false,\n            buttonDisabled: true,\n            errors: { add: undefined, dimension: remainingDimensionsErrors }\n        });\n\n        // Update currently selected dimensions\n        this.selectedDimensions[selection.dropdownId] = +selection.selectId;\n\n        const mappedDimensions = dimensions?.map(dimension => {\n            return {\n                DimensionTypeValue: dimension.DimensionTypeValue,\n                DimensionValue: this._updateDimensionValue(dimension, this.selectedDimensions[dimension.DimensionTypeValue]) || dimension.DimensionValue,\n                ExtensionProperties: dimension.ExtensionProperties\n            };\n        }).filter(dimension => {\n            return dimension && dimension.DimensionValue;\n        });\n\n        const variantProduct = (await getSelectedVariant(\n            new SelectedVariantInput(\n                product.MasterProductId ? product.MasterProductId : product.RecordId,\n                channelId,\n                mappedDimensions\n            ),\n            actionContext\n        ));\n\n        if (!variantProduct) {\n            this.props.context.telemetry.error(`Error retrieving variant product for product ${product.MasterProductId ? product.MasterProductId : product.RecordId}`);\n            return;\n        }\n\n        const dimensionInput = new GetDimensionsForSelectedVariantInput(\n            variantProduct.RecordId,\n            channelId,\n            mappedDimensions\n        );\n        const variantDimensions = await getDimensionsForSelectedVariant(dimensionInput, actionContext);\n\n        if (!variantDimensions) {\n            this.props.context.telemetry.error('Error retrieving dimensions for reconfigured product variant');\n            this.setState({\n                buttonDisabled: false\n            });\n            return;\n        }\n\n        const availabilityInput = new ProductAvailabilitiesForSelectedVariantInput(\n            product.MasterProductId ? product.MasterProductId : product.RecordId,\n            channelId\n        );\n\n        // @TODO sync UX quantity w/ actual availability\n        const newAvailableQuantity = await getProductAvailabilitiesForSelectedVariant(availabilityInput, actionContext);\n        const priceInput = new PriceForSelectedVariantInput(product.RecordId, channelId);\n        const productPrice = await getPriceForSelectedVariant(priceInput, actionContext);\n\n        if (!productPrice) {\n            this.props.context.telemetry.error('Error retrieving price for reconfigured product variant');\n            this.setState({\n                buttonDisabled: false\n            });\n            return;\n        }\n\n        this.setState({\n            buttonDisabled: false,\n            productAvailableQuantity: newAvailableQuantity && newAvailableQuantity[0] || undefined,\n            unitPrice: +(productPrice.BasePrice || product.Price),\n            dimensions: variantDimensions.sort((a, b) => a.DimensionTypeValue - b.DimensionTypeValue),\n            product: variantProduct\n        });\n    };\n\n    private readonly _getDropdownName = (dimensionType: number, resources: IAddLineToTemplateResources): string => {\n        switch (dimensionType) {\n            case 1: // Color\n                return resources.productDimensionTypeColor;\n            case 2: // Configuration\n                return resources.productDimensionTypeConfiguration;\n            case 3: // Size\n                return resources.productDimensionTypeSize;\n            case 4: // Style\n                return resources.productDimensionTypeStyle;\n            default:\n                return '';\n        }\n    };\n\n    private _formatPrice(price: number): string {\n        const {\n            context: {\n                cultureFormatter: {\n                    formatCurrency,\n\n                    // @ts-expect-error\n                    currencyCode\n                }\n            }\n        } = this.props;\n\n        return formatCurrency(price.toFixed(2), currencyCode);\n    }\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { ProductDimensionFull } from '@msdyn365-commerce/commerce-entities';\nimport { IImageSettings, Image } from '@msdyn365-commerce/core';\nimport { ProductSearchResult } from '@msdyn365-commerce/retail-proxy';\nimport { getFallbackImageUrl } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { IAddLineToTemplateProps } from '.';\n\nexport interface IProductListProps extends IAddLineToTemplateProps {\n    products: ProductSearchResult[];\n    imageSettings: IImageSettings;\n    searchForm: React.ReactNode;\n    clickHandler(product: ProductSearchResult): Promise<ProductDimensionFull[]>;\n    highlightSearchTerm(name: string): React.ReactNode;\n    renderResultCountText(): string;\n}\n\nexport const ProductList = (props: IProductListProps) => {\n    const {\n        products,\n        context: {\n            actionContext: {\n                requestContext: { apiSettings }\n            },\n            request: {\n                gridSettings\n            },\n            cultureFormatter: {\n                formatCurrency,\n\n                // @ts-expect-error\n                currencyCode\n            }\n        },\n        clickHandler,\n        highlightSearchTerm,\n        renderResultCountText,\n        resources: { selectProductButtonText },\n        imageSettings\n    } = props;\n\n    return (\n        <>\n            <p className='msc-add-line-to-template__search-result-count' aria-live='assertive'>\n                {renderResultCountText()}\n            </p>\n            {props.searchForm}\n            <div className='msc-add-line-to-template__product-list'>\n                {products.map((product: ProductSearchResult, index: number) => {\n                    const { Price, ItemId, Name, PrimaryImageUrl } = product;\n                    const price = formatCurrency(Price.toFixed(2), currencyCode);\n                    const fallBackImg = getFallbackImageUrl(ItemId, apiSettings) ?? '';\n\n                    return (\n                        <div key={`product-${index}`} className='msc-add-line-to-template__product'>\n                            <div className='msc-add-line-to-template__product__positioning-container-1'>\n                                <Image\n                                    altText={Name ?? 'image'}\n                                    requestContext={props.context.actionContext.requestContext}\n                                    src={PrimaryImageUrl ?? ''}\n                                    fallBackSrc={fallBackImg}\n                                    className='thumbnail'\n                                    gridSettings={gridSettings!}\n                                    imageSettings={imageSettings}\n                                    loadFailureBehavior='empty'\n                                />\n                                <div className='msc-add-line-to-template__product__attributes' aria-live='polite'>\n                                    <div className='msc-add-line-to-template__product__id'>\n                                        {ItemId}\n                                    </div>\n                                    {highlightSearchTerm(Name ?? '')}\n                                </div>\n                            </div>\n                            <div className='msc-add-line-to-template__product__price-container'>\n                                <span>\n                                    {price}\n                                </span>\n                                <ProductSelectButton product={product} buttonText={selectProductButtonText} clickHandler={clickHandler} />\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </>\n    );\n};\n\ninterface IProductSelectButton {\n    product: ProductSearchResult;\n    buttonText: string;\n    clickHandler(product: ProductSearchResult): Promise<ProductDimensionFull[]>;\n}\n\nconst ProductSelectButton = (props: IProductSelectButton) => {\n    const [isBusy, setBusy] = useState(false);\n    const { product, buttonText, clickHandler } = props;\n    const getClickHandler = React.useCallback(async () => {\n        setBusy(!isBusy);\n        await clickHandler(product);\n        setBusy(!isBusy);\n    }, [clickHandler, isBusy, product]);\n\n    return (\n        <Button\n            className={classnames('msc-add-line-to-template__product__select-button', { 'is-busy': isBusy })}\n            aria-label={`${product.Name!} ${buttonText}`} // Announce as: 'Nooks surfboard' select product button\n            onClick={getClickHandler}\n        >\n            {buttonText}\n        </Button>\n    );\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Button } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IOrderTemplateLineViewModel } from '../order-template';\nimport { IOrderTemplateData } from '../order-template.data';\nimport { IOrderTemplateProps } from '../order-template.props.autogenerated';\nimport { AddLineToTemplate } from '.';\n\ninterface IOrderTemplateBulkActionsProps extends IOrderTemplateProps<IOrderTemplateData> {\n    orderTemplateId: string;\n    selectedLines: IOrderTemplateLineViewModel[];\n    isMinifiedView: boolean;\n    onAddSelectionToBag(): void;\n    onRemoveSelection(): void;\n}\n\ninterface IOrderTemplateBulkActionsState {\n    isAddDisabled: boolean;\n    isRemoveDisabled: boolean;\n}\n\n/**\n * Bulk Order Template line actions.\n */\nexport class OrderTemplateBulkActions extends React.PureComponent<IOrderTemplateBulkActionsProps, IOrderTemplateBulkActionsState> {\n\n    public state: IOrderTemplateBulkActionsState = {\n        isAddDisabled: true,\n        isRemoveDisabled: true\n    };\n\n    public static getDerivedStateFromProps(props: IOrderTemplateBulkActionsProps,\n        state: IOrderTemplateBulkActionsState): IOrderTemplateBulkActionsState {\n        const selectedLines = props.selectedLines.length;\n        let nextState = { ...state };\n        nextState = {\n            isAddDisabled: selectedLines === 0,\n            isRemoveDisabled: selectedLines === 0\n        };\n        return nextState;\n    }\n\n    public render(): JSX.Element {\n        const { addLineModalLinkText,\n            searchButtonAriaLabel,\n            searchInputAriaLabel,\n            searchModalPlaceholderText,\n            selectProductButtonText,\n            addItemToTemplateText,\n            addLineProductUnitPricePrefix,\n            backButtonText,\n            decrementButtonAriaLabel,\n            incrementButtonAriaLabel,\n            quantitySelectLabel,\n            addLineProductUnitOfMeasurePrefix,\n            notFoundSearchErrorNotice,\n            notFoundSearchErrorRedediation,\n            searchErrorMessage,\n            productDimensionTypeColor,\n            productDimensionTypeConfiguration,\n            productDimensionTypeSize,\n            productDimensionTypeStyle,\n            addSelectedToBagButtonText,\n            removeSelectedToBagButtonText,\n            searchResultsCountVerbage,\n            searchResultsCountSubject,\n            addToTemplateConfirmation,\n            totalPriceLabel,\n            progressNotificationText,\n            addToTemplateDuplicateError,\n            addToTemplateGenericError,\n            dimensionMissingError\n        } = this.props.resources;\n        const addLineProps = {\n            context: this.props.context,\n            resources: {\n                addLineModalLinkText,\n                searchButtonAriaLabel,\n                searchInputAriaLabel,\n                searchModalPlaceholderText,\n                selectProductButtonText,\n                addItemToTemplateText,\n                addLineProductUnitPricePrefix,\n                backButtonText,\n                decrementButtonAriaLabel,\n                incrementButtonAriaLabel,\n                quantitySelectLabel,\n                addLineProductUnitOfMeasurePrefix,\n                notFoundSearchErrorNotice,\n                notFoundSearchErrorRedediation,\n                searchErrorMessage,\n                productDimensionTypeColor,\n                productDimensionTypeConfiguration,\n                productDimensionTypeSize,\n                productDimensionTypeStyle,\n                searchResultsCountVerbage,\n                searchResultsCountSubject,\n                addToTemplateConfirmation,\n                totalPriceLabel,\n                progressNotificationText,\n                addToTemplateDuplicateError,\n                addToTemplateGenericError,\n                dimensionMissingError\n            },\n            imageSettings: this.props.config.imageSettings,\n            orderTemplateId: this.props.orderTemplateId\n        };\n\n        return (\n            <>\n                <AddLineToTemplate {...addLineProps} />\n                <Button\n                    onClick={this.addHandler}\n                    disabled={this.state.isAddDisabled}\n                    className='add-selected-to-bag'\n                    aria-label={addSelectedToBagButtonText}\n                >\n                    <span />\n                    {!this.props.isMinifiedView && addSelectedToBagButtonText}\n                </Button>\n                <Button\n                    onClick={this.removeHandler}\n                    disabled={this.state.isRemoveDisabled}\n                    className='remove-selected'\n                    aria-label={removeSelectedToBagButtonText}\n                >\n                    <span />\n                    {!this.props.isMinifiedView && removeSelectedToBagButtonText}\n                </Button>\n            </>\n        );\n    }\n\n    private readonly addHandler = (event: React.MouseEvent<HTMLElement>) => {\n        this.setState({\n            isAddDisabled: true\n        });\n\n        this.props.onAddSelectionToBag();\n\n        this.setState({\n            isAddDisabled: false\n        });\n    };\n\n    private readonly removeHandler = (event: React.MouseEvent<HTMLElement>) => {\n        this.setState({\n            isRemoveDisabled: true\n        });\n\n        this.props.onRemoveSelection();\n    };\n\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { AddOrderTemplateToCartComponent, ILinesAddedToCartDialogResources, IOrderTemplateNameDialogResources, RenameOrderTemplateComponent } from '@msdyn365-commerce/components';\nimport { IComponentProps, ICoreContext } from '@msdyn365-commerce/core';\nimport { ProductList } from '@msdyn365-commerce/retail-proxy';\nimport { OrderTemplate } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface IOrderTemplateActionsData {\n    orderTemplate: OrderTemplate;\n}\n\nexport interface IOrderTemplateActionsProps extends IComponentProps<IOrderTemplateActionsData> {\n    context: ICoreContext;\n    telemetryContent?: ITelemetryContent;\n    handlers: {\n        onRemoveTemplate(orderTemplateId: string): void;\n        onRenameTemplate(orderTemplate: ProductList): Promise<void>;\n    };\n    renameOrderTemplateDialogStrings: IOrderTemplateNameDialogResources;\n    resources: {\n        addTemplateToBagButtonText: string;\n        renameTemplateButtonText: string;\n        deleteTemplateButtonText: string;\n        closeWindowButtonText: string;\n        addToCartFailureMessage: string;\n        addToCartSuccessMessage: string;\n        addToCartProcessMessage: string;\n        linesAddedToCartDialogResources: ILinesAddedToCartDialogResources;\n    };\n}\n\nexport interface IOrderTemplateActionsViewProps {\n    addTemplateToBag: React.ReactNode;\n    renameTemplate?: React.ReactNode;\n    removeTemplate?: React.ReactNode;\n}\n\n/**\n * Remove Order Action.\n * @param props -Order template action props.\n * @returns Remove order template.\n */\nconst removeOrderActionHandler = (props: IOrderTemplateActionsProps) => () => {\n    _removeOrderTemplate(props);\n};\n\nexport const OrderTemplateActionsView = (props: IOrderTemplateActionsProps): IOrderTemplateActionsViewProps => {\n    const { resources } = props;\n    const { deleteTemplateButtonText } = resources;\n\n    return {\n        addTemplateToBag: _getOrderTemplateAddToCartDialog(props),\n        renameTemplate: _getOrderTemplateRenameControl(props),\n        removeTemplate: (\n            <Button className='ms-order-template-action-bar__delete-template-button' onClick={removeOrderActionHandler(props)}>\n                {deleteTemplateButtonText}\n            </Button>\n        )\n    };\n};\n\nconst _removeOrderTemplate = (props: IOrderTemplateActionsProps): void => {\n    const { data: { orderTemplate }, handlers } = props;\n    const { onRemoveTemplate } = handlers;\n\n    if (onRemoveTemplate) {\n        onRemoveTemplate(orderTemplate.productList.Id);\n    }\n};\n\nconst _getOrderTemplateAddToCartDialog = (props: IOrderTemplateActionsProps): React.ReactNode => {\n    const { data: { orderTemplate }, typeName, id, context, telemetryContent, resources } = props;\n    const {\n        addTemplateToBagButtonText,\n        closeWindowButtonText,\n        addToCartFailureMessage,\n        addToCartSuccessMessage,\n        addToCartProcessMessage,\n        linesAddedToCartDialogResources\n    } = resources;\n\n    const dialogStrings = {\n        closeWindowButtonText,\n        addToCartFailureMessage,\n        addToCartSuccessMessage,\n        addToCartProcessMessage,\n        linesAddedToCartDialogResources\n    };\n\n    return (\n        <AddOrderTemplateToCartComponent\n            context={context}\n            id={id}\n            typeName={typeName}\n            data={{ orderTemplate }}\n            className=''\n            addToCartText={addTemplateToBagButtonText}\n            dialogStrings={dialogStrings}\n            telemetryContent={telemetryContent}\n        />\n    );\n};\n\nconst _getOrderTemplateRenameControl = (props: IOrderTemplateActionsProps): React.ReactNode => {\n    const { renameOrderTemplateDialogStrings, resources, context, handlers } = props;\n    return (\n        <RenameOrderTemplateComponent\n            onRenameTemplate={handlers.onRenameTemplate}\n            className='msc-order-template-name-dialog'\n            context={context}\n            id={props.id}\n            data={{ orderTemplate: props.data.orderTemplate.productList }}\n            typeName={props.typeName}\n            renameOrderTemplateDialogStrings={renameOrderTemplateDialogStrings}\n            renameOrderTemplateButtonText={resources.renameTemplateButtonText}\n        />\n    );\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { PriceComponent } from '@msdyn365-commerce/components';\nimport { ICoreContext, IImageSettings, Image, ITelemetry } from '@msdyn365-commerce/core';\nimport { ProductListLine } from '@msdyn365-commerce/retail-proxy';\nimport { ProductPrice, SimpleProduct } from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\nimport { getFallbackImageUrl } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport React, { useState } from 'react';\n\nimport { IOrderTemplateLineViewModel } from '../order-template';\nimport OrderTemplateQuantity from './common/order-template-quantity';\n\nexport interface IOrderTemplateLineProps extends ProductListLine {\n    orderTemplateLine: IOrderTemplateLineViewModel;\n    productListLine: ProductListLine;\n    price?: ProductPrice;\n    context: ICoreContext;\n    productUrl: string;\n    imageSettings?: IImageSettings;\n    telemetry: ITelemetry;\n    moduleId: string;\n    moduleTypeName: string;\n    quantity: number;\n    handlers: {\n        onAddToBag(product: SimpleProduct, quantity: number, itemKey: string): void;\n        onRemoveItem(line: IOrderTemplateLineViewModel): void | undefined;\n        onChangeQuantity(orderTemplateLineId: string, quantity: number, props?: IOrderTemplateLineProps): void;\n        onSelect(line: IOrderTemplateLineViewModel, isChecked: boolean): void;\n    };\n    resources: {\n        selectOneRowText?: string;\n        moreButtonText?: string;\n        viewProductDetailsText?: string;\n        productDimensionTypeColor: string;\n        productDimensionTypeSize: string;\n        productDimensionTypeStyle: string;\n        originalPriceText: string;\n        currentPriceText: string;\n        freePriceText: string;\n        inputQuantityAriaLabel: string;\n        removeFromOrderTemplateLinesText: string;\n        addToBagButtonText: string;\n        deleteButtonText: string;\n        incrementButtonAriaLabel?: string;\n        decrementButtonAriaLabel?: string;\n    };\n    index: number;\n    isMobile: boolean;\n    productQuantityView?: React.ReactNode;\n    addToBagButton?: React.ReactNode;\n    removeButton?: React.ReactNode;\n    toggleDetailsDisplayed(props: IOrderTemplateLineProps): void;\n}\n\nexport interface IOrderTemplateLineViewProps {\n    key?: string;\n    productImage: React.ReactNode;\n    productPrice?: React.ReactNode;\n    addToBagButton?: React.ReactNode;\n    removeButton?: React.ReactNode;\n    productName?: string;\n    productNumber?: React.ReactNode;\n    productInfo?: React.ReactNode;\n    productLabel?: React.ReactNode;\n    productUnitOfMeasure?: React.ReactNode;\n    productQuantity?: number;\n    productQuantityView?: React.ReactNode;\n    productListId?: string;\n    selectLine?: React.ReactNode;\n    popUp?: JSX.Element;\n    isMobile?: boolean;\n}\n\ninterface IEventHandlerFactory {\n    getAddToBag(): (event: React.MouseEvent<HTMLElement>) => void;\n    getRemoveItem(): (event: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst OrderTemplateLineActions = (props: IOrderTemplateLineProps): IEventHandlerFactory => {\n    const { orderTemplateLine, productListLine, quantity, handlers } = props;\n    const { LineId } = productListLine;\n    const { onAddToBag, onRemoveItem } = handlers;\n\n    return {\n        getAddToBag: () => (event: React.MouseEvent<HTMLElement>) => {\n            LineId && orderTemplateLine.fullProduct && onAddToBag(orderTemplateLine.fullProduct.ProductDetails, quantity, LineId);\n        },\n        getRemoveItem: () => (event: React.MouseEvent<HTMLElement>) => LineId && onRemoveItem(props.orderTemplateLine)\n    };\n};\n\ninterface IPopupProps extends IOrderTemplateLineProps {\n    addButtonClassName: string;\n    removeButtonClassName: string;\n}\n\nconst PopUp = (props: IPopupProps): JSX.Element | null => {\n    const { addToBagButtonText, removeFromOrderTemplateLinesText, moreButtonText, viewProductDetailsText } = props.resources;\n    const [showMobile, setShowMobile] = useState(false);\n    const componentClassName = 'ms-table';\n\n    const getViewHandler = () => (event: React.MouseEvent<HTMLElement>) => {\n        props.toggleDetailsDisplayed(props);\n    };\n\n    const toggle = React.useCallback(() => {\n        setShowMobile(!showMobile);\n    }, [showMobile]);\n\n    return (\n        <div className={`${componentClassName}__row-links-minified`}>\n            <Button\n                className={`${componentClassName}__row-links-toggle`}\n                aria-label={moreButtonText}\n                data-type={props.index}\n                onClick={toggle}\n            />\n            {showMobile &&\n            <div className={`${componentClassName}__row-links`}>\n                <Button\n                    className='ms-table__row-links-view'\n                    onClick={getViewHandler()}\n                    title={viewProductDetailsText}\n                    aria-label={viewProductDetailsText}\n                >\n                    View\n                </Button>\n                {getActionButton(props.isMobile, props.removeButtonClassName,\n                    removeFromOrderTemplateLinesText, OrderTemplateLineActions(props).getRemoveItem())}\n                {getActionButton(props.isMobile, props.addButtonClassName, addToBagButtonText, OrderTemplateLineActions(props).getAddToBag())}\n            </div>}\n        </div>\n    );\n};\n\nconst getActionButton = (isMobile: boolean, className: string, buttonText: string, clickHandler: (event: React.MouseEvent<HTMLElement>) => void): React.ReactNode => (\n    <Button\n        aria-label={buttonText}\n        className={className}\n        onClick={clickHandler}\n        title={buttonText}\n    >\n        {isMobile ? buttonText : ''}\n    </Button>\n);\n\n/**\n * On Select line function.\n * @param orderTemplateLine -Order template line.\n * @param input -Order template line props.\n * @returns Set on select order template.\n */\nconst onSelectLineHandler = (\n    orderTemplateLine: IOrderTemplateLineViewModel,\n    input: IOrderTemplateLineProps) => (event: React.ChangeEvent<HTMLInputElement>) => {\n    orderTemplateLine.isChecked = !orderTemplateLine.isChecked;\n\n    input.handlers.onSelect(orderTemplateLine, event.target.checked);\n};\n\nexport const OrderTemplateLineView = (input: IOrderTemplateLineProps): IOrderTemplateLineViewProps | null => {\n    const { orderTemplateLine, productListLine, price, context, imageSettings, quantity, resources, isMobile } = input;\n    const product = orderTemplateLine.fullProduct;\n    const { LineId, UnitOfMeasure } = productListLine;\n    const { removeFromOrderTemplateLinesText, addToBagButtonText, selectOneRowText } = resources;\n    if (!product) {\n        return null;\n    }\n\n    const { ItemId, Name, PrimaryImageUrl } = product.ProductDetails;\n    const fallbackImage = getFallbackImageUrl(ItemId, context.actionContext.requestContext.apiSettings);\n    const addButtonClassName = input.isMobile ? 'ms-table__row-links-add' : 'ms-order-template-table-line__product-add-button';\n    const removeButtonClassName = input.isMobile ? 'ms-table__row-links-delete' : 'ms-order-template-table-line__product-remove-button';\n\n    return {\n        isMobile,\n        selectLine: (\n            <label className='checkbox-container'>\n                <input\n                    aria-label={selectOneRowText} className='checkbox-input'\n                    type='checkbox' checked={orderTemplateLine.isChecked} aria-checked={orderTemplateLine.isChecked}\n                    onChange={onSelectLineHandler(orderTemplateLine, input)} />\n                <span className='checkmark' />\n            </label>\n        ),\n        key: LineId!,\n        productImage: PrimaryImageUrl && Name && (\n            _renderProductImage('ms-order-template-table-line__product-image', context, product.ProductDetails.Name!, PrimaryImageUrl, fallbackImage, imageSettings)\n        ),\n        productInfo: renderProductInfo(input),\n        productPrice: price && _renderPrice(input),\n        productNumber: product && <div className='ms-order-template-table-line__product-number'>\n            {ItemId}\n        </div>,\n        productUnitOfMeasure: price ? (\n            <div className='ms-order-template-table-line__product-unit-of-measure'>\n                {UnitOfMeasure || price.UnitOfMeasure}\n            </div>\n        ) : (\n            undefined\n        ),\n        productListId: LineId!,\n        removeButton: getActionButton(input.isMobile, removeButtonClassName, removeFromOrderTemplateLinesText, OrderTemplateLineActions(input).getRemoveItem()),\n        productQuantityView: <div>\n            {_generateQuantity(input, LineId!)}\n        </div>,\n        productQuantity: quantity,\n        addToBagButton: getActionButton(input.isMobile, addButtonClassName, addToBagButtonText, OrderTemplateLineActions(input).getAddToBag()),\n        popUp: (\n            <PopUp\n                {...input}\n                addButtonClassName={addButtonClassName}\n                removeButtonClassName={removeButtonClassName}\n            />\n        )\n    };\n};\n\nexport const OrderTemplateMobileLineView = (input: IOrderTemplateLineProps): IOrderTemplateLineViewProps | undefined => {\n    const { orderTemplateLine, productListLine, price, context, imageSettings } = input;\n    const product = orderTemplateLine.fullProduct;\n    const { LineId, UnitOfMeasure } = productListLine;\n    if (!product) {\n        return;\n    }\n    const { ItemId, Name, PrimaryImageUrl } = product.ProductDetails;\n    const fallbackImage = getFallbackImageUrl(ItemId, context.actionContext.requestContext.apiSettings);\n\n    return {\n        productImage: PrimaryImageUrl && Name && (\n            _renderProductImage('thumbnail', context, product.ProductDetails.Name!, PrimaryImageUrl, fallbackImage, imageSettings)\n        ),\n        productInfo: renderProductInfo(input),\n        productPrice: price && _renderPrice(input),\n        productNumber: ItemId,\n        productUnitOfMeasure: UnitOfMeasure || price?.UnitOfMeasure,\n        productQuantityView: _generateQuantity(input, LineId!)\n    };\n};\n\nexport interface IOrderTemplateProductQuantityViewProps {\n    ContainerProps: INodeProps;\n    input: React.ReactNode;\n}\n\n/**\n * On Change function.\n * @param onChangeQuantity -On change quantity function.\n * @param itemKey -String.\n * @param props -Order template line props.\n * @returns Set change quantity.\n */\nconst onChangeHandler = (onChangeQuantity: (orderTemplateLineId: string,\n    quantity: number, props?: IOrderTemplateLineProps | undefined) => void,\nitemKey: string, props: IOrderTemplateLineProps) => (newValue: number) => {\n    if (onChangeQuantity) {\n        onChangeQuantity(itemKey, newValue, props);\n    }\n};\n\nconst _generateQuantity = (props: IOrderTemplateLineProps, itemKey: string): React.ReactNode => {\n    const { handlers, resources, quantity } = props;\n    const { onChangeQuantity } = handlers;\n    return (\n        <OrderTemplateQuantity\n            currentCount={quantity}\n            onChange={onChangeHandler(onChangeQuantity, itemKey, props)}\n            max={999_999_999}\n            inputQuantityAriaLabel={resources.inputQuantityAriaLabel}\n            incrementButtonAriaLabel={resources.incrementButtonAriaLabel}\n            decrementButtonAriaLabel={resources.decrementButtonAriaLabel}\n        />\n    );\n};\n\nexport const _renderProductImage = (\n    className: string,\n    context: ICoreContext,\n    heading: string,\n    image?: string,\n    fallbackImage?: string,\n    imageSettings?: IImageSettings\n): JSX.Element | null => {\n    const defaultImageSettings: IImageSettings = {\n        viewports: {\n            xs: { q: 'w=64&h=64&m=6', w: 0, h: 0 },\n            lg: { q: 'w=64&h=64&m=6', w: 0, h: 0 },\n            xl: { q: 'w=64&h=64&m=6', w: 0, h: 0 }\n        },\n        lazyload: true\n    };\n\n    if (image) {\n        return (\n            <Image\n                requestContext={context.actionContext.requestContext}\n                className={className}\n                altText={heading}\n                title={heading}\n                src={image}\n                fallBackSrc={fallbackImage}\n                gridSettings={context.request.gridSettings!}\n                imageSettings={imageSettings || defaultImageSettings}\n                loadFailureBehavior='empty'\n                tabIndex={0}\n            />\n        );\n    }\n    return null;\n};\n\nconst _renderPrice = (props: IOrderTemplateLineProps): JSX.Element | null => {\n    const { price, context, moduleId, moduleTypeName, resources } = props;\n\n    if (price) {\n        return (\n            <PriceComponent\n                id={moduleId}\n                typeName={moduleTypeName}\n                data={{ price }}\n                className='ms-order-template-table-line__product-price'\n                freePriceText={resources.freePriceText}\n                originalPriceText={resources.originalPriceText}\n                currentPriceText={resources.currentPriceText}\n                context={context}\n            />\n        );\n    }\n    return null;\n};\n\nconst _renderProductDimensions = (props: IOrderTemplateLineProps): (string | undefined)[] => {\n    const { orderTemplateLine } = props;\n\n    if (!orderTemplateLine.fullProduct || !orderTemplateLine.fullProduct.ProductDetails.Dimensions) {\n        return [];\n    }\n\n    return orderTemplateLine.fullProduct.ProductDetails.Dimensions.map((dimension) => {\n        if (!dimension.DimensionValue || !dimension.DimensionValue.Value) {\n            return undefined;\n        }\n\n        return dimension.DimensionValue.Value;\n    });\n};\n\nexport const renderProductInfo = (props: IOrderTemplateLineProps): React.ReactNode | undefined => {\n    const { orderTemplateLine, productUrl } = props;\n    const name = orderTemplateLine.fullProduct?.ProductDetails.Name;\n\n    const dimensions = _renderProductDimensions(props);\n    if (!orderTemplateLine.fullProduct) {\n        return [];\n    }\n\n    const productName = productUrl ? (\n        <a className='ms-order-template-table-line__product-info-name' href={productUrl}>\n            {name}\n        </a>\n    ) : (\n        <div className='ms-order-template-table-line__product-info-name'>\n            {name}\n        </div>\n    );\n\n    const dimensionsLine: string = dimensions.join(', ');\n\n    return (\n        <div className='ms-order-template-table-line__product-info'>\n            <div className='ms-order-template-table-line__product-info-name'>\n                {productName}\n            </div>\n            <div className='ms-order-template-table-line__product-info-dimension'>\n                {dimensionsLine}\n            </div>\n        </div>\n    );\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { orderTemplateLinesStatus } from '../order-template';\n\nexport interface IOrderTemplateLinesStatusMessageProps {\n    className?: string;\n    errorType: orderTemplateLinesStatus;\n    text?: string;\n}\n\nexport const OrderTemplateLinesStatusMessage: React.FC<IOrderTemplateLinesStatusMessageProps> = ({ className, errorType, text }) => {\n    switch (errorType) {\n        case 'EMPTY':\n            return (\n                <p className={classnames('ms-order-template-lines__message-empty', className)}>\n                    { text }\n                </p>\n            );\n        case 'FAILED':\n            return (\n                <p className={classnames('ms-order-template-lines__message-failed', className)}>\n                    { text }\n                </p>\n            );\n        case 'LOADING':\n        default:\n            return (\n                <p className='ms-order-template-lines__message-waiting'>\n                    { text }\n                </p>\n            );\n    }\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport * as React from 'react';\n\nimport { IOrderTemplateLineViewModel } from '../order-template';\n\nexport interface IOrderTemplateTableHeadingProps {\n    selectAllRowsText?: string;\n    productNumber: string;\n    productName: string;\n    productUnitPrice: string;\n    productUOM: string;\n    productQuantity: string;\n    productActions: string;\n    lines: IOrderTemplateLineViewModel[];\n    isMobile: boolean;\n    clickHandler(isChecked: boolean): void;\n}\n\n/**\n * Order Template's table state.\n */\nexport interface IOrderTemplateTableHeadingState {\n    isChecked: boolean;\n}\n\nexport interface IOrderTemplateTableShortHeading {\n    productNumber: string;\n    productActions: string;\n}\n\n/**\n * Order Template's table heading.\n */\nexport class OrderTemplateTableHeading extends React.PureComponent<IOrderTemplateTableHeadingProps> {\n    public state: IOrderTemplateTableHeadingState = {\n        isChecked: false\n    };\n\n    private readonly componentClassName: string = 'ms-table';\n\n    public static getDerivedStateFromProps(props: IOrderTemplateTableHeadingProps, state: IOrderTemplateTableHeadingState): IOrderTemplateTableHeadingState {\n        const checkedLines = props.lines.filter(line => !line.isChecked).length;\n        let nextState = { ...state };\n        nextState = { isChecked: checkedLines === 0 };\n        return nextState;\n    }\n\n    public getOnChange = () => (event: React.ChangeEvent<HTMLInputElement>) => {\n        this.setState({\n            isChecked: this.state.isChecked\n        }, () => {\n            this.props.clickHandler(!this.state.isChecked);\n        });\n    };\n\n    public render(): JSX.Element {\n        return (\n            <thead>\n                <tr className={`${this.componentClassName}__heading-row`}>\n                    <th scope='col' aria-label={this.props.selectAllRowsText}>\n                        <label className='checkbox-container'>\n                            <input\n                                aria-label={this.props.selectAllRowsText} className='checkbox-input'\n                                type='checkbox' aria-checked={this.state.isChecked} checked={this.state.isChecked}\n                                onChange={this.getOnChange()} />\n                            <span className='checkmark' />\n                        </label>\n                    </th>\n                    <td>\n                        &nbsp;\n                    </td>\n                    <th scope='col'>\n                        {this.props.productNumber}\n                    </th>\n                    {!this.props.isMobile ? <th scope='col'>\n                        {this.props.productName}\n                    </th> : null}\n                    {!this.props.isMobile ? <th scope='col'>\n                        {this.props.productUnitPrice}\n                    </th> : null}\n                    {!this.props.isMobile ? <th scope='col'>\n                        {this.props.productUOM}\n                    </th> : null}\n                    {!this.props.isMobile ? <th scope='col'>\n                        {this.props.productQuantity}\n                    </th> : null}\n                    {!this.props.isMobile ? <th scope='col'>\n                        {this.props.productActions}\n                    </th> : <td />}\n                </tr>\n            </thead>\n        );\n    }\n}\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { IItemAddedToCartDialogData, IItemAddedToCartDialogResources, ILinesAddedToCartDialogResources, IOrderTemplateNameDialogResources, ItemAddedToCartDialog } from '@msdyn365-commerce/components';\nimport MsDyn365, { AsyncResult, getUrlSync, IRequestContext } from '@msdyn365-commerce/core';\nimport { getCartState, ICartActionResult } from '@msdyn365-commerce/global-state';\nimport { CartLine, ProductList, ProductListLine } from '@msdyn365-commerce/retail-proxy';\nimport { addCartLinesAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/CartsDataActions.g';\nimport {\n    deleteAsync,\n    removeProductListLinesAsync,\n    updateProductListLinesAsync\n} from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductListsDataActions.g';\nimport { SimpleProduct } from '@msdyn365-commerce/retail-proxy/dist/Entities/CommerceTypes.g';\nimport {\n    getPriceForSelectedVariant, getProductUrlSync, ObjectExtensions,\n    OrderTemplate, OrderTemplateLine, PriceForSelectedVariantInput\n} from '@msdyn365-commerce-modules/retail-actions';\nimport { Alert, getTelemetryObject, Heading, IModuleProps, INodeProps, ITelemetryContent, UncontrolledPagination } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport { action, computed, observable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { IOrderTemplateActionsProps, IOrderTemplateActionsViewProps, IOrderTemplateLineProps, IOrderTemplateLineViewProps, IOrderTemplateTableHeadingProps, OrderTemplateActionsView, OrderTemplateLinesStatusMessage, OrderTemplateLineView, OrderTemplateMobileLineView, OrderTemplateTableHeading } from '../..';\nimport { ActiveOrderTemplateLinesInput } from './actions/get-order-template';\nimport { OrderTemplateBulkActions } from './components/bulk-actions';\nimport { IOrderTemplateData } from './order-template.data';\nimport { IOrderTemplateProps, IOrderTemplateResources } from './order-template.props.autogenerated';\n\nexport interface IOrderTemplateLineActionMessageState {\n    itemKey: string;\n    userMessage: string;\n    statusCssString: string;\n    messageGlyph: string;\n    isOpen: boolean;\n    isItemAddedToOrderTemplateOpen: boolean;\n    isConfirmAddSelectionToBagModalOpen: boolean;\n    itemAddedToCartDialogData?: IItemAddedToCartDialogData;\n    productSelection: IOrderTemplateLineViewModel[];\n    isDetailsDisplayed: boolean;\n    detailedProductView?: IOrderTemplateLineViewProps;\n}\n\nexport type orderTemplateLinesStatus = 'LOADING' | 'SUCCESS' | 'FAILED' | 'EMPTY';\ntype GridSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface IOrderTemplateViewProps extends IOrderTemplateProps<IOrderTemplateData> {\n    OrderTemplateLines: IModuleProps;\n    callbacks?: IOrderTemplateLinesCallbacks;\n    status?: orderTemplateLinesStatus;\n    statusMessage?: React.ReactNode;\n    heading?: React.ReactNode;\n    OrderTemplateActions?: INodeProps;\n    ProductsTable?: INodeProps;\n    ProductsTableRow?: INodeProps;\n    ProductsTableHeading?: React.ReactNode;\n    ProductDetails?: INodeProps;\n    orderLines?: IOrderTemplateLineViewProps[];\n    productListLines?: ProductListLine[];\n    productsStatusMessage?: React.ReactNode;\n    orderActions?: IOrderTemplateActionsViewProps | null;\n    resources: IOrderTemplateResources;\n    pagination?: React.ReactNode;\n    itemAddedToCartDialog?: React.ReactNode;\n    bulkOrderLineActions?: React.ReactNode;\n    isDetailsDisplayed?: boolean;\n    detailedProduct?: IOrderTemplateLineProps;\n    detailedProductView?: IOrderTemplateLineViewProps;\n    productQuantityView?: React.ReactNode;\n    addButton?: React.ReactNode;\n    isMobile?: boolean;\n    toggleDetailsDisplayed?(props: IOrderTemplateLineProps | undefined): void;\n}\n\nexport interface IOrderTemplateLinesCallbacks {\n    updateQuantity(itemKey: string, quantity: number): void;\n}\n\nexport interface IOrderTemplateLineViewModel extends OrderTemplateLine {\n    isChecked: boolean;\n    productQuantityView: React.ReactNode;\n}\n\n/**\n *\n * OrderTemplateLines component.\n * @extends {React.PureComponent<IOrderTemplateProps<IOrderTemplateData>, IOrderTemplateLineActionMessageState>}\n */\n@observer\nclass OrderTemplateLines extends React.Component<IOrderTemplateProps<IOrderTemplateData>, IOrderTemplateLineActionMessageState> {\n    private readonly className: string;\n\n    private readonly telemetryContent?: ITelemetryContent;\n\n    @observable\n    private _viewport: GridSize;\n\n    @computed get isMobile(): boolean {\n        return (this._viewport === 'xs' || this._viewport === 'sm');\n    }\n\n    constructor(props: IOrderTemplateProps<IOrderTemplateData>, state: IOrderTemplateLineActionMessageState) {\n        super(props);\n        this.className = 'ms-order-template';\n        this._viewport = props.context.request && props.context.request.device && props.context.request.device.Type === 'Mobile' ? 'xs' : 'lg';\n        this._updateViewport = this._updateViewport.bind(this);\n\n        this.state = {\n            itemKey: '',\n            userMessage: '',\n            statusCssString: 'success',\n            messageGlyph: 'fas fa-check',\n            isOpen: false,\n            isItemAddedToOrderTemplateOpen: false,\n            isConfirmAddSelectionToBagModalOpen: false,\n            productSelection: [],\n            isDetailsDisplayed: false\n        };\n        this.telemetryContent = getTelemetryObject(this.props.context.request.telemetryPageName!, this.props.friendlyName, this.props.telemetry);\n        this._updateViewport();\n\n        if (MsDyn365.isBrowser && !this.props.context.request.user.isAuthenticated) {\n            window.location.assign(this.props.context.request.user.signInUrl || '/');\n        }\n    }\n\n    @action\n    public async componentDidMount(): Promise<void> {\n        this.setState({});\n        const orderTemplate = await this.props.data.orderTemplate;\n        this.props.config.heading!.text = orderTemplate?.productList.Name || '';\n        this.setState({\n            productSelection: orderTemplate?.orderTemplateLines as IOrderTemplateLineViewModel[]\n        });\n\n        if (MsDyn365.isBrowser) {\n            window.addEventListener('resize', this._updateViewport);\n            this._updateViewport();\n        }\n    }\n\n    public componentWillUnmount(): void {\n        if (MsDyn365.isBrowser) {\n            window.removeEventListener('resize', this._updateViewport);\n        }\n    }\n\n    public shouldComponentUpdate(nextProps: IOrderTemplateProps<IOrderTemplateData>,\n        nextState: IOrderTemplateLineActionMessageState): boolean {\n        if (this.state === nextState && this.props === nextProps) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element | null {\n        const { heading, className } = this.props.config;\n        const { emptyOrderTemplateLinesText, errorGettingOrderTemplateLines } = this.props.resources;\n        const { orderTemplate, cart } = this.props.data;\n\n        if (cart.status === 'LOADING' || ObjectExtensions.isNullOrUndefined(orderTemplate) || orderTemplate.status === 'LOADING') {\n            const errorProps: IOrderTemplateViewProps = {\n                ...(this.props as IOrderTemplateProps<IOrderTemplateData>),\n                OrderTemplateLines: {\n                    moduleProps: this.props,\n                    className: classnames(this.className, className)\n                },\n                status: 'LOADING',\n                statusMessage: <OrderTemplateLinesStatusMessage errorType='LOADING' text='Loading...' />,\n                heading: heading && <Heading className={`${this.className}__heading`} {...heading} />,\n                resources: this.props.resources\n            };\n            return this.props.renderView(errorProps);\n        }\n\n        if (cart.status === 'FAILED' || orderTemplate.status === 'FAILED') {\n            const errorProps: IOrderTemplateViewProps = {\n                ...(this.props as IOrderTemplateProps<IOrderTemplateData>),\n                OrderTemplateLines: {\n                    moduleProps: this.props,\n                    className: classnames(`${this.className}`, className)\n                },\n                status: 'FAILED',\n                statusMessage: <OrderTemplateLinesStatusMessage errorType='FAILED' text={errorGettingOrderTemplateLines} />,\n                heading: heading && <Heading className={`${this.className}__heading`} {...heading} />,\n                resources: this.props.resources\n            };\n\n            return this.props.renderView(errorProps);\n        }\n\n        const orderTemplateResult = orderTemplate && orderTemplate.result;\n        const orderTemplateLines = orderTemplateResult && orderTemplateResult.orderTemplateLines;\n\n        if (!orderTemplateResult || !orderTemplateLines || orderTemplateLines.length === 0) {\n            if (orderTemplateResult && !this._isFirstPage() && MsDyn365.isBrowser) {\n                window.location.href = this._getOrderTemplatePageUrl();\n                return null;\n            }\n\n            const emptyViewProps: IOrderTemplateViewProps = {\n                ...(this.props as IOrderTemplateProps<IOrderTemplateData>),\n                OrderTemplateLines: {\n                    moduleProps: this.props,\n                    className: classnames(`${this.className}`, className)\n                },\n                status: 'EMPTY',\n                statusMessage: <OrderTemplateLinesStatusMessage errorType='EMPTY' text={emptyOrderTemplateLinesText} />,\n                heading: heading && <Heading className={`${this.className}__heading`} {...heading} />,\n                resources: this.props.resources\n            };\n\n            return this.props.renderView(emptyViewProps);\n        }\n\n        const viewProps: IOrderTemplateViewProps = {\n            ...(this.props as IOrderTemplateProps<IOrderTemplateData>),\n            OrderTemplateLines: {\n                moduleProps: this.props,\n                className: classnames(`${this.className}`, className)\n            },\n            status: 'SUCCESS',\n            productsStatusMessage: this.state.isOpen && (\n                <div className={`${this.className}-products-status`}>\n                    <Alert color={this.state.statusCssString} isOpen={this.state.isOpen} toggle={this._onDismiss}>\n                        <span aria-live='assertive'>\n                            {this.state.userMessage}\n                        </span>\n                    </Alert>\n                </div>\n            ),\n            heading: heading && <Heading className={`${this.className}__heading`} {...heading} />,\n            OrderTemplateActions: {\n                className: `${this.className}-action-bar`,\n                tag: 'div'\n            },\n            ProductsTable: {\n                className: `${this.className}__table`,\n                tag: 'table',\n                role: 'grid'\n            },\n            ProductsTableRow: {\n                className: `${this.className}-table-line`,\n                tag: 'tr'\n            },\n            ProductsTableHeading: this._renderProductListHeader(this.props.resources),\n            ProductDetails: {\n                className: `${this.className}-table-line__link`,\n                tag: 'a'\n            },\n            orderLines: this._renderProductList(),\n            callbacks: { updateQuantity: debounce(this._changeQuantity, 2000) },\n            orderActions: this._renderOrderTemplateActions(orderTemplateResult),\n            pagination: this._renderPagination(),\n            itemAddedToCartDialog: this._renderItemAddedToCartDialog(),\n            bulkOrderLineActions: this._getOrderTemplateLineActions(orderTemplateResult.productList.Id),\n            isDetailsDisplayed: this.state.isDetailsDisplayed,\n            toggleDetailsDisplayed: this._toggleDetailsDisplayed,\n            detailedProductView: this.state.detailedProductView,\n            isMobile: this.isMobile\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public onSelect(line: IOrderTemplateLineViewModel, isChecked: boolean): void {\n        line.isChecked = isChecked;\n\n        const updated = this.state.productSelection.map(product => {\n            if (product.fullProduct?.ProductDetails.ItemId === line.fullProduct?.ProductDetails.ItemId) {\n                line.isChecked = isChecked;\n            }\n            return product;\n        }) || [];\n\n        this.setState({\n            productSelection: updated\n        });\n    }\n\n    public onSelectAll(isChecked: boolean): void {\n        const updated = this.state.productSelection.map(line => {\n            line.isChecked = isChecked;\n            return line;\n        }) || [];\n\n        this.setState({\n            productSelection: updated\n        });\n    }\n\n    private _renderProductListHeader(resources: IOrderTemplateResources): React.ReactNode {\n        const { productNumberText, productText, productUnitPriceText, productUOMText, productQuantityText, productActionsText, selectAllRowsText } = resources;\n        const headers: IOrderTemplateTableHeadingProps = {\n            productNumber: productNumberText,\n            productName: productText,\n            productUnitPrice: productUnitPriceText,\n            productUOM: productUOMText,\n            productQuantity: productQuantityText,\n            productActions: productActionsText,\n            selectAllRowsText,\n            lines: this.state.productSelection,\n            isMobile: this.isMobile,\n            clickHandler: (isChecked: boolean) => {\n                this.onSelectAll(isChecked);\n            }\n        };\n\n        return <OrderTemplateTableHeading {...headers} />;\n    }\n\n    private _getOrderTemplateLineActions(orderTemplateId: string): React.ReactNode {\n        return (\n            <OrderTemplateBulkActions\n                {...this.props}\n                orderTemplateId={orderTemplateId}\n                selectedLines={this.state.productSelection.filter(line => line.isChecked)}\n                onAddSelectionToBag={this._onAddSelectionToBag}\n                onRemoveSelection={this._onRemoveSelection}\n                isMinifiedView={this.isMobile}\n            />\n        );\n    }\n\n    private _generateLinesAddedToCartDialogResources(): ILinesAddedToCartDialogResources {\n        return {\n            viewCartButtonText: this.props.resources.viewCartButtonText,\n            orderTemplateCloseButtonText: this.props.resources.orderTemplateCloseButtonText,\n            linesAddedToCartHeaderItemsOneText: this.props.resources.linesAddedToCartHeaderItemsOneText,\n            linesAddedToCartHeaderLinesOneText: this.props.resources.linesAddedToCartHeaderLinesOneText,\n            linesAddedToCartHeaderLinesFormatText: this.props.resources.linesAddedToCartHeaderLinesFormatText,\n            linesAddedToCartHeaderMessageText: this.props.resources.linesAddedToCartHeaderMessageText\n        };\n    }\n\n    private _generateItemAddedToCartDialogResources(): IItemAddedToCartDialogResources {\n        return {\n            viewCartButtonText: this.props.resources.viewCartButtonText,\n            orderTemplateCloseButtonText: this.props.resources.orderTemplateCloseButtonText,\n            itemAddedToCartHeaderItemOneText: this.props.resources.itemAddedToCartHeaderItemOneText,\n            itemAddedToCartHeaderItemFormatText: this.props.resources.itemAddedToCartHeaderItemFormatText,\n            itemAddedToCartHeaderMessageText: this.props.resources.itemAddedToCartHeaderMessageText,\n            freePriceText: this.props.resources.freePriceText,\n            originalPriceText: this.props.resources.originalPriceText,\n            currentPriceText: this.props.resources.currentPriceText\n        };\n    }\n\n    private readonly _onRemoveSelection = (): void => {\n        const { context, resources } = this.props;\n        const { telemetry } = context;\n        const { removeSelectedFailureMessage, removeSelectedSuccessMessage } = resources;\n        const lines = this.state.productSelection;\n        const productListLines = lines && lines.length && lines\n            .filter(line => line.isChecked)\n            .map(line => line.productListLine);\n\n        if (productListLines && productListLines.length > 0) {\n            const productListId = productListLines[0].ProductListId;\n\n            removeProductListLinesAsync({ callerContext: context.actionContext }, productListId!, productListLines)\n                .then(() => {\n                    this.setState({\n                        userMessage: removeSelectedSuccessMessage,\n                        statusCssString: 'success',\n                        messageGlyph: 'fas fa-check',\n                        isOpen: true\n                    });\n                    window.location.reload();\n                })\n                .catch(error => {\n                    telemetry.warning('[order-template-lines] Unable remove items from the order template lines');\n                    telemetry.error(error);\n                    this.setState({\n                        userMessage: removeSelectedFailureMessage,\n                        statusCssString: 'success',\n                        messageGlyph: 'fas fa-check',\n                        isOpen: true\n                    });\n                });\n        }\n    };\n\n    private readonly _getOrderTemplatePageUrl = (): string => {\n        let url = getUrlSync('ordertemplate', this.props.context.actionContext) || '';\n        url = url.includes('?') ? url.substr(0, url.indexOf('?')) : url;\n        if (this.props.data.orderTemplate?.result?.productList.Id) {\n            return `${url}?id=${this.props.data.orderTemplate.result.productList.Id}`;\n        }\n        return '';\n\n    };\n\n    private readonly _onAddSelectionToBag = async (): Promise<void> => {\n        const { context, resources } = this.props;\n        const { addedToCartFailureMessage, addedToCartSuccessMessage } = resources;\n        const lines = this.state.productSelection;\n        const cartState = await getCartState(context.actionContext);\n        const selectedLines = lines.filter(line => line.isChecked);\n\n        if (selectedLines.length > 0) {\n            const cartLines = selectedLines.map(productLine => {\n                return {\n                    ItemId: productLine.fullProduct?.ProductDetails.ItemId,\n                    ProductId: productLine.productListLine.ProductId,\n                    Quantity: productLine.productListLine.Quantity || 1,\n                    TrackingId: '',\n                    UnitOfMeasureSymbol: productLine.productListLine.UnitOfMeasure || productLine.fullProduct?.ProductDetails.DefaultUnitOfMeasure\n                } as CartLine;\n            }) || [];\n\n            return addCartLinesAsync({ callerContext: context.actionContext }, cartState.cart.Id, cartLines, cartState.cart.Version)\n                .then(async res => {\n                    context.telemetry.trace(`Order template; selected line items (${cartLines.map(line => line.ItemId).join(',')}) added to cart: ${cartState.cart.Id}`);\n                    await cartState.refreshCart({});\n                    this.setState({\n                        userMessage: addedToCartSuccessMessage,\n                        statusCssString: 'success',\n                        messageGlyph: 'fas fa-check',\n                        isOpen: true\n                    });\n                })\n                .catch(error => {\n                    context.telemetry.trace('Unable to add order template to cart.');\n                    this.setState({\n                        userMessage: addedToCartFailureMessage,\n                        statusCssString: 'danger',\n                        messageGlyph: 'fas fa-exclamation-triangle',\n                        isOpen: true\n                    });\n                });\n        }\n\n        return Promise.resolve(void (0));\n    };\n\n    private _renderOrderTemplateActions(orderTemplate: OrderTemplate): IOrderTemplateActionsViewProps {\n        const { id, typeName, context, resources } = this.props;\n        const {\n            addTemplateToBagButtonText,\n            renameTemplateButtonText,\n            deleteTemplateButtonText,\n            closeWindowButtonText,\n            addToCartFailureMessage,\n            addToCartSuccessMessage,\n            addToCartProcessMessage\n        } = resources;\n\n        const orderTemplateActions: IOrderTemplateActionsProps = {\n            data: { orderTemplate },\n            id,\n            typeName,\n            context,\n            telemetryContent: this.telemetryContent,\n            handlers: {\n                onRenameTemplate: this._renameTemplate,\n                onRemoveTemplate: this._removeTemplate\n            },\n            renameOrderTemplateDialogStrings: this._generateOrderTemplateNameDialogResources(resources),\n            resources: {\n                addTemplateToBagButtonText,\n                renameTemplateButtonText,\n                deleteTemplateButtonText,\n                addToCartFailureMessage,\n                addToCartSuccessMessage,\n                addToCartProcessMessage,\n                closeWindowButtonText,\n                linesAddedToCartDialogResources: this._generateLinesAddedToCartDialogResources()\n            }\n        };\n\n        return OrderTemplateActionsView(orderTemplateActions);\n    }\n\n    private _generateOrderTemplateNameDialogResources(resources: IOrderTemplateResources): IOrderTemplateNameDialogResources {\n        return {\n            orderTemplateHeaderLabel: resources.renameOrderTemplateTitleText,\n            orderTemplateTitleLabel: resources.orderTemplateTitle,\n            orderTemplateNameAriaLabel: resources.orderTemplateTitle,\n            orderTemplateDescription: '',\n            defaultOrderTemplateName: resources.defaultOrderTemplateName,\n            orderTemplateButtonLabel: resources.renameOrderTemplateButtonText,\n            orderTemplateCancelButtonLabel: resources.cancelBtnLabel\n        };\n    }\n\n    private readonly _getCurrentUrl = (reqContext: IRequestContext): URL => {\n        if (MsDyn365.isBrowser) {\n            return new URL(window.location.href);\n        }\n        return new URL(reqContext.url.requestUrl.href);\n    };\n\n    /**\n     * On close handler.\n     */\n    private readonly onCloseHandler = () => {\n        this.setState({\n            itemKey: this.state.itemKey,\n            userMessage: this.state.userMessage,\n            statusCssString: this.state.statusCssString,\n            messageGlyph: this.state.messageGlyph,\n            isOpen: this.state.isOpen,\n            isItemAddedToOrderTemplateOpen: false\n        });\n    };\n\n    private readonly _renderItemAddedToCartDialog = (): React.ReactNode | null => {\n        if (!this.state.itemAddedToCartDialogData) {\n            return null;\n        }\n\n        return (\n            <ItemAddedToCartDialog\n                className='msc-item-added-to-cart-dialog'\n                id={this.props.id}\n                typeName={this.props.typeName}\n                context={this.props.context}\n                dialogStrings={this._generateItemAddedToCartDialogResources()}\n                data={this.state.itemAddedToCartDialogData}\n                modalOpen={this.state.isItemAddedToOrderTemplateOpen}\n                onClose={this.onCloseHandler}\n            />\n        );\n    };\n\n    private _isFirstPage(): boolean {\n        return this._getCurrentPageNumber() === 0;\n    }\n\n    private _getCurrentPageNumber(): number {\n        const itemsPerPage = this.props.config.itemsPerPage || 50;\n        return this.props.context.request.query && (+this.props.context.request.query.skip / itemsPerPage) || 0;\n    }\n\n    private readonly _renderPagination = (): React.ReactNode | null => {\n        const { config, context, data, resources } = this.props;\n        const orderTemplate = data && data.orderTemplate && data.orderTemplate.result;\n        if (!orderTemplate) {\n            return null;\n        }\n\n        const fullUrl = this._getCurrentUrl(context.request);\n        const itemsPerPage = config.itemsPerPage || 50;\n        const currentPageNumber = this._getCurrentPageNumber();\n        const skipCount = currentPageNumber * itemsPerPage;\n        const totalItems = orderTemplate && orderTemplate.totalLines;\n        const previousText = resources.flipperPrevious;\n        const nextText = resources.flipperNext;\n\n        if (totalItems <= itemsPerPage) {\n            return null;\n        }\n\n        return (\n            <UncontrolledPagination\n                className={`${this.className}__pagination`}\n                role='navigation'\n                aria-label={resources.paginationAriaLabel}\n                url={fullUrl.href}\n                qsp='skip'\n                items={totalItems}\n                itemsPerPage={itemsPerPage}\n                startingItem={skipCount}\n                previousText={this._renderPrev(previousText)}\n                nextText={this._renderNext(nextText)}\n                previousAriaLabel={previousText}\n                nextAriaLabel={nextText}\n            />\n        );\n    };\n\n    private _renderProductList(): IOrderTemplateLineViewProps[] {\n        const {\n            selectOneRowText,\n            moreButtonText,\n            viewProductDetailsText,\n            priceFree,\n            originalPriceText,\n            currentPriceText,\n            addOrderTemplateItemToBagButtonText,\n            removeItemFromOrderTemplateButtonText,\n            productDimensionTypeColor,\n            productDimensionTypeSize,\n            productDimensionTypeStyle,\n            inputQuantityAriaLabel,\n            deleteButtonText,\n            incrementButtonAriaLabel,\n            decrementButtonAriaLabel\n        } = this.props.resources;\n\n        const { context, telemetry } = this.props;\n        const { imageSettings } = this.props.config;\n\n        return this.state.productSelection.map((line, index) => {\n            const currentProductProps: IOrderTemplateLineProps = {\n                orderTemplateLine: line,\n                productListLine: line.productListLine,\n                price: line.fullProduct?.ProductPrice,\n                context,\n                productUrl: line.fullProduct ? getProductUrlSync(line.fullProduct.ProductDetails, context.actionContext, undefined) : '',\n                imageSettings,\n                telemetry,\n                moduleId: this.props.id,\n                moduleTypeName: this.props.typeName,\n                quantity: line.productListLine.Quantity!,\n                handlers: {\n                    onAddToBag: this._addItemToBag,\n                    onRemoveItem: this._removeItemFromOrderTemplateLines,\n                    onChangeQuantity: this._changeQuantity,\n                    onSelect: this.onSelect.bind(this)\n                },\n                resources: {\n                    selectOneRowText,\n                    moreButtonText,\n                    viewProductDetailsText,\n                    productDimensionTypeColor,\n                    productDimensionTypeSize,\n                    productDimensionTypeStyle,\n                    freePriceText: priceFree,\n                    originalPriceText,\n                    currentPriceText,\n                    inputQuantityAriaLabel,\n                    removeFromOrderTemplateLinesText: removeItemFromOrderTemplateButtonText,\n                    addToBagButtonText: addOrderTemplateItemToBagButtonText,\n                    deleteButtonText,\n                    incrementButtonAriaLabel,\n                    decrementButtonAriaLabel\n                },\n                index,\n                isMobile: this.isMobile,\n                toggleDetailsDisplayed: this._toggleDetailsDisplayed\n            };\n\n            return OrderTemplateLineView(currentProductProps)!;\n        });\n    }\n\n    private readonly _toggleDetailsDisplayed = (props: IOrderTemplateLineProps): void => {\n        let state = {\n            isDetailsDisplayed: !this.state.isDetailsDisplayed\n        };\n        if (props) {\n            state = { ...state, ...{\n                detailedProductView: OrderTemplateMobileLineView(props)\n            } };\n        }\n        this.setState(state);\n    };\n\n    // Dismiss alert when addingToCart/removeItem\n    private readonly _onDismiss = () => {\n        this.setState({\n            isOpen: false\n        });\n    };\n\n    private readonly _changeQuantity = (itemKey: string, quantity: number, props?: IOrderTemplateLineProps) => {\n        const { context, data, telemetry, config } = this.props;\n        const { orderTemplate } = data;\n\n        if (context) {\n            if (orderTemplate?.result) {\n                const orderTemplateLinesData = orderTemplate.result.orderTemplateLines;\n                if (orderTemplateLinesData) {\n                    const orderLineIndex = orderTemplateLinesData.findIndex((lines: OrderTemplateLine) => lines.productListLine.LineId === itemKey);\n                    const newProductListLine = { ...orderTemplateLinesData[orderLineIndex] };\n                    if (orderTemplateLinesData[orderLineIndex].productListLine.Quantity === quantity) {\n                        return;\n                    }\n                    const prevQuantity = newProductListLine.productListLine.Quantity;\n                    newProductListLine.productListLine.Quantity = quantity;\n                    const { fullProduct, ...line } = newProductListLine;\n\n                    // Update mobile modal\n                    if (props) {\n                        props.quantity = quantity;\n                        this.setState({\n                            detailedProductView: OrderTemplateMobileLineView(props)\n                        });\n                    }\n\n                    updateProductListLinesAsync({ callerContext: context.actionContext }, orderTemplate.result.productList.Id, [line.productListLine])\n                        .then(list => {\n                            this.setState({\n                                itemKey,\n                                userMessage: '',\n                                statusCssString: 'success',\n                                messageGlyph: 'fas fa-check',\n                                isOpen: false\n                            });\n                            if (list) {\n                                const newLine = list.find(lines => lines.LineId === itemKey);\n                                orderTemplateLinesData[orderLineIndex].productListLine = newLine!;\n                                const updatedLines = [...orderTemplateLinesData];\n                                updatedLines[orderLineIndex] = { fullProduct, productListLine: newLine! };\n                                const updatedOrderTemplate = { ...orderTemplate.result, ProductListLines: updatedLines };\n                                context.actionContext.update(new ActiveOrderTemplateLinesInput(context.actionContext.requestContext, config), updatedOrderTemplate);\n                            }\n                        })\n                        .catch(error => {\n                            telemetry.warning('[order-template-lines] Unable to update product quantity.');\n                            telemetry.error(error);\n                            const userMessage = 'Failed to update quantity value.';\n                            if (props) {\n                                props && (props.productListLine.Quantity = prevQuantity);\n                                this.setState({\n                                    itemKey,\n                                    userMessage,\n                                    statusCssString: 'danger',\n                                    messageGlyph: 'fas fa-exclamation-triangle',\n                                    isOpen: true,\n                                    detailedProductView: OrderTemplateMobileLineView(props)\n                                });\n                            } else {\n                                newProductListLine.productListLine.Quantity = prevQuantity;\n                                this.setState({\n                                    itemKey,\n                                    userMessage,\n                                    statusCssString: 'danger',\n                                    messageGlyph: 'fas fa-exclamation-triangle',\n                                    isOpen: true\n                                });\n                            }\n                        });\n                }\n            }\n        }\n    };\n\n    private readonly _addItemToBag = (product: SimpleProduct, quantity: number, itemKey: string): void => {\n        const { context, data, resources, telemetry } = this.props;\n        const { cart } = data;\n        const { maxQuantityLimitText, addedToCartFailureMessage } = resources;\n\n        if (context) {\n            if (cart.result) {\n                const addProductToCartInput = {\n                    product,\n                    count: quantity\n                };\n\n                cart.result\n                    .addProductToCart(addProductToCartInput)\n                    .then((result: ICartActionResult) => {\n                        if (result.status === 'SUCCESS') {\n                            return getPriceForSelectedVariant(\n                                new PriceForSelectedVariantInput(\n                                    product.RecordId,\n                                    this.props.context.actionContext.requestContext.apiSettings.channelId,\n                                    product),\n                                this.props.context.actionContext).then(priceResult => {\n                                if (!priceResult) {\n                                    return AsyncResult.reject('Failed to retrieve product price');\n                                }\n                                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- read config file.\n                                const isMiniCart = context.app.config.addToCartBehavior === 'showMiniCart';\n                                this.setState({\n                                    itemKey,\n                                    userMessage: '',\n                                    statusCssString: 'success',\n                                    messageGlyph: 'fas fa-check',\n                                    isOpen: false,\n                                    isItemAddedToOrderTemplateOpen: !isMiniCart,\n                                    itemAddedToCartDialogData: {\n                                        product,\n                                        productPrice: priceResult,\n                                        quantity\n                                    },\n                                    isDetailsDisplayed: false\n                                });\n                                return AsyncResult.resolve();\n                            });\n                        } else if (result.substatus === 'MAXQUANTITY') {\n                            this.setState({\n                                itemKey,\n                                userMessage:\n                                    maxQuantityLimitText\n                                        .replace('{curQuantity}', quantity.toString())\n                                        .replace('{maxQuantity}', context.app.config.maxQuantityForProductListLineItem.toString()) ||\n                                    `You can only add ${context.app.config.maxQuantityForProductListLineItem} of this item to your shopping bag`,\n                                statusCssString: 'danger',\n                                messageGlyph: 'fas fa-exclamation-triangle',\n                                isOpen: true\n                            });\n                            return AsyncResult.resolve();\n                        }\n                        telemetry.debug('[order-template-lines] Unable to Update Cart Line from the order template lines');\n                        this.setState({\n                            itemKey,\n                            userMessage: addedToCartFailureMessage,\n                            statusCssString: 'danger',\n                            messageGlyph: 'fas fa-exclamation-triangle',\n                            isOpen: true\n                        });\n                        return AsyncResult.resolve();\n\n                    })\n                    .catch((error: Error) => {\n                        telemetry.warning(error.message);\n                        telemetry.debug('[order-template-lines] Error trying to Update Cart Line from the order template lines');\n                        this.setState({\n                            itemKey,\n                            userMessage: addedToCartFailureMessage,\n                            statusCssString: 'danger',\n                            messageGlyph: 'fas fa-exclamation-triangle',\n                            isOpen: true\n                        });\n                    });\n            }\n        }\n    };\n\n    private readonly _removeItemFromOrderTemplateLines = (line: IOrderTemplateLineViewModel): void | undefined => {\n        const { context, data, telemetry } = this.props;\n        const { orderTemplate } = data;\n\n        if (context && context.actionContext) {\n            const userToken = context.request.user.isAuthenticated && context.request.user.token;\n            if (userToken && orderTemplate?.result && line) {\n                removeProductListLinesAsync({ callerContext: context.actionContext }, line.productListLine.ProductListId!, [line.productListLine])\n                    .then(() => {\n                        window.location.reload(false);\n                    })\n                    .catch(error => {\n                        telemetry.warning('[order-template-lines] Unable remove items from the order template lines');\n                        telemetry.error(error);\n                    });\n            } else {\n                telemetry.warning(\n                    '[order-template-lines] Unable remove items from the order template lines user token or lineItemID was not found'\n                );\n            }\n        }\n    };\n\n    private readonly _renameTemplate = async (_template: ProductList): Promise<void> => {\n        window.location.reload();\n        return Promise.resolve();\n    };\n\n    private readonly _removeTemplate = () => {\n        const { context, data, telemetry, resources } = this.props;\n        const { orderTemplate } = data;\n\n        if (context && context.actionContext) {\n            const userToken = context.request.user.isAuthenticated && context.request.user.token;\n            if (userToken && orderTemplate && orderTemplate.result) {\n                deleteAsync({ callerContext: context.actionContext }, orderTemplate.result.productList)\n                    .then()\n                    .catch((error: string) => {\n                        telemetry.warning('[order-template] Unable to delete order template.');\n                        telemetry.error(error);\n                        this.setState({\n                            itemKey: orderTemplate.result?.productList.Id || '',\n                            userMessage: resources.deleteOrderTemplateFailedText,\n                            statusCssString: 'danger',\n                            messageGlyph: 'fas fa-exclamation-triangle',\n                            isOpen: true\n                        });\n                    });\n                const newLink = getUrlSync('ordertemplatelist', this.props.context.actionContext);\n                if (newLink) {\n                    window.location.assign(newLink);\n                }\n            } else {\n                telemetry.warning('[order-template] Failed to delete order template. Order template was not found');\n            }\n        } else {\n            telemetry.warning('[order-template] Failed to delete order template.');\n        }\n    };\n\n    private _updateViewport(): void {\n        this._viewport = this._getViewport();\n    }\n\n    private readonly _getViewport = (): GridSize => {\n        const { context } = this.props;\n\n        // Always render in mobile viewport on a mobile device\n        if (context.request && context.request.device && context.request.device.Type === 'Mobile') {\n            return 'xs';\n        }\n\n        if (MsDyn365.isBrowser && window.innerWidth) {\n            const gridSettings = context.request.gridSettings;\n            if (gridSettings) {\n                if (gridSettings.xs && window.innerWidth <= gridSettings.xs.w) {\n                    return 'xs';\n                } else if (gridSettings.sm && window.innerWidth <= gridSettings.sm.w) {\n                    return 'sm';\n                } else if (gridSettings.md && window.innerWidth <= gridSettings.md.w) {\n                    return 'md';\n                } else if (gridSettings.lg && window.innerWidth <= gridSettings.lg.w) {\n                    return 'lg';\n                }\n                return 'xl';\n\n            }\n        }\n\n        return 'xs';\n    };\n\n    /**\n     * Renders a Pagination previous text.\n     * @param  paginationPreviousText - Pagination previous text from resources.\n     * @returns Previous text and flipper icon.\n     */\n    private readonly _renderPrev = (paginationPreviousText: string) => {\n        return (\n            <div className='msc-pagination__prev'>\n                <span className={`${this.props.config.className}__pagination-left`} aria-hidden='true' />\n                <span className='prev-text'>\n                    {paginationPreviousText}\n                </span>\n            </div>\n        );\n    };\n\n    /**\n     * Renders a Pagination next text.\n     * @param  paginationNextText - Pagination next text from resources.\n     * @returns Next text and flipper icon.\n     */\n    private readonly _renderNext = (paginationNextText: string) => {\n        return (\n            <div className='msc-pagination__next'>\n                <span className='next-text'>\n                    {paginationNextText}\n                </span>\n                <span className={`${this.props.config.className}__pagination-right`} aria-hidden='true' />\n            </div>\n        );\n    };\n}\n\nexport default OrderTemplateLines;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Button, INodeProps, Modal, ModalBody, ModalFooter, ModalHeader, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IOrderTemplateLineViewProps } from './components';\nimport { IOrderTemplateViewProps } from './order-template';\n\nconst OrderTemplateLinesView: React.FC<IOrderTemplateViewProps> = (props: IOrderTemplateViewProps) => {\n    const {\n        OrderTemplateLines,\n        status,\n        statusMessage,\n        heading,\n        ProductsTable,\n        ProductsTableHeading,\n        orderLines,\n        ProductsTableRow,\n        productsStatusMessage,\n        OrderTemplateActions,\n        orderActions,\n        pagination,\n        itemAddedToCartDialog,\n        bulkOrderLineActions,\n        isDetailsDisplayed,\n        detailedProductView,\n        toggleDetailsDisplayed,\n        resources: {\n            cancelBtnLabel,\n            productNumberText,\n            productText,\n            productUnitPriceText,\n            productUOMText,\n            productQuantityText\n        }\n    } = props;\n\n    const toggleDetails = React.useCallback(() => {\n        toggleDetailsDisplayed && toggleDetailsDisplayed(undefined);\n    }, [toggleDetailsDisplayed]);\n\n    return (\n        <Module {...OrderTemplateLines}>\n            {heading}\n            {OrderTemplateActions && (\n                <Node {...OrderTemplateActions}>\n                    {orderActions?.addTemplateToBag}\n                    {orderActions?.renameTemplate}\n                    {orderActions?.removeTemplate}\n                    {!isDetailsDisplayed && productsStatusMessage}\n                </Node>\n            )}\n            {bulkOrderLineActions}\n            {status !== 'SUCCESS' && statusMessage}\n            {ProductsTable && orderLines && orderLines.length > 0 && (\n                <Node className='ms-order-template__content'>\n                    <Node {...ProductsTable}>\n                        {ProductsTableHeading}\n                        <tbody>\n                            {orderLines &&\n                                orderLines.map(product => {\n                                    return _renderItem(product, productQuantityText, ProductsTableRow);\n                                })}\n                        </tbody>\n                    </Node>\n                    {pagination}\n                </Node>\n            )}\n            {itemAddedToCartDialog}\n            <Modal\n                wrapClassName='ms-order-template-mobile-view-modal'\n                autoFocus\n                fade={false}\n                applicationNode='renderPage'\n                isOpen={isDetailsDisplayed}\n                toggle={toggleDetails}\n            >\n                <ModalHeader toggle={toggleDetails}>\n                    Product Details\n                </ModalHeader>\n                <ModalBody>\n                    <ul>\n                        <li>\n                            {detailedProductView?.productImage}\n                        </li>\n                        <li className='product-info'>\n                            <span>\n                                {productText}\n                                :\n                            </span>\n                            {detailedProductView?.productInfo}\n                        </li>\n                        <li>\n                            <span>\n                                {productNumberText}\n                                :\n                            </span>\n                            {detailedProductView?.productNumber}\n                        </li>\n                        <li>\n                            <span>\n                                {productUnitPriceText}\n                                :\n                            </span>\n                            {' '}\n                            {detailedProductView?.productPrice}\n                        </li>\n                        <li>\n                            <span>\n                                {productUOMText}\n                                :\n                            </span>\n                            {' '}\n                            {detailedProductView?.productUnitOfMeasure}\n                        </li>\n                        <li>\n                            <span>\n                                {productQuantityText}\n                                :\n                            </span>\n                            {detailedProductView?.productQuantityView}\n                        </li>\n                        {productsStatusMessage && <li>\n                            {productsStatusMessage}\n                        </li>}\n                    </ul>\n                </ModalBody>\n                <ModalFooter>\n                    <Button onClick={toggleDetails}>\n                        {cancelBtnLabel}\n                    </Button>\n                </ModalFooter>\n            </Modal>\n        </Module>\n    );\n};\n\nconst _renderItem = (\n    product: IOrderTemplateLineViewProps,\n    quantityLabel: string,\n    ProductsTableRow?: INodeProps\n): JSX.Element | null => {\n    if (!product) {\n        return null;\n    }\n\n    const {\n        key,\n        selectLine,\n        productImage,\n        productPrice,\n        productNumber,\n        addToBagButton,\n        removeButton,\n        productInfo,\n        productUnitOfMeasure,\n        productQuantityView,\n        productQuantity,\n        popUp,\n        isMobile\n    } = product;\n\n    return (\n        <Node key={key} className={ProductsTableRow!.className} {...ProductsTableRow}>\n            <td>\n                {selectLine}\n            </td>\n            <td>\n                {productImage}\n            </td>\n            {isMobile ? <td>\n                <div>\n                    {productNumber}\n                </div>\n                <div>\n                    {quantityLabel}\n                    :\n                    {' '}\n                    {productQuantity}\n                </div>\n            </td> : <td>\n                {productNumber}\n            </td>}\n            {!isMobile && <td>\n                {productInfo}\n            </td>}\n            {!isMobile && <td>\n                {productPrice}\n            </td>}\n            {!isMobile && <td>\n                {productUnitOfMeasure}\n            </td>}\n            {!isMobile && <td>\n                {productQuantityView}\n            </td>}\n            {isMobile && <td>\n                {popUp}\n            </td> }\n            {!isMobile &&\n                <td>\n                    {addToBagButton}\n                    {removeButton}\n                </td>}\n        </Node>\n    );\n};\n\nexport default OrderTemplateLinesView;\n"],"names":["OrderTemplateActions","props","onRemoveOrderTemplate","handlers","itemKey","removeOrderTemplateActionHandler","input","OrderTemplateRender","Id","orderTemplate","removeFromOrderTemplateListText","orderTemplateState","name","imageSettings","context","telemetryContent","enableImageProductLink","onDismiss","key","orderTemplateImage","_renderOrderTemplateImages","orderTemplateLines","orderTemplateAriaLabel","_renderAriaLabel","orderTemplateName","className","href","url","actionContext","separator","includes","_getOrderTemplatePageUrl","totalLines","color","addToCartButton","AddOrderTemplateToCartComponent","id","typeName","moduleTypeName","data","addToCartText","addToBagText","dialogStrings","resources","removeButton","onClick","orderTemplateStatusMessage","isOpen","userMessage","statusCssString","toggle","onClickHandler","productUrl","window","location","assign","defaultImageSettings","viewports","xs","q","w","h","lg","xl","lazyload","count","length","slice","map","line","fullProduct","getProductUrlSync","ProductDetails","undefined","alt","Name","altText","requestContext","src","PrimaryImageUrl","fallBackSrc","getFallbackImageUrl","ItemId","apiSettings","gridSettings","request","loadFailureBehavior","OrderTemplateListStatusMessage","errorType","text","modalCloseButtonReference","onCancelHandler","isCreateOrderTemplateDialogOpen","setOrderTemplateNameDialogOpen","useState","onCreateButtonClick","ref","createOrderTemplateText","OrderTemplateNameDialog","modalOpen","isUpdateDialog","setModalOpen","createOrderTemplateDialogResources","onCancel","onSuccess","onOrderTemplateCreated","parentElementRef","OrderTemplateList","super","_onDismiss","this","setState","_reloadPage","async","reload","_onRemoveFromOrderTemplateList","productListId","telemetry","orderTemplates","user","isAuthenticated","token","result","find","p","productList","deleteAsync","callerContext","then","catch","error","warning","headerStatusMessage","deleteOrderTemplateFailedText","messageGlyph","state","nextProps","nextState","heading","config","emptyOrderTemplateText","createNewTemplateButtonText","orderTemplatesData","orderTemplateListHeading","orderTemplateListTitle","status","errorProps","moduleProps","statusMessage","tag","renderView","emptyViewProps","viewProps","createOrderTemplateButton","_generateOrderTemplateNameDialogResources","templateHeaderStatusMessage","OrderTemplates","OrderTemplate","_renderOrderTemplateList","orderTemplateHeaderLabel","createOrderTemplateHeader","orderTemplateTitleLabel","orderTemplateTitle","orderTemplateNameAriaLabel","orderTemplateDescription","createOrderTemplateDescription","defaultOrderTemplateName","orderTemplateButtonLabel","createOrderTemplateButtonText","orderTemplateCancelButtonLabel","cancelNewOrderTemplateCreationButtonText","index","currentTemplateProps","addToBagButtonText","moduleId","closeWindowButtonText","addToCartFailureMessage","addToCartSuccessMessage","addToCartProcessMessage","linesAddedToCartDialogResources","viewCartButtonText","orderTemplateCloseButtonText","linesAddedToCartHeaderItemsOneText","linesAddedToCartHeaderLinesOneText","linesAddedToCartHeaderLinesFormatText","linesAddedToCartHeaderMessageText","OrderTemplateListView","Module","Node","_renderOrderTemplate","ActiveOrderTemplateLinesInput","getCacheKey","buildCacheKeyWithUrlTokens","getCacheObjectType","dataCacheType","shouldCacheOutput","query","Error","orderTemplateId","queryResultSettings","QueryResultSettings","getActiveOrderTemplateLines","getActiveOrderTemplateLinesDataAction","action","msg","CONTENT","AddLineToTemplate","products","content","Search","selectedProduct","searchTextInput","addLineButtonRef","_renderSearchForm","searchButtonAriaLabel","searchModalPlaceholderText","role","autoComplete","onSubmit","_onSearchSubmit","type","autoFocus","placeholder","value","onChange","_onInputChange","maxLength","event","preventDefault","Loading","_getSearchResults","NotFound","ProductList","_onQuantityChangeHandler","selectedQuantity","target","_onSelectItem","channelId","varianteInput","product","RecordId","productVariant","Promise","resolve","dimensions","_getProductDimensions","selectedProductDimensions","ProductConfiguration","_onBackButtonClickHandler","_highlightSearchTerm","parsedName","unescape","replace","RegExp","dangerouslySetInnerHTML","__html","_resultCountText","searchResultsCountVerbage","toString","searchResultsCountSubject","_addItemToTemplateHandler","quantity","DefaultUnitOfMeasure","reloadPage","_toggleModalHandler","current","focus","addLineModalLinkText","backToResultsText","modalProps","ariaLabel","showBackArrow","_renderContent","addToTemplateHandler","onQuantityChangeHandler","highlightSearchTerm","searchForm","productProps","clickHandler","renderResultCountText","progressNotificationText","notFoundSearchErrorNotice","notFoundSearchErrorRedediation","NotFoundComponent","searchErrorMessage","searchText","catalogId","searchCriteriaInput","Context","ChannelId","CatalogId","IncludeAttributes","SearchCondition","searchByCriteriaAsync","MasterProductId","Dropdown","selectMenu","_onChanged","selectedIndex","dropdownId","selectId","selectedValue","innerText","dropdownList","dropdownName","item","selected","OrderTemplateQuantity","inputRef","_validateMin","minValue","min","isNaN","currentInput","currentCount","_handleChange","bind","glyphMinusClassName","decrementGlyphClass","glyphPlusClassName","incrementGlyphClass","disabled","incDisabled","max","currentValue","extraClass","getChangeHandler","amount","_onIncrementalChange","title","decrementButtonAriaLabel","tabIndex","pattern","onBlur","inputQuantityAriaLabel","incrementButtonAriaLabel","updatedQuantity","e","Number","parseInt","inputElement","HTMLInputElement","setAttribute","defaultProps","selectedDimensions","_getDimensionsError","dimensionName","dimensionMissingError","_addToTemplateHandler","isBusy","showAddConfirmation","errors","add","missingDimensions","dimension","DimensionTypeValue","filter","ProductListId","addToTemplateDuplicateError","addToTemplateGenericError","errorMessage","_onQuantityChange","newValue","totalPrice","Price","_updateDimensionValue","productDimensionFull","newValueId","DimensionValues","_onDimensionChanged","remainingDimensionsErrors","selection","buttonDisabled","mappedDimensions","DimensionValue","ExtensionProperties","variantProduct","dimensionInput","variantDimensions","availabilityInput","newAvailableQuantity","priceInput","productPrice","productAvailableQuantity","unitPrice","BasePrice","sort","a","b","_getDropdownName","dimensionType","productDimensionTypeColor","productDimensionTypeConfiguration","productDimensionTypeSize","productDimensionTypeStyle","addItemToTemplateText","addLineProductUnitPricePrefix","quantitySelectLabel","addLineProductUnitOfMeasurePrefix","totalPriceLabel","_formatPrice","_getDimensionsNodes","_getConfirmationMessage","selectedDimensionNames","variant","Value","addToTemplateConfirmation","Object","values","join","unshift","assertive","price","cultureFormatter","formatCurrency","currencyCode","toFixed","selectProductButtonText","fallBackImg","ProductSelectButton","buttonText","setBusy","getClickHandler","OrderTemplateBulkActions","isAddDisabled","isRemoveDisabled","addHandler","onAddSelectionToBag","removeHandler","onRemoveSelection","selectedLines","searchInputAriaLabel","backButtonText","addSelectedToBagButtonText","removeSelectedToBagButtonText","addLineProps","isMinifiedView","removeOrderActionHandler","_removeOrderTemplate","onRemoveTemplate","_getOrderTemplateAddToCartDialog","addTemplateToBagButtonText","_getOrderTemplateRenameControl","renameOrderTemplateDialogStrings","RenameOrderTemplateComponent","onRenameTemplate","renameOrderTemplateButtonText","renameTemplateButtonText","OrderTemplateLineActions","orderTemplateLine","productListLine","LineId","onAddToBag","onRemoveItem","getAddToBag","getRemoveItem","PopUp","removeFromOrderTemplateLinesText","moreButtonText","viewProductDetailsText","showMobile","setShowMobile","componentClassName","toggleDetailsDisplayed","getActionButton","isMobile","removeButtonClassName","addButtonClassName","onSelectLineHandler","isChecked","onSelect","checked","OrderTemplateMobileLineView","UnitOfMeasure","fallbackImage","productImage","_renderProductImage","productInfo","renderProductInfo","_renderPrice","productNumber","productUnitOfMeasure","productQuantityView","_generateQuantity","onChangeHandler","onChangeQuantity","image","PriceComponent","freePriceText","originalPriceText","currentPriceText","Dimensions","_renderProductDimensions","productName","dimensionsLine","OrderTemplateLinesStatusMessage","OrderTemplateTableHeading","getOnChange","checkedLines","lines","scope","selectAllRowsText","productUnitPrice","productUOM","productQuantity","productActions","OrderTemplateLines","_onRemoveSelection","removeSelectedFailureMessage","removeSelectedSuccessMessage","productSelection","productListLines","removeProductListLinesAsync","substr","indexOf","_onAddSelectionToBag","addedToCartFailureMessage","addedToCartSuccessMessage","cartState","getCartState","cartLines","productLine","ProductId","Quantity","TrackingId","UnitOfMeasureSymbol","addCartLinesAsync","cart","Version","trace","refreshCart","_getCurrentUrl","reqContext","URL","requestUrl","onCloseHandler","isItemAddedToOrderTemplateOpen","_renderItemAddedToCartDialog","itemAddedToCartDialogData","ItemAddedToCartDialog","_generateItemAddedToCartDialogResources","onClose","_renderPagination","fullUrl","itemsPerPage","skipCount","_getCurrentPageNumber","totalItems","previousText","flipperPrevious","nextText","flipperNext","paginationAriaLabel","qsp","items","startingItem","_renderPrev","_renderNext","previousAriaLabel","nextAriaLabel","_toggleDetailsDisplayed","isDetailsDisplayed","detailedProductView","_changeQuantity","orderTemplateLinesData","orderLineIndex","findIndex","newProductListLine","prevQuantity","updateProductListLinesAsync","list","newLine","updatedLines","updatedOrderTemplate","ProductListLines","update","_addItemToBag","maxQuantityLimitText","addProductToCartInput","addProductToCart","priceResult","isMiniCart","app","addToCartBehavior","substatus","maxQuantityForProductListLineItem","debug","message","_removeItemFromOrderTemplateLines","userToken","_renameTemplate","_removeTemplate","newLink","_getViewport","device","Type","innerWidth","sm","md","paginationPreviousText","paginationNextText","_viewport","_updateViewport","isConfirmAddSelectionToBagModalOpen","telemetryPageName","friendlyName","signInUrl","addEventListener","removeEventListener","emptyOrderTemplateLinesText","errorGettingOrderTemplateLines","ObjectExtensions","orderTemplateResult","_isFirstPage","productsStatusMessage","ProductsTable","ProductsTableRow","ProductsTableHeading","_renderProductListHeader","orderLines","_renderProductList","callbacks","updateQuantity","orderActions","_renderOrderTemplateActions","pagination","itemAddedToCartDialog","bulkOrderLineActions","_getOrderTemplateLineActions","updated","productNumberText","productText","productUnitPriceText","productUOMText","productQuantityText","productActionsText","headers","onSelectAll","itemAddedToCartHeaderItemOneText","itemAddedToCartHeaderItemFormatText","itemAddedToCartHeaderMessageText","deleteTemplateButtonText","addTemplateToBag","renameTemplate","removeTemplate","OrderTemplateActionsView","_generateLinesAddedToCartDialogResources","renameOrderTemplateTitleText","cancelBtnLabel","skip","selectOneRowText","priceFree","addOrderTemplateItemToBagButtonText","removeItemFromOrderTemplateButtonText","deleteButtonText","selectLine","addToBagButton","popUp","OrderTemplateLineView","ProductPrice","_renderItem","quantityLabel","toggleDetails","wrapClassName","fade","applicationNode"],"sourceRoot":""}