{"version":3,"file":"static/js/5.5a58bee40ce0ba064f29.chunk.js","mappings":"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","sources":["webpack://msdyn365.commerce.online/./src/components/call-to-action.tsx?6cff","webpack://msdyn365.commerce.online/./src/modules/account-loyalty/account-loyalty.tsx?3672","webpack://msdyn365.commerce.online/./src/modules/account-loyalty/account-loyalty.view.tsx?4d8b","webpack://msdyn365.commerce.online/./src/modules/account-loyalty/components/account-loyalty-small-components.tsx?c12b","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/account-profile-edit.tsx?a0b5","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/account-profile-edit.view.tsx?530d","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/components/account-profile-edit-button.tsx?e669","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/components/account-profile-edit-error.tsx?eadf","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/components/account-profile-edit-input.tsx?5c72","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/components/account-profile-edit-label.tsx?4793","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/components/account-profile-edit-loading-icon.tsx?fba0","webpack://msdyn365.commerce.online/./src/modules/account-profile-edit/components/account-profile-edit-loading-message.tsx?7cf0"],"sourcesContent":["import { Button } from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nexport type CallToActionLayout = 'button' | 'glyphOnly' | 'noGlyph';\r\nexport type CallToActionMotion = 'separate' | 'revelio';\r\nexport type CallToActionGlyphPosition = 'start' | 'end';\r\n\r\ninterface ICallToAction {\r\n  title: string;\r\n  href?: string;\r\n  openInNewTab?: boolean;\r\n  'aria-label'?: string;\r\n  className?: string;\r\n  color?: string;\r\n  glyph?: string;\r\n  layout: CallToActionLayout;\r\n  glyphPosition?: CallToActionGlyphPosition;\r\n  disabled?: boolean;\r\n  onClick?(e: React.MouseEvent<HTMLButtonElement>): void;\r\n}\r\n\r\nfunction createInnerCTAFragment(\r\n  glyphClassName: string,\r\n  title: string,\r\n  ctaLayout: CallToActionLayout,\r\n  glyphPosition?: CallToActionGlyphPosition\r\n): React.ReactFragment {\r\n  if (ctaLayout === 'noGlyph') {\r\n    return <span className='call-to-action__string'>{title}</span>;\r\n  }\r\n\r\n  if (ctaLayout === 'glyphOnly') {\r\n    return <i className={glyphClassName} aria-hidden='true' />;\r\n  }\r\n\r\n  switch (glyphPosition) {\r\n    case 'start':\r\n      return (\r\n        <div className='call-to-action__flex-container'>\r\n          <i className={`${glyphClassName}`} aria-hidden='true' />\r\n          <span className='call-to-action__string'>{title}</span>\r\n        </div>\r\n      );\r\n    default:\r\n      return (\r\n        <div className='call-to-action__flex-container'>\r\n          <span className='call-to-action__string'>{title}</span>\r\n          <i className={`${glyphClassName}`} aria-hidden='true' />\r\n        </div>\r\n      );\r\n  }\r\n}\r\n\r\n/**\r\n * Class that renders a Call to action link\r\n */\r\nexport default class CallToAction extends React.PureComponent<ICallToAction> {\r\n  public static defaultProps: Partial<ICallToAction> = {\r\n    glyph: 'fa fa-chevron-right',\r\n    layout: 'button'\r\n  };\r\n\r\n  private static callToActionBaseClass: string = 'call-to-action';\r\n  public render(): JSX.Element {\r\n    const glyphClassname: string = `call-to-action__glyph ${this.props.glyph!}`;\r\n\r\n    const callToActionContent: React.ReactFragment = createInnerCTAFragment(\r\n      glyphClassname,\r\n      this.props.title,\r\n      this.props.layout,\r\n      this.props.glyphPosition\r\n    );\r\n\r\n    const callToActionClass: string = classnames(\r\n      CallToAction.callToActionBaseClass,\r\n      this.props.className || 'smwe-cta__primary',\r\n      'btn',\r\n      this.props.color ? `btn-${this.props.color}` : ''\r\n    );\r\n    return (\r\n      <Button\r\n        className={callToActionClass}\r\n        title={this.props.title}\r\n        href={this.props.href}\r\n        aria-label={this.props['aria-label']}\r\n        target={this.props.openInNewTab ? '_blank' : undefined}\r\n        color={this.props.color}\r\n        onClick={this.props.onClick}\r\n        disabled={this.props.disabled}\r\n      >\r\n        {callToActionContent}\r\n      </Button>\r\n    );\r\n  }\r\n}\r\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { LoyaltyCard, LoyaltyRewardPoint, LoyaltyRewardPointActivity } from '@msdyn365-commerce/retail-proxy';\nimport {\n    getLoyaltyRewardPointActivityTimelineAsync,\n    getLoyaltyRewardPointsExpiringSoonAsync\n} from '@msdyn365-commerce/retail-proxy/dist/DataActions/StoreOperationsDataActions.g';\nimport {\n    Button,\n    format,\n    getPayloadObject,\n    getTelemetryAttributes,\n    getTelemetryObject,\n    IModuleProps,\n    INodeProps,\n    IPayLoad,\n    ITelemetryContent,\n    TelemetryConstant\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { IAccountLoyaltyData } from './account-loyalty.data';\nimport { IAccountLoyaltyProps } from './account-loyalty.props.autogenerated';\nimport { AccountLoyaltyLabel, AccountLoyaltyModalLabel } from './components';\n\nexport interface IAccountLoyaltyViewProps extends IAccountLoyaltyProps<{}> {\n    AccountLoyalty: IModuleProps;\n    className: string;\n    totalPoints: number;\n    heading?: React.ReactNode;\n    Info: INodeProps;\n    infoLabel: React.ReactNode;\n    cardNumber: React.ReactNode;\n    joinDate: React.ReactNode;\n    Points: INodeProps;\n    pointsLabel: React.ReactNode;\n    points: React.ReactNode;\n    Breakdown: INodeProps;\n    RewardPoints: INodeProps;\n    PointsBreakdown: INodeProps;\n    rewardPoints?: IAccountLoyaltyRewardPointProps[];\n    Button: INodeProps;\n    homeButton: React.ReactNode;\n    pointsModal: IAccountLoyaltyModalProps;\n}\n\nexport interface IAccountLoyaltyState {\n    isModalOpen: boolean;\n    currentModalData?: LoyaltyRewardPoint;\n    isModalExpiring: boolean;\n    modalID: string;\n    currentFocus?: React.RefObject<HTMLElement>;\n    pointsActivity: LoyaltyRewardPointActivity[] | undefined;\n}\n\nexport interface IAccountLoyaltyRewardPointProps {\n    label: React.ReactNode;\n    availableModalLabel: React.ReactNode;\n    availableModalTrigger: React.ReactNode;\n    expiringModalLabel: React.ReactNode;\n    expiringModalTrigger: React.ReactNode;\n}\n\nexport type horizontalModalPosition = 'left' | 'center' | 'right';\nexport type verticalModalPosition = 'top' | 'center' | 'bottom';\n\nexport interface IAccountLoyaltyModalProps {\n    isOpen: boolean;\n    horizontalPosition?: horizontalModalPosition;\n    verticalPosition?: verticalModalPosition;\n    modalClassName?: string;\n    modalHeaderClassName?: string;\n    modalHeader?: string;\n    modalBodyClassName?: string;\n    ModalBodyTop: INodeProps;\n    pointsDescription?: React.ReactNode;\n    totalPoints?: React.ReactNode;\n    ModalBodyHeaders: INodeProps;\n    date?: React.ReactNode;\n    balanceLabel?: React.ReactNode;\n    rewardPointsActivity?: IAccountLoyaltyActivityProps[];\n    returnFocusRef?: React.RefObject<HTMLElement>;\n    onClose(): void;\n    onOpened?(): void;\n}\n\nexport interface IAccountLoyaltyActivityProps {\n    Activity: INodeProps;\n    activityType: React.ReactNode;\n    activityDate: React.ReactNode;\n    activityPoints: React.ReactNode;\n}\n\nexport interface IProps extends IAccountLoyaltyProps<IAccountLoyaltyData> {}\n\n/**\n *\n * AccountLoyalty component.\n * @extends {React.Component<IAccountLoyaltyProps<IAccountLoyaltyData>>}\n */\n@observer\nclass AccountLoyalty extends React.PureComponent<IProps, IAccountLoyaltyState> {\n    private readonly _buttonAvailableRef: React.RefObject<HTMLButtonElement>;\n\n    private readonly _buttonExpireRef: React.RefObject<HTMLButtonElement>;\n\n    private readonly telemetryContent?: ITelemetryContent;\n\n    private readonly payLoad: IPayLoad;\n\n    private readonly decimalPrecision = 2;\n\n    constructor(props: IAccountLoyaltyProps<IAccountLoyaltyData>) {\n        super(props);\n        this._buttonAvailableRef = React.createRef();\n        this._buttonExpireRef = React.createRef();\n        this.state = {\n            isModalOpen: false,\n            currentModalData: undefined,\n            isModalExpiring: false,\n            modalID: '',\n            pointsActivity: undefined\n        };\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n        this.payLoad = getPayloadObject('click', this.telemetryContent, TelemetryConstant.BackToShopping);\n    }\n\n    public render(): JSX.Element | null {\n        const { className, heading } = this.props.config;\n        const { loyaltyCard } = this.props.data;\n        const { loyaltyCardLabel, totalAvailablePointsLabel, backToShoppingText } = this.props.resources;\n        const { actionContext } = this.props.context;\n        const { isModalOpen } = this.state;\n        const backToShopAttributes = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n\n        if (!loyaltyCard || !loyaltyCard.result || !loyaltyCard.result.CardNumber) {\n            this.props.context.telemetry.error('Loyalty card content is empty, module wont render');\n            return null;\n        }\n\n        const loyaltyCardData = loyaltyCard.result;\n        const rewardPoints = loyaltyCard && loyaltyCardData.RewardPoints;\n        const homeLink = Msdyn365.getUrlSync('home', actionContext) ?? '';\n\n        const viewProps = {\n            ...this.props,\n            AccountLoyalty: {\n                moduleProps: this.props,\n                className: classnames('ms-account-loyalty', className),\n                modalTransition: {\n                    /**\n                     * On Entered in Modal function.\n                     * @param node - The current node element.\n                     * @param isAppearing - The Boolean value.\n                     */\n                    onEntered: (node: HTMLElement, isAppearing: boolean) => {\n                        const childNode = node.firstChild as HTMLElement;\n                        if (isAppearing) {\n                            childNode.focus();\n                        }\n                    }\n                }\n            },\n            totalPoints: rewardPoints && this._getTotalPoints(),\n            className: classnames('msc-account-loyalty', className),\n            rewardPoints:\n                loyaltyCardData.RewardPoints && loyaltyCardData.RewardPoints.length > 0 && this._renderRewardPoints(loyaltyCardData),\n            pointsModal: (isModalOpen && this._renderModal()) || {\n                isOpen: false,\n                returnFocusRef: this.state.currentFocus,\n                onOpened: this._onOpenModal\n            },\n            Info: { className: 'ms-account-loyalty__info' },\n            Points: { className: 'ms-account-loyalty__points' },\n            Breakdown: { className: 'ms-account-loyalty__breakdown' },\n            RewardPoints: { className: 'ms-account-loyalty__reward-points' },\n            PointsBreakdown: { className: 'ms-account-loyalty__point-breakdown' },\n            Button: { className: 'ms-account-loyalty__link' },\n            heading: heading && (\n                <Msdyn365.Text\n                    className='ms-account-loyalty__heading'\n                    text={heading.text}\n                    tag={heading.tag ?? 'h2'}\n                    editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n                />\n            ),\n\n            // Account info\n            infoLabel: <AccountLoyaltyLabel className='ms-account-loyalty__info-label' text={loyaltyCardLabel} />,\n            cardNumber: <AccountLoyaltyLabel className='ms-account-loyalty__card-number' text={loyaltyCardData.CardNumber} />,\n            joinDate: (\n                <AccountLoyaltyLabel\n                    className='ms-account-loyalty__join-date'\n                    text={this._formatJoinDate(this._parseDate(loyaltyCardData.LoyaltyEnrollmentDateLocal!))}\n                />\n            ),\n\n            // Points\n            pointsLabel: <AccountLoyaltyLabel className='ms-account-loyalty__total-points-label' text={totalAvailablePointsLabel} />,\n            points: rewardPoints && (\n                <AccountLoyaltyLabel\n                    className='ms-account-loyalty__total-points'\n                    text={this._getTotalPoints().toFixed(this.decimalPrecision)}\n                />\n            ),\n\n            homeButton: rewardPoints && (\n                <a className='ms-account-loyalty__home-link msc-btn' href={homeLink} {...backToShopAttributes} title={backToShoppingText}>\n                    {backToShoppingText}\n                </a>\n            )\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n    private _formatJoinDate(date: Date): string {\n        return format(\n            this.props.resources.joinDateFormatted,\n            new Intl.DateTimeFormat(this.props.context.actionContext.requestContext.locale, {\n                month: 'long',\n                day: 'numeric',\n                year: 'numeric'\n            }).format(new Date(date))\n        );\n    }\n\n    private _renderRewardPoints(loyaltyCard: LoyaltyCard): IAccountLoyaltyRewardPointProps[] {\n        return loyaltyCard.RewardPoints!.map((loyaltyPoints, index) => {\n            const availableId = (loyaltyPoints.RewardPointId && `${loyaltyPoints.RewardPointId}-available-${index}`) || 'available-points';\n            const expiringId = (loyaltyPoints.RewardPointId && `${loyaltyPoints.RewardPointId}-expiring-${index}`) || 'expiring-points';\n            const {\n                availablePointsLabel,\n                availablePointsAriaLabel,\n                expiringPointsFormatLabel,\n                expiringPointsFormatAriaLabel\n            } = this.props.resources;\n            this.payLoad.contentAction.etext = TelemetryConstant.AvailablePoints;\n            const availablePointsAttributes = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n            this.payLoad.contentAction.etext = TelemetryConstant.ExpiringPoints;\n            const expiringPointsAttributes = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n            const expireDaysDefaultValue = 30;\n\n            return {\n                label: <AccountLoyaltyModalLabel className='ms-account-loyalty__points-title' text={loyaltyPoints.Description} />,\n                availableModalLabel: loyaltyPoints.ActivePoints !== undefined && (\n                    <AccountLoyaltyModalLabel\n                        className='ms-account-loyalty__available-points-label'\n                        text={availablePointsLabel}\n                        labelFor={availableId}\n                    />\n                ),\n                availableModalTrigger: loyaltyPoints.ActivePoints !== undefined && (\n                    <Button\n                        className='ms-account-loyalty__points-trigger'\n                        color='link'\n                        aria-label={`${availablePointsAriaLabel} ${loyaltyPoints.Description!}\n                            ${loyaltyPoints.ActivePoints.toFixed(this.decimalPrecision)}`}\n                        onClick={this._populateModalData(this._buttonAvailableRef, loyaltyCard, loyaltyPoints, false)}\n                        innerRef={this._buttonAvailableRef}\n                        {...availablePointsAttributes}\n                    >\n                        {loyaltyPoints.ActivePoints.toFixed(this.decimalPrecision)}\n                    </Button>\n                ),\n                expiringModalLabel: loyaltyPoints.PointsExpiringSoon !== undefined && (\n                    <AccountLoyaltyModalLabel\n                        className='ms-account-loyalty__expiring-points-label'\n                        text={format(expiringPointsFormatLabel, 30)}\n                        labelFor={expiringId}\n                    />\n                ),\n                expiringModalTrigger: loyaltyPoints.PointsExpiringSoon !== undefined && (\n                    <Button\n                        className='ms-account-loyalty__points-trigger'\n                        color='link'\n                        aria-label={`${format(expiringPointsFormatAriaLabel, expireDaysDefaultValue)} ${loyaltyPoints.Description!}\n                            ${loyaltyPoints.PointsExpiringSoon.toFixed(this.decimalPrecision)}`}\n                        onClick={this._populateModalData(this._buttonExpireRef, loyaltyCard, loyaltyPoints, true)}\n                        innerRef={this._buttonExpireRef}\n                        {...expiringPointsAttributes}\n                    >\n                        {loyaltyPoints.PointsExpiringSoon.toFixed(this.decimalPrecision)}\n                    </Button>\n                )\n            };\n        });\n    }\n\n    private _renderModal(): IAccountLoyaltyModalProps | null {\n        const { totalAvailablePointsLabel, loyaltyActivityDateLabel, loyaltyActivityBalanceLabel } = this.props.resources;\n        const { isModalOpen, currentModalData } = this.state;\n\n        if (!isModalOpen || !currentModalData) {\n            // Return empty modal\n            this.props.context.telemetry.error('Account loyalty modal content is empty, module wont render');\n            return null;\n        }\n\n        return {\n            isOpen: isModalOpen,\n            returnFocusRef: this.state.currentFocus,\n            horizontalPosition: 'center',\n            verticalPosition: 'center',\n            modalClassName: 'ms-account-loyalty__points-modal',\n            modalHeaderClassName: 'ms-account-loyalty__points-modal-header',\n            modalHeader: currentModalData.Description ?? '',\n            modalBodyClassName: 'ms-account-loyalty__points-modal-body',\n            ModalBodyTop: { className: 'ms-account-loyalty__points-modal-body-top' },\n            ModalBodyHeaders: { className: 'ms-account-loyalty__points-modal-body-header' },\n            rewardPointsActivity: this._renderPointsActivity(),\n            pointsDescription: <AccountLoyaltyLabel className='ms-account-loyalty__points-modal-name' text={totalAvailablePointsLabel} />,\n            totalPoints: <AccountLoyaltyLabel className='ms-account-loyalty__points-modal-total' text={this._getPoints()} />,\n            date: <AccountLoyaltyLabel className='ms-account-loyalty__points-modal-date' text={loyaltyActivityDateLabel} />,\n            balanceLabel: <AccountLoyaltyLabel className='ms-account-loyalty__points-modal-balance' text={loyaltyActivityBalanceLabel} />,\n            onClose: this._closeModal,\n            onOpened: this._onOpenModal\n        };\n    }\n\n    private _getTotalPoints(): number {\n        const rewardPoints = this.props.data.loyaltyCard.result && this.props.data.loyaltyCard.result.RewardPoints;\n\n        let total = 0;\n        rewardPoints &&\n            rewardPoints.forEach(loyaltyPoints => {\n                total += loyaltyPoints.ActivePoints ?? 0;\n            });\n\n        return total;\n    }\n\n    private _getPoints(): string {\n        const { currentModalData, isModalExpiring } = this.state;\n        const rewardPoints: number = (isModalExpiring ? currentModalData!.PointsExpiringSoon : currentModalData!.ActivePoints) ?? 0;\n\n        return `${rewardPoints.toFixed(this.decimalPrecision)}`;\n    }\n\n    private _renderPointsActivity(): IAccountLoyaltyActivityProps[] | undefined {\n        const { pointsActivity } = this.state;\n\n        if (!pointsActivity) {\n            this.props.context.telemetry.error('Points activity content is empty, module wont render');\n            return undefined;\n        }\n\n        return pointsActivity.map(activity => {\n            return {\n                Activity: { className: 'ms-account-loyalty__points-modal-activity' },\n                activityType: (\n                    <AccountLoyaltyLabel className='ms-account-loyalty__points-modal-type' text={this._getTimelineType(activity)} />\n                ),\n                activityDate: (\n                    <AccountLoyaltyLabel\n                        className='ms-account-loyalty__points-modal-date'\n                        text={this.props.context.cultureFormatter.formatDate(this._parseDate(activity.ActivityDate!))}\n                    />\n                ),\n                activityPoints: (\n                    <AccountLoyaltyLabel\n                        className='ms-account-loyalty__points-modal-points'\n                        text={(activity.LoyaltyPoints && activity.LoyaltyPoints)?.toFixed(this.decimalPrecision) ?? ''}\n                    />\n                )\n            };\n        });\n    }\n\n    private _parseDate(date: Date | string): Date {\n        /* Dates for loyalty are coming as formatted strings yyyy-mm-ddT:00:00.000z\n           Javascript was interpreting this as an iso format, thus causing the wrong date to be rendered */\n        if (typeof date === 'string') {\n            let dateString = date.toString();\n            dateString = dateString.replace(/-/g, '/');\n            dateString = dateString.substring(0, 10);\n            return new Date(dateString);\n        }\n        return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());\n    }\n\n    private _getTimelineType(pointActivity: LoyaltyRewardPointActivity): string {\n        if (pointActivity.LoyaltyRewardPointTimelineEntryType) {\n            return pointActivity.LoyaltyRewardPointTimelineEntryType;\n        }\n\n        const { earnedPointsLabel, redeemedPointsLabel, adjustedPointsLabel, refundedPointsLabel } = this.props.resources;\n        switch (pointActivity.ExtensibleLoyaltyRewardPointActivityEntryTypeValue) {\n            case 1:\n                return earnedPointsLabel;\n            case 2:\n                return refundedPointsLabel;\n            case 3:\n                return redeemedPointsLabel;\n            case 5:\n                return adjustedPointsLabel;\n            default:\n                return '';\n        }\n    }\n\n    private readonly _populateModalData = (\n        focusRef: React.RefObject<HTMLElement>,\n        loyaltyCard: LoyaltyCard,\n        currentLoyaltyPoints: LoyaltyRewardPoint,\n        expiring: boolean\n    ) => () => {\n        if (!loyaltyCard || !loyaltyCard.CardNumber || !currentLoyaltyPoints.RewardPointId) {\n            this.props.context.telemetry.error('Modal data is empty, module wont render');\n            return null;\n        }\n\n        const { actionContext } = this.props.context;\n\n        // Open modal\n        this.setState({\n            isModalOpen: true,\n            currentModalData: currentLoyaltyPoints,\n            isModalExpiring: expiring,\n            modalID: '',\n            currentFocus: focusRef\n        });\n\n        if (expiring) {\n            getLoyaltyRewardPointsExpiringSoonAsync(\n                { callerContext: actionContext, queryResultSettings: {} },\n                loyaltyCard.CardNumber,\n                currentLoyaltyPoints.RewardPointId,\n                30\n            )\n                .then((points: LoyaltyRewardPointActivity[]) => {\n                    this.setState({ pointsActivity: points });\n                })\n                .catch((error: Error) => {\n                    this.props.telemetry.exception(error);\n                    this.props.telemetry.debug('Failed to get reward point activity');\n                });\n        } else {\n            getLoyaltyRewardPointActivityTimelineAsync(\n                { callerContext: actionContext, queryResultSettings: {} },\n                loyaltyCard.CardNumber,\n                currentLoyaltyPoints.RewardPointId\n            )\n                .then((points: LoyaltyRewardPointActivity[]) => {\n                    this.setState({ pointsActivity: points });\n                })\n                .catch((error: Error) => {\n                    this.props.telemetry.error(error.message);\n                    this.props.telemetry.debug('Failed to get reward point activity');\n                });\n        }\n        // eslint-disable-next-line no-useless-return, consistent-return -- Auto-suppressed.\n        return;\n    };\n\n    private readonly _closeModal = () => {\n        this.setState({\n            isModalOpen: false,\n            currentModalData: undefined,\n            pointsActivity: undefined\n        });\n    };\n\n    /**\n     * On open modal function.\n     */\n    private readonly _onOpenModal = () => {\n        if (this.state.currentFocus?.current) {\n            this.state.currentFocus.current.focus();\n        }\n    };\n}\n\nexport default AccountLoyalty;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Modal, ModalBody, ModalHeader, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IAccountLoyaltyViewProps } from './account-loyalty';\n\nconst AccountLoyaltyView: React.FC<IAccountLoyaltyViewProps> = props => {\n    const {\n        AccountLoyalty,\n        Info,\n        Points,\n        Breakdown,\n        RewardPoints,\n        PointsBreakdown,\n        Button,\n        heading,\n        infoLabel,\n        cardNumber,\n        joinDate,\n        pointsLabel,\n        points,\n        rewardPoints,\n        homeButton,\n        pointsModal\n    } = props;\n    const { ModalBodyTop, ModalBodyHeaders } = pointsModal;\n    return (\n        <Module {...AccountLoyalty}>\n            {heading}\n            <Node {...Info}>\n                {infoLabel}\n                {cardNumber}\n                {joinDate}\n            </Node>\n            <Node {...Points}>\n                {pointsLabel}\n                {points}\n\n                <Node {...Breakdown}>\n                    {rewardPoints &&\n                        rewardPoints.map((activity, index) => {\n                            return (\n                                <Node key={index} {...RewardPoints}>\n                                    {activity.label}\n                                    <Node {...PointsBreakdown}>\n                                        {activity.availableModalLabel}\n                                        {activity.availableModalTrigger}\n                                    </Node>\n\n                                    <Node {...PointsBreakdown}>\n                                        {activity.expiringModalLabel}\n                                        {activity.expiringModalTrigger}\n                                    </Node>\n                                </Node>\n                            );\n                        })}\n                </Node>\n            </Node>\n\n            <Node {...Button}>{homeButton}</Node>\n\n            {(!pointsModal.isOpen && <Modal returnFocusRef={pointsModal.returnFocusRef} />) || (\n                <Module\n                    tag={Modal}\n                    {...AccountLoyalty}\n                    autoFocus\n                    fade\n                    returnFocusRef={pointsModal.returnFocusRef}\n                    isOpen={pointsModal.isOpen}\n                    horizontalPosition={pointsModal.horizontalPosition}\n                    verticalPosition={pointsModal.verticalPosition}\n                    className={pointsModal.modalClassName!}\n                    zIndex={1050}\n                    onClosed={pointsModal.onClose}\n                    onOpened={pointsModal.onOpened}\n                    toggle={pointsModal.onClose}\n                >\n                    <ModalHeader toggle={pointsModal.onClose} className={pointsModal.modalHeaderClassName}>\n                        {pointsModal.modalHeader}\n                    </ModalHeader>\n                    <ModalBody className={pointsModal.modalBodyClassName}>\n                        <Node {...ModalBodyTop}>\n                            {pointsModal.pointsDescription}\n                            {pointsModal.totalPoints}\n                        </Node>\n                        <Node {...ModalBodyHeaders}>\n                            {pointsModal.date}\n                            {pointsModal.balanceLabel}\n                        </Node>\n                        {pointsModal.rewardPointsActivity &&\n                            pointsModal.rewardPointsActivity.map((activity, index) => {\n                                const { Activity, activityType, activityDate, activityPoints } = activity;\n                                return (\n                                    <Node {...Activity} key={index}>\n                                        {activityType}\n                                        {activityDate}\n                                        {activityPoints}\n                                    </Node>\n                                );\n                            })}\n                    </ModalBody>\n                </Module>\n            )}\n        </Module>\n    );\n};\n\nexport default AccountLoyaltyView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nexport interface IAccountLoyaltyLabel {\n    className?: string;\n    text?: string | number;\n}\n\nexport const AccountLoyaltyLabel: React.FC<IAccountLoyaltyLabel> = ({ className, text }) => <p className={className}>{text}</p>;\n\nexport interface IAccountLoyaltyModalLabel {\n    className?: string;\n    text?: string | number;\n    labelFor?: string;\n}\n\nexport const AccountLoyaltyModalLabel: React.FC<IAccountLoyaltyModalLabel> = ({ className, text, labelFor }) => (\n    <label className={className} htmlFor={labelFor}>\n        {text} {` `}\n    </label>\n);\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { EmailRegex } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, Modal, ModalBody } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { IAccountProfileEditConfig, IAccountProfileEditProps } from './account-profile-edit.props.autogenerated';\nimport AccountProfileEditButtonComponent from './components/account-profile-edit-button';\nimport AccountProfileEditErrorComponent from './components/account-profile-edit-error';\nimport AccountProfileEditInputComponent from './components/account-profile-edit-input';\nimport AccountProfileEditLabelComponent from './components/account-profile-edit-label';\nimport AccountProfileEditLoadingIconComponent from './components/account-profile-edit-loading-icon';\nimport AccountProfileEditLoadingMessageComponent from './components/account-profile-edit-loading-message';\n\nexport interface IAccountProfileEditViewState {\n    isShowLoading: boolean;\n}\n\nexport interface IAccountProfileEditItem {\n    wrapper: INodeProps;\n    key: string;\n    label: React.ReactNode;\n    errorMessage: React.ReactNode;\n    input: React.ReactNode;\n}\n\nexport interface IAccountProfileEditLocalAccount {\n    localAccount: INodeProps;\n    items: IAccountProfileEditItem[];\n    errorMessage: React.ReactNode[];\n    buttonsWrapper: INodeProps;\n    buttons: React.ReactNode[];\n    verificationSuccessModal: INodeProps;\n    verificationSuccessModalMessage: INodeProps;\n}\n\nexport interface IAccountProfileEditLoading {\n    modal: INodeProps;\n    modalBody: INodeProps;\n    icon: React.ReactNode;\n    message: React.ReactNode;\n}\n\nexport interface IAccountProfileEditViewProps {\n    className: string;\n    viewState: IAccountProfileEditViewState;\n    loading: IAccountProfileEditLoading;\n    accountProfileEdit: IModuleProps;\n    defaultAADConainer: INodeProps;\n    aadConainer: INodeProps;\n    heading: React.ReactNode;\n    accountProfileEditLocalAccount: IAccountProfileEditLocalAccount;\n}\n\n/**\n *\n * AccountProfileEdit component\n * All AAD related module is rendered on AAD page and we need to respect HTML contract provide by AAD.\n * Please ensure any change in module don't break contract with AAD.\n * @extends {React.Component<IAccountProfileEditProps<IAccountProfileEditConfig>>}\n */\n@observer\nclass AccountProfileEdit extends React.Component<IAccountProfileEditProps<IAccountProfileEditConfig>> {\n    private readonly moduleClassName: string = 'ms-account-profile-edit';\n\n    private readonly telemetryContent: ITelemetryContent;\n\n    @observable private givenName: string;\n\n    @observable private surname: string;\n\n    @observable private email: string;\n\n    @observable private emailRegex: string;\n\n    @observable private isInitialized: boolean;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private initializationTimer: any;\n\n    constructor(props: IAccountProfileEditProps<IAccountProfileEditConfig>) {\n        super(props);\n        this.givenName = '';\n        this.surname = '';\n        this.email = '';\n        this.emailRegex = EmailRegex.defaultRegex.source;\n        this.isInitialized = false;\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n    }\n\n    public componentDidMount(): void {\n        this._onInit();\n    }\n\n    // After successful AAD initialization, call initialize method provided by AAD to attach events.\n    public componentDidUpdate(): void {\n        // eslint-disable-next-line @typescript-eslint/dot-notation, @typescript-eslint/no-unsafe-member-access -- Auto-suppressed.\n        if (this.isInitialized && window && window['$element'] && window['$element']['initialize']) {\n            // eslint-disable-next-line @typescript-eslint/dot-notation, @typescript-eslint/no-unsafe-member-access -- Auto-suppressed.\n            window['$element']['initialize']();\n        }\n    }\n\n    public shouldComponentUpdate(\n        nextProps: IAccountProfileEditProps<IAccountProfileEditConfig>,\n        nextState: IAccountProfileEditViewState\n    ): 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 {\n        const { config, resources } = this.props;\n\n        const viewProps = {\n            ...this.props,\n            viewState: {\n                isShowLoading: !this.isInitialized\n            },\n            accountProfileEdit: {\n                moduleProps: this.props,\n                className: classnames(this.moduleClassName, config.className)\n            },\n            loading: {\n                modal: {\n                    tag: Modal,\n                    isOpen: true\n                },\n                modalBody: {\n                    tag: ModalBody\n                },\n                icon: <AccountProfileEditLoadingIconComponent className={this.moduleClassName} />,\n                message: <AccountProfileEditLoadingMessageComponent className={this.moduleClassName} message={resources.loadingMessage} />\n            },\n            defaultAADConainer: {\n                id: 'api',\n                style: { display: 'none' }\n            },\n            aadConainer: {\n                id: this.isInitialized ? 'api' : null,\n                className: `${this.moduleClassName}__container`\n            },\n            heading: config.heading && config.heading.text && (\n                <Msdyn365.Text\n                    className={`${this.moduleClassName}__heading`}\n                    {...config.heading}\n                    editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n                />\n            ),\n            accountProfileEditLocalAccount: this._renderLocalAccount()\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading.text = event.target.value);\n\n    public onTextBoxChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const id = event.target.id;\n        const value = event.target.value;\n\n        switch (id.toLowerCase()) {\n            case 'givenname': {\n                this.givenName = value;\n                break;\n            }\n            case 'surname': {\n                this.surname = value;\n                break;\n            }\n            case 'email': {\n                this.emailRegex = value;\n                break;\n            }\n            default:\n        }\n    };\n\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public _onInit = () => {\n        this._prePopulateData();\n        this._updateErrorMessage();\n\n        // Check if AAD initialization is complete. AAD do not provide any event to subscribe so we need to check variable set by AAD to check initialization status.\n        this.initializationTimer = setInterval(() => {\n            this._isInitializationSuccessful();\n        }, 100);\n        setTimeout(() => {\n            clearInterval(this.initializationTimer);\n        }, 10_000);\n    };\n\n    // After successful AAD initialization, remove waiting and preload any data, if needed.\n    private readonly _isInitializationSuccessful = () => {\n        // eslint-disable-next-line @typescript-eslint/dot-notation, @typescript-eslint/no-unsafe-member-access -- Auto-suppressed.\n        if (window && window['$diags'] && window['$diags']['initializationSuccessful']) {\n            clearInterval(this.initializationTimer);\n            this.isInitialized = true;\n        }\n    };\n\n    private readonly _prePopulateData = () => {\n        const { resources } = this.props;\n        const invalidEmailAddressError = resources.invalidEmailAddressError || 'Please enter a valid email address.';\n\n        // eslint-disable-next-line @typescript-eslint/dot-notation, @typescript-eslint/no-unsafe-member-access -- Auto-suppressed.\n        if (window['SA_FIELDS'] && window['SA_FIELDS']['AttributeFields']) {\n            // eslint-disable-next-line @typescript-eslint/dot-notation, @typescript-eslint/no-unsafe-member-access -- Auto-suppressed.\n            window['SA_FIELDS']['AttributeFields'].map(\n                (obj: { ID: string; PRE: string; PAT: string; UX_INPUT_TYPE: string; PAT_DESC: string }) => {\n                    const value = obj.PRE ? this._htmlDecode(obj.PRE) : '';\n                    switch (obj.ID.toLowerCase()) {\n                        case 'givenname': {\n                            this.givenName = value;\n                            break;\n                        }\n                        case 'surname': {\n                            this.surname = value;\n                            break;\n                        }\n                        case 'email': {\n                            this.email = value;\n                            this.emailRegex = obj.PAT;\n                            obj.PAT_DESC = invalidEmailAddressError;\n                            break;\n                        }\n                        default:\n                    }\n                }\n            );\n        }\n    };\n\n    private _htmlDecode(str: string): string {\n        const e = document.createElement('div');\n\n        e.innerHTML = str;\n        return e.childNodes.length === 0 ? '' : e.childNodes[0].nodeValue || '';\n    }\n\n    private readonly _updateErrorMessage = () => {\n        const { resources } = this.props;\n\n        // eslint-disable-next-line @typescript-eslint/dot-notation -- Auto-suppressed.\n        if (window && window['CONTENT']) {\n            const message = {\n                required_field: resources.requiredFieldMissingError,\n                verifying_blurb: resources.loadingMessage\n            };\n\n            // eslint-disable-next-line @typescript-eslint/dot-notation -- Auto-suppressed.\n            Object.assign(window['CONTENT'], message);\n        }\n    };\n\n    private _renderLocalAccount(): IAccountProfileEditLocalAccount {\n        const { config, resources } = this.props;\n        const localAccount = {\n            localAccount: {\n                id: 'attributeList',\n                className: `${this.moduleClassName}__account-items attr`\n            },\n            items: [\n                this._renderInput('givenName', 'text', this.givenName, resources.firstNameLabelText, resources.firstNameMaxLength),\n                this._renderInput('surname', 'text', this.surname, resources.lastNameLabelText, resources.lastNameMaxLength)\n            ],\n            errorMessage: [\n                <AccountProfileEditErrorComponent\n                    key='requiredFieldMissing'\n                    id='requiredFieldMissing'\n                    className={this.moduleClassName}\n                    message={resources.requiredFieldMissingSummaryError}\n                />,\n                <AccountProfileEditErrorComponent\n                    key='fieldIncorrect'\n                    id='fieldIncorrect'\n                    className={this.moduleClassName}\n                    message={resources.fieldIncorrectError}\n                />,\n                <AccountProfileEditErrorComponent\n                    key='claimVerificationServerError'\n                    id='claimVerificationServerError'\n                    className={this.moduleClassName}\n                />\n            ],\n            buttonsWrapper: {\n                className: `${this.moduleClassName}__buttons`\n            },\n            buttons: [\n                <AccountProfileEditButtonComponent\n                    key='continue'\n                    id='continue'\n                    className={`${this.moduleClassName}__save-button`}\n                    ariaLabel={resources.saveButtonAriaLabel}\n                    text={resources.saveButtonText}\n                    telemetryContent={this.telemetryContent}\n                />,\n                <AccountProfileEditButtonComponent\n                    key='cancel'\n                    id='cancel'\n                    className={`${this.moduleClassName}__cancel-button`}\n                    ariaLabel={resources.cancelButtonText}\n                    text={resources.cancelButtonText}\n                    telemetryContent={this.telemetryContent}\n                />\n            ],\n            verificationSuccessModal: {\n                className: `${this.moduleClassName}__verifying-modal verifying-modal`\n            },\n            verificationSuccessModalMessage: {\n                id: 'verifying_blurb',\n                className: `${this.moduleClassName}__verifying-modal-message`\n            }\n        };\n\n        if (config.showEmail && this.email !== '') {\n            localAccount.items.push(\n                this._renderInput('email', 'email', this.email, resources.emailAddressLabelText, undefined, this.emailRegex)\n            );\n        }\n\n        return localAccount;\n    }\n\n    private _renderInput(\n        id: string,\n        type: string,\n        value: string,\n        labelText: string,\n        maxLength?: string,\n        pattern?: string\n    ): IAccountProfileEditItem {\n        const className = `${this.moduleClassName}__account-item`;\n        return {\n            wrapper: {\n                className: classnames(className, `${className}-${id}`, 'entry-item', 'attrEntry')\n            },\n            key: id,\n            label: (\n                <AccountProfileEditLabelComponent\n                    {...{\n                        id,\n                        forId: id,\n                        className,\n                        text: labelText\n                    }}\n                />\n            ),\n            errorMessage: (\n                <AccountProfileEditErrorComponent\n                    {...{\n                        className: this.moduleClassName,\n                        type: 'item'\n                    }}\n                />\n            ),\n            input: (\n                <AccountProfileEditInputComponent\n                    {...{\n                        id,\n                        type,\n                        value,\n                        pattern,\n                        className,\n                        maxLength,\n                        onChange: this.onTextBoxChange\n                    }}\n                />\n            )\n        };\n    }\n}\n\nexport default AccountProfileEdit;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport {\n    IAccountProfileEditItem,\n    IAccountProfileEditLoading,\n    IAccountProfileEditLocalAccount,\n    IAccountProfileEditViewProps\n} from './account-profile-edit';\n\nconst AccountProfileEditItem: React.FC<IAccountProfileEditItem> = ({ wrapper, label, errorMessage, input }) => {\n    return (\n        <Node {...wrapper}>\n            {label}\n            {errorMessage}\n            {input}\n        </Node>\n    );\n};\n\nconst LocalAccount: React.FC<IAccountProfileEditLocalAccount> = ({\n    localAccount,\n    items,\n    errorMessage,\n    buttonsWrapper,\n    buttons,\n    verificationSuccessModal,\n    verificationSuccessModalMessage\n}) => {\n    return (\n        <Node {...localAccount}>\n            {items &&\n                items.map((item: IAccountProfileEditItem) => {\n                    // eslint-disable-next-line react/jsx-key\n                    return <AccountProfileEditItem {...item} />;\n                })}\n            {errorMessage &&\n                errorMessage.map((error: React.ReactNode, index: number) => {\n                    return <React.Fragment key={index}>{error}</React.Fragment>;\n                })}\n            <Node {...buttonsWrapper}>\n                {buttons &&\n                    buttons.map((button: React.ReactNode, index: number) => {\n                        return <React.Fragment key={index}>{button}</React.Fragment>;\n                    })}\n            </Node>\n\n            <Node {...verificationSuccessModal}>\n                <Node {...verificationSuccessModalMessage} />\n            </Node>\n        </Node>\n    );\n};\n\nconst AccountProfileEditLoading: React.FC<IAccountProfileEditLoading> = ({ modal, modalBody, icon, message }) => {\n    return (\n        <Node {...modal}>\n            <Node {...modalBody}>\n                {icon}\n                {message}\n            </Node>\n        </Node>\n    );\n};\n\nconst AccountProfileEditView: React.FC<IAccountProfileEditViewProps> = props => {\n    const { accountProfileEdit, viewState, loading, defaultAADConainer, aadConainer, heading, accountProfileEditLocalAccount } = props;\n\n    return (\n        <Module {...accountProfileEdit}>\n            {viewState.isShowLoading && <Node {...defaultAADConainer} />}\n            {viewState.isShowLoading && <AccountProfileEditLoading {...loading} />}\n            <Node {...aadConainer}>\n                {heading}\n                {LocalAccount(accountProfileEditLocalAccount)}\n            </Node>\n        </Module>\n    );\n};\n\nexport default AccountProfileEditView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { Button, getPayloadObject, getTelemetryAttributes, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface IAccountProfileEditButton {\n    id?: string;\n    className: string;\n    text: string;\n    ariaLabel: string;\n    disabled?: boolean;\n    telemetryContent?: ITelemetryContent;\n    onClick?(event: React.MouseEvent<HTMLElement>): void;\n}\n\nconst AccountProfileEditButton: React.FC<IAccountProfileEditButton> = ({\n    id,\n    className,\n    text,\n    ariaLabel,\n    disabled,\n    telemetryContent,\n    onClick\n}) => {\n    const payLoad = getPayloadObject('click', telemetryContent!, text);\n    const attributes = getTelemetryAttributes(telemetryContent!, payLoad);\n\n    return (\n        <Button id={id} className={className} aria-label={ariaLabel} disabled={disabled} onClick={onClick} {...attributes}>\n            {text}\n        </Button>\n    );\n};\n\nexport default AccountProfileEditButton;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nexport interface IAccountProfileEditErrorProps {\n    id?: string;\n    className: string;\n    type?: string;\n    message?: string;\n}\n\nconst AccountProfileEditError: React.FC<IAccountProfileEditErrorProps> = ({ id, className, type = 'page', message }) => {\n    const errorClassName = `${className}__${type}-error`;\n\n    return (\n        <div id={id} className={classnames(errorClassName, 'error', `${type}Level`)} role='alert' aria-live='assertive' aria-hidden='true'>\n            <p className={`${errorClassName}-text`}>{message}</p>\n        </div>\n    );\n};\n\nexport default AccountProfileEditError;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nexport interface IAccountProfileEditInputProps {\n    id?: string;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    type: any;\n    value?: string;\n    pattern?: string;\n    className: string;\n    maxLength?: string;\n    onChange?(event: React.ChangeEvent<HTMLInputElement>): void;\n}\n\nexport interface IAccountProfileEditInput {\n    key: string;\n    AddressItem: INodeProps;\n    label: React.ReactNode;\n    alert: React.ReactNode;\n    input: React.ReactNode;\n}\n\nconst GetMaxLength = (maxLength?: string): number | undefined => {\n    if (maxLength) {\n        const parsedMaxLength = Number.parseInt(maxLength, 10);\n        if (!isNaN(parsedMaxLength)) {\n            return parsedMaxLength;\n        }\n    }\n\n    return undefined;\n};\n\nconst AccountProfileEditInput: React.FC<IAccountProfileEditInputProps> = ({ id, type, value, pattern, className, maxLength, onChange }) => (\n    <input\n        id={id}\n        type={type}\n        value={value}\n        className={`${className}-input ${className}-${id}`}\n        pattern={pattern !== '' ? pattern : undefined}\n        aria-required='true'\n        maxLength={GetMaxLength(maxLength)}\n        onChange={onChange}\n    />\n);\n\nexport default AccountProfileEditInput;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nexport interface IAccountProfileEditLabel {\n    id: string;\n    forId: string;\n    className: string;\n    text: string;\n}\n\nconst AccountProfileEditLabel: React.FC<IAccountProfileEditLabel> = ({ id, forId, className, text }) => (\n    <label id={`${id}_label`} className={`${className}-label`} htmlFor={forId}>\n        {text}\n    </label>\n);\n\nexport default AccountProfileEditLabel;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nexport interface IAccountProfileEditLoadingIcon {\n    className: string;\n}\n\nconst AccountProfileEditLoadingIcon: React.FC<IAccountProfileEditLoadingIcon> = ({ className }) => (\n    <div className={`${className}__loading-icon`} />\n);\n\nexport default AccountProfileEditLoadingIcon;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nexport interface IAccountProfileEditLoadingMessage {\n    className: string;\n    message: string;\n}\n\nconst AccountProfileEditLoadingMessage: React.FC<IAccountProfileEditLoadingMessage> = ({ className, message }) => (\n    <div className={`${className}__loading-message`}>{message}</div>\n);\n\nexport default AccountProfileEditLoadingMessage;\n"],"names":["CallToAction","React","render","callToActionContent","glyphClassName","title","ctaLayout","glyphPosition","className","createInnerCTAFragment","this","props","glyph","layout","callToActionClass","classnames","callToActionBaseClass","color","Button","href","target","openInNewTab","undefined","onClick","disabled","defaultProps","AccountLoyalty","constructor","super","decimalPrecision","handleHeadingChange","event","config","heading","text","value","_populateModalData","focusRef","loyaltyCard","currentLoyaltyPoints","expiring","CardNumber","RewardPointId","context","telemetry","error","actionContext","setState","isModalOpen","currentModalData","isModalExpiring","modalID","currentFocus","getLoyaltyRewardPointsExpiringSoonAsync","callerContext","queryResultSettings","then","points","pointsActivity","catch","exception","debug","getLoyaltyRewardPointActivityTimelineAsync","message","_closeModal","_onOpenModal","_this$state$currentFo","state","current","focus","_buttonAvailableRef","_buttonExpireRef","telemetryContent","getTelemetryObject","request","telemetryPageName","friendlyName","payLoad","getPayloadObject","TelemetryConstant","BackToShopping","_Msdyn365$getUrlSync","_heading$tag","data","loyaltyCardLabel","totalAvailablePointsLabel","backToShoppingText","resources","backToShopAttributes","getTelemetryAttributes","result","loyaltyCardData","rewardPoints","RewardPoints","homeLink","Msdyn365","viewProps","_objectSpread","moduleProps","modalTransition","onEntered","node","isAppearing","childNode","firstChild","totalPoints","_getTotalPoints","length","_renderRewardPoints","pointsModal","_renderModal","isOpen","returnFocusRef","onOpened","Info","Points","Breakdown","PointsBreakdown","tag","editProps","onEdit","requestContext","infoLabel","AccountLoyaltyLabel","cardNumber","joinDate","_formatJoinDate","_parseDate","LoyaltyEnrollmentDateLocal","pointsLabel","toFixed","homeButton","Object","assign","renderView","date","format","joinDateFormatted","Intl","DateTimeFormat","locale","month","day","year","Date","map","loyaltyPoints","index","availableId","expiringId","availablePointsLabel","availablePointsAriaLabel","expiringPointsFormatLabel","expiringPointsFormatAriaLabel","contentAction","etext","AvailablePoints","availablePointsAttributes","ExpiringPoints","expiringPointsAttributes","label","AccountLoyaltyModalLabel","Description","availableModalLabel","ActivePoints","labelFor","availableModalTrigger","innerRef","expiringModalLabel","PointsExpiringSoon","expiringModalTrigger","_currentModalData$Des","loyaltyActivityDateLabel","loyaltyActivityBalanceLabel","horizontalPosition","verticalPosition","modalClassName","modalHeaderClassName","modalHeader","modalBodyClassName","ModalBodyTop","ModalBodyHeaders","rewardPointsActivity","_renderPointsActivity","pointsDescription","_getPoints","balanceLabel","onClose","total","forEach","_loyaltyPoints$Active","_ref","activity","_toFixed","_ref2","Activity","activityType","_getTimelineType","activityDate","cultureFormatter","formatDate","ActivityDate","activityPoints","LoyaltyPoints","dateString","toString","replace","substring","getUTCFullYear","getUTCMonth","getUTCDate","pointActivity","LoyaltyRewardPointTimelineEntryType","earnedPointsLabel","redeemedPointsLabel","adjustedPointsLabel","refundedPointsLabel","ExtensibleLoyaltyRewardPointActivityEntryTypeValue","__decorate","observer","Module","Node","key","Modal","autoFocus","fade","zIndex","onClosed","toggle","ModalHeader","ModalBody","htmlFor","AccountProfileEdit","moduleClassName","onTextBoxChange","id","toLowerCase","givenName","surname","emailRegex","_onInit","_prePopulateData","_updateErrorMessage","initializationTimer","setInterval","_isInitializationSuccessful","setTimeout","clearInterval","window","isInitialized","invalidEmailAddressError","obj","PRE","_htmlDecode","ID","email","PAT","PAT_DESC","required_field","requiredFieldMissingError","verifying_blurb","loadingMessage","EmailRegex","defaultRegex","source","componentDidMount","componentDidUpdate","shouldComponentUpdate","nextProps","nextState","viewState","isShowLoading","accountProfileEdit","loading","modal","modalBody","icon","AccountProfileEditLoadingIconComponent","AccountProfileEditLoadingMessageComponent","defaultAADConainer","style","display","aadConainer","accountProfileEditLocalAccount","_renderLocalAccount","str","e","document","createElement","innerHTML","childNodes","nodeValue","localAccount","items","_renderInput","firstNameLabelText","firstNameMaxLength","lastNameLabelText","lastNameMaxLength","errorMessage","AccountProfileEditErrorComponent","requiredFieldMissingSummaryError","fieldIncorrectError","buttonsWrapper","buttons","AccountProfileEditButtonComponent","ariaLabel","saveButtonAriaLabel","saveButtonText","cancelButtonText","verificationSuccessModal","verificationSuccessModalMessage","showEmail","push","emailAddressLabelText","type","labelText","maxLength","pattern","wrapper","AccountProfileEditLabelComponent","forId","input","AccountProfileEditInputComponent","onChange","observable","AccountProfileEditItem","AccountProfileEditLoading","_ref3","item","button","LocalAccount","attributes","errorClassName","role","GetMaxLength","parsedMaxLength","Number","parseInt","isNaN"],"sourceRoot":""}