{"version":3,"sources":["webpack:///src/modules/accordion-item/accordion-item.view.tsx?b04f","webpack:///src/modules/default-metatags/default-metatags.tsx?1bb4","webpack:///src/modules/accordion-item/accordion-item.tsx?fc54","webpack:///./src/themes/citta/views/invoice-details.view.tsx?5aa5","webpack:///src/modules/accordion/accordion.view.tsx?8c70","webpack:///./src/modules/citta-contact-commercial/citta-contact-commercial.view.tsx?a832","webpack:///./src/themes/citta/views/content-block.view.tsx?ad9c","webpack:///./src/modules/citta-checkout-payment-instrument-afterpay/citta-checkout-payment-instrument-afterpay.view.tsx?98fe","webpack:///src/modules/footer-item/footer-item.tsx?f8b4","webpack:///src/modules/accordion/accordion.tsx?45c1","webpack:///src/index.ts?c6ae","webpack:///src/modules/footer-item/footer-item.view.tsx?235e","webpack:///./src/modules/citta-contact-commercial/citta-contact-commercial.tsx?7e2d"],"names":["_renderAccordionItemContent","items","React","length","map","item","index","key","AccordionItemView","props","drawer","accordionSlots","AccordionItemContainer","AccordionItemContent","Module","Object","assign","Node","accordionItemContent","DefaultMetaTags","render","data","config","this","nonceToken","context","isNonceEnabled","request","metaTags","metaTagsHtml","_addNonceToInlineScript","join","metaTagsText","simpleText","text","SDK_FRAGMENT_NAME","id","dangerouslySetInnerHTML","__html","inlineScripRegex","metaTag","test","replace","filter","Boolean","AccordionItem","constructor","super","moduleClassName","handleHeadingChange","event","accordionItemTitle","target","value","_onToggle","bind","telemetryContent","getTelemetryObject","telemetryPageName","friendlyName","telemetry","shouldComponentUpdate","nextProps","slots","renderView","accordionExpandedStateResult","accordionExpandedState","result","expanded","undefined","isAllExpanded","isExpandedOnInitialLoad","_objectSpread","moduleProps","className","classnames","tag","ControlledDrawer","toggleButtonText","collapseProps","isOpen","onToggle","onTextChange","requestContext","state","interactionStyle","accordionState","actionContext","update","createAccordionStateInput","__decorate","observer","InvoiceDetailsView","_props$data$invoiceDe","_props$data$invoiceDe2","header","products","paymentDetails","payInvoiceError","salesId","invoiceDetails","SalesId","invoiceOrderId","Id","resources","salesIdLabel","invoiceNoIdLabel","gstNumber","gstNumberLabel","accordionView","heading","AccordionContainer","accordionItems","accordionButtons","HeaderSection","HeadingWrapper","accordianButtonsContainer","accordionItemContainer","error","ContactContainer","ContactForm","ErrorMessage","EnquiryTitle","Name","EmailAddress","Occupation","PhoneNumber","Enquiry","Recaptcha","SubmitButton","Checkbox","ExpandCollapse","ContentBlockView","contentBlockContainer","imageContainer","detailsContainer","title","links","image","contentBlockAnchorTag","imageLink","imageAriaLabel","concat","href","OverlayModal","_ref","modal","CheckoutPaymentInstrumentView","_ref2","checkoutPaymentInstrument","waiting","alert","paymentInformation","addPaymentForm","overlayModal","_objectWithoutProperties","_excluded","FooterItem","handleTextChange","handleLinkTextChange","link","linkText","payLoad","getPayloadObject","footerItemClassName","contentAction","etext","attributes","getTelemetryAttributes","viewProps","_createHeading","_createImageMarkup","_createText","_createLinkText","EditableLink","_createLink","HeadingContainer","ItemContainer","Link","linkUrl","destinationUrl","role","ariaLabel","openInNewTab","onClick","onTelemetryClick","editableLink","additionalProperties","Msdyn365","editProps","onEdit","ariaHiddenAttr","src","gridSettings","imageSettings","viewports","xs","q","w","h","lg","lazyload","loadFailureBehavior","shouldSkipToMainImage","Accordion","expandAllButtonRef","collapseAllButtonRef","_onExpandAll","_onCollapseAll","isDisabled","headingComponent","accordionViewProps","_renderAccordionButton","_getAccordionItem","TelemetryConstant","ExpandAll","attributeExpandAll","CollapseAll","attributeCollapseAll","showToggleAll","disabled","expandAllText","ref","toggleAllSeparator","collapseAllText","setState","setTimeout","_this$collapseAllButt","current","focus","_this$expandAllButton","FooterItemView","_renderElement","CittaContactCommercial","name","emailAddress","occupation","phoneNumber","enquiry","checkbox","inputState","nameError","eAError","occupationError","pNError","enquiryError","checkboxError","reqErrorMsg","eAValErrorMsg","eAValidationError","responseReceived","rCCError","reCaptchaChecked","hideFirstElement","selectedValue","textareaheight","isCollapsed","nameValue","emailAddressValue","occupationValue","phoneNumberValue","enquiryValue","formInputValues","response","onRecaptchaChange","handleChange","inputText","e","isChecked","_checkboxRef","checked","onChangeTextArea","height","scrollHeight","rows","trows","Math","ceil","isEmailValid","email","_nameInputRef","_emailAddressInputRef","_occupationInputRef","_phoneNumberInputRef","_enquiryInputRef","_recaptchaRef","_handleSend","_renderCollapseExpandButton","formProps","onSubmit","_renderEnquiryTitle","_renderName","_renderErrorMessage","_renderEmailAddress","_renderOccupation","_renderPhoneNumber","_renderEnquiry","_renderRecaptcha","_renderSubmitButton","_renderCheckbox","responseSuccessMessage","responseErrorMessage","contactFormTitle","contactFormContent","_renderAlert","type","onChange","contactNamePlaceholderText","placeholder","contactOccupationPlaceholderText","contactEmailAddressPlaceholderText","contactPhoneNumberPlaceholderText","contactEnquiryPlaceholderText","reCaptchaOption","_renderRecaptchaAlert","ReCAPTCHA","sitekey","reCaptchaSiteKey","Button","contactSubmitButtonText","contactCheckboxtext","requiredErrorMessage","requiredTextErrorMessage","eAValidationErrorMessage","reqError","eAValError","recaptchaErrorMessage","_this$_checkboxRef$cu","_this$_checkboxRef$cu2","eAVal","nA","eA","oV","pN","eV","cb","submitContactFormAction","SubmitContactFormDataActionInput","success","responseEmarsys","MsDyn365","messageEnquiry","emarsysOptInGroupId","optIn","_this$_recaptchaRef$c","Result","reset","console","log","_unused"],"mappings":"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","file":"static/js/14.c20d62f2ead705bb5b73.chunk.js","sourcesContent":["/*!\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 { IAccordionItemViewProps } from './accordion-item';\n\nconst AccordionItemView: React.FC<IAccordionItemViewProps> = props => {\n    const { drawer, accordionSlots, AccordionItemContainer, AccordionItemContent } = props;\n    return (\n        <Module {...AccordionItemContainer}>\n            <Node {...drawer}>\n                <Node {...AccordionItemContent}>\n                    {accordionSlots &&\n                        accordionSlots.accordionItemContent &&\n                        accordionSlots.accordionItemContent.length &&\n                        _renderAccordionItemContent(accordionSlots.accordionItemContent)}\n                </Node>\n            </Node>\n        </Module>\n    );\n};\n\nconst _renderAccordionItemContent = (items: React.ReactNode[]): JSX.Element | null => {\n    return (\n        <>\n            {items && items.length > 0\n                ? items.map((item: React.ReactNode, index: number) => {\n                      return <React.Fragment key={index}>{item}</React.Fragment>;\n                  })\n                : null}\n        </>\n    );\n};\nexport default AccordionItemView;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as React from 'react';\n\nimport { isNonceEnabled, SDK_FRAGMENT_NAME } from '@msdyn365-commerce/core-internal';\nimport { IDefaultMetatagsData } from './default-metatags.data';\nimport { IDefaultMetatagsProps } from './default-metatags.props.autogenerated';\n\n/**\n *\n * DefaultPageSummaryMetadata component\n * @extends {React.PureComponent<DefaultPageSummaryProps<{}>>}\n */\nclass DefaultMetaTags extends React.PureComponent<IDefaultMetatagsProps<IDefaultMetatagsData>> {\n    public render(): JSX.Element {\n        const { data, config } = this.props;\n        const nonceToken = this.props.context && isNonceEnabled(this.props.context.request);\n        let metaTagsHtml: string = '';\n        let metaTags;\n        if (config.metaTags) {\n            metaTags = nonceToken ? this._addNonceToInlineScript(config.metaTags, nonceToken) : config.metaTags;\n            metaTagsHtml = metaTags && metaTags.join('\\n');\n        } else if (data.metaTags) {\n            metaTags = data.metaTags;\n            let metaTagsText = metaTags.map(simpleText => simpleText.text);\n            metaTagsText = nonceToken ? this._addNonceToInlineScript(metaTagsText, nonceToken) : metaTagsText;\n            metaTagsHtml = metaTagsText && metaTagsText.join('\\n');\n        }\n        return React.createElement(SDK_FRAGMENT_NAME, { key: this.props.id, dangerouslySetInnerHTML: { __html: metaTagsHtml } });\n    }\n\n    private _addNonceToInlineScript(metaTags: string[], nonceToken: string): string[] {\n        const inlineScripRegex = /<script((?:(?!src=).)*?)>(.*?)<\\/script>/g;\n        return metaTags\n            .map(metaTag => {\n                if (inlineScripRegex.test(metaTag)) {\n                    return metaTag.replace(/<script/g, `<script nonce=${nonceToken}`);\n                }\n                return metaTag;\n            })\n            .filter(Boolean);\n    }\n}\n\nexport default DefaultMetaTags;\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 { ControlledDrawer, getTelemetryObject, IModuleProps, INodeProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport { IDrawerState } from '@msdyn365-commerce-modules/utilities/dist/types/drawer/Drawer';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { createAccordionStateInput, interactionStyle } from '../..';\nimport { IAccordionItemData } from './accordion-item.data';\nimport { IAccordionItemProps } from './accordion-item.props.autogenerated';\n\nexport interface IAccordionItemViewProps {\n    AccordionItemContainer: IModuleProps;\n    drawer: INodeProps;\n    accordionSlots: INodeProps;\n    AccordionItemContent: INodeProps;\n    className: string;\n}\n\nexport interface IAccordionItemExtentedProps extends IAccordionItemProps<IAccordionItemData> {\n    interactionStyle?: interactionStyle;\n}\n\n/**\n *\n * AccordionItem component.\n * @extends {React.Component<IAccordionItemExtentedProps>}\n */\n@observer\nclass AccordionItem extends React.Component<IAccordionItemExtentedProps> {\n    private readonly moduleClassName: string = 'ms-accordion-item';\n\n    private readonly telemetryContent?: ITelemetryContent;\n\n    constructor(props: IAccordionItemProps<IAccordionItemData>) {\n        super(props);\n        this._onToggle = this._onToggle.bind(this);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n    }\n\n    public shouldComponentUpdate(nextProps: IAccordionItemProps<IAccordionItemData>): boolean {\n        if (this.props.data === nextProps.data) {\n            return false;\n        }\n        return true;\n    }\n\n    public render(): JSX.Element {\n        const { slots, renderView, config, data } = this.props;\n        const accordionExpandedStateResult = data && data.accordionExpandedState && data.accordionExpandedState.result;\n        const expanded =\n            accordionExpandedStateResult && accordionExpandedStateResult.isAllExpanded === undefined\n                ? data && config.isExpandedOnInitialLoad\n                : accordionExpandedStateResult && accordionExpandedStateResult.isAllExpanded;\n        const viewProps = {\n            ...this.props,\n            AccordionItemContainer: {\n                moduleProps: this.props,\n                className: classnames(this.moduleClassName, config.className)\n            },\n            AccordionItemContent: {\n                className: 'ms-accordion-item-content'\n            },\n            drawer: {\n                tag: ControlledDrawer,\n                className: `${this.moduleClassName}__drawer`,\n                toggleButtonText: (config.accordionItemTitle && config.accordionItemTitle) || '',\n                collapseProps: { isOpen: expanded },\n                onToggle: this._onToggle,\n                onTextChange: this.handleHeadingChange,\n                requestContext: this.props.context.request,\n                telemetryContent: this.telemetryContent\n            },\n            accordionSlots: slots\n        };\n        return renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.accordionItemTitle = event.target.value);\n\n    private _onToggle(state: IDrawerState): void {\n        if (!state.isOpen && this.props.interactionStyle === interactionStyle.ExpandOneItemOnly) {\n            const accordionState = { isAllExpanded: false };\n            this.props.context.actionContext.update(createAccordionStateInput(accordionState), accordionState);\n        }\n    }\n}\nexport default AccordionItem;\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\nimport { Module } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { IInvoiceDetailsConfig, IInvoiceDetailsProps as IInvoiceDetailsExtentionProps, IInvoiceDetailsResources as IInvoiceDetailsExtentionResources } from '../definition-extensions/invoice-details.ext.props.autogenerated'\r\n\r\nimport { IInvoiceDetailsViewProps } from '@msdyn365-commerce-modules/invoice-details/src/modules/invoice-details/./invoice-details';\r\n\r\nexport const InvoiceDetailsView: React.FC<IInvoiceDetailsViewProps & IInvoiceDetailsExtentionProps<IInvoiceDetailsConfig>  & IInvoiceDetailsExtentionResources> = props => {\r\n    const { header, products, paymentDetails, payInvoiceError, config} = props;\r\n    const salesId = props.data.invoiceDetails.result?.SalesId;\r\n    const invoiceOrderId = props.data.invoiceDetails.result?.Id;\r\n    return (\r\n        <Module {...props.moduleProps}>\r\n            {/* @ts-ignore */}\r\n            {salesId && <>{props.resources.salesIdLabel}{salesId}</>}\r\n            {/* @ts-ignore */}\r\n            {invoiceOrderId && <div className=\"msc-invoice-details__header__invoice-no\">{props.resources.invoiceNoIdLabel}{invoiceOrderId}</div>}\r\n            {config && config.gstNumber && <div className=\"msc-invoice-details__header__gst-no\">{props.resources.gstNumberLabel}{config.gstNumber}</div>}\r\n            {header}\r\n            {products}\r\n            {paymentDetails}\r\n            {payInvoiceError}\r\n        </Module>\r\n    );\r\n};\r\n\r\nexport default InvoiceDetailsView;\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 { IAccordionViewProps } from './accordion';\n\nconst accordionView: React.FC<IAccordionViewProps> = props => {\n    const { heading, AccordionContainer, accordionItems } = props;\n    if (!props.heading && !props.accordionButtons && !props.accordionItems) {\n        props.context.telemetry.error('Accordion content is empty, module wont render');\n        return null;\n    }\n    return (\n        <Module {...AccordionContainer}>\n            <Node {...props.HeaderSection}>\n                <Node {...props.HeadingWrapper}>{heading}</Node>\n                {props.accordionButtons && <Node {...props.accordianButtonsContainer}>{props.accordionButtons}</Node>}\n            </Node>\n            <Node {...props.accordionItemContainer}>{accordionItems}</Node>\n        </Module>\n    );\n};\n\nexport default accordionView;\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 { ICittaContactCommercialViewProps } from './citta-contact-commercial';\r\n\r\nexport default (props: ICittaContactCommercialViewProps) => {\r\n    const { \r\n        ContactContainer,\r\n        ContactForm,\r\n        ErrorMessage,\r\n        EnquiryTitle,\r\n        Name,\r\n        EmailAddress,\r\n        Occupation,\r\n        PhoneNumber,\r\n        Enquiry,\r\n        Recaptcha,\r\n        SubmitButton,\r\n        Checkbox,\r\n        ExpandCollapse \r\n    } = props;\r\n\r\n    return (\r\n        <Module {...ContactContainer}>\r\n            {EnquiryTitle}\r\n            {ExpandCollapse}\r\n            <Node {...ContactForm}>\r\n                {ErrorMessage}\r\n                {Name}\r\n                {EmailAddress}\r\n                {Occupation}\r\n                {PhoneNumber}\r\n                {Enquiry}\r\n                {Checkbox}\r\n                {Recaptcha}\r\n                {SubmitButton}\r\n                {/* {Checkbox} */}\r\n            </Node>\r\n        </Module>\r\n    );\r\n};\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 { IContentBlockViewProps } from '@msdyn365-commerce-modules/content-block';\r\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\n\r\nconst ContentBlockView: React.FC<IContentBlockViewProps> = (props) => {\r\n  const {\r\n    contentBlockContainer,\r\n    imageContainer,\r\n    detailsContainer,\r\n    title,\r\n    text,\r\n    links,\r\n    image,\r\n    contentBlockAnchorTag,\r\n    imageLink,\r\n    imageAriaLabel\r\n  } = props;\r\n  contentBlockContainer.className = image === undefined ? contentBlockContainer.className.concat(' emptyImage') : contentBlockContainer.className;\r\n  if (imageLink) {\r\n    return (\r\n      <Module {...contentBlockContainer}>\r\n        <Node\r\n          {...contentBlockAnchorTag}\r\n          href={imageLink}\r\n          className={contentBlockAnchorTag ? contentBlockAnchorTag.className : ''}\r\n          aria-label={imageAriaLabel}\r\n        >\r\n          <Node {...imageContainer}>{image}</Node>\r\n          <Node {...detailsContainer}>\r\n            {title}\r\n            {text}\r\n            {links}\r\n          </Node>\r\n        </Node>\r\n      </Module>\r\n    );\r\n  } else {\r\n    return (\r\n      <Module {...contentBlockContainer}>\r\n        <Node {...imageContainer}>{image}</Node>\r\n        <Node {...detailsContainer}>\r\n          {title}\r\n          {text}\r\n          {links}\r\n        </Node>\r\n      </Module>\r\n    );\r\n  }\r\n};\r\n\r\nexport default ContentBlockView;\r\n","/*--------------------------------------------------------------\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * See License.txt 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 { ICheckoutPaymentInstrumentViewProps, ICheckoutPaymentOverlayModal } from './citta-checkout-payment-instrument-afterpay';\r\n\r\nconst OverlayModal: React.FC<ICheckoutPaymentOverlayModal> = ({\r\n    modal\r\n}) => {\r\n    return (\r\n        <Node {...modal} />\r\n    );\r\n};\r\n\r\nconst CheckoutPaymentInstrumentView: React.FC<ICheckoutPaymentInstrumentViewProps> = ({\r\n    checkoutPaymentInstrument,\r\n    className,\r\n    id,\r\n    waiting,\r\n    alert,\r\n    paymentInformation,\r\n    addPaymentForm,\r\n    overlayModal,\r\n    ...restProps\r\n}) => (\r\n    <Module {...checkoutPaymentInstrument}>\r\n        {waiting}\r\n        {alert}\r\n        {paymentInformation}\r\n        {addPaymentForm}\r\n        {overlayModal && <OverlayModal {...overlayModal} />}\r\n    </Module>\r\n);\r\n\r\nexport default CheckoutPaymentInstrumentView;\r\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport * as Msdyn365 from '@msdyn365-commerce/core';\nimport {\n    getPayloadObject,\n    getTelemetryAttributes,\n    getTelemetryObject,\n    IModuleProps,\n    INodeProps,\n    IPayLoad,\n    ITelemetryContent,\n    onTelemetryClick\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { IFooterItemConfig, IFooterItemProps, IHeadingData, ILinkData } from './footer-item.props.autogenerated';\n\nexport interface IFooterViewProps extends IFooterItemProps<IFooterItemConfig> {\n    heading: React.ReactNode;\n    image: React.ReactNode;\n    text: React.ReactNode;\n    linkText: React.ReactNode;\n    className?: string;\n    FooterItem: IModuleProps;\n    HeadingContainer: INodeProps;\n    ItemContainer: INodeProps;\n    Link: INodeProps;\n    EditableLink: React.ReactNode;\n}\n\n/**\n *\n * FooterItem component.\n * @extends {React.PureComponent<IFooterItemProps<IFooterItemConfig>>}\n */\nexport class FooterItem extends React.PureComponent<IFooterItemProps<IFooterItemConfig>> {\n    private readonly telemetryContent: ITelemetryContent;\n\n    private readonly payLoad: IPayLoad;\n\n    private attributes: Msdyn365.IDictionary<string> | undefined;\n\n    constructor(props: IFooterItemProps<IFooterItemConfig>) {\n        super(props);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n\n        // Construct telemetry attribute to render\n        this.payLoad = getPayloadObject('click', this.telemetryContent, '', '');\n    }\n\n    public render(): JSX.Element {\n        const { heading, image, link, text } = this.props.config;\n        const footerItemClassName = classnames('ms-footer__item', this.props.config.className);\n        const linkText = link && link.linkText ? link.linkText : '';\n        this.payLoad.contentAction.etext = linkText;\n        this.attributes = getTelemetryAttributes(this.telemetryContent, this.payLoad);\n        const viewProps: IFooterViewProps = {\n            ...this.props,\n            heading: this._createHeading(heading!),\n            image: this._createImageMarkup(image!),\n            text: this._createText(text!),\n            linkText: this._createLinkText(link!),\n            EditableLink: this._createLink(link!),\n\n            FooterItem: {\n                moduleProps: this.props,\n                className: footerItemClassName\n            },\n\n            HeadingContainer: {\n                className: 'ms-footer__heading'\n            },\n\n            ItemContainer: {\n                className: 'ms-footer__link__container'\n            },\n\n            // @ts-expect-error\n            Link: link &&\n                link.linkUrl &&\n                link.linkUrl.destinationUrl && {\n                    tag: 'a',\n                    role: 'link',\n                    className: 'ms-footer__link',\n                    href: link.linkUrl.destinationUrl,\n                    title: linkText,\n                    'aria-label': link.ariaLabel,\n                    target: link.openInNewTab ? '_blank' : undefined,\n                    onClick: onTelemetryClick(this.telemetryContent, this.payLoad, linkText),\n                    ...this.attributes\n                },\n            className: footerItemClassName\n        };\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n    public handleTextChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.text = event.target.value);\n\n    public handleLinkTextChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.link!.linkText = event.target.value);\n\n    private _createLink(link: ILinkData): React.ReactNode | null {\n        if (link) {\n            const linkText = link.linkText ? link.linkText : '';\n\n            // TODO: Update the inner tag in the anchor link to span\n            const editableLink: Msdyn365.ILinksData = {\n                ariaLabel: link.ariaLabel,\n                className: 'ms-footer__link',\n                linkText,\n                linkUrl: link.linkUrl.destinationUrl,\n                openInNewTab: link.openInNewTab,\n                role: 'link',\n                additionalProperties: this.attributes!,\n                onClick: onTelemetryClick(this.telemetryContent, this.payLoad, linkText)\n            };\n            return (\n                <Msdyn365.Link\n                    link={editableLink}\n                    editProps={{ onTextChange: this.handleLinkTextChange, requestContext: this.props.context.request }}\n                />\n            );\n        }\n        return null;\n    }\n\n    private _createLinkText(link: ILinkData): React.ReactNode | null {\n        if (!link || !link.linkText) {\n            return null;\n        }\n\n        return <span className='ms-footer__link__text'>{link.linkText}</span>;\n    }\n\n    private _createHeading(heading: IHeadingData): React.ReactNode | null {\n        if (!heading || !heading.text || heading.text.length === 0) {\n            return null;\n        }\n\n        return (\n            <Msdyn365.Text\n                tag={heading.tag || 'h2'}\n                text={heading.text}\n                className='ms-footer__heading__title'\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _createText(text: string): React.ReactNode | null {\n        if (!text) {\n            return null;\n        }\n        return (\n            <Msdyn365.Text\n                tag='div'\n                text={text}\n                className='ms-footer-item__text'\n                editProps={{ onEdit: this.handleTextChange, requestContext: this.props.context.request }}\n            />\n        );\n    }\n\n    private _createImageMarkup(item: Msdyn365.IImageData, ariaHiddenAttr?: boolean): React.ReactNode | null {\n        if (!item || !item.src || item.src.length === 0) {\n            return null;\n        }\n\n        const defaultImageSettings: Msdyn365.IImageSettings = {\n            viewports: {\n                xs: { q: 'w=24&h=24&m=6', w: 0, h: 0 },\n                lg: { q: 'w=24&h=24&m=6', w: 0, h: 0 }\n            },\n            lazyload: true\n        };\n        return (\n            <Msdyn365.Image\n                {...item}\n                requestContext={this.props.context.request}\n                gridSettings={this.props.context.request.gridSettings!}\n                imageSettings={item.imageSettings || defaultImageSettings}\n                loadFailureBehavior='default'\n                aria-hidden={ariaHiddenAttr}\n                editProps={{ key: this.props.config.image || {}, requestContext: this.props.context.request }}\n                shouldSkipToMainImage\n            />\n        );\n    }\n}\n\nexport default FooterItem;\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 {\n    getPayloadObject,\n    getTelemetryAttributes,\n    getTelemetryObject,\n    IModuleProps,\n    INodeProps,\n    IPayLoad,\n    ITelemetryContent,\n    NodeTag,\n    TelemetryConstant\n} from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { createAccordionStateInput } from '../..';\nimport { IAccordionData } from './accordion.data';\nimport { IAccordionProps } from './accordion.props.autogenerated';\n\n/**\n *\n * Accordion component.\n * @extends {React.PureComponent<IAccordionProps<IAccordionData>>}\n */\n\nexport interface ICallToActionProps {\n    link: INodeProps[];\n}\n\n/**\n * Added interface for state management.\n */\nexport interface IAccordianState {\n    isDisabled: boolean;\n}\n\nexport interface IAccordionViewProps extends IAccordionProps<{}> {\n    heading?: React.ReactNode;\n    AccordionContainer: IModuleProps;\n    HeaderSection: INodeProps;\n    HeadingWrapper: INodeProps;\n    accordianButtonsContainer: INodeProps;\n    accordionButtons: React.ReactNode;\n    accordionItemContainer: INodeProps;\n    accordionItems: React.ReactNode;\n}\n\n/**\n *\n * Accordion component.\n * @extends {React.Component<IAccordionProps<IAccordionData>>}\n */\n@observer\nclass Accordion extends React.PureComponent<IAccordionProps<IAccordionData>, IAccordianState> {\n    private readonly telemetryContent?: ITelemetryContent;\n\n    private readonly payLoad: IPayLoad;\n\n    private readonly expandAllButtonRef: React.RefObject<HTMLButtonElement> = React.createRef<HTMLButtonElement>();\n\n    private readonly collapseAllButtonRef: React.RefObject<HTMLButtonElement> = React.createRef<HTMLButtonElement>();\n\n    constructor(props: IAccordionProps<IAccordionData>) {\n        super(props);\n        this._onExpandAll = this._onExpandAll.bind(this);\n        this._onCollapseAll = this._onCollapseAll.bind(this);\n        this.telemetryContent = getTelemetryObject(\n            this.props.context.request.telemetryPageName!,\n            this.props.friendlyName,\n            this.props.telemetry\n        );\n        this.payLoad = getPayloadObject('click', this.telemetryContent, '');\n        this.state = { isDisabled: false };\n    }\n\n    public render(): JSX.Element {\n        const { slots } = this.props;\n        const { heading, className } = this.props.config;\n        const headingComponent = heading && heading.text && (\n            <Msdyn365.Text\n                className='ms-accordion-header-section__heading'\n                tag={heading.tag || 'h1'}\n                text={heading.text}\n                editProps={{ onEdit: this.handleHeadingChange, requestContext: this.props.context.request }}\n            />\n        );\n\n        const accordionViewProps = {\n            ...this.props,\n            AccordionContainer: {\n                moduleProps: this.props,\n                className: classnames('ms-accordion', className)\n            },\n            HeaderSection: { className: 'ms-accordion-header-section' },\n            HeadingWrapper: { className: 'ms-accordion-header-section-container' },\n            heading: headingComponent,\n            config: this.props && this.props.config,\n            accordianButtonsContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-accordion-header-section-toggle-button-container'\n            },\n            accordionButtons: this._renderAccordionButton(),\n            accordionItemContainer: {\n                tag: 'div' as NodeTag,\n                className: 'ms-accordion-item-section'\n            },\n            accordionItems:\n                slots &&\n                slots.accordionItems &&\n                slots.accordionItems.length > 0 &&\n                slots.accordionItems.map((item: React.ReactNode, index: number) => this._getAccordionItem(item, index))\n        };\n        return this.props.renderView(accordionViewProps) as React.ReactElement;\n    }\n\n    public handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (this.props.config.heading!.text = event.target.value);\n\n    private _renderAccordionButton(): React.ReactNode | null {\n        const { config, resources } = this.props;\n        const { heading } = config;\n        this.payLoad.contentAction.etext = TelemetryConstant.ExpandAll;\n        const attributeExpandAll = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n        this.payLoad.contentAction.etext = TelemetryConstant.CollapseAll;\n        const attributeCollapseAll = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n        if (!config.showToggleAll) {\n            this.props.context.telemetry.error('Accordion button content is empty, module wont render');\n            return null;\n        }\n        return (\n            <>\n                <button\n                    disabled={this.state.isDisabled}\n                    className='ms-accordion_ExpandAll'\n                    aria-label={`${resources.expandAllText} ${heading?.text ? heading.text : ''}`}\n                    onClick={this._onExpandAll}\n                    ref={this.expandAllButtonRef}\n                    {...attributeExpandAll}\n                >\n                    {resources.expandAllText}\n                </button>\n                &nbsp;\n                {resources.toggleAllSeparator}\n                &nbsp;\n                <button\n                    className='ms-accordion_CollapseAll'\n                    aria-label={`${resources.collapseAllText} ${heading?.text ? heading.text : ''}`}\n                    onClick={this._onCollapseAll}\n                    ref={this.collapseAllButtonRef}\n                    {...attributeCollapseAll}\n                    disabled={!this.state.isDisabled}\n                >\n                    {resources.collapseAllText}\n                </button>\n            </>\n        );\n    }\n\n    private _onExpandAll(): void {\n        const accordionState = { isAllExpanded: true };\n        this.props.context.actionContext.update(createAccordionStateInput(accordionState), accordionState);\n        if (accordionState.isAllExpanded) {\n            this.setState({\n                isDisabled: true\n            });\n            setTimeout(() => {\n                this.collapseAllButtonRef.current?.focus();\n            }, 50);\n        }\n    }\n\n    private _onCollapseAll(): void {\n        const accordionState = { isAllExpanded: false };\n        this.props.context.actionContext.update(createAccordionStateInput(accordionState), accordionState);\n        if (!accordionState.isAllExpanded) {\n            this.setState({\n                isDisabled: false\n            });\n            setTimeout(() => {\n                this.expandAllButtonRef.current?.focus();\n            }, 50);\n        }\n    }\n\n    private _getAccordionItem(item: React.ReactNode, index: number): React.ReactNode {\n        return (\n            <React.Fragment key={index}>\n                {React.cloneElement(item as React.ReactElement, { interactionStyle: this.props.config.interactionStyle })}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Accordion;\n","/*!\n * Copyright (c) Microsoft Corporation.\n * All rights reserved. See LICENSE in the project root for license information.\n */\n\nimport { IAccordionExpandedState } from './data-actions/accordion-state';\nimport { createAccordionStateInput } from './data-actions/accordion-state-data-action';\nimport accordion from './modules/accordion/accordion';\nimport { interactionStyle } from './modules/accordion/accordion.props.autogenerated';\nimport accordionView from './modules/accordion/accordion.view';\n\nexport * from './modules/accordion/accordion';\nexport * from './modules/accordion/accordion.view';\n\nexport { accordion, accordionView, createAccordionStateInput, IAccordionExpandedState, interactionStyle };\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 { IFooterViewProps } from './footer-item';\n\n/**\n *\n * FooterItemView component.\n * @extends {React.PureComponent<IFooterViewProps>}\n */\nexport class FooterItemView extends React.PureComponent<IFooterViewProps> {\n    public render(): JSX.Element | null {\n        const { FooterItem } = this.props;\n        return <Module {...FooterItem}>{this._renderElement(this.props)}</Module>;\n    }\n\n    private _renderElement(props: IFooterViewProps): React.ReactNode | null {\n        const { heading, HeadingContainer, Link, linkText, image, text, EditableLink } = props;\n        if (heading) {\n            return <Node {...HeadingContainer}> {heading} </Node>;\n        } else if (Link && image) {\n            return (\n                <Node {...Link}>\n                    {linkText}\n                    {image}\n                </Node>\n            );\n        } else if (Link) {\n            return EditableLink;\n        }\n        return (\n            <>\n                {text}\n                {image}\n            </>\n        );\n    }\n}\n\nexport default FooterItemView;\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\nimport * as React from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport { Button, IModuleProps, INodeProps, NodeTag } from '@msdyn365-commerce-modules/utilities';\r\nimport * as MsDyn365 from '@msdyn365-commerce/core';\r\n\r\nimport {\r\n  submitContactFormAction,\r\n  SubmitContactFormDataActionInput,\r\n} from '../../data-actions/contact/submit-contact-commecial-form-data.action';\r\n\r\nimport { ICittaContactCommercialData } from './citta-contact-commercial.data';\r\nimport { ICittaContactCommercialProps } from './citta-contact-commercial.props.autogenerated';\r\n\r\ninterface ICittaContactFormState {\r\n  name: string;\r\n  emailAddress: string;\r\n  occupation: string;\r\n  phoneNumber: string;\r\n  enquiry: string;\r\n  checkbox:boolean;\r\n  inputState: boolean;\r\n  nameError: boolean;\r\n  eAError: boolean;\r\n  occupationError: boolean;\r\n  pNError: boolean;\r\n  enquiryError: boolean;\r\n  checkboxError: 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  textareaheight:number;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nexport interface ICittaContactCommercialViewProps extends ICittaContactCommercialProps<ICittaContactCommercialData> {\r\n  ContactContainer: IModuleProps;\r\n  ContactForm: INodeProps;\r\n  EnquiryTitle:INodeProps\r\n  Name: React.ReactNode;\r\n  EmailAddress: React.ReactNode;\r\n  Occupation: React.ReactNode;\r\n  PhoneNumber: React.ReactNode;\r\n  Enquiry: React.ReactNode;\r\n  ErrorMessage: React.ReactNode;\r\n  Recaptcha: React.ReactNode;\r\n  SubmitButton: React.ReactNode;\r\n  Checkbox: React.ReactNode;\r\n  ExpandCollapse: React.ReactNode;\r\n}\r\n\r\n/**\r\n *\r\n * CittaContactCommercial component\r\n * @extends {React.PureComponent<ICittaContactCommercialProps<ICittaContactCommercialData>>}\r\n */\r\n@observer\r\nclass CittaContactCommercial extends React.PureComponent<ICittaContactCommercialProps<ICittaContactCommercialData>, ICittaContactFormState> {\r\n\r\n  public state: ICittaContactFormState = {\r\n    name: '',\r\n    emailAddress: '',\r\n    occupation: '',\r\n    phoneNumber: '',\r\n    enquiry: '',\r\n    checkbox:false,\r\n    inputState: true,\r\n    nameError: false,\r\n    eAError: false,\r\n    occupationError: false,\r\n    pNError: false,\r\n    enquiryError: false,\r\n    checkboxError: 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    textareaheight: 1,\r\n    isCollapsed: true\r\n  };\r\n  private _nameInputRef: React.RefObject<HTMLInputElement>;\r\n  private _emailAddressInputRef: React.RefObject<HTMLInputElement>;\r\n  private _occupationInputRef: React.RefObject<HTMLInputElement>;\r\n  private _phoneNumberInputRef: React.RefObject<HTMLInputElement>;\r\n  private _enquiryInputRef: React.RefObject<HTMLTextAreaElement>;\r\n  private _checkboxRef: React.RefObject<HTMLInputElement>;\r\n  private _recaptchaRef: React.RefObject<ReCAPTCHA>;\r\n\r\n  private nameValue: boolean = false;\r\n  private emailAddressValue: boolean = false;\r\n  private occupationValue: boolean = false;\r\n  private phoneNumberValue: boolean = false;\r\n  private enquiryValue: boolean = false;\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: ICittaContactCommercialProps<ICittaContactCommercialData>) {\r\n    super(props);\r\n    this._nameInputRef = React.createRef();\r\n    this._emailAddressInputRef = React.createRef();\r\n    this._occupationInputRef = React.createRef();\r\n    this._phoneNumberInputRef = React.createRef();\r\n    this._enquiryInputRef = React.createRef();\r\n    this._checkboxRef = React.createRef();\r\n    this._recaptchaRef = React.createRef();\r\n    this._handleSend = this._handleSend.bind(this);\r\n    this._renderCollapseExpandButton = this._renderCollapseExpandButton.bind(this);\r\n  }\r\n  public render(): JSX.Element | null {\r\n\r\n    const formProps = {\r\n      className: `commercial-contact-form ${this.state.isCollapsed ? 'collapsed' : 'expanded'}`,\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: 'commercial-citta-contact',\r\n      },\r\n      ContactForm: formProps,\r\n      EnquiryTitle: this._renderEnquiryTitle(),\r\n      Name: this._renderName(),\r\n      ErrorMessage: this._renderErrorMessage(),\r\n      EmailAddress: this._renderEmailAddress(),\r\n      Occupation: this._renderOccupation(),\r\n      PhoneNumber: this._renderPhoneNumber(),\r\n      Enquiry: this._renderEnquiry(),\r\n      Recaptcha: this._renderRecaptcha(),\r\n      SubmitButton: this._renderSubmitButton(),\r\n      Checkbox: this._renderCheckbox(),\r\n      ExpandCollapse: this._renderCollapseExpandButton(),\r\n    };\r\n\r\n    return this.props.renderView(viewProps) as React.ReactElement;\r\n  }\r\n\r\n  private _renderCollapseExpandButton(): React.ReactNode {\r\n    return (\r\n      <div className=\"commercial-citta-contact__expand-container\">\r\n        {this.state.isCollapsed \r\n          ? <div className=\"expand-button\" onClick={()=> {\r\n            this.setState({isCollapsed: !this.state.isCollapsed})}\r\n          }/>\r\n          : <div className=\"collapse-button\" onClick={()=> {\r\n            this.setState({isCollapsed: !this.state.isCollapsed})}}/> \r\n        }\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\r\n  private _renderEnquiryTitle():React.ReactNode {\r\n    return(\r\n      <div className=\"enquiryContent\" id='contact-form'>\r\n        <div className=\"enquiryTitle\" id='contact-form-mobile'>\r\n          {this.props.config.contactFormTitle || \"have an enquiry?\"}\r\n        </div>\r\n        <div className=\"enquiryText\">\r\n          {this.props.config.contactFormContent || \"Interested in learning more about how Città Commercial can service your projects? Get in touch below and we will get back to you promptly\"}\r\n        </div>\r\n\r\n        \r\n\r\n      </div>\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 _renderOccupation(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-occupation'>\r\n        {this.state.occupationError ? this._renderAlert('contact-form-occupation') : ''}\r\n        <label id='contact-form-occupation__label' aria-label='occupation' />\r\n        <input\r\n          ref={this._occupationInputRef}\r\n          type='text'\r\n          onChange={this.handleChange('occupationInput')}\r\n          className='contact-form-occupation-text'\r\n          aria-label={this.props.resources.contactOccupationPlaceholderText}\r\n          value={this.state.occupation}\r\n          placeholder={this.props.resources.contactOccupationPlaceholderText}\r\n          aria-labelledby='contact-form-occupation__label contact-form-occupation__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\r\n  private _renderEnquiry(): React.ReactNode {\r\n    return (\r\n      <div className='contact-form-enquiry'>\r\n        {this.state.enquiryError\r\n          ? this._renderAlert('contact-form-enquiry')\r\n          : ''}\r\n        <label id='contact-form-enquiry__label' aria-label='enquiry' />\r\n        <textarea\r\n          ref={this._enquiryInputRef}\r\n          onChange={this.onChangeTextArea}\r\n          className='contact-form-enquiry-text'\r\n          aria-label={this.props.resources.contactEnquiryPlaceholderText}\r\n          value={this.state.enquiry}\r\n          placeholder={this.props.resources.contactEnquiryPlaceholderText}\r\n          aria-labelledby='contact-form-enquiry__label contact-form-enquiry__error'\r\n          aria-required='true'\r\n          rows={this.state.textareaheight}\r\n        />\r\n      </div>\r\n    );\r\n  }\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.contactSubmitButtonText}\r\n          onClick={this._handleSend}\r\n          aria-label={this.props.resources.contactSubmitButtonText}\r\n        >\r\n          {this.props.resources.contactSubmitButtonText}\r\n        </Button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderCheckbox(): React.ReactNode {\r\n    return (\r\n      <div className=\"contact-form-checkbox\">\r\n        <input\r\n          ref={this._checkboxRef}\r\n          type='checkbox'\r\n          className='checkbox-text'\r\n          aria-label={this.props.resources.contactCheckboxtext}\r\n          aria-checked='true'\r\n          onChange={this.handleChange('checkbox')}\r\n          id='checkbox'\r\n          checked={this.state.checkbox}\r\n        />\r\n        <span className='checkbox-content'>\r\n          <p>{this.props.resources.contactCheckboxtext}</p>\r\n        </span>\r\n      </div>\r\n\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 'occupationInput': {\r\n        this.setState({\r\n          occupation: 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 'checkbox': {\r\n        const isChecked = this._checkboxRef.current && this._checkboxRef.current.checked ? this._checkboxRef.current.checked: false;\r\n        // console.log(this._checkboxRef.current, this._checkboxRef.current &&this._checkboxRef.current.checked )\r\n        this.setState({ checkbox: isChecked, reqErrorMsg: false, eAValErrorMsg: false, checkboxError: false });\r\n        break;\r\n      }\r\n      default:\r\n        null;\r\n    }\r\n  };\r\n  private onChangeTextArea = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n    const height = e.target.scrollHeight;\r\n    const rows = e.target.rows;\r\n    const rowHeight = 19; \r\n    const trows = Math.ceil(height / rowHeight) - 2; \r\n    if (trows > rows) { \r\n      this.setState({\r\n        textareaheight: trows\r\n      })  \r\n    } \r\n    this.setState({\r\n      enquiry: e.target.value || '',\r\n      reqErrorMsg: false,\r\n      enquiryError: 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.enquiryError;\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.occupationValue =\r\n      this._occupationInputRef &&\r\n        this._occupationInputRef.current &&\r\n        this._occupationInputRef.current.value\r\n        ? true\r\n        : false;\r\n\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\r\n    this.enquiryValue =\r\n      this._enquiryInputRef &&\r\n        this._enquiryInputRef.current &&\r\n        this._enquiryInputRef.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 oV =\r\n      this._occupationInputRef &&\r\n        this._occupationInputRef.current &&\r\n        this._occupationInputRef.current.value\r\n        ? this._occupationInputRef.current.value\r\n        : '';\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\r\n    const eV =\r\n      this._enquiryInputRef &&\r\n        this._enquiryInputRef.current &&\r\n        this._enquiryInputRef.current.value\r\n        ? this._enquiryInputRef.current.value\r\n        : '';\r\n\r\n    const cb = this._checkboxRef&& \r\n                 this._checkboxRef.current &&\r\n                 this._checkboxRef.current?.checked\r\n                 ? this._checkboxRef.current?.checked\r\n                 : false;\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.occupationValue) {\r\n      this.setState({ occupationError: 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.enquiryValue) {\r\n      this.setState({ enquiryError: 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.occupationValue &&\r\n          this.phoneNumberValue &&\r\n          this.enquiryValue\r\n          ? true\r\n          : false;\r\n      if (this.formInputValues) {\r\n        try {\r\n\r\n          //This Call is sending to AX\r\n          const result = await submitContactFormAction(\r\n            new SubmitContactFormDataActionInput(nA, eA, oV, pN, eV, cb),\r\n            this.props.context.actionContext\r\n          );\r\n          this.response = result.success;\r\n\r\n\r\n          // Send the form data to Emarsys\r\n          const responseEmarsys = await MsDyn365.commerceApiRequest(\r\n            this.props.context.request,\r\n            'PostCommercialContact',\r\n            'post',\r\n            {\r\n                name: nA,\r\n                emailAddress: eA,\r\n                occupation: oV,\r\n                phoneNumber: pN,\r\n                messageEnquiry: eV,\r\n                checkbox:cb,\r\n                emarsysOptInGroupId: this.props.config.emarsysOptInGroupId,\r\n                optIn: true //or false... set this properly\r\n            }  \r\n          ) as any;\r\n\r\n          if (this.response === true && responseEmarsys?.data.Result === 'Success') {\r\n            // if (this.response === true) {\r\n            this.setState({\r\n              name: '',\r\n              emailAddress: '',\r\n              phoneNumber: '',\r\n              enquiry: '',\r\n              occupation:'',\r\n              checkbox:false,\r\n              responseReceived: true,\r\n              reqErrorMsg: false,\r\n              eAValErrorMsg: false,\r\n              rCCError: false,\r\n              reCaptchaChecked: false,\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n          } else {\r\n            console.log('wrong')\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 CittaContactCommercial;\r\n"],"sourceRoot":""}