{"version":3,"file":"static/js/35.55ce4193aedb9e6498ac.chunk.js","mappings":"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","sources":["webpack://Citta2.0/./src/modules/content-block/components/additional-content.tsx?d5f9","webpack://Citta2.0/./src/modules/content-block/components/links.tsx?abbf","webpack://Citta2.0/./src/modules/content-block/content-block.tsx?3084","webpack://Citta2.0/./src/modules/citta-contact/citta-contact.tsx?0541","webpack://Citta2.0/./src/modules/citta-n-tile-list-item/components/links.tsx?adb6","webpack://Citta2.0/./src/modules/citta-n-tile-list-item/citta-n-tile-list-item.tsx?09e8","webpack://Citta2.0/./src/modules/citta-contact/citta-contact.view.tsx?2cf3","webpack://Citta2.0/./src/modules/citta-n-tile-list-item/citta-n-tile-list-item.view.tsx?e782","webpack://Citta2.0/./src/modules/content-block/content-block.view.tsx?1773"],"sourcesContent":["/*!\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 { INodeProps } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IAdditionalContentData, ILinksData } from '../content-block.props.autogenerated';\n\n/**\n * IContentBlockAdditionalContentProps: Interface for\n * Content Block Additional Content Component props.\n */\nexport interface IContentBlockAdditionalContentProps {\n    requestContext: Msdyn365.IRequestContext;\n    additionalContent: IAdditionalContentData[] | undefined;\n    handleAdditionalTextChange(index: number, event: Msdyn365.ContentEditableEvent): void;\n    handleAdditionalParagraphChange(index: number, event: Msdyn365.ContentEditableEvent): void;\n    handleAdditionalLinkTextChange(linkIndex: number, index: number, event: Msdyn365.ContentEditableEvent): void;\n}\n\n/**\n * IContentBlockAdditionalContentProps: Interface for\n * Content Block Additional Content view props.\n */\nexport interface IContentBlockAdditionalContentViewProps {\n    additionalContentNode: INodeProps;\n    additionalContentItems?: IContentBlockAdditionalContentItemViewProps[];\n}\n\n/**\n * IContentBlockAdditionalContentProps: Interface for\n * Content Block Additional Content Item view props.\n */\nexport interface IContentBlockAdditionalContentItemViewProps {\n    heading: React.ReactNode;\n    text: React.ReactNode;\n    links: React.ReactNode;\n    additionalContentItemContainer: INodeProps;\n    additionalContentItemLinks: INodeProps;\n}\n\n/**\n * Renders additional content heading.\n * @param additionalContentHeading - Additional content heading.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @returns Heading Node.\n */\nconst renderHeading = (additionalContentHeading: string, props: IContentBlockAdditionalContentProps, itemIndex: number) => {\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Text\n            text={additionalContentHeading}\n            tag='p'\n            className='ms-content-block__details__additional-content__text'\n            editProps={{\n                /**\n                 * On edit event for heading text change.\n                 * @param event - Change event.\n                 */\n                onEdit: event => {\n                    props.handleAdditionalTextChange(itemIndex, event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Renders additional content heading.\n * @param additionalContentParagraphText - Additional content paragraph text.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @returns Paragraph Node.\n */\nconst renderParagraph = (additionalContentParagraphText: string, props: IContentBlockAdditionalContentProps, itemIndex: number) => {\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Text\n            text={additionalContentParagraphText}\n            tag='p'\n            className='ms-content-block__details__additional-content__paragraph'\n            editProps={{\n                /**\n                 * On edit event for heading text change.\n                 * @param event - Change event.\n                 */\n                onEdit: event => {\n                    props.handleAdditionalTextChange(itemIndex, event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Renders additional content heading.\n * @param ctaLink - Additional content link.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @param linkIndex - Additional content link index.\n * @returns Link Node.\n */\nconst renderLinks = (ctaLink: ILinksData, props: IContentBlockAdditionalContentProps, itemIndex: number, linkIndex: number) => {\n    const editableLink: Msdyn365.ILinksData = {\n        ariaLabel: ctaLink.ariaLabel,\n        className: 'ms-content-block__details__additional-content-cta-links',\n        linkText: ctaLink.linkText,\n        linkUrl: ctaLink.linkUrl.destinationUrl,\n        openInNewTab: ctaLink.openInNewTab,\n        role: 'link'\n    };\n    const requestContext = props.requestContext;\n    return (\n        <Msdyn365.Link\n            key={linkIndex}\n            link={editableLink}\n            editProps={{\n                /**\n                 * Handle additional Link Text change.\n                 * @param event - The keyboard event.\n                 */\n                onTextChange: event => {\n                    props.handleAdditionalLinkTextChange(linkIndex, itemIndex, event);\n                },\n                requestContext\n            }}\n        />\n    );\n};\n\n/**\n * Create node for each additonal content item.\n * @param item - Content block additonal content item props.\n * @param props - Content Block Additional content component props.\n * @param itemIndex - Item index.\n * @returns IContentBlockAdditionalContentItemViewProps.\n */\nconst assembleNode = (\n    item: IAdditionalContentData,\n    props: IContentBlockAdditionalContentProps,\n    itemIndex: number\n): IContentBlockAdditionalContentItemViewProps => {\n    const headingNode = item.heading && renderHeading(item.heading, props, itemIndex);\n    const paragraphNode = item.subtext && renderParagraph(item.subtext, props, itemIndex);\n    const linksNode = item.links?.map((ctaLink: ILinksData, index: number) => {\n        return renderLinks(ctaLink, props, itemIndex, index);\n    });\n\n    return {\n        heading: headingNode,\n        text: paragraphNode,\n        links: linksNode,\n        additionalContentItemContainer: { className: 'ms-content-block__details__additional-content__container' },\n        additionalContentItemLinks: { className: 'ms-content-block__details__additional-content-cta' }\n    };\n};\n\n/**\n * ContentBlockAdditionalContent component.\n * @param props - Content Block Additional content component props.\n * @returns Content Block Additional content view props.\n */\nexport const contentBlockAdditionalContent = (\n    props: IContentBlockAdditionalContentProps\n): IContentBlockAdditionalContentViewProps | undefined => {\n    const { additionalContent } = props;\n    if (!additionalContent) {\n        return undefined;\n    }\n\n    const reactNodes: IContentBlockAdditionalContentItemViewProps[] = [];\n    additionalContent.map((item, index: number) => {\n        return reactNodes.push(assembleNode(item, props, index));\n    });\n\n    return {\n        additionalContentNode: { className: 'ms-content-block__details__additional-content' },\n        additionalContentItems: reactNodes\n    };\n};\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { ILinksData } from '../content-block.props.autogenerated';\n\nexport interface IContentCardLinks {\n    links: ILinksData[];\n    requestContext: Msdyn365.IRequestContext;\n    telemetryContent: ITelemetryContent;\n    role?: string;\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\n}\n\n/**\n *\n * ContentCardLinks component.\n * @extends {React.PureComponent<IContentCardLinks>}\n */\nexport class ContentCardLinks extends React.PureComponent<IContentCardLinks> {\n    public render(): JSX.Element {\n        const editableLinks = this._mapEditableLinks(this.props.links);\n        return (\n            <div className='ms-content-block__cta'>\n                {editableLinks && editableLinks.length > 0 ? (\n                    <Msdyn365.Links\n                        links={editableLinks}\n                        editProps={{ onTextChange: this.props.onTextChange, requestContext: this.props.requestContext }}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n\n    private readonly _mapEditableLinks = (linkdata: ILinksData[]): Msdyn365.ILinksData[] | null => {\n        if (!linkdata || linkdata.length === 0) {\n            return null;\n        }\n        const editableLinks: Msdyn365.ILinksData[] = [];\n        linkdata.forEach((link, index) => {\n            // Construct telemetry attribute to render\n            const payLoad = getPayloadObject('click', this.props.telemetryContent, '', '');\n            const linkText = link.linkText ? link.linkText : '';\n            payLoad.contentAction.etext = linkText;\n            const attributes = getTelemetryAttributes(this.props.telemetryContent, payLoad);\n            const btnClass = index === 0 ? 'msc-cta__primary' : 'msc-cta__secondary';\n            const editableLink: Msdyn365.ILinksData = {\n                ariaLabel: link.ariaLabel,\n                className: btnClass,\n                linkText: link.linkText,\n                linkUrl: link.linkUrl.destinationUrl,\n                openInNewTab: link.openInNewTab,\n                role: this.props.role,\n                additionalProperties: attributes,\n                onClick: onTelemetryClick(this.props.telemetryContent, payLoad, linkText)\n            };\n            editableLinks.push(editableLink);\n        });\n\n        return editableLinks;\n    };\n}\nexport default ContentCardLinks;\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 { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { contentBlockAdditionalContent, IContentBlockAdditionalContentViewProps } from './components/additional-content';\nimport LinksComponent from './components/links';\nimport { actionableRegion as region, IContentBlockConfig, IContentBlockProps } from './content-block.props.autogenerated';\n\nexport interface IContentBlockViewProps extends IContentBlockProps<{}> {\n    title?: React.ReactNode;\n    text?: React.ReactNode;\n    image?: React.ReactNode;\n    links?: React.ReactNode;\n    className?: string;\n    contentBlockContainer: IModuleProps;\n    imageContainer: INodeProps;\n    detailsContainer: INodeProps;\n    contentBlockAnchorTag?: INodeProps;\n    imageLink?: string;\n    imageAriaLabel?: string;\n    additionalContent?: IContentBlockAdditionalContentViewProps;\n    handleAdditionalText?(): void;\n    handleAdditionalParagraph?(): void;\n    handleAdditionalLinkTextChange?(): void;\n}\n\n/**\n * Site-builder configuration for the module.\n */\nexport interface IContentBlockFullConfig extends IContentBlockConfig {\n    // eslint-disable-next-line @typescript-eslint/naming-convention -- This field comes from SDK.\n    msdyn365__moduleLayout?: string;\n}\n\n/**\n * ContentCard component.\n * @extends {React.PureComponent<IContentBlockProps{}>}\n */\nexport class ContentBlock extends React.PureComponent<IContentBlockProps<{}>> {\n    private readonly telemetryContent: ITelemetryContent = getTelemetryObject(\n        this.props.context.request.telemetryPageName!,\n        this.props.friendlyName,\n        this.props.telemetry\n    );\n\n    public render(): JSX.Element | null {\n        const { heading, paragraph, image, links, className, imageAriaLabel } = this.props.config;\n        const contentBlockTitle = heading && (\n            <Msdyn365.Text\n                className='ms-content-block__title'\n                tag={heading.tag ?? 'h1'}\n                text={heading.text}\n                editProps={{ onEdit: this.handleTextChange, requestContext: this.props.context.request }}\n            />\n        );\n\n        const contentBlockLinks = links && ArrayExtensions.hasElements(links) && (\n            <LinksComponent\n                {...{\n                    links,\n                    onTextChange: this.handleLinkTextChange,\n                    requestContext: this.props.context.request,\n                    telemetryContent: this.telemetryContent,\n                    role: (this.props.config as IContentBlockFullConfig).msdyn365__moduleLayout === 'tile' ? 'link' : 'button'\n                }}\n            />\n        );\n        const contentBlockText = paragraph && (\n            <Msdyn365.RichTextComponent\n                text={paragraph}\n                className='ms-content-block__text'\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\n            />\n        );\n\n        let contentBlockImageSettings: Msdyn365.IImageSettings | undefined;\n\n        if (image && image.imageSettings && !image.imageSettings.backgroundColor && this.props.config.backgroundColor) {\n            contentBlockImageSettings = {\n                ...image?.imageSettings,\n                backgroundColor: this.props.config.backgroundColor\n            };\n        } else {\n            contentBlockImageSettings = image?.imageSettings;\n        }\n\n        const imageProps = {\n            gridSettings: this.props.context.request.gridSettings ?? {},\n            imageSettings: contentBlockImageSettings\n        };\n\n        const contentBlockImage = (\n            <Msdyn365.Image\n                {...image}\n                {...imageProps}\n                requestContext={this.props.context.request}\n                preserveImageSpace={true}\n                editProps={{\n                    key: this.props.config.image ?? {},\n                    requestContext: this.props.context.request,\n                    moduleType: this.props.typeName,\n                    imagePropertyName: 'image',\n                    moduleId: this.props.id,\n                    layout: (this.props.config as IContentBlockFullConfig).msdyn365__moduleLayout\n                }}\n                shouldSkipToMainImage\n            />\n        );\n\n        const contentBlockContainerStyle: React.CSSProperties | undefined = this.props.config.backgroundColor\n            ? { backgroundColor: this.props.config.backgroundColor }\n            : undefined;\n\n        if (!contentBlockTitle && !contentBlockText && !contentBlockLinks) {\n            this.props.context.telemetry.error('Content block content is empty, module wont render.');\n            return null;\n        }\n        const contentBlockviewProps = {\n            ...this.props,\n            title: contentBlockTitle,\n            text: contentBlockText,\n            image: contentBlockImage,\n            links: contentBlockLinks,\n            moduleClass: this.props.config.className,\n            contentBlockContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-content-block', className),\n                style: contentBlockContainerStyle\n            },\n            imageContainer: { className: 'ms-content-block__image' },\n            detailsContainer: { className: 'ms-content-block__details' },\n            contentBlockAnchorTag: {\n                tag: 'a',\n                className: 'ms-content-block__link',\n                role: 'link'\n            },\n            imageLink: this._getImageLink(),\n            imageAriaLabel,\n            additionalContent: contentBlockAdditionalContent({\n                requestContext: this.props.context.request,\n                additionalContent: this.props.config.additionalContent,\n                handleAdditionalTextChange: this.handleAdditionalTextChange,\n                handleAdditionalParagraphChange: this.handleAdditionalParagraphChange,\n                handleAdditionalLinkTextChange: this.handleAdditionalLinkTextChange\n            }),\n            handleAdditionalText: this.handleAdditionalTextChange,\n            handleAdditionalParagraph: this.handleAdditionalParagraphChange,\n            handleAdditionalLinkTextChange: this.handleAdditionalLinkTextChange\n        };\n\n        return this.props.renderView(contentBlockviewProps) as React.ReactElement;\n    }\n\n    /**\n     * To handle text change.\n     * @param event - To handle text change event.\n     * @name - HandleTextChange\n     * @public\n     * @returns - The Text value.\n     */\n    public handleTextChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n    /**\n     * To handle paragraph change.\n     * @param event - To handle text change event.\n     * @name - HandleParagraphChange\n     * @public\n     * @returns - The Paragraph value.\n     */\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.paragraph = event.target.value);\n\n    /**\n     * Handle link text change.\n     * @param linkIndex - The link index.\n     * @returns - Void.\n     */\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent) => {\n        if (this.props.config.links && this.props.config.links[Number(linkIndex)]) {\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    };\n\n    public handleAdditionalTextChange(index: number, event: Msdyn365.ContentEditableEvent): void {\n        if (this.props.config.additionalContent) {\n            this.props.config.additionalContent[Number(index)].heading = event.target.value;\n        }\n    }\n\n    public handleAdditionalLinkTextChange(linkIndex: number, index: number, event: Msdyn365.ContentEditableEvent): void {\n        const additionalContentObject =\n            (this.props.config.additionalContent &&\n                ArrayExtensions.hasElements(this.props.config.additionalContent) &&\n                this.props.config.additionalContent[Number(index)]) ||\n            {};\n        if (additionalContentObject.links) {\n            additionalContentObject.links[Number(linkIndex)].linkText = event.target.value;\n        }\n    }\n\n    public handleAdditionalParagraphChange(index: number, event: Msdyn365.ContentEditableEvent): void {\n        if (this.props.config.additionalContent) {\n            this.props.config.additionalContent[Number(index)].subtext = event.target.value;\n        }\n    }\n\n    private _getImageLink(): string | null {\n        const { imageLink, links, actionableRegion } = this.props.config;\n        if (actionableRegion === region.imageAndLinks) {\n            if (imageLink?.destinationUrl) {\n                return imageLink.destinationUrl;\n            } else if (links && ArrayExtensions.hasElements(links) && links[0].linkUrl) {\n                return links[0].linkUrl.destinationUrl;\n            }\n            return null;\n        }\n        return null;\n    }\n}\n\nexport default ContentBlock;\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 { Button, IModuleProps, INodeProps, NodeTag } from '@msdyn365-commerce-modules/utilities';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport {\r\n  submitContactFormAction,\r\n  SubmitContactFormDataActionInput,\r\n} from '../../data-actions/contact/submit-contact-form-data.action';\r\nimport { ICittaContactData } from './citta-contact.data';\r\nimport { ICittaContactProps } from './citta-contact.props.autogenerated';\r\n\r\ninterface ICittaContactFormState {\r\n  name: string;\r\n  emailAddress: string;\r\n  phoneNumber: string;\r\n  country: string;\r\n  city: string;\r\n  reasonForEnquiry: string;\r\n  message: string;\r\n  inputState: boolean;\r\n  nameError: boolean;\r\n  eAError: boolean;\r\n  pNError: boolean;\r\n  countryError: boolean;\r\n  cityError: boolean;\r\n  reasonEnquiryError: boolean;\r\n  messageError: boolean;\r\n  reqErrorMsg: boolean;\r\n  eAValErrorMsg: boolean;\r\n  eAValidationError: boolean;\r\n  responseReceived: boolean;\r\n  rCCError: boolean;\r\n  reCaptchaChecked: boolean;\r\n  hideFirstElement: boolean;\r\n  selectedValue: string;\r\n}\r\n\r\nexport interface ICittaContactViewProps extends ICittaContactProps<ICittaContactData> {\r\n  ContactContainer: IModuleProps;\r\n  ContactForm: INodeProps;\r\n  Name: React.ReactNode;\r\n  EmailAddress: React.ReactNode;\r\n  PhoneNumber: React.ReactNode;\r\n  Country: React.ReactNode;\r\n  City: React.ReactNode;\r\n  ReasonForEnquiry: React.ReactNode;\r\n  Message: React.ReactNode;\r\n  ErrorMessage: React.ReactNode;\r\n  Recaptcha: React.ReactNode;\r\n  SubmitButton: React.ReactNode;\r\n}\r\n\r\n/**\r\n *\r\n * CittaContact component\r\n * @extends {React.PureComponent<ICittaContactProps<ICittaContactData>, ICittaContactFormState>}\r\n */\r\n@observer\r\nclass CittaContact extends React.PureComponent<\r\nICittaContactProps<ICittaContactData>,\r\nICittaContactFormState\r\n> {\r\n  public state: ICittaContactFormState = {\r\n    name: '',\r\n    emailAddress: '',\r\n    phoneNumber: '',\r\n    country: '',\r\n    city: '',\r\n    reasonForEnquiry: '',\r\n    message: '',\r\n    inputState: true,\r\n    nameError: false,\r\n    eAError: false,\r\n    pNError: false,\r\n    countryError: false,\r\n    cityError: false,\r\n    reasonEnquiryError: false,\r\n    messageError: false,\r\n    reqErrorMsg: false,\r\n    eAValErrorMsg: false,\r\n    eAValidationError: false,\r\n    responseReceived: false,\r\n    rCCError: false,\r\n    reCaptchaChecked: false,\r\n    hideFirstElement: false,\r\n    selectedValue: '',\r\n  };\r\n  private _nameInputRef: React.RefObject<HTMLInputElement>;\r\n  private _emailAddressInputRef: React.RefObject<HTMLInputElement>;\r\n  private _phoneNumberInputRef: React.RefObject<HTMLInputElement>;\r\n  private _countryInputRef: React.RefObject<HTMLInputElement>;\r\n  private _cityInputRef: React.RefObject<HTMLInputElement>;\r\n  private _reasonForEnquirySelectRef: React.RefObject<HTMLSelectElement>;\r\n  private _messageInputRef: React.RefObject<HTMLTextAreaElement>;\r\n  private _recaptchaRef: React.RefObject<ReCAPTCHA>;\r\n\r\n  private nameValue: boolean = false;\r\n  private emailAddressValue: boolean = false;\r\n  private phoneNumberValue: boolean = false;\r\n  private countryValue: boolean = false;\r\n  private cityValue: boolean = false;\r\n  private messageValue: boolean = false;\r\n  private reasonEnquiryValue: boolean = false;\r\n\r\n  private formInputValues: boolean = false;\r\n  private requiredErrorMessage: string | undefined;\r\n  private eAValidationErrorMessage: string | undefined;\r\n  private recaptchaErrorMessage: string | undefined;\r\n  private response: boolean = false;\r\n\r\n  constructor(props: ICittaContactProps<ICittaContactData>) {\r\n    super(props);\r\n    this._nameInputRef = React.createRef();\r\n    this._emailAddressInputRef = React.createRef();\r\n    this._phoneNumberInputRef = React.createRef();\r\n    this._countryInputRef = React.createRef();\r\n    this._cityInputRef = React.createRef();\r\n    this._reasonForEnquirySelectRef = React.createRef();\r\n    this._messageInputRef = React.createRef();\r\n    this._recaptchaRef = React.createRef();\r\n    this._handleSend = this._handleSend.bind(this);\r\n  }\r\n\r\n  // tslint:disable-next-line: max-func-body-length cyclomatic-complexity\r\n  public render(): JSX.Element {\r\n\r\n    const formProps = {\r\n      className: 'contact-form',\r\n      onSubmit: this._handleSend,\r\n      tag: 'form' as NodeTag\r\n    };\r\n    const viewProps = {\r\n      ...this.props,\r\n      ContactContainer: {\r\n        moduleProps: this.props,\r\n        className: 'citta-contact',\r\n      },\r\n      ContactForm: formProps,\r\n      Name: this._renderName(),\r\n      ErrorMessage: this._renderErrorMessage(),\r\n      EmailAddress: this._renderEmailAddress(),\r\n      PhoneNumber: this._renderPhoneNumber(),\r\n      Country: this._renderCountry(),\r\n      City: this._renderCity(),\r\n      ReasonForEnquiry: this._renderReasonForEnquiry(),\r\n      Message: this._renderMessage(),\r\n      Recaptcha: this._renderRecaptcha(),\r\n      SubmitButton: this._renderSubmitButton()\r\n    };\r\n\r\n    return this.props.renderView(viewProps) as React.ReactElement;\r\n    // return (\r\n    //   <div className='citta-contact'>\r\n    //   <form className='contact-form' onSubmit={this._handleSend}>\r\n\r\n    //     {this.props.config.reCaptchaOption ? (\r\n    //       <div className='recaptcha'>\r\n    //         {this.state.rCCError\r\n    //           ? this._renderRecaptchaAlert('recaptcha-error')\r\n    //           : ''}\r\n    //         <ReCAPTCHA\r\n    //           ref={this._recaptchaRef}\r\n    //           sitekey={this.props.config.reCaptchaSiteKey!}\r\n    //           onChange={this.onRecaptchaChange}\r\n    //         />\r\n    //       </div>\r\n    //     ) : null}\r\n    //     <div className='contact-form-send'>\r\n    //       <Button\r\n    //         className='contact-form-send-button'\r\n    //         title={this.props.resources.contactSendButtonText}\r\n    //         onClick={this._handleSend}\r\n    //         aria-label={this.props.resources.contactSendButtonText}\r\n    //       >\r\n    //         {this.props.resources.contactSendButtonText}\r\n    //       </Button>\r\n    //     </div>\r\n    //   </form>\r\n    //   </div>\r\n    // );\r\n  }\r\n\r\n  private _renderErrorMessage(): React.ReactNode {\r\n    return (\r\n      <div>\r\n        {this.state.responseReceived && this.response === true ? (\r\n          <div className='response-message'>\r\n            <p className='response-message-content'>\r\n              {this.props.resources.responseSuccessMessage}\r\n            </p>\r\n          </div>\r\n        ) : null\r\n        }\r\n        {\r\n          this.state.responseReceived && this.response === false ? (\r\n            <div className='response-message'>\r\n              <p className='response-error-message-content'>\r\n                {this.props.resources.responseErrorMessage}\r\n              </p>\r\n            </div>\r\n          ) : null\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderName(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-name'>\r\n        {this.state.nameError ? this._renderAlert('contact-form-name') : ''}\r\n        <label id='contact-form-name__label' aria-label='name' />\r\n        <input\r\n          ref={this._nameInputRef}\r\n          type='text'\r\n          onChange={this.handleChange('nameInput')}\r\n          className='contact-form-name-text'\r\n          aria-label={this.props.resources.contactNamePlaceholderText}\r\n          value={this.state.name}\r\n          placeholder={this.props.resources.contactNamePlaceholderText}\r\n          aria-labelledby='contact-form-name__label contact-form-name__error'\r\n          aria-required='true'\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderEmailAddress(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-emailaddress'>\r\n        {this.state.eAError || this.state.eAValidationError\r\n          ? this._renderAlert('contact-form-emailaddress')\r\n          : ''}\r\n        <label\r\n          id='contact-form-emailaddress__label'\r\n          aria-label='emailaddress'\r\n        />\r\n        <input\r\n          ref={this._emailAddressInputRef}\r\n          type='text'\r\n          onChange={this.handleChange('emailAddress')}\r\n          className='contact-form-emailaddress-text'\r\n          aria-label={this.props.resources.contactEmailAddressPlaceholderText}\r\n          value={this.state.emailAddress}\r\n          placeholder={\r\n            this.props.resources.contactEmailAddressPlaceholderText\r\n          }\r\n          aria-labelledby='contact-form-emailaddress__label contact-form-emailaddress__error'\r\n          aria-required='true'\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderPhoneNumber(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-phonenumber'>\r\n        {this.state.pNError\r\n          ? this._renderAlert('contact-form-phonenumber')\r\n          : ''}\r\n        <label\r\n          id='contact-form-phonenumber__label'\r\n          aria-label='phonenumber'\r\n        />\r\n        <input\r\n          ref={this._phoneNumberInputRef}\r\n          type='tel'\r\n          onChange={this.handleChange('phoneNumber')}\r\n          className='contact-form-phonenumber-text'\r\n          aria-label={this.props.resources.contactPhoneNumberPlaceholderText}\r\n          value={this.state.phoneNumber}\r\n          placeholder={this.props.resources.contactPhoneNumberPlaceholderText}\r\n          aria-labelledby='contact-form-phonenumber__label contact-form-phonenumber__error'\r\n          aria-required='true'\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n  private _renderCountry(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-country'>\r\n        {this.state.countryError\r\n          ? this._renderAlert('contact-form-country')\r\n          : ''}\r\n        <label id='contact-form-country__label' aria-label='country' />\r\n        <input\r\n          ref={this._countryInputRef}\r\n          type='text'\r\n          onChange={this.handleChange('countryInput')}\r\n          className='contact-form-country-text'\r\n          aria-label={this.props.resources.contactCountryPlaceholderText}\r\n          value={this.state.country}\r\n          placeholder={this.props.resources.contactCountryPlaceholderText}\r\n          aria-labelledby='contact-form-country__label contact-form-country__error'\r\n          aria-required='true'\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderCity(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-city'>\r\n        {this.state.cityError ? this._renderAlert('contact-form-city') : ''}\r\n        <label id='contact-form-city__label' aria-label='city' />\r\n        <input\r\n          ref={this._cityInputRef}\r\n          type='text'\r\n          onChange={this.handleChange('cityInput')}\r\n          className='contact-form-city-text'\r\n          aria-label={this.props.resources.contactCityPlaceholderText}\r\n          value={this.state.city}\r\n          placeholder={this.props.resources.contactCityPlaceholderText}\r\n          aria-labelledby='contact-form-city__label contact-form-city__error'\r\n          aria-required='true'\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderReasonForEnquiry(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-reasonforenquiry'>\r\n        {this.state.reasonEnquiryError\r\n          ? this._renderAlert('contact-form-reasonforenquiry')\r\n          : ''}\r\n        <label id='contact-form-reasonforenquiry__label' />\r\n        <select\r\n          ref={this._reasonForEnquirySelectRef}\r\n          className='contact-form-reasonforenquiry-text'\r\n          aria-label={this.props.resources.contactReasonForEnquiryOption1Text}\r\n          value={this.state.reasonForEnquiry}\r\n          onChange={this.onChangeSelect}\r\n          aria-labelledby='contact-form-reasonforenquiry__label contact-form-reasonforenquiry__error'\r\n          aria-required='true'\r\n        >\r\n          {!this.state.hideFirstElement && (\r\n            <option\r\n              aria-selected='true'\r\n              aria-hidden='true'\r\n              value={this.props.resources.contactReasonForEnquiryOption1Text}\r\n            >\r\n              {this.props.resources.contactReasonForEnquiryOption1Text}\r\n            </option>\r\n          )}\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption2Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption2Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption2Text}\r\n          </option>\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption3Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption3Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption3Text}\r\n          </option>\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption4Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption4Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption4Text}\r\n          </option>\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption5Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption5Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption5Text}\r\n          </option>\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption6Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption6Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption6Text}\r\n          </option>\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption7Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption7Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption7Text}\r\n          </option>\r\n          <option\r\n            aria-selected={\r\n              (this.state.selectedValue ===\r\n                this.props.resources.contactReasonForEnquiryOption8Text &&\r\n                'true') ||\r\n              'false'\r\n            }\r\n            value={this.props.resources.contactReasonForEnquiryOption8Text}\r\n          >\r\n            {this.props.resources.contactReasonForEnquiryOption8Text}\r\n          </option>\r\n        </select>\r\n      </div>\r\n    );\r\n  }\r\n  private _renderMessage(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-message'>\r\n        {this.state.messageError\r\n          ? this._renderAlert('contact-form-message')\r\n          : ''}\r\n        <label id='contact-form-message__label' aria-label='message' />\r\n        <textarea\r\n          ref={this._messageInputRef}\r\n          onChange={this.onChangeTextArea}\r\n          className='contact-form-message-text'\r\n          aria-label={this.props.resources.contactMessagePlaceholderText}\r\n          value={this.state.message}\r\n          placeholder={this.props.resources.contactMessagePlaceholderText}\r\n          aria-labelledby='contact-form-message__label contact-form-message__error'\r\n          aria-required='true'\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderRecaptcha(): React.ReactNode {\r\n    return (\r\n      <div>\r\n        {\r\n          this.props.config.reCaptchaOption ? <div className='recaptcha'>\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              onChange={this.onRecaptchaChange}\r\n            />\r\n          </div> : null\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderSubmitButton(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-send'>\r\n        <Button\r\n          className='contact-form-send-button'\r\n          title={this.props.resources.contactSendButtonText}\r\n          onClick={this._handleSend}\r\n          aria-label={this.props.resources.contactSendButtonText}\r\n        >\r\n          {this.props.resources.contactSendButtonText}\r\n        </Button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private onRecaptchaChange = (value: string | null) => {\r\n    if (value) {\r\n      this.setState({ reCaptchaChecked: true, rCCError: false });\r\n    } else {\r\n      this.setState({ reCaptchaChecked: false });\r\n    }\r\n  };\r\n\r\n  private handleChange = (inputText: string) => (\r\n    e: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    const value = e.target.value;\r\n    switch (inputText) {\r\n      case 'nameInput': {\r\n        this.setState({ name: value, nameError: false, reqErrorMsg: false });\r\n        break;\r\n      }\r\n      case 'emailAddress': {\r\n        this.setState({\r\n          emailAddress: value,\r\n          eAError: false,\r\n          reqErrorMsg: false,\r\n          eAValErrorMsg: false,\r\n          eAValidationError: false,\r\n        });\r\n        break;\r\n      }\r\n      case 'phoneNumber': {\r\n        this.setState({\r\n          phoneNumber: value,\r\n          pNError: false,\r\n          reqErrorMsg: false,\r\n        });\r\n        break;\r\n      }\r\n      case 'countryInput': {\r\n        this.setState({\r\n          country: value,\r\n          countryError: false,\r\n          reqErrorMsg: false,\r\n        });\r\n        break;\r\n      }\r\n      case 'cityInput': {\r\n        this.setState({ city: value, cityError: false, reqErrorMsg: false });\r\n        break;\r\n      }\r\n      default:\r\n        null;\r\n    }\r\n  };\r\n\r\n  private onChangeSelect = (e: React.ChangeEvent<HTMLSelectElement>) => {\r\n    this.setState({\r\n      reasonForEnquiry: e.target.value || '',\r\n      reasonEnquiryError: false,\r\n      reqErrorMsg: false,\r\n      hideFirstElement: true,\r\n      selectedValue: e.target.value,\r\n    });\r\n  };\r\n\r\n  private onChangeTextArea = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n    this.setState({\r\n      message: e.target.value || '',\r\n      reqErrorMsg: false,\r\n      messageError: false,\r\n    });\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 _renderAlert(className: string): JSX.Element {\r\n    const inputBoxErrors =\r\n      this.state.nameError ||\r\n      this.state.eAError ||\r\n      this.state.pNError ||\r\n      this.state.countryError ||\r\n      this.state.cityError ||\r\n      this.state.reasonEnquiryError ||\r\n      this.state.messageError;\r\n    if (inputBoxErrors) {\r\n      this.requiredErrorMessage = this.props.resources.requiredTextErrorMessage;\r\n    }\r\n    if (this.state.emailAddress !== '' && this.state.eAValidationError) {\r\n      this.eAValidationErrorMessage = this.props.resources.eAValidationErrorMessage;\r\n    }\r\n    const reqError = this.state.reqErrorMsg;\r\n    const eAValError = this.state.eAValErrorMsg;\r\n    return (\r\n      <>\r\n        {reqError && (\r\n          <span\r\n            className={`${className}__alert`}\r\n            role='alert'\r\n            aria-live='assertive'\r\n          >\r\n            {this.requiredErrorMessage && (\r\n              <>\r\n                <span\r\n                  className={`${className}__alert-icon`}\r\n                  aria-hidden='true'\r\n                />\r\n                {this.requiredErrorMessage}\r\n              </>\r\n            )}\r\n          </span>\r\n        )}\r\n        {eAValError && (\r\n          <span\r\n            className={`${className}__alert`}\r\n            role='alert'\r\n            aria-live='assertive'\r\n          >\r\n            {this.eAValidationErrorMessage && (\r\n              <>\r\n                <span\r\n                  className={`${className}__alert-icon`}\r\n                  aria-hidden='true'\r\n                />\r\n                {this.eAValidationErrorMessage}\r\n              </>\r\n            )}\r\n          </span>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n\r\n  private _renderRecaptchaAlert(className: string): JSX.Element {\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\r\n            className={`${className}__alert`}\r\n            role='alert'\r\n            aria-live='assertive'\r\n          >\r\n            {this.recaptchaErrorMessage && (\r\n              <>\r\n                <span\r\n                  className={`${className}__alert-icon`}\r\n                  aria-hidden='true'\r\n                />\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: max-func-body-length cyclomatic-complexity\r\n  private async _handleSend(\r\n    e:\r\n      | React.MouseEvent<HTMLElement>\r\n      | React.KeyboardEvent<HTMLElement>\r\n      | React.FormEvent<HTMLFormElement>\r\n  ): Promise<void> {\r\n    this.nameValue =\r\n      this._nameInputRef &&\r\n        this._nameInputRef.current &&\r\n        this._nameInputRef.current.value\r\n        ? true\r\n        : false;\r\n    this.emailAddressValue =\r\n      this._emailAddressInputRef &&\r\n        this._emailAddressInputRef.current &&\r\n        this._emailAddressInputRef.current.value\r\n        ? true\r\n        : false;\r\n    this.phoneNumberValue =\r\n      this._phoneNumberInputRef &&\r\n        this._phoneNumberInputRef.current &&\r\n        this._phoneNumberInputRef.current.value\r\n        ? true\r\n        : false;\r\n    this.countryValue =\r\n      this._countryInputRef &&\r\n        this._countryInputRef.current &&\r\n        this._countryInputRef.current.value\r\n        ? true\r\n        : false;\r\n    this.cityValue =\r\n      this._cityInputRef &&\r\n        this._cityInputRef.current &&\r\n        this._cityInputRef.current.value\r\n        ? true\r\n        : false;\r\n    const reasonEnquiryInnerText =\r\n      this._reasonForEnquirySelectRef &&\r\n      this._reasonForEnquirySelectRef.current &&\r\n      this._reasonForEnquirySelectRef.current.selectedOptions[0].innerText;\r\n    this.reasonEnquiryValue =\r\n      reasonEnquiryInnerText ===\r\n        this.props.resources.contactReasonForEnquiryOption1Text\r\n        ? false\r\n        : true;\r\n    this.messageValue =\r\n      this._messageInputRef &&\r\n        this._messageInputRef.current &&\r\n        this._messageInputRef.current.value\r\n        ? true\r\n        : false;\r\n    const eAVal = this._emailAddressInputRef.current!.value;\r\n\r\n    const nA =\r\n      this._nameInputRef &&\r\n        this._nameInputRef.current &&\r\n        this._nameInputRef.current.value\r\n        ? this._nameInputRef.current.value\r\n        : '';\r\n    const eA =\r\n      this._emailAddressInputRef &&\r\n        this._emailAddressInputRef.current &&\r\n        this._emailAddressInputRef.current.value\r\n        ? this._emailAddressInputRef.current.value\r\n        : '';\r\n    const pN =\r\n      this._phoneNumberInputRef &&\r\n        this._phoneNumberInputRef.current &&\r\n        this._phoneNumberInputRef.current.value\r\n        ? this._phoneNumberInputRef.current.value\r\n        : '';\r\n    const cV =\r\n      this._countryInputRef &&\r\n        this._countryInputRef.current &&\r\n        this._countryInputRef.current.value\r\n        ? this._countryInputRef.current.value\r\n        : '';\r\n    const cI =\r\n      this._cityInputRef &&\r\n        this._cityInputRef.current &&\r\n        this._cityInputRef.current.value\r\n        ? this._cityInputRef.current.value\r\n        : '';\r\n    const rE = this.state.reasonForEnquiry ? this.state.reasonForEnquiry : '';\r\n    const mV =\r\n      this._messageInputRef &&\r\n        this._messageInputRef.current &&\r\n        this._messageInputRef.current.value\r\n        ? this._messageInputRef.current.value\r\n        : '';\r\n\r\n    if (!this.nameValue) {\r\n      this.setState({ nameError: true, reqErrorMsg: true });\r\n    } else if (!this.emailAddressValue) {\r\n      this.setState({ eAError: true, reqErrorMsg: true });\r\n    } else if (!this.isEmailValid(eAVal)) {\r\n      this.setState({ eAValidationError: true, eAValErrorMsg: true });\r\n    } else if (!this.phoneNumberValue) {\r\n      this.setState({ pNError: true, reqErrorMsg: true });\r\n    } else if (!this.countryValue) {\r\n      this.setState({ countryError: true, reqErrorMsg: true });\r\n    } else if (!this.cityValue) {\r\n      this.setState({ cityError: true, reqErrorMsg: true });\r\n    } else if (!this.reasonEnquiryValue) {\r\n      this.setState({ reasonEnquiryError: true, reqErrorMsg: true });\r\n    } else if (!this.messageValue) {\r\n      this.setState({ messageError: true, reqErrorMsg: true });\r\n    } else if (\r\n      this.props.config.reCaptchaOption &&\r\n      !this.state.reCaptchaChecked\r\n    ) {\r\n      this.setState({ rCCError: true });\r\n    } else {\r\n      this.formInputValues =\r\n        this.nameValue &&\r\n          this.emailAddressValue &&\r\n          this.phoneNumberValue &&\r\n          this.countryValue &&\r\n          this.cityValue &&\r\n          this.messageValue\r\n          ? true\r\n          : false;\r\n      if (this.formInputValues) {\r\n        try {\r\n          const result = await submitContactFormAction(\r\n            new SubmitContactFormDataActionInput(nA, eA, pN, cV, cI, rE, mV),\r\n            this.props.context.actionContext\r\n          );\r\n          this.response = result.success;\r\n          if (this.response === true) {\r\n            this.setState({\r\n              name: '',\r\n              emailAddress: '',\r\n              phoneNumber: '',\r\n              country: '',\r\n              city: '',\r\n              reasonForEnquiry: '',\r\n              message: '',\r\n              responseReceived: true,\r\n              reqErrorMsg: false,\r\n              eAValErrorMsg: false,\r\n              rCCError: false,\r\n              reCaptchaChecked: false,\r\n              hideFirstElement:false\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n          } else {\r\n            this.setState({ responseReceived: true });\r\n          }\r\n        } catch {\r\n          console.log('Please fill the form!');\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport default CittaContact;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { ArrayExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { getPayloadObject, getTelemetryAttributes, ITelemetryContent, onTelemetryClick } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ILinksData } from '../citta-n-tile-list-item.props.autogenerated';\r\n\r\n/**\r\n * Tile List links.\r\n */\r\nexport interface ITileListLinks {\r\n    links: ILinksData[];\r\n    requestContext: Msdyn365.IRequestContext;\r\n    telemetryContent: ITelemetryContent;\r\n    onTextChange?(index: number): (event: Msdyn365.ContentEditableEvent) => void;\r\n}\r\n\r\n/**\r\n *\r\n * ITileListLinks component.\r\n * @extends {React.PureComponent<ITileListLinks>}\r\n */\r\nexport class TileListLinks extends React.PureComponent<ITileListLinks> {\r\n    public render(): JSX.Element {\r\n        const editableLinks = this._mapEditableLinks(this.props.links);\r\n        return (\r\n            <div className='ms-tile-list__links'>\r\n                {editableLinks && ArrayExtensions.hasElements(editableLinks) ? (\r\n                    <Msdyn365.Links\r\n                        links={editableLinks}\r\n                        editProps={{ onTextChange: this.props.onTextChange, requestContext: this.props.requestContext }}\r\n                    />\r\n                ) : null}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    /**\r\n     * ITileListLinks component.\r\n     * @param linkdata - Link data.\r\n     * @returns Editable links.\r\n     */\r\n    private readonly _mapEditableLinks = (linkdata: ILinksData[]): Msdyn365.ILinksData[] | null => {\r\n        if (!ArrayExtensions.hasElements(linkdata)) {\r\n            return null;\r\n        }\r\n        const editableLinks: Msdyn365.ILinksData[] = [];\r\n        for (const link of linkdata) {\r\n            // Construct telemetry attribute to render\r\n            const payLoad = getPayloadObject('click', this.props.telemetryContent, '', '');\r\n            const linkText = link.linkText ? link.linkText : '';\r\n            payLoad.contentAction.etext = linkText;\r\n            const attributes = getTelemetryAttributes(this.props.telemetryContent, payLoad);\r\n            const editableLink: Msdyn365.ILinksData = {\r\n                ariaLabel: link.ariaLabel,\r\n                className: 'ms-tile-list__link',\r\n                linkText: link.linkText,\r\n                linkUrl: link.linkUrl.destinationUrl,\r\n                openInNewTab: link.openInNewTab,\r\n                role: 'button',\r\n                additionalProperties: attributes,\r\n                onClick: onTelemetryClick(this.props.telemetryContent, payLoad, linkText)\r\n            };\r\n            editableLinks.push(editableLink);\r\n        }\r\n\r\n        return editableLinks;\r\n    };\r\n}\r\nexport default TileListLinks;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport { ArrayExtensions, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\r\nimport { getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent, NodeTag } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { TileListLinks } from './components';\r\nimport { IHeadingData, ICittaNTileListItemProps } from './citta-n-tile-list-item.props.autogenerated';\r\n\r\n/**\r\n * Tile-list-item view props.\r\n */\r\nexport interface ITileListItemViewProps extends ICittaNTileListItemProps<{}> {\r\n    heading?: React.ReactNode;\r\n    paragraph?: React.ReactNode;\r\n    links?: React.ReactNode;\r\n    backgroundImage?: React.ReactNode;\r\n    thumbnailImage?: React.ReactNode;\r\n    tileListItem: IModuleProps;\r\n    tileListContainer: INodeProps;\r\n    tileListImageContainer: INodeProps;\r\n    tileListThumbnailImageContainer: INodeProps;\r\n    tileListHeadingContainer: INodeProps;\r\n}\r\n\r\n/**\r\n *\r\n * TileListItem component.\r\n * @extends {React.PureComponent<ICittaNTileListItemProps<{}>>}\r\n */\r\nexport class TileListItem extends React.PureComponent<ICittaNTileListItemProps<{}>> {\r\n    private readonly _telemetryContent: ITelemetryContent = getTelemetryObject(\r\n        this.props.context.request.telemetryPageName!,\r\n        this.props.friendlyName,\r\n        this.props.telemetry\r\n    );\r\n\r\n    public constructor(props: ICittaNTileListItemProps<{}>) {\r\n        super(props);\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        const { heading, paragraph, backgroundImage, thumbnailImage, redirectionUrl, links } = this.props.config;\r\n        const tileListLinks = links && ArrayExtensions.hasElements(links) && (\r\n            <TileListLinks\r\n                links={links}\r\n                onTextChange={this.handleLinkTextChange}\r\n                requestContext={this.props.context.request}\r\n                telemetryContent={this._telemetryContent}\r\n            />\r\n        );\r\n        const tileListLinkContainer = {\r\n            tag: 'a' as NodeTag,\r\n            className: 'ms-tile-list-container',\r\n            role: 'link',\r\n            href: redirectionUrl?.linkUrl.destinationUrl,\r\n            'aria-label': redirectionUrl?.ariaLabel,\r\n            target: redirectionUrl?.openInNewTab ? '_blank' : undefined\r\n        };\r\n\r\n        const tileListButtonContainer = {\r\n            tag: 'button' as NodeTag,\r\n            className: 'ms-tile-list-container'\r\n        };\r\n        const viewProps: ITileListItemViewProps = {\r\n            ...this.props,\r\n            heading: this._createHeading(heading),\r\n            paragraph: this._createParagraph(paragraph),\r\n            backgroundImage: this._renderBackgroundImage(backgroundImage),\r\n            thumbnailImage: this._renderThumbnailImage(thumbnailImage),\r\n            links: tileListLinks,\r\n            tileListItem: {\r\n                moduleProps: this.props,\r\n                className: ''\r\n            },\r\n            tileListContainer: redirectionUrl ? tileListLinkContainer : tileListButtonContainer,\r\n            tileListImageContainer: {\r\n                className: 'ms-tile-list__image'\r\n            },\r\n            tileListThumbnailImageContainer: {\r\n                className: 'ms-tile-list__thumbnail_image',\r\n                'aria-hidden': 'true'\r\n            },\r\n            tileListHeadingContainer: {\r\n                className: 'ms-tile-list__heading'\r\n            }\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    /**\r\n     * Handles heading content change event.\r\n     * @param event - Content editable event.\r\n     */\r\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent): void => {\r\n        this.props.config.heading!.text = event.target.value;\r\n    };\r\n\r\n    /**\r\n     * Handles paragraph content change event.\r\n     * @param event - Content editable event.\r\n     */\r\n    public handleParagraphChange = (event: Msdyn365.ContentEditableEvent): void => {\r\n        this.props.config.paragraph = event.target.value;\r\n    };\r\n\r\n    /**\r\n     * Handles paragraph content change event.\r\n     * @param linkIndex - Index of link in linkarray.\r\n     * @returns Void.\r\n     */\r\n    public handleLinkTextChange = (linkIndex: number) => (event: Msdyn365.ContentEditableEvent): void => {\r\n        if (this.props.config.links?.[Number(linkIndex)]) {\r\n            this.props.config.links[Number(linkIndex)].linkText = event.target.value;\r\n        }\r\n    };\r\n\r\n    private _createParagraph(text?: Msdyn365.RichText): React.ReactNode | null {\r\n        if (!text) {\r\n            return null;\r\n        }\r\n        return (\r\n            <Msdyn365.RichTextComponent\r\n                text={text}\r\n                className='ms-tile-list__text'\r\n                editProps={{ onEdit: this.handleParagraphChange, requestContext: this.props.context.request }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _createHeading(heading?: IHeadingData): React.ReactNode | null {\r\n        if (!heading) {\r\n            return null;\r\n        }\r\n        if (StringExtensions.isNullOrWhitespace(heading.text)) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Msdyn365.Text\r\n                tag={heading.tag ?? 'h1'}\r\n                text={heading.text}\r\n                className='ms-tile-list__title'\r\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _renderBackgroundImage(item?: Msdyn365.IImageData, isAriaHiddenAttribute?: boolean): React.ReactNode | null {\r\n        // If image is null, we want to render the placeholder SVG - by passing image data with empty src\r\n\r\n        const defaultImageSettings: Msdyn365.IImageSettings = {\r\n            viewports: {\r\n                xs: { q: 'w=550&h=0&m=6', w: 550, h: 0 },\r\n                sm: { q: 'w=550&h=0&m=6', w: 550, h: 0 },\r\n                md: { q: 'w=550&h=0&m=6', w: 550, h: 0 },\r\n                lg: { q: 'w=550&h=0&m=6', w: 550, h: 0 },\r\n                xl: { q: 'w=550&h=0&m=6', w: 550, h: 0 }\r\n            },\r\n            lazyload: true\r\n        };\r\n        const verifiedImageSettings = item?.imageSettings?.viewports ? item.imageSettings : defaultImageSettings;\r\n\r\n        return (\r\n            <Msdyn365.Image\r\n                {...item}\r\n                requestContext={this.props.context.request}\r\n                gridSettings={this.props.context.request.gridSettings!}\r\n                imageSettings={verifiedImageSettings}\r\n                loadFailureBehavior='default'\r\n                aria-hidden={isAriaHiddenAttribute}\r\n                editProps={{\r\n                    key: this.props.config.backgroundImage ?? {},\r\n                    requestContext: this.props.context.request,\r\n                    moduleType: this.props.typeName,\r\n                    imagePropertyName: 'image'\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private _renderThumbnailImage(\r\n        item?: Msdyn365.IImageData,\r\n        itemImageSettings?: Msdyn365.IImageSettings,\r\n        isAriaHiddenAttribute?: boolean\r\n    ): React.ReactNode | null {\r\n        if (!item) {\r\n            return null;\r\n        }\r\n        if (StringExtensions.isNullOrWhitespace(item.src)) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Msdyn365.Image\r\n                {...item}\r\n                gridSettings={this.props.context.request.gridSettings!}\r\n                imageSettings={itemImageSettings}\r\n                loadFailureBehavior='default'\r\n                aria-hidden={isAriaHiddenAttribute}\r\n                editProps={{\r\n                    key: this.props.config.thumbnailImage ?? {},\r\n                    requestContext: this.props.context.request,\r\n                    moduleType: this.props.typeName,\r\n                    imagePropertyName: 'image',\r\n                    // eslint-disable-next-line max-len -- Auto-suppressed.\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment -- Auto-suppressed.\r\n                    layout: (this.props.config as any).msdyn365__moduleLayout\r\n                }}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default TileListItem;\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE 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 { ICittaContactViewProps } from './citta-contact';\r\n\r\nexport default (props: ICittaContactViewProps) => {\r\n    const { ContactContainer, ContactForm, ErrorMessage, Name, EmailAddress, PhoneNumber, Country, City, ReasonForEnquiry, Message, Recaptcha, SubmitButton } = props;\r\n    return (\r\n        <Module {...ContactContainer}>\r\n            <Node {...ContactForm}>\r\n                {ErrorMessage}\r\n                {Name}\r\n                {EmailAddress}\r\n                {PhoneNumber}\r\n                {Country}\r\n                {City}\r\n                {ReasonForEnquiry}\r\n                {Message}\r\n                {Recaptcha}\r\n                {SubmitButton}\r\n            </Node>\r\n        </Module>\r\n    );\r\n};","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nimport { ITileListItemViewProps } from './citta-n-tile-list-item';\r\n\r\n/**\r\n *\r\n * ITileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nconst renderTileListItemContent = (props: ITileListItemViewProps): JSX.Element => {\r\n    const {\r\n        heading,\r\n        paragraph,\r\n        backgroundImage,\r\n        links,\r\n        thumbnailImage,\r\n        tileListContainer,\r\n        tileListImageContainer,\r\n        tileListThumbnailImageContainer,\r\n        tileListHeadingContainer\r\n    } = props;\r\n\r\n    return (\r\n        <Node {...tileListContainer}>\r\n            <Node {...tileListImageContainer}>{backgroundImage}</Node>\r\n            <Node {...tileListHeadingContainer}>\r\n                {heading}\r\n                {paragraph}\r\n                {links}\r\n            </Node>\r\n            <Node {...tileListThumbnailImageContainer}>{thumbnailImage}</Node>\r\n        </Node>\r\n    );\r\n};\r\n\r\n/**\r\n *\r\n * TileListItemViewProps component.\r\n * @param props - Component props.\r\n * @returns TileListView.\r\n */\r\nexport const TileListItemViewComponent: React.FC<ITileListItemViewProps> = props => {\r\n    const { tileListItem } = props;\r\n    return <Module {...tileListItem}>{renderTileListItemContent(props)}</Module>;\r\n};\r\n\r\nexport default TileListItemViewComponent;\r\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 { IContentBlockAdditionalContentItemViewProps, IContentBlockAdditionalContentViewProps } from './components/additional-content';\nimport { IContentBlockViewProps } from './content-block';\n\n/**\n * Render Additional Content.\n * @param additionalContent - Additional content view props.\n * @returns JSX Element.\n */\nconst renderAdditionalContent = (additionalContent: IContentBlockAdditionalContentViewProps) => {\n    return (\n        <Node {...additionalContent.additionalContentNode}>\n            {additionalContent.additionalContentItems?.map((item: IContentBlockAdditionalContentItemViewProps) => {\n                return (\n                    <>\n                        {item.heading}\n                        <Node {...item.additionalContentItemContainer}>\n                            {item.text}\n                            <Node {...item.additionalContentItemLinks}>{item.links}</Node>\n                        </Node>\n                    </>\n                );\n            })}\n        </Node>\n    );\n};\n\nconst ContentBlockView: React.FC<IContentBlockViewProps> = props => {\n    const {\n        contentBlockContainer,\n        imageContainer,\n        detailsContainer,\n        title,\n        text,\n        links,\n        image,\n        contentBlockAnchorTag,\n        imageLink,\n        imageAriaLabel,\n        additionalContent\n    } = props;\n\n    if (imageLink) {\n        return (\n            <Module {...contentBlockContainer}>\n                <Node\n                    {...contentBlockAnchorTag}\n                    href={imageLink}\n                    className={contentBlockAnchorTag ? contentBlockAnchorTag.className : ''}\n                    aria-label={imageAriaLabel}\n                >\n                    <Node {...imageContainer}>{image}</Node>\n                </Node>\n                <Node {...detailsContainer}>\n                    {title}\n                    {text}\n                    {links}\n                    {additionalContent && renderAdditionalContent(additionalContent)}\n                </Node>\n            </Module>\n        );\n    }\n    return (\n        <Module {...contentBlockContainer}>\n            <Node {...imageContainer}>{image}</Node>\n            <Node {...detailsContainer}>\n                {title}\n                {text}\n                {links}\n                {additionalContent && renderAdditionalContent(additionalContent)}\n            </Node>\n        </Module>\n    );\n};\n\nexport default ContentBlockView;\n"],"names":["assembleNode","item","props","itemIndex","_item$links","headingNode","heading","renderHeading","additionalContentHeading","requestContext","React","Msdyn365","text","tag","className","editProps","onEdit","event","handleAdditionalTextChange","paragraphNode","subtext","renderParagraph","additionalContentParagraphText","linksNode","links","map","ctaLink","index","renderLinks","linkIndex","editableLink","ariaLabel","linkText","linkUrl","destinationUrl","openInNewTab","role","key","link","onTextChange","handleAdditionalLinkTextChange","additionalContentItemContainer","additionalContentItemLinks","contentBlockAdditionalContent","additionalContent","reactNodes","push","additionalContentNode","additionalContentItems","ContentCardLinks","constructor","_mapEditableLinks","linkdata","length","editableLinks","forEach","payLoad","getPayloadObject","this","telemetryContent","contentAction","etext","attributes","getTelemetryAttributes","btnClass","additionalProperties","onClick","onTelemetryClick","render","ContentBlock","getTelemetryObject","context","request","telemetryPageName","friendlyName","telemetry","handleTextChange","config","target","value","handleParagraphChange","paragraph","handleLinkTextChange","Number","_heading$tag","_this$props$context$r","_this$props$config$im","image","imageAriaLabel","contentBlockTitle","contentBlockLinks","ArrayExtensions","hasElements","LinksComponent","Object","assign","msdyn365__moduleLayout","contentBlockText","contentBlockImageSettings","imageSettings","backgroundColor","_objectSpread","imageProps","gridSettings","contentBlockImage","preserveImageSpace","moduleType","typeName","imagePropertyName","moduleId","id","layout","shouldSkipToMainImage","contentBlockContainerStyle","undefined","error","contentBlockviewProps","title","moduleClass","contentBlockContainer","moduleProps","classnames","style","imageContainer","detailsContainer","contentBlockAnchorTag","imageLink","_getImageLink","handleAdditionalParagraphChange","handleAdditionalText","handleAdditionalParagraph","renderView","additionalContentObject","actionableRegion","CittaContact","super","state","name","emailAddress","phoneNumber","country","city","reasonForEnquiry","message","inputState","nameError","eAError","pNError","countryError","cityError","reasonEnquiryError","messageError","reqErrorMsg","eAValErrorMsg","eAValidationError","responseReceived","rCCError","reCaptchaChecked","hideFirstElement","selectedValue","nameValue","emailAddressValue","phoneNumberValue","countryValue","cityValue","messageValue","reasonEnquiryValue","formInputValues","response","onRecaptchaChange","setState","handleChange","inputText","e","onChangeSelect","onChangeTextArea","isEmailValid","email","test","_nameInputRef","_emailAddressInputRef","_phoneNumberInputRef","_countryInputRef","_cityInputRef","_reasonForEnquirySelectRef","_messageInputRef","_recaptchaRef","_handleSend","bind","formProps","onSubmit","viewProps","ContactContainer","ContactForm","Name","_renderName","ErrorMessage","_renderErrorMessage","EmailAddress","_renderEmailAddress","PhoneNumber","_renderPhoneNumber","Country","_renderCountry","City","_renderCity","ReasonForEnquiry","_renderReasonForEnquiry","Message","_renderMessage","Recaptcha","_renderRecaptcha","SubmitButton","_renderSubmitButton","resources","responseSuccessMessage","responseErrorMessage","_renderAlert","ref","type","onChange","contactNamePlaceholderText","placeholder","contactEmailAddressPlaceholderText","contactPhoneNumberPlaceholderText","contactCountryPlaceholderText","contactCityPlaceholderText","contactReasonForEnquiryOption1Text","contactReasonForEnquiryOption2Text","contactReasonForEnquiryOption3Text","contactReasonForEnquiryOption4Text","contactReasonForEnquiryOption5Text","contactReasonForEnquiryOption6Text","contactReasonForEnquiryOption7Text","contactReasonForEnquiryOption8Text","contactMessagePlaceholderText","reCaptchaOption","_renderRecaptchaAlert","ReCAPTCHA","sitekey","reCaptchaSiteKey","Button","contactSendButtonText","requiredErrorMessage","requiredTextErrorMessage","eAValidationErrorMessage","reqError","eAValError","recaptchaErrorMessage","async","current","reasonEnquiryInnerText","selectedOptions","innerText","eAVal","nA","eA","pN","cV","cI","rE","mV","result","submitContactFormAction","SubmitContactFormDataActionInput","actionContext","_this$_recaptchaRef$c","success","reset","_unused","console","log","__decorate","observer","TileListLinks","TileListItem","_telemetryContent","handleHeadingChange","_this$props$config$li","backgroundImage","thumbnailImage","redirectionUrl","tileListLinks","tileListLinkContainer","href","_createHeading","_createParagraph","_renderBackgroundImage","_renderThumbnailImage","tileListItem","tileListContainer","tileListImageContainer","tileListThumbnailImageContainer","tileListHeadingContainer","StringExtensions","isNullOrWhitespace","isAriaHiddenAttribute","_item$imageSettings","_this$props$config$ba","verifiedImageSettings","viewports","xs","q","w","h","sm","md","lg","xl","lazyload","loadFailureBehavior","itemImageSettings","_this$props$config$th","src","Module","Node","TileListItemViewComponent","renderTileListItemContent","renderAdditionalContent","_additionalContent$ad"],"sourceRoot":""}