{"version":3,"file":"static/js/64.4f5d4044090d8a505d6a.chunk.js","mappings":"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","sources":["webpack://Citta2.0/./src/modules/citta-checkout-guest-profile/components/get-add-contact-info.tsx?a5f7","webpack://Citta2.0/./src/modules/citta-checkout-guest-profile/components/get-show-contact-info.tsx?caa4","webpack://Citta2.0/./src/modules/citta-checkout-guest-profile/citta-checkout-guest-profile.tsx?90ac","webpack://Citta2.0/./src/modules/citta-checkout-guest-profile/citta-checkout-guest-profile.view.tsx?e882"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport { Button,INodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nexport interface IAddContactInfoInput {\r\n    inputRef?: React.RefObject<HTMLInputElement>;\r\n    hasError: boolean;\r\n    email: string;\r\n    hasFirstNameError:boolean;\r\n    hasEmailError:boolean;\r\n    hasLastNameError:boolean;\r\n    hasPhoneNumberError:boolean;\r\n    hasCompanyNameError:boolean;\r\n    inputFirstNameRef?: React.RefObject<HTMLInputElement>;\r\n    inputLastNameRef?: React.RefObject<HTMLInputElement>;\r\n    inputPhoneNumberRef?: React.RefObject<HTMLInputElement>;\r\n    inputCompanyNameRef?: React.RefObject<HTMLInputElement>;\r\n    firstName:string;\r\n    lastName:string;\r\n    phoneNumber:string;\r\n    companyName:string;\r\n    resources: {\r\n        emailLabel: string;\r\n        emailErrortext: string;\r\n        saveBtnLabel: string;\r\n        cancelBtnLabel: string;\r\n        firstNameInputLabel: string;\r\n        firstNameErrortext:string;\r\n        lastNameInputLabel:string;\r\n        lastNameErrortext:string;\r\n        phoneNumberLabel: string;\r\n        phoneNumberErrortext:string;\r\n        companyNameLabel:string;\r\n        companyNameErrortext:string;\r\n        editBtnLabel: string;\r\n    };\r\n    canSubmit: boolean;\r\n    canCancel: boolean;\r\n    onChange(email: string, fName?: string, lName?: string, phone?: string, company?: string): void;\r\n    onSubmit(): void;\r\n    onCancel(): void;\r\n}\r\n\r\nexport interface IAddContactInfo {\r\n    addFormProps: INodeProps;\r\n    submitButton: React.ReactNode;\r\n    cancelButton: React.ReactNode;\r\n    inputGroupProps: INodeProps;\r\n    label: React.ReactNode;\r\n    error: React.ReactNode;\r\n    input: React.ReactNode;\r\n    emailAddressLabel: React.ReactNode;\r\n    fNameLabel: React.ReactNode;\r\n    lNameLabel: React.ReactNode;\r\n    phoneLabel: React.ReactNode;\r\n    companyNameLabel: React.ReactNode;\r\n    emailError: React.ReactNode;\r\n    fNameError: React.ReactNode;\r\n    lastNameError: React.ReactNode;\r\n    phoneError: React.ReactNode;\r\n    companyNameError: React.ReactNode;\r\n    inputGroupFNameProps: INodeProps;\r\n    fNameInput: React.ReactNode;\r\n    inputGroupLastNameProps: INodeProps;\r\n    lastNameInput: React.ReactNode;\r\n    inputGroupPhoneProps: INodeProps;\r\n    phoneInput: React.ReactNode;\r\n    inputGroupCompanyNameProps: INodeProps;\r\n    companyNameInput: React.ReactNode;\r\n    b2bcompanyNameInput: React.ReactNode;\r\n    b2binput:React.ReactNode;\r\n}\r\n\r\n// tslint:disable-next-line:max-func-body-length\r\nconst getAddContactInfo = ({\r\n    hasError,\r\n    hasEmailError,\r\n    inputRef,\r\n    email,\r\n    hasFirstNameError,\r\n    hasLastNameError,\r\n    hasPhoneNumberError,\r\n    hasCompanyNameError,\r\n    inputFirstNameRef,\r\n    inputLastNameRef,\r\n    inputPhoneNumberRef,\r\n    inputCompanyNameRef,\r\n    firstName,\r\n    lastName,\r\n    phoneNumber,\r\n    companyName,\r\n    canSubmit,\r\n    canCancel,\r\n    onChange,\r\n    onSubmit,\r\n    onCancel,\r\n    resources: {\r\n        emailLabel, saveBtnLabel, cancelBtnLabel, emailErrortext, firstNameInputLabel, firstNameErrortext, lastNameInputLabel,\r\n        lastNameErrortext, phoneNumberLabel, phoneNumberErrortext, companyNameLabel, companyNameErrortext\r\n    }\r\n}: IAddContactInfoInput): IAddContactInfo => {\r\n    const onInputChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n        const value = e.target.value || '';\r\n        const inputField: HTMLInputElement = e.currentTarget;\r\n        const property = inputField.attributes.getNamedItem('id')?.value.toLocaleLowerCase() || '';\r\n        const changedValues = {'email-address': email, 'first-name': firstName, 'last-name': lastName, 'phone-number': phoneNumber, 'company-name': companyName};\r\n        Object.keys(changedValues).map(key =>  {\r\n            if(key === property) {\r\n                changedValues[key] = value;\r\n            }\r\n          });\r\n        onChange(changedValues['email-address'], changedValues['first-name'], changedValues['last-name'],\r\n                 changedValues['phone-number'],  changedValues['company-name']);\r\n    };\r\n\r\n    return {\r\n        addFormProps: { className: 'ms-checkout-guest-profile__add-contact-info' },\r\n        inputGroupProps: { className: classnames('ms-checkout-guest-profile__input', { 'is-invalid': hasError }) },\r\n        inputGroupFNameProps: { className: classnames('ms-checkout-guest-profile__input_FirstName', { 'is-invalid': hasError }) },\r\n        inputGroupLastNameProps: { className: classnames('ms-checkout-guest-profile__input_LastName', { 'is-invalid': hasError }) },\r\n        inputGroupPhoneProps: { className: classnames('ms-checkout-guest-profile__input_PhoneNumber', { 'is-invalid': hasError }) },\r\n        inputGroupCompanyNameProps: { className: classnames('ms-checkout-guest-profile__input_CompanyName', { 'is-invalid': hasError }) },\r\n        emailAddressLabel: labelGroup('ms-checkout-guest-profile__label', 'ms-checkout-guest-profile__input-label', emailLabel),\r\n        fNameLabel: labelGroup('ms-checkout-guest-profile__label_FNameLabel', 'ms-checkout-guest-profile__input-label_FNameLabel', firstNameInputLabel),\r\n        lNameLabel: labelGroup('ms-checkout-guest-profile__label_LastNameLabel', 'ms-checkout-guest-profile__input-label_LastNameLabel', lastNameInputLabel),\r\n        phoneLabel: labelGroup('ms-checkout-guest-profile__label_PhoneLabel', 'ms-checkout-guest-profile__input-label_PhoneLabel', phoneNumberLabel),\r\n        companyNameLabel: labelGroup('ms-checkout-guest-profile__label_CompanyLabel', 'ms-checkout-guest-profile__input-label_CompanyLabel', companyNameLabel),\r\n        emailError: hasError && hasEmailError && errorGroup('ms-checkout-guest-profile__error','ms-checkout-guest-profile__input-error', emailErrortext),\r\n        fNameError: hasError && hasFirstNameError && errorGroup('ms-checkout-guest-profile__error','ms-checkout-guest-profile__input-error',firstNameErrortext),\r\n        lastNameError: hasError && hasLastNameError && errorGroup('ms-checkout-guest-profile__error','ms-checkout-guest-profile__input-error',lastNameErrortext),\r\n        phoneError: hasError && hasPhoneNumberError && errorGroup('ms-checkout-guest-profile__error','ms-checkout-guest-profile__input-error',phoneNumberErrortext),\r\n        companyNameError: hasError && hasCompanyNameError && errorGroup('ms-checkout-guest-profile__error','ms-checkout-guest-profile__input-error',companyNameErrortext),\r\n\r\n        submitButton: canSubmit && (\r\n            <Button\r\n                className='ms-checkout-guest-profile__btn-save'\r\n                title={saveBtnLabel}\r\n                color='primary'\r\n                onClick={onSubmit}\r\n            >\r\n            {saveBtnLabel}\r\n            </Button>\r\n        ),\r\n        cancelButton: canCancel && (\r\n            <Button\r\n                className='ms-checkout-guest-profile__btn-cancel'\r\n                title={cancelBtnLabel}\r\n                color='secondary'\r\n                onClick={onCancel}\r\n            >\r\n            {cancelBtnLabel}\r\n            </Button>\r\n        ),\r\n        label: (\r\n            <label id='ms-checkout-guest-profile__label' className='ms-checkout-guest-profile__input-label'>\r\n                {emailLabel}\r\n            </label>\r\n        ),\r\n        error: hasError && hasEmailError && (\r\n            <span\r\n                id='ms-checkout-guest-profile__error'\r\n                className='ms-checkout-guest-profile__input-error'\r\n                role='alert'\r\n                aria-live='assertive'\r\n            >\r\n                {emailErrortext}\r\n            </span>\r\n        ),\r\n        input: (\r\n            <input\r\n                ref={inputRef}\r\n                id={'email-address'}\r\n                type='text'\r\n                className='ms-checkout-guest-profile__input-text form-control ms-checkout-guest-profile_email'\r\n                aria-label={emailLabel}\r\n                onChange={onInputChange}\r\n                value={email}\r\n                aria-labelledby='ms-checkout-guest-profile__label ms-checkout-guest-profile__error'\r\n            />),\r\n        b2binput: (\r\n            <input\r\n                ref={inputRef}\r\n                id={'email-address'}\r\n                type='text'\r\n                className='ms-checkout-guest-profile__input-text form-control ms-checkout-guest-profile_email'\r\n                aria-label={emailLabel}\r\n                onChange={onInputChange}\r\n                value={email}\r\n                aria-labelledby='ms-checkout-guest-profile__label ms-checkout-guest-profile__error'\r\n                readOnly\r\n            />),\r\n        fNameInput: (\r\n                <input\r\n                    ref={inputFirstNameRef}\r\n                    type='text'\r\n                    id={'first-name'}\r\n                    className='ms-checkout-guest-profile__input-text form-control'\r\n                    aria-label={firstNameInputLabel}\r\n                    onChange={onInputChange}\r\n                    value={firstName}\r\n                    aria-labelledby='checkout-guest-profile__label checkout-guest-profile__error ms-checkout-guest-profile__label_FNameLabel'\r\n                />\r\n            ),\r\n        lastNameInput: (\r\n                <input\r\n                    ref={inputLastNameRef}\r\n                    type='text'\r\n                    id={'last-name'}\r\n                    className='ms-checkout-guest-profile__input-text form-control'\r\n                    aria-label={lastNameInputLabel}\r\n                    onChange={onInputChange}\r\n                    value={lastName}\r\n                    aria-labelledby='checkout-guest-profile__label checkout-guest-profile__error ms-checkout-guest-profile__label_LastNameLabel'\r\n                />\r\n            ),\r\n        phoneInput: (\r\n                <input\r\n                    ref={inputPhoneNumberRef}\r\n                    type='text'\r\n                    id={'phone-number'}\r\n                    className='ms-checkout-guest-profile__input-text form-control'\r\n                    aria-label={phoneNumberLabel}\r\n                    onChange={onInputChange}\r\n                    value={phoneNumber}\r\n                    aria-labelledby='checkout-guest-profile__label checkout-guest-profile__error ms-checkout-guest-profile__label_PhoneLabel '\r\n                />\r\n            ),\r\n        companyNameInput: (\r\n                <input\r\n                    ref={inputCompanyNameRef}\r\n                    type='text'\r\n                    id={'company-name'}\r\n                    className='ms-checkout-guest-profile__input-text form-control'\r\n                    aria-label={companyNameLabel}\r\n                    onChange={onInputChange}\r\n                    value={companyName}\r\n                    aria-labelledby='checkout-guest-profile__label checkout-guest-profile__error ms-checkout-guest-profile__label_CompanyLabel'\r\n                />\r\n            ),\r\n        b2bcompanyNameInput: (\r\n            <input\r\n                ref={inputCompanyNameRef}\r\n                type='text'\r\n                id={'company-name'}\r\n                className='ms-checkout-guest-profile__input-text form-control'\r\n                aria-label={companyNameLabel}\r\n                onChange={onInputChange}\r\n                value={companyName}\r\n                aria-labelledby='checkout-guest-profile__label checkout-guest-profile__error ms-checkout-guest-profile__label_CompanyLabel'\r\n                readOnly\r\n            />\r\n        )\r\n    };\r\n};\r\n\r\nconst labelGroup = (id: string, className: string, value:string): JSX.Element => {\r\n    return (\r\n        <label id={id} className={className}>\r\n         {value}\r\n        </label>\r\n     );\r\n};\r\n\r\nconst errorGroup = (id: string, className: string, value:string): JSX.Element => {\r\n    return (\r\n        <span\r\n            id={id}\r\n            className={className}\r\n            role='alert'\r\n            aria-live='assertive'\r\n        >\r\n            {value}\r\n        </span>\r\n     );\r\n};\r\n\r\nexport default getAddContactInfo;\r\n","/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport * as React from 'react';\r\n\r\nimport { Button, INodeProps } from '@msdyn365-commerce-modules/utilities';\r\n\r\nexport interface IShowContactInfoInput {\r\n    canEdit: boolean;\r\n    email: string;\r\n    firstName?: string;\r\n    lastName?: string;\r\n    phoneNumber?: string;\r\n    companyName?: string;\r\n    resources: {\r\n        editBtnLabel: string;\r\n    };\r\n    onEdit(): void;\r\n}\r\n\r\nexport interface IShowContactInfo {\r\n    showInfoProps: INodeProps;\r\n    email: React.ReactNode;\r\n    editButton?: React.ReactNode;\r\n    firstName?: React.ReactNode;\r\n    lastName?: React.ReactNode;\r\n    phoneNumber?: React.ReactNode;\r\n    companyName?: React.ReactNode;\r\n}\r\n\r\nconst getContactInfo = ({ canEdit, email, firstName, lastName, phoneNumber, companyName,  resources: { editBtnLabel }, onEdit }: IShowContactInfoInput): IShowContactInfo => ({\r\n    showInfoProps: { className: 'ms-checkout-guest-profile__selected-item' },\r\n    firstName: <span className='ms-checkout-guest-profile__selected-firstname'>{firstName}</span>,\r\n    lastName: <span className='ms-checkout-guest-profile__selected-lastname'>{lastName}</span>,\r\n    email: <span className='ms-checkout-guest-profile__selected-email'>{email}</span>,\r\n    phoneNumber: <span className='ms-checkout-guest-profile__selected-phonenumber'>{phoneNumber}</span>,\r\n    companyName: <span className='ms-checkout-guest-profile__selected-companyname'>{companyName}</span>,\r\n    editButton: canEdit && (\r\n    <Button className='ms-checkout-guest-profile__btn-edit' title={editBtnLabel} color='link' onClick={onEdit} >{editBtnLabel}</Button>\r\n    )\r\n});\r\n\r\nexport default getContactInfo;\r\n","/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport { IModuleStateProps, withModuleState } from '@msdyn365-commerce-modules/checkout-utilities';\r\nimport { IModuleProps } from '@msdyn365-commerce-modules/utilities';\r\nimport { ICartActionResult } from '@msdyn365-commerce/global-state';\r\nimport classnames from 'classnames';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport { computed, when } from 'mobx';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport * as MsDyn365 from '@msdyn365-commerce/core';\r\nimport { ICittaCheckoutGuestProfileData } from './citta-checkout-guest-profile.data';\r\nimport { ICittaCheckoutGuestProfileProps } from './citta-checkout-guest-profile.props.autogenerated';\r\nimport getAddContactInfo, { IAddContactInfo } from './components/get-add-contact-info';\r\nimport getShowContactInfo, { IShowContactInfo } from './components/get-show-contact-info';\r\n\r\nexport * from './components/get-add-contact-info';\r\nexport * from './components/get-show-contact-info';\r\n\r\ninterface ICheckoutGuestProfileState {\r\n    email: string;\r\n    firstName: string;\r\n    lastName: string;\r\n    phoneNumber: string;\r\n    companyName: string;\r\n    hasEmailError: boolean;\r\n    hasCompanyNameError: boolean;\r\n    hasFirstNameError: boolean;\r\n    hasLastNameError: boolean;\r\n    hasPhoneNumberError: boolean;\r\n    TermsAndConditionsChecked: boolean;\r\n    reCaptchaChecked: boolean;\r\n    rCCError: boolean;\r\n}\r\n\r\nexport interface ICheckoutGuestProfileModuleProps extends ICittaCheckoutGuestProfileProps<ICittaCheckoutGuestProfileData>, IModuleStateProps { }\r\n\r\nexport interface ICheckoutGuestProfileViewProps extends ICittaCheckoutGuestProfileProps<ICittaCheckoutGuestProfileData>, ICheckoutGuestProfileState {\r\n    moduleProps: IModuleProps;\r\n    showContactInfo?: IShowContactInfo;\r\n    addContactInfo?: IAddContactInfo;\r\n    reCaptcha: React.ReactNode;\r\n    checkBox: React.ReactNode;\r\n    isB2B: Boolean\r\n\r\n\r\n    onChange?(email: string): void;\r\n    onEdit?(): void;\r\n    onSubmit?(): void;\r\n    onCancel?(): void;\r\n}\r\n\r\n/**\r\n *\r\n * CheckoutGuestProfile component\r\n * @extends {React.PureComponent<ICittaCheckoutGuestProfileProps<ICittaCheckoutGuestProfileData>, ICheckoutGuestProfileState>}\r\n */\r\n// @ts-ignore\r\n@withModuleState\r\n@observer\r\nclass CheckoutGuestProfile extends React.Component<ICheckoutGuestProfileModuleProps, ICheckoutGuestProfileState> {\r\n    public state: ICheckoutGuestProfileState = {\r\n        email:\r\n            (this.props.context &&\r\n                this.props.context.request &&\r\n                this.props.context.request.user &&\r\n                this.props.context.request.user.isAuthenticated &&\r\n                this.props.context.request.user.emailAddress) ||\r\n            '',\r\n        firstName:\r\n            (this.props.context &&\r\n                this.props.context.request &&\r\n                this.props.context.request.user &&\r\n                this.props.context.request.user.isAuthenticated &&\r\n                this.props.context.request.user.firstName) || '',\r\n        lastName:\r\n            (this.props.context &&\r\n                this.props.context.request &&\r\n                this.props.context.request.user &&\r\n                this.props.context.request.user.isAuthenticated &&\r\n                this.props.context.request.user.lastName) || '',\r\n        phoneNumber: '',\r\n        companyName: '',\r\n        hasEmailError: false,\r\n        hasCompanyNameError: false,\r\n        hasFirstNameError: false,\r\n        hasLastNameError: false,\r\n        hasPhoneNumberError: false,\r\n        TermsAndConditionsChecked: false,\r\n        reCaptchaChecked: false,\r\n        rCCError: false,\r\n    };\r\n\r\n    private inputRef: React.RefObject<HTMLInputElement> = React.createRef();\r\n    private inputFirstNameRef: React.RefObject<HTMLInputElement> = React.createRef();\r\n    private inputLastNameRef: React.RefObject<HTMLInputElement> = React.createRef();\r\n    private inputPhoneNumberRef: React.RefObject<HTMLInputElement> = React.createRef();\r\n    private inputCompanyNameRef: React.RefObject<HTMLInputElement> = React.createRef();\r\n    private _TermsAndConditionsRef: React.RefObject<HTMLInputElement> = React.createRef();\r\n    private _recaptchaRef: React.RefObject<ReCAPTCHA> = React.createRef();\r\n    private recaptchaErrorMessage: string | undefined;\r\n\r\n    @computed get isDataReady(): boolean {\r\n        return (this.props.data.checkout.result && this.props.data.checkout.status) === 'SUCCESS';\r\n    }\r\n\r\n    public componentDidMount(): void {\r\n        // @ts-ignore: Compiler not recognizing condition check for function params\r\n        when(\r\n            () => this.isDataReady,\r\n            async () => {\r\n                await this.init();\r\n            }\r\n        );\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const {firstName, lastName, phoneNumber, companyName} = this.state;\r\n        const {\r\n            config: { className },\r\n            resources,\r\n            moduleState: { isReady, hasError, hasExternalSubmitGroup }\r\n        } = this.props;\r\n        const email = (this.props.data.checkout.result && this.props.data.checkout.result.guestCheckoutEmail) || '';\r\n        const viewProps: ICheckoutGuestProfileViewProps = {\r\n            ...this.props,\r\n            ...this.state,\r\n            onChange: this.onChange,\r\n            onEdit: this.onEdit,\r\n            onCancel: this.onCancel,\r\n            onSubmit: this.onSubmit,\r\n            checkBox: this._renderCheckbox(),\r\n            reCaptcha: this._renderReCaptcha(),\r\n            isB2B: this.props.context?.request?.app?.platform?.enableDefaultOrderQuantityLimits === 'b2b',\r\n\r\n            moduleProps: {\r\n                moduleProps: this.props,\r\n                className: classnames('ms-checkout-guest-profile', className, isReady ? 'show' : 'add')\r\n            },\r\n            showContactInfo: isReady\r\n                ? getShowContactInfo({\r\n                    canEdit: !hasExternalSubmitGroup,\r\n                    email,\r\n                    firstName,\r\n                    lastName,\r\n                    phoneNumber,\r\n                    companyName,\r\n                    resources,\r\n                    onEdit: this.onEdit\r\n                })\r\n                : undefined,\r\n            addContactInfo: !isReady\r\n                ? getAddContactInfo({\r\n                    email: this.state.email,\r\n                    firstName: firstName,\r\n                    lastName: lastName,\r\n                    companyName: companyName,\r\n                    phoneNumber: phoneNumber,\r\n                    hasError: hasError,\r\n                    hasEmailError: this.state.hasEmailError,\r\n                    hasCompanyNameError: this.state.hasCompanyNameError,\r\n                    hasFirstNameError: this.state.hasFirstNameError,\r\n                    hasLastNameError: this.state.hasLastNameError,\r\n                    hasPhoneNumberError: this.state.hasPhoneNumberError,\r\n                    resources,\r\n                    inputRef: this.inputRef,\r\n                    inputFirstNameRef: this.inputFirstNameRef,\r\n                    inputLastNameRef: this.inputLastNameRef,\r\n                    inputPhoneNumberRef: this.inputPhoneNumberRef,\r\n                    inputCompanyNameRef: this.inputCompanyNameRef,\r\n                    onChange: this.onChange,\r\n                    canSubmit: !hasExternalSubmitGroup,\r\n                    onSubmit: this.onSubmit,\r\n                    canCancel: !hasExternalSubmitGroup && !!email,\r\n                    onCancel: this.onCancel\r\n                })\r\n                : undefined\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n\r\n    private _renderCheckbox(): React.ReactNode {\r\n        return (\r\n            <div className=\"checkbox-termsAndConditions\">\r\n                <div className='checkbox-termsAndConditions-content'>\r\n                    <label >\r\n                        <input\r\n                            ref={this._TermsAndConditionsRef}\r\n                            type='checkbox'\r\n                            className='termsAndConditions-text'\r\n                            aria-label='Accept terms And Conditions'\r\n                            aria-checked='false'\r\n                            onChange={this._checkBoxOnChange()}\r\n                            id='termsAndConditionsCheckbox'\r\n                        /> {this.props.config.termsAndConditionsText || \"Sign up to our newsletter, and be the first to hear about new arrives, design details and journal features. By checking this box you agree to our \"}<a href={this.props.config.termsAndConditionsLink}>terms & conditions</a>\r\n\r\n                    </label>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private _renderReCaptcha(): React.ReactNode {\r\n        if (this.props.config.reCaptchaOption) {\r\n        return (\r\n            <div>\r\n                <div className=''>\r\n                    {this.state.rCCError ? this._renderRecaptchaAlert('recaptcha-error') : ''}\r\n                    <ReCAPTCHA\r\n                        ref={this._recaptchaRef}\r\n                        sitekey={this.props.config.reCaptchaSiteKey!}\r\n                        size=\"invisible\"\r\n                        onChange={() => this._submit()}\r\n                    />\r\n                </div>\r\n            </div>\r\n        );}\r\n        return null;\r\n    }\r\n\r\n    private _renderRecaptchaAlert(className: string): JSX.Element {\r\n\r\n        if (this.props.config.reCaptchaOption) {\r\n            if (!this.state.reCaptchaChecked) {\r\n                this.recaptchaErrorMessage = this.props.resources.recaptchaErrorMessage;\r\n            }\r\n        }\r\n\r\n        const rCCError = this.state.rCCError;\r\n        return (\r\n            <>\r\n                {rCCError && (\r\n                    <span className={`${className}__alert`} role='alert' aria-live='assertive'>\r\n                        {\r\n                            this.recaptchaErrorMessage &&\r\n                            <>\r\n                                <span className={`${className}__alert-icon`} aria-hidden='true' />\r\n                                {this.recaptchaErrorMessage}\r\n                            </>\r\n                        }\r\n                    </span>\r\n                )}\r\n            </>\r\n        );\r\n    }\r\n\r\n    // tslint:disable-next-line:cyclomatic-complexity\r\n    private init = async (): Promise<void> => {\r\n        const hasInvoiceLine = this.props.data.checkout.result?.checkoutCart.hasInvoiceLine;\r\n        const additionalProperties = this.getPreFilledProperties();\r\n        const {email, firstName, lastName, phoneNumber } = additionalProperties;\r\n        if (email) {\r\n            await this.updateGuestProfile(email, additionalProperties);\r\n        }\r\n        const isEmailValid = this.isEmailValid(email);\r\n        const isFirstNameValid = this.isNameValid(additionalProperties.firstName);\r\n        const isLastNameValid = this.isNameValid(additionalProperties.lastName);\r\n        const isPhoneNumberValid = this.isPhoneNumberValid(additionalProperties.phoneNumber);\r\n        this.props.moduleState.init({\r\n            onEdit: this.onEdit,\r\n            onCancel: this.onCancel,\r\n            onSubmit: this.onSubmit,\r\n            status: hasInvoiceLine ? 'disabled' : (firstName && isFirstNameValid && lastName && isLastNameValid && phoneNumber &&\r\n                isPhoneNumberValid && email && isEmailValid ? 'ready' : 'updating'),\r\n            hasError: !!email && !isEmailValid && !isFirstNameValid && !isLastNameValid && !isPhoneNumberValid\r\n        });\r\n    };\r\n\r\n    private getPreFilledProperties = () => {\r\n        const hasInvoiceLine = this.props.data.checkout.result?.checkoutCart.hasInvoiceLine;\r\n        const emailOnCart = this.props.data.checkout.result?.checkoutCart.cart.ReceiptEmail;\r\n        const isB2B = this.props.context?.request?.app?.platform?.enableDefaultOrderQuantityLimits === 'b2b';\r\n        const isAuthenticated =\r\n          this.props.context &&\r\n          this.props.context.request &&\r\n          this.props.context.request.user &&\r\n          this.props.context.request.user.isAuthenticated || false;\r\n        let email =  emailOnCart || '';\r\n        let firstName = this.getExtensionPropertyValue('FIRSTNAME');\r\n        let lastName = this.getExtensionPropertyValue('LASTNAME');\r\n        let phoneNumber = this.getExtensionPropertyValue('PHONENUMBER');\r\n        let companyName = this.getExtensionPropertyValue('COMPANYNAME');\r\n        if(hasInvoiceLine || isAuthenticated) {\r\n            email =  email || (this.props.context.request.user.emailAddress || '');\r\n            firstName = isB2B? '' : firstName || (this.props.context.request.user.firstName?.toString() || '');\r\n            lastName = isB2B? '' :  lastName || (this.props.context.request.user.lastName || '');\r\n            phoneNumber = phoneNumber;\r\n            companyName = isB2B? (this.props.context.request.user.firstName || '') :  companyName;\r\n        } else {\r\n            email = (emailOnCart || this.state.email);\r\n            firstName = (firstName || this.state.firstName);\r\n            lastName = (lastName || this.state.lastName);\r\n            phoneNumber = (phoneNumber || this.state.phoneNumber);\r\n            companyName = (companyName || this.state.companyName);\r\n        }\r\n\r\n        return {email, firstName, lastName, phoneNumber, companyName};\r\n    }\r\n\r\n    private getExtensionPropertyValue = (fieldName: string) => {\r\n    const value = this.props.data.checkout.result?.checkoutCart.cart.ExtensionProperties &&\r\n        this.props.data.checkout.result?.checkoutCart.cart.ExtensionProperties?.filter(p=>p.Key === fieldName);\r\n    if (value && value?.length > 0) {\r\n        return value[0].Value?.StringValue || '';\r\n    }\r\n\r\n    return '';\r\n    }\r\n\r\n    private onChange = (rowEmail: string, fName?: string, lName?: string, phone?: string, company?: string): void => {\r\n        const email = (rowEmail || '').replace(new RegExp('[<>]', 'gi'), '');\r\n        const fNameText = (fName || '').replace(new RegExp('[<>]', 'gi'), '');\r\n        const lNameText = (lName || '').replace(new RegExp('[<>]', 'gi'), '');\r\n        const phoneText = (phone || '').replace(new RegExp('[<>]', 'gi'), '');\r\n        const companyText = (company || '').replace(new RegExp('[<>]', 'gi'), '');\r\n        const isB2B = this.props.context?.request?.app?.platform?.enableDefaultOrderQuantityLimits === 'b2b';\r\n        if(isB2B){\r\n            this.setState({firstName:fNameText, lastName: lNameText, phoneNumber: phoneText});\r\n        } else {\r\n            this.setState({ email, firstName:fNameText, lastName: lNameText, phoneNumber: phoneText, companyName: companyText });\r\n        }\r\n        if (this.props.moduleState.hasError) {\r\n            // Clear error during user updating the email\r\n            this.props.moduleState.setHasError(false);\r\n        }\r\n    };\r\n\r\n    private _checkBoxOnChange = () => (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const isChecked = this._TermsAndConditionsRef.current && this._TermsAndConditionsRef.current.checked ? this._TermsAndConditionsRef.current.checked : false;\r\n        this.setState({TermsAndConditionsChecked: isChecked });\r\n    }\r\n\r\n    private isEmailValid = (email: string): boolean => {\r\n        const regex = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n        return regex.test(email);\r\n    };\r\n\r\n    private isPhoneNumberValid = (phoneNumber: string): boolean => {\r\n        const regex = /^[0-9]+[0-9]*$/;\r\n        return regex.test(phoneNumber);\r\n    };\r\n\r\n    private isNameValid = (name: string): boolean => {\r\n        const regex = /^.+$/;\r\n        return regex.test(name);\r\n    };\r\n    private isCompanyNameValid = (companyName : string): boolean => {\r\n        const regex = /^.+$/;\r\n        return regex.test(companyName);\r\n    }\r\n\r\n    private updateGuestProfile = async (newGuestCheckoutEmail: string, additionalProperties?: {}): Promise<void> => {\r\n        if (this.props.data.checkout.result) {\r\n            await this.props.data.checkout.result.updateGuestCheckoutEmail(\r\n                { newGuestCheckoutEmail, additionalProperties });\r\n            this.setState({ ...additionalProperties, email: newGuestCheckoutEmail });\r\n        }\r\n    };\r\n\r\n    private onEdit = (): void => {\r\n        this.props.moduleState.onUpdating();\r\n    };\r\n\r\n    // tslint:disable-next-line:cyclomatic-complexity\r\n    private onSubmit = async (): Promise<void> => {\r\n        const isB2B = this.props.context?.request?.app?.platform?.enableDefaultOrderQuantityLimits === 'b2b';\r\n        const { email, firstName, lastName, phoneNumber, companyName } = this.state;\r\n        const isValid = this.isEmailValid(email);\r\n        const isFirstNameValid = isB2B? true : this.isNameValid(firstName);\r\n        const isLastNameValid =  isB2B? true : this.isNameValid(lastName);\r\n        const isPhoneNumberValid = this.isPhoneNumberValid(phoneNumber);\r\n        const isCompanyNameValid = isB2B? this.isCompanyNameValid(companyName): true;\r\n        this.setState(\r\n            {\r\n                hasEmailError: !isValid,\r\n                hasFirstNameError: !isFirstNameValid,\r\n                hasLastNameError: !isLastNameValid,\r\n                hasPhoneNumberError: !isPhoneNumberValid,\r\n                hasCompanyNameError: !isCompanyNameValid\r\n            });\r\n        if (!isValid || !isFirstNameValid || !isLastNameValid || !isPhoneNumberValid || !isCompanyNameValid) {\r\n            if(!isFirstNameValid) {\r\n                // Get error, focus back on the input field\r\n                const inputFirstName = this.inputFirstNameRef && this.inputFirstNameRef.current && this.inputFirstNameRef.current.focus && (this.inputFirstNameRef.current as HTMLElement);\r\n                inputFirstName && inputFirstName.focus();\r\n            }\r\n            if(!isLastNameValid) {\r\n                // Get error, focus back on the input field\r\n                const inputLastName = this.inputLastNameRef && this.inputLastNameRef.current && this.inputLastNameRef.current.focus && (this.inputLastNameRef.current as HTMLElement);\r\n                inputLastName && inputLastName.focus();\r\n            }\r\n            if(!isPhoneNumberValid) {\r\n                // Get error, focus back on the input field\r\n                const inputPhoneNumber = this.inputPhoneNumberRef && this.inputPhoneNumberRef.current && this.inputPhoneNumberRef.current.focus && (this.inputPhoneNumberRef.current as HTMLElement);\r\n                inputPhoneNumber && inputPhoneNumber.focus();\r\n            }\r\n            if(!isCompanyNameValid) {\r\n                // Get error, focus back on the input field\r\n                const inputCompanyName = this.inputCompanyNameRef && this.inputCompanyNameRef.current && this.inputCompanyNameRef.current.focus && (this.inputCompanyNameRef.current as HTMLElement);\r\n                inputCompanyName && inputCompanyName.focus();\r\n            } else {\r\n                // Get error, focus back on the input field\r\n                const input = this.inputRef && this.inputRef.current && this.inputRef.current.focus && (this.inputRef.current as HTMLElement);\r\n                input && input.focus();\r\n            }\r\n\r\n            this.props.moduleState.setHasError(true);\r\n        } else {\r\n            this.props.moduleState.onReady();\r\n            // Add extension properties for additional fields\r\n            this._updateCheckoutCart().then((res) => {\r\n                if(res?.status === 'SUCCESS') {\r\n                    this.updateGuestProfile(email).catch(err=> {throw err;});\r\n                }\r\n            }).catch((error: Error) => {\r\n                throw error;\r\n            });\r\n\r\n            try {\r\n                this._recaptchaRef.current?.execute()\r\n            } catch(e) {\r\n                console.log(e, 'Please fill the form!');\r\n            }\r\n        }\r\n    };\r\n\r\n    private async _submit(): Promise<void> {\r\n        let emarsysGroupId = this.props.config.emarsysGroup;\r\n        const { email } = this.state;\r\n        try {\r\n            const response = await MsDyn365.commerceApiRequest(\r\n                this.props.context.request,\r\n                'PostCheckoutGuestProfileEmarsys',\r\n                'post',\r\n                {\r\n                    emailAddress: email,\r\n                    country: this.props.config.country,\r\n                    emarsysGroupId: emarsysGroupId,\r\n                    optIn:true\r\n                }\r\n            ) as any;\r\n\r\n            if (response?.data.Result !== 'Error') {\r\n                console.log('emasys success')\r\n            } else {\r\n                console.log('this is an emasys error')\r\n            }\r\n            this._recaptchaRef.current?.reset();\r\n        } catch (e) {\r\n            console.log('rechatcha error')\r\n        }\r\n       \r\n    }\r\n\r\n    private onCancel = (): void => {\r\n        const additionalProperties = this.getPreFilledProperties();\r\n        const { firstName, lastName, phoneNumber, companyName } = additionalProperties;\r\n        // Reset to the saved value\r\n        if (!this.props.data.checkout.result) {\r\n            return;\r\n        }\r\n\r\n        const email = this.props.data.checkout.result.guestCheckoutEmail;\r\n        if (!email || !firstName || !lastName || !phoneNumber) {\r\n            // It has no saved email, set to status updating and request user to fill the email form\r\n            this.props.moduleState.onUpdating();\r\n            return;\r\n        } else {\r\n            // It has saved email, set to status ready\r\n            this.setState({\r\n                firstName: firstName,\r\n                lastName: lastName,\r\n                email: email,\r\n                phoneNumber: phoneNumber,\r\n                companyName: companyName\r\n            });\r\n            this.props.moduleState.setHasError(false);\r\n            this.props.moduleState.onReady();\r\n        }\r\n    };\r\n\r\n    private _updateCheckoutCart = async (): Promise<ICartActionResult | undefined> => {\r\n       return this.props.data.checkout.result?.checkoutCart.updateExtensionProperties(\r\n        {newExtensionProperties: [ { Key: 'FIRSTNAME', Value: { StringValue: this.state.firstName } },\r\n        { Key: 'LASTNAME', Value: { StringValue: this.state.lastName } },\r\n        { Key: 'EMAILADDRESS', Value: { StringValue: this.state.email } },\r\n        { Key: 'PHONENUMBER', Value: { StringValue: this.state.phoneNumber } },\r\n        { Key: 'COMPANYNAME', Value: { StringValue: this.state.companyName } }]});\r\n    }\r\n}\r\n\r\nexport default CheckoutGuestProfile;","/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { IAddContactInfo, ICheckoutGuestProfileViewProps, IShowContactInfo } from './citta-checkout-guest-profile';\r\n\r\nexport const ShowContactInfo: React.FC<IShowContactInfo> = (\r\n    { showInfoProps, email, firstName, lastName, phoneNumber, companyName, editButton }) => (\r\n    <Node {...showInfoProps}>\r\n        {firstName}\r\n        {lastName}\r\n        {email}\r\n        {phoneNumber}\r\n        {companyName}\r\n        {editButton}\r\n    </Node>\r\n);\r\n\r\nexport const B2BShowContactInfo: React.FC<IShowContactInfo> = (\r\n    { showInfoProps, email, phoneNumber, companyName, editButton }) => (\r\n    <Node {...showInfoProps}>\r\n        {companyName}\r\n        {/* {firstName}\r\n        {lastName} */}\r\n        {email}\r\n        {phoneNumber}\r\n        {editButton}\r\n    </Node>\r\n);\r\n\r\n\r\nexport const AddContactInfo: React.FC<IAddContactInfo> = ({\r\n    addFormProps,\r\n    submitButton,\r\n    cancelButton,\r\n    inputGroupProps,\r\n    inputGroupFNameProps,\r\n    inputGroupLastNameProps,\r\n    inputGroupPhoneProps,\r\n    inputGroupCompanyNameProps,\r\n    label,\r\n    error,\r\n    input,\r\n    fNameInput,\r\n    lastNameError,\r\n    lastNameInput,\r\n    fNameError,\r\n    fNameLabel,\r\n    lNameLabel,\r\n    phoneError,\r\n    phoneLabel,\r\n    phoneInput,\r\n    companyNameError,\r\n    companyNameLabel,\r\n    companyNameInput\r\n}) => (\r\n    <Node {...addFormProps}>\r\n      <Node {...inputGroupFNameProps}>\r\n                    {fNameLabel}\r\n                    {fNameError}\r\n                    {fNameInput}\r\n                </Node>\r\n                <Node {...inputGroupLastNameProps}>\r\n                    {lNameLabel}\r\n                    {lastNameError}\r\n                    {lastNameInput}\r\n                </Node>\r\n                <Node {...inputGroupProps}>\r\n                    {label}\r\n                    {error}\r\n                    {input}\r\n                </Node>\r\n                <Node {...inputGroupPhoneProps}>\r\n                    {phoneLabel}\r\n                    {phoneError}\r\n                    {phoneInput}\r\n                </Node>\r\n                <Node {...inputGroupCompanyNameProps}>\r\n                    {companyNameLabel}\r\n                    {companyNameError}\r\n                    {companyNameInput}\r\n                </Node>\r\n        {submitButton}\r\n        {cancelButton}\r\n    </Node>\r\n);\r\n\r\nexport const B2BAddContactInfo: React.FC<IAddContactInfo> = ({\r\n    addFormProps,\r\n    submitButton,\r\n    cancelButton,\r\n    inputGroupProps,\r\n    // inputGroupFNameProps,\r\n    // inputGroupLastNameProps,\r\n    inputGroupPhoneProps,\r\n    inputGroupCompanyNameProps,\r\n    label,\r\n    error,\r\n    // input,\r\n    // fNameInput,\r\n    // lastNameError,\r\n    // lastNameInput,\r\n    // fNameError,\r\n    // fNameLabel,\r\n    // lNameLabel,\r\n    phoneError,\r\n    phoneLabel,\r\n    phoneInput,\r\n    companyNameError,\r\n    companyNameLabel,\r\n    b2bcompanyNameInput,\r\n    b2binput\r\n}) => (\r\n    <Node {...addFormProps}>\r\n        <Node {...inputGroupCompanyNameProps}>\r\n                    {companyNameLabel}\r\n                    {companyNameError}\r\n                    {b2bcompanyNameInput}\r\n                </Node>\r\n      {/* <Node {...inputGroupFNameProps}>\r\n                    {fNameLabel}\r\n                    {fNameError}\r\n                    {fNameInput}\r\n                </Node>\r\n                <Node {...inputGroupLastNameProps}>\r\n                    {lNameLabel}\r\n                    {lastNameError}\r\n                    {lastNameInput}\r\n                </Node> */}\r\n                <Node {...inputGroupProps}>\r\n                    {label}\r\n                    {error}\r\n                    {b2binput}\r\n                </Node>\r\n                <Node {...inputGroupPhoneProps}>\r\n                    {phoneLabel}\r\n                    {phoneError}\r\n                    {phoneInput}\r\n                </Node>\r\n        {submitButton}\r\n        {cancelButton}\r\n    </Node>\r\n);\r\n\r\nconst CheckoutGuestProfileView: React.FC<ICheckoutGuestProfileViewProps> = ({ moduleProps, showContactInfo, addContactInfo, checkBox, reCaptcha, isB2B }) => {\r\n    return (\r\n        <Module {...moduleProps}>\r\n            {isB2B? showContactInfo && <B2BShowContactInfo {...showContactInfo} /> : showContactInfo && <ShowContactInfo {...showContactInfo} />}\r\n            {isB2B? addContactInfo && <B2BAddContactInfo {...addContactInfo} /> : addContactInfo && <AddContactInfo {...addContactInfo} />}\r\n            {isB2B? null : checkBox}\r\n            {isB2B? null : reCaptcha}\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default CheckoutGuestProfileView;\r\n"],"names":["labelGroup","id","className","value","React","errorGroup","role","_ref","hasError","hasEmailError","inputRef","email","hasFirstNameError","hasLastNameError","hasPhoneNumberError","hasCompanyNameError","inputFirstNameRef","inputLastNameRef","inputPhoneNumberRef","inputCompanyNameRef","firstName","lastName","phoneNumber","companyName","canSubmit","canCancel","onChange","onSubmit","onCancel","resources","emailLabel","saveBtnLabel","cancelBtnLabel","emailErrortext","firstNameInputLabel","firstNameErrortext","lastNameInputLabel","lastNameErrortext","phoneNumberLabel","phoneNumberErrortext","companyNameLabel","companyNameErrortext","onInputChange","e","_inputField$attribute","target","property","currentTarget","attributes","getNamedItem","toLocaleLowerCase","changedValues","Object","keys","map","key","addFormProps","inputGroupProps","classnames","inputGroupFNameProps","inputGroupLastNameProps","inputGroupPhoneProps","inputGroupCompanyNameProps","emailAddressLabel","fNameLabel","lNameLabel","phoneLabel","emailError","fNameError","lastNameError","phoneError","companyNameError","submitButton","Button","title","color","onClick","cancelButton","label","error","input","ref","type","b2binput","readOnly","fNameInput","lastNameInput","phoneInput","companyNameInput","b2bcompanyNameInput","canEdit","editBtnLabel","onEdit","showInfoProps","editButton","CheckoutGuestProfile","constructor","state","this","props","context","request","user","isAuthenticated","emailAddress","TermsAndConditionsChecked","reCaptchaChecked","rCCError","_TermsAndConditionsRef","_recaptchaRef","init","async","_this$props$data$chec","hasInvoiceLine","data","checkout","result","checkoutCart","additionalProperties","getPreFilledProperties","updateGuestProfile","isEmailValid","isFirstNameValid","isNameValid","isLastNameValid","isPhoneNumberValid","moduleState","status","_this$props$data$chec2","_this$props$data$chec3","_this$props$context","emailOnCart","cart","ReceiptEmail","isB2B","app","platform","enableDefaultOrderQuantityLimits","getExtensionPropertyValue","_this$props$context$r","toString","fieldName","_this$props$data$chec4","_this$props$data$chec5","ExtensionProperties","filter","p","Key","_value$0$Value","length","Value","StringValue","rowEmail","fName","lName","phone","company","_this$props$context2","replace","RegExp","fNameText","lNameText","phoneText","companyText","setState","setHasError","_checkBoxOnChange","isChecked","current","checked","test","name","isCompanyNameValid","newGuestCheckoutEmail","updateGuestCheckoutEmail","_objectSpread","onUpdating","_this$props$context3","isValid","onReady","_updateCheckoutCart","then","res","catch","err","_this$_recaptchaRef$c","execute","console","log","inputFirstName","focus","inputLastName","inputPhoneNumber","inputCompanyName","guestCheckoutEmail","_this$props$data$chec6","updateExtensionProperties","newExtensionProperties","isDataReady","componentDidMount","when","render","_this$props$context4","config","isReady","hasExternalSubmitGroup","viewProps","checkBox","_renderCheckbox","reCaptcha","_renderReCaptcha","moduleProps","showContactInfo","getShowContactInfo","undefined","addContactInfo","getAddContactInfo","renderView","termsAndConditionsText","href","termsAndConditionsLink","reCaptchaOption","_renderRecaptchaAlert","ReCAPTCHA","sitekey","reCaptchaSiteKey","size","_submit","recaptchaErrorMessage","emarsysGroupId","emarsysGroup","_this$_recaptchaRef$c2","response","MsDyn365","country","optIn","Result","reset","__decorate","computed","withModuleState","observer","ShowContactInfo","Node","assign","B2BShowContactInfo","_ref2","AddContactInfo","_ref3","B2BAddContactInfo","_ref4","_ref5","Module"],"sourceRoot":""}