{"version":3,"file":"static/js/236a5c20513c56c53f77.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./lib/account-profile-edit/module-registration.js?e173","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","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['account-profile-edit'] = {\n        c: () => require('@msdyn365-commerce-modules/account-management/dist/lib/modules/account-profile-edit/account-profile-edit'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: true,\n        ns: '@msdyn365-commerce-modules',\n        n: 'account-profile-edit',\n        p: 'account-management',\n        \n        pdp: '',\n        \n        \n        md: 'node_modules/@msdyn365-commerce-modules/account-management/dist/lib/modules/account-profile-edit'\n    });\n        \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['@msdyn365-commerce-modules|account-management|modules|account-profile-edit|account-profile-edit'] = {\n                c: () => require('@msdyn365-commerce-modules/account-management/dist/lib/modules/account-profile-edit/account-profile-edit.view.js'),\n                cn: '@msdyn365-commerce-modules-account-management-account-profile-edit'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\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","module.exports = React;","module.exports = ReactDOM;"],"names":["binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","AccountProfileEdit","React","constructor","props","super","moduleClassName","handleHeadingChange","event","this","config","heading","text","target","value","onTextBoxChange","id","toLowerCase","givenName","surname","emailRegex","_onInit","_prePopulateData","_updateErrorMessage","initializationTimer","setInterval","_isInitializationSuccessful","setTimeout","clearInterval","isInitialized","resources","invalidEmailAddressError","map","obj","PRE","_htmlDecode","ID","email","PAT","PAT_DESC","message","required_field","requiredFieldMissingError","verifying_blurb","loadingMessage","Object","assign","EmailRegex","defaultRegex","source","telemetryContent","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","componentDidMount","componentDidUpdate","shouldComponentUpdate","nextProps","nextState","state","data","render","viewProps","viewState","isShowLoading","accountProfileEdit","moduleProps","className","classnames","loading","modal","tag","Modal","isOpen","modalBody","ModalBody","icon","AccountProfileEditLoadingIconComponent","AccountProfileEditLoadingMessageComponent","defaultAADConainer","style","display","aadConainer","Msdyn365","editProps","onEdit","requestContext","accountProfileEditLocalAccount","_renderLocalAccount","renderView","str","e","document","createElement","innerHTML","childNodes","length","nodeValue","localAccount","items","_renderInput","firstNameLabelText","firstNameMaxLength","lastNameLabelText","lastNameMaxLength","errorMessage","AccountProfileEditErrorComponent","key","requiredFieldMissingSummaryError","fieldIncorrectError","buttonsWrapper","buttons","AccountProfileEditButtonComponent","ariaLabel","saveButtonAriaLabel","saveButtonText","cancelButtonText","verificationSuccessModal","verificationSuccessModalMessage","showEmail","push","emailAddressLabelText","undefined","type","labelText","maxLength","pattern","wrapper","label","AccountProfileEditLabelComponent","forId","input","AccountProfileEditInputComponent","onChange","__decorate","observable","observer","AccountProfileEditItem","_ref","Node","AccountProfileEditLoading","_ref3","Module","_ref2","item","error","index","button","LocalAccount","disabled","onClick","payLoad","getPayloadObject","attributes","getTelemetryAttributes","Button","errorClassName","role","GetMaxLength","parsedMaxLength","Number","parseInt","isNaN","htmlFor","module","exports","ReactDOM"],"sourceRoot":""}