{"version":3,"file":"static/js/45.6a33e5f62b99ae676f5c.chunk.js","mappings":"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","sources":["webpack://Citta2.0/./src/modules/citta-contact/citta-contact.tsx?0541","webpack://Citta2.0/./src/modules/citta-contact/citta-contact.view.tsx?2cf3","webpack://Citta2.0/./src/modules/citta-journal-competition-form/citta-journal-competition-form.tsx?a73b","webpack://Citta2.0/./src/modules/citta-journal-competition-form/citta-journal-competition-form.view.tsx?d85b"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n *  Copyright (c) Microsoft Corporation. All rights reserved.\r\n *  Licensed under the MIT License. See License.txt in the project root for license information.\r\n *--------------------------------------------------------------------------------------------*/\r\nimport { Button, 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\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\nimport { Button, IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport * as MsDyn365 from '@msdyn365-commerce/core';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport { ICittaJournalCompetitionFormData } from './citta-journal-competition-form.data';\r\nimport { ICittaJournalCompetitionFormProps } from './citta-journal-competition-form.props.autogenerated';\r\n\r\ninterface ICittaJournalCompetitionFormFormState {\r\n    firstName: string;\r\n    lastName: string;\r\n    emailAddress: string;\r\n    country: string;\r\n    termsAndContitionsChecked: boolean;\r\n    privacyPolicyChecked: boolean;\r\n    eAValError: boolean;\r\n    eAError: boolean;\r\n    fNError: boolean;\r\n    lNError: boolean;\r\n    tsCsError: boolean;\r\n    rCCError: boolean;\r\n    reqError: boolean;\r\n    responseReceived: boolean;\r\n    responseError: boolean;\r\n    responseSuccess: boolean;\r\n    showResponseSuccess: boolean;\r\n    reCaptchaChecked: boolean;\r\n    charactersLeft?: number;\r\n    firstNameErrorClass: string;\r\n    lastNameErrorClass: string;\r\n    emailErrorClass: string;\r\n    tsCsErrorClass: string;\r\n}\r\n\r\nexport interface ICittaJournalCompetitionFormForm {\r\n    FormWrapper: INodeProps;\r\n    FormContainer: INodeProps;\r\n    firstAndLastNameInput: React.ReactNode;\r\n    emailInput: React.ReactNode;\r\n    countryInput: React.ReactNode;\r\n    checkboxTermsAndConditions: React.ReactNode;\r\n    checkboxPrivacyPolicy: React.ReactNode;\r\n    reCaptcha: React.ReactNode;\r\n    subscribeButtton: React.ReactNode;\r\n    subscribeThanks: React.ReactNode;\r\n}\r\n\r\n\r\nexport interface ICittaJournalCompetitionFormViewProps extends ICittaJournalCompetitionFormProps<ICittaJournalCompetitionFormData> {\r\n    SubscribeWrapper: IModuleProps;\r\n    subscribeResponse: React.ReactNode;\r\n    subscribeForm: ICittaJournalCompetitionFormForm;\r\n    responseSuccess: boolean;\r\n    showResponseSuccess: boolean;\r\n    formErrors: React.ReactNode;\r\n    formErrorsNodeProps: INodeProps;\r\n    successResponse: React.ReactNode;\r\n    showSuccessResponse: boolean;\r\n    successResponseNodeProps: INodeProps;\r\n}\r\n\r\n/**\r\n *\r\n * CittaCompetitionForm component\r\n * @extends {React.PureComponent<ICittaCompetitionFormProps<ICittaCompetitionFormData>>}\r\n */\r\nclass CittaCompetitionForm extends React.PureComponent<ICittaJournalCompetitionFormProps<ICittaJournalCompetitionFormData>, ICittaJournalCompetitionFormFormState> {\r\n    private _FirstNameInputRef: React.RefObject<HTMLInputElement>;\r\n    private _LastNameInputRef: React.RefObject<HTMLInputElement>;\r\n    private _EmailAddressInputRef: React.RefObject<HTMLInputElement>;\r\n    private _TermsAndContitionsRef: React.RefObject<HTMLInputElement>;\r\n    private _PrivacyPolicyRef: React.RefObject<HTMLInputElement>;\r\n    private _recaptchaRef: React.RefObject<ReCAPTCHA>;\r\n\r\n    private firstNameValue: boolean = false;\r\n    private lastNameValue: boolean = false;\r\n    private emailAddressValue: boolean = false;\r\n    private formInputValues: boolean = false;\r\n    private responseMessage: string | undefined;\r\n    private moduleClassName: string = 'newsletterSubWrap';\r\n    private recaptchaErrorMessage: string | undefined;\r\n\r\n    constructor(props: ICittaJournalCompetitionFormProps<ICittaJournalCompetitionFormData>) {\r\n        super(props);\r\n        this._FirstNameInputRef = React.createRef();\r\n        this._LastNameInputRef = React.createRef();\r\n        this._EmailAddressInputRef = React.createRef();\r\n        this._TermsAndContitionsRef = React.createRef();\r\n        this._PrivacyPolicyRef = React.createRef();\r\n        this._recaptchaRef = React.createRef();\r\n        this._handleSubmit = this._handleSubmit.bind(this);\r\n\r\n        this.state = {\r\n            firstName: '',\r\n            lastName: '',\r\n            emailAddress: '',\r\n            country: 'NZ',\r\n            termsAndContitionsChecked: false,\r\n            privacyPolicyChecked: false,\r\n            eAValError: false,\r\n            fNError: false,\r\n            lNError: false,\r\n            eAError: false,\r\n            tsCsError: false,\r\n            rCCError: false,\r\n            reqError: false,\r\n            responseReceived: false,\r\n            responseError: false,\r\n            reCaptchaChecked: false,\r\n            responseSuccess: false,\r\n            showResponseSuccess: false,\r\n            charactersLeft: Number(this.props.resources.messageCharactersLimit) || 140,\r\n            firstNameErrorClass: 'hide',\r\n            lastNameErrorClass: 'hide',\r\n            emailErrorClass: 'hide',\r\n            tsCsErrorClass: 'hide'\r\n        };\r\n    }\r\n\r\n    public render(): JSX.Element | null {\r\n        const viewProps: ICittaJournalCompetitionFormViewProps = {\r\n            ...(this.props as ICittaJournalCompetitionFormProps<ICittaJournalCompetitionFormData>),\r\n            SubscribeWrapper: {\r\n                moduleProps: this.props,\r\n                className: classnames(this.moduleClassName, this.props.config.className)\r\n            },\r\n            subscribeResponse: this._getSubmitResponse(),\r\n            subscribeForm: this._renderForm(),\r\n            responseSuccess: this.state.responseSuccess,\r\n            showResponseSuccess: this.state.showResponseSuccess,\r\n            formErrors: this._renderErrors(),\r\n            formErrorsNodeProps: {\r\n                className: 'competition-form-errors'\r\n            },\r\n            successResponse: this._renderSuccessResponse(),\r\n            showSuccessResponse: this.state.responseSuccess,\r\n            successResponseNodeProps: {\r\n                className: 'competition-form-success'\r\n            }\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    private _getSubmitResponse(): React.ReactNode {\r\n        return (\r\n            this.state.responseReceived && this.responseMessage !== '' || undefined\r\n                ? (\r\n                    <div className={`response-message ${this.state.responseError ? 'response-error' : ''}`}>\r\n                        <p className='response-message-content'>{this.responseMessage}</p>\r\n                    </div>\r\n                )\r\n                : null\r\n        );\r\n    }\r\n    \r\n    private _renderSuccessResponse(): React.ReactNode {\r\n        return (\r\n            this.state.responseSuccess\r\n                ? (\r\n                    <div className=\"response-succcess\">\r\n                        <h2>{this.props.config.successTextResponse}</h2>\r\n                    </div>\r\n                )\r\n                : null\r\n        );\r\n    }\r\n\r\n\r\n    private _renderForm(): ICittaJournalCompetitionFormForm {\r\n        return {\r\n            FormWrapper: {\r\n                className: 'competition-form',\r\n            },\r\n            FormContainer: {\r\n                className: 'competition-form-div',\r\n            },\r\n            firstAndLastNameInput: this._renderFirstAndLastNameInput(),\r\n            emailInput: this._renderEmailInput(),\r\n            countryInput: this._renderCountryInput(),\r\n            checkboxTermsAndConditions: this._renderCheckboxTermsAndConditions(),\r\n            checkboxPrivacyPolicy: this._renderCheckboxPrivacyPolicy(),\r\n            reCaptcha: this._renderReCaptcha(),\r\n            subscribeButtton: this._renderSubmitButton(),\r\n            subscribeThanks: this._renderSubmitThanks()\r\n        };\r\n    }\r\n\r\n    private _renderFirstAndLastNameInput(): React.ReactNode {\r\n        return (\r\n            <div className='name-input-container'>\r\n                <div className='name-input'>\r\n                    <input\r\n                        ref={this._FirstNameInputRef}\r\n                        type='text'\r\n                        onChange={this._handleChange('firstName')}\r\n                        aria-label='First Name'\r\n                        className='first-name-input-text'\r\n                        placeholder={this.props.config.firstNamePlaceholderText}\r\n                        value={this.state.firstName}\r\n                        required\r\n                    />\r\n                </div>\r\n                <div className='name-input'>\r\n                    <input\r\n                        ref={this._LastNameInputRef}\r\n                        type='text'\r\n                        onChange={this._handleChange('lastName')}\r\n                        aria-label='First Name'\r\n                        className='name-input-text'\r\n                        placeholder={this.props.config.lastNamePlaceholderText}\r\n                        value={this.state.lastName}\r\n                        required\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n    private _renderEmailInput(): React.ReactNode {\r\n        return (\r\n            <div className='email-address-input'>\r\n                {this.state.eAError || this.state.eAValError ? this._renderAlert('email-address-input') : ''}\r\n                <input\r\n                    ref={this._EmailAddressInputRef}\r\n                    type='email'\r\n                    onChange={this._handleChange('emailAddress')}\r\n                    aria-label='Email Address'\r\n                    className='email-address-input-text'\r\n                    value={this.state.emailAddress}\r\n                    required\r\n                    placeholder={this.props.config.emailInputPlaceholder}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderCountryInput() : React.ReactNode {\r\n        return (\r\n            <div className='country-address-input'>\r\n                <div className='radio-country-input'>\r\n                    <label>\r\n                        <input\r\n                            // ref={this._CountryPickerRadioRef}\r\n                            type='radio'\r\n                            onChange={this._handleChange('country')}\r\n                            aria-label='NZ'\r\n                            checked={this.state.country === 'NZ'}\r\n                            value={'NZ'}\r\n                            name={'NZ'}\r\n                            className='nz-input-text'\r\n                        />\r\n                        NZ</label>\r\n                </div>\r\n                <div className='radio-country-input'>\r\n                    <label>\r\n                        <input\r\n                            // ref={this._CountryPickerRadioRef}\r\n                            type='radio'\r\n                            onChange={this._handleChange('country')}\r\n                            aria-label='AU'\r\n                            checked={this.state.country === 'AU'}\r\n                            value={'AU'}\r\n                            name={'AU'}\r\n                            className='au-input-text'\r\n                        />\r\n                        AU</label>\r\n                </div>\r\n            </div>\r\n        );\r\n       \r\n    }\r\n\r\n    private _renderAlert(className: string): JSX.Element {\r\n        return <></>;\r\n    }\r\n\r\n    private _renderCheckboxTermsAndConditions(): React.ReactNode {\r\n        return (\r\n            <div className='checkbox-privacy-policy'>\r\n                {this.state.tsCsError ? this._renderAlert('checkbox-privacy-policy') : ''}\r\n                <div className='checkbox-privacy-policy-content'>\r\n                    <input\r\n                        ref={this._TermsAndContitionsRef}\r\n                        type='checkbox'\r\n                        className='privacy-policy-text'\r\n                        aria-label='Accept Terms and Conditions'\r\n                        aria-checked='false'\r\n                        onChange={this._handleChange('termsAndConditions')}\r\n                        id='termsAndConditionsCheckbox'\r\n                    />\r\n                    <span className='checkbox-privacy-policy-text'>\r\n                        <p>{this.props.config.termsAndConditionsText}<a href={this.props.config.termsAndConditionsLink}>Terms and Conditions</a></p>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderCheckboxPrivacyPolicy(): React.ReactNode {\r\n        return (\r\n            <div className='checkbox-privacy-policy'>\r\n                {this.state.tsCsError ? this._renderAlert('checkbox-privacy-policy') : ''}\r\n                <div className='checkbox-privacy-policy-content'>\r\n                    <input\r\n                        ref={this._PrivacyPolicyRef}\r\n                        type='checkbox'\r\n                        className='privacy-policy-text'\r\n                        aria-label='Accept Privacy Policy'\r\n                        aria-checked='false'\r\n                        onChange={this._handleChange('privacyPolicy')}\r\n                        id='privacyPolicyCheckbox'\r\n                    />\r\n                    <span className='checkbox-privacy-policy-text'>\r\n                        <p>{this.props.config.privacyPolicyText}<a href={this.props.config.privacyPolicyLink}>Privacy Policy</a></p>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderReCaptcha(): React.ReactNode {\r\n        //recaptcha newsletter-recapture-visable\r\n        return (\r\n            <div>\r\n                {\r\n                    this.props.config.reCaptchaOption ? <div className=''>\r\n                        {this.state.rCCError ? this._renderRecaptchaAlert('recaptcha-error') : ''}\r\n\r\n                        <ReCAPTCHA\r\n                            ref={this._recaptchaRef}\r\n                            sitekey={this.props.config.reCaptchaSiteKey!}\r\n                            size=\"invisible\"\r\n                            onChange={() => this._submit()}\r\n                        />\r\n                    </div> : null\r\n                }\r\n            </div>\r\n        );\r\n    }\r\n\r\n    \r\n    private _renderRecaptchaAlert(className: string): JSX.Element {\r\n\r\n        if (this.props.config.reCaptchaOption) {\r\n            if (!this.state.reCaptchaChecked) {\r\n                this.recaptchaErrorMessage = this.props.resources.recaptchaErrorMessage;\r\n            }\r\n        }\r\n\r\n        const rCCError = this.state.rCCError;\r\n        return (\r\n            <>\r\n                {rCCError && (\r\n                    <span className={`${className}__alert`} role='alert' aria-live='assertive'>\r\n                        {\r\n                            this.recaptchaErrorMessage &&\r\n                            <>\r\n                                <span className={`${className}__alert-icon`} aria-hidden='true' />\r\n                                {this.recaptchaErrorMessage}\r\n                            </>\r\n                        }\r\n                    </span>\r\n                )}\r\n            </>\r\n        );\r\n    }\r\n\r\n    private _renderSubmitButton(): React.ReactNode {\r\n        return (\r\n            <div className=\"subscribe-button-container\">\r\n                <Button\r\n                    className={`subscribe-button btn-thirdary`}\r\n                    title={this.props.config.submitButtonLabel}\r\n                    color='primary'\r\n                    onClick={this._handleSubmit}\r\n                >{this.props.config.submitButtonLabel}\r\n                </Button>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderSubmitThanks(): React.ReactNode {\r\n        return (\r\n            <div>\r\n                <div className={`subscribe-thanks`}>\r\n                    Thanks!\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _showErrors = (): void => {\r\n        this.setState({\r\n            emailErrorClass: this._checkEmailError() ? 'show' : 'hide',\r\n            firstNameErrorClass: (this._FirstNameInputRef.current && this._FirstNameInputRef.current.value.length === 0) ? 'show' : 'hide',\r\n            lastNameErrorClass: (this._LastNameInputRef.current && this._LastNameInputRef.current.value.length === 0) ? 'show' : 'hide',\r\n            tsCsErrorClass: (this._TermsAndContitionsRef.current && !this._TermsAndContitionsRef.current.checked) ? 'show' : 'hide'\r\n        });\r\n    }\r\n\r\n    private _checkEmailError = (): boolean => {\r\n        const email: string = this._EmailAddressInputRef.current && this._EmailAddressInputRef.current.value || '';\r\n        if (email.length === 0) {\r\n            return true;\r\n        } else {\r\n            return !this._isEmailValid(email);\r\n        }\r\n    }\r\n\r\n    private _renderErrors = (): JSX.Element => {\r\n        const {resources} = this.props;\r\n        return (\r\n            <>\r\n                <div className={this.state.firstNameErrorClass}>\r\n                    {resources.firstNameError}\r\n                </div>\r\n                <div className={this.state.lastNameErrorClass}>\r\n                    {resources.lastNameError}\r\n                </div>\r\n                <div className={this.state.emailErrorClass}>\r\n                    {resources.emailError}\r\n                </div>\r\n                <div className={this.state.tsCsErrorClass}>\r\n                    {resources.tsCsError}\r\n                </div>\r\n                \r\n            </>\r\n        );\r\n    }\r\n\r\n    private _handleChange = (name: string) => (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => {\r\n        const value = e.target.value;\r\n        switch (name) {\r\n            case 'firstName': {\r\n                this.setState({ firstName: value, fNError: false, reqError: false, eAValError: false, tsCsError: false });\r\n                break;\r\n            }\r\n            case 'lastName': {\r\n                this.setState({ lastName: value, lNError: false, reqError: false, eAValError: false, tsCsError: false });\r\n                break;\r\n            }\r\n            case 'emailAddress': {\r\n                this.setState({ emailAddress: value, eAError: false, reqError: false, eAValError: false, tsCsError: false });\r\n                break;\r\n            }\r\n            case 'country': {\r\n                this.setState({ country: value, eAError: false, reqError: false, eAValError: false, tsCsError: false });\r\n                break;\r\n            }\r\n            case 'termsAndConditions': {\r\n                const isChecked = this._TermsAndContitionsRef.current && this._TermsAndContitionsRef.current.checked ? this._TermsAndContitionsRef.current.checked : false;\r\n                const recaptchaWrapper = document.querySelector('.recaptcha');\r\n                recaptchaWrapper && recaptchaWrapper.classList.toggle('newsletter-recapture-visable', !isChecked);\r\n                this.setState({ termsAndContitionsChecked: isChecked, reqError: false, eAValError: false, tsCsError: false });\r\n                break;\r\n            }\r\n            case 'privacyPolicy': {\r\n                const isChecked = this._PrivacyPolicyRef.current && this._PrivacyPolicyRef.current.checked ? this._PrivacyPolicyRef.current.checked : false;\r\n                this.setState({ privacyPolicyChecked: isChecked, reqError: false, eAValError: false, tsCsError: false });\r\n                break;\r\n            }\r\n            default: {\r\n                console.log('No input box changes');\r\n                this.setState({ reqError: false, eAValError: false, tsCsError: false });\r\n            }\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 async _handleSubmit(e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FormEvent<HTMLFormElement>): Promise<void> {\r\n        await this._recaptchaRef.current?.execute()\r\n    }\r\n\r\n    private async _submit(): Promise<void> {\r\n        this._showErrors();\r\n        \r\n        this.firstNameValue = (this._FirstNameInputRef && this._FirstNameInputRef.current && this._FirstNameInputRef.current.value) ? true : false;\r\n        this.lastNameValue = (this._LastNameInputRef && this._LastNameInputRef.current && this._LastNameInputRef.current.value) ? true : false;\r\n        this.emailAddressValue = (this._EmailAddressInputRef && this._EmailAddressInputRef.current && this._EmailAddressInputRef.current.value) ? true : false;        \r\n\r\n        const fN = (this._FirstNameInputRef && this._FirstNameInputRef.current && this._FirstNameInputRef.current.value) ? this._FirstNameInputRef.current.value : '';\r\n        const lN = (this._LastNameInputRef && this._LastNameInputRef.current && this._LastNameInputRef.current.value) ? this._LastNameInputRef.current.value : '';\r\n        const eA = (this._EmailAddressInputRef && this._EmailAddressInputRef.current && this._EmailAddressInputRef.current.value) ? this._EmailAddressInputRef.current.value : '';\r\n        const cT = this.state.country;\r\n\r\n        const eAVal = this._EmailAddressInputRef.current!.value;\r\n        const oI = this._PrivacyPolicyRef.current!.checked;\r\n        const recaptchaValue = this._recaptchaRef.current?.getValue();\r\n\r\n        if (!this.firstNameValue) {\r\n            this.setState({\r\n                fNError: true,\r\n                reqError: true\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n        } else if (!this.lastNameValue) {\r\n            this.setState({\r\n                lNError: true,\r\n                reqError: true\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n         } else if (!this.emailAddressValue) {\r\n            this.setState({\r\n                eAError: true,\r\n                reqError: true\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n        } else if (!this._isEmailValid(eAVal)) {\r\n            this.setState({\r\n                eAValError: true\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n        } else if (!recaptchaValue) {\r\n            this.setState({\r\n                rCCError: true\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n        } else if (!this._TermsAndContitionsRef.current!.checked) {\r\n            this.setState({\r\n                termsAndContitionsChecked: false,\r\n                tsCsError: true\r\n            });\r\n            this._recaptchaRef.current?.reset();\r\n        } else {\r\n            this.formInputValues = (this.emailAddressValue) ? true : false;\r\n            if (this.formInputValues && this.state.termsAndContitionsChecked && !this.state.eAValError) {\r\n                try {\r\n                    await this._postEntry(fN, lN, eA, oI, cT || 'NZ');\r\n\r\n                    this._clearValues();\r\n                    this._recaptchaRef.current?.reset();\r\n                    \r\n                } catch (e) {\r\n                    console.log(e, 'Please fill in the form!');\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    private async _postEntry(firstName: string, lastName: string, email: string, optIn: boolean, country: string): Promise<void> {\r\n        // NB in test the post body will need to look like this: { content: { emailAddress: email } }\r\n        /* tslint:disable */\r\n\r\n        let emarsysGroupId = this.props.config.emarsysGroupId, \r\n        emarsysCompetitionGroupId = this.props.config.emarsysCompetitionGroupId,\r\n        emarsysGroupName = this.props.config.emarsysGroupOptInName;\r\n\r\n        if (country === 'AU') {\r\n            emarsysGroupId = this.props.config.emarsysGroupIdAU; \r\n            emarsysCompetitionGroupId = this.props.config.emarsysCompetitionGroupIdAU;\r\n        }\r\n       \r\n        const response = await MsDyn365.commerceApiRequest(\r\n            this.props.context.request,\r\n            'PostJournalCompetitionForm',\r\n            'post',\r\n            {\r\n                firstName: firstName,\r\n                lastName: lastName,\r\n                emailAddress: email,\r\n                country: country,\r\n                emarsysGroupId: emarsysGroupId,\r\n                emarsysCompetitionGroupId: emarsysCompetitionGroupId,\r\n                emarsysGroupName: emarsysGroupName,\r\n                optIn: optIn\r\n            }\r\n            \r\n        ) as any;\r\n        \r\n        this.responseMessage = response?.data.Message;\r\n\r\n        if (response?.data.Result !== 'Error') {\r\n\r\n            if (MsDyn365.msdyn365Commerce.isBrowser && this.props.config.urlToOpenOnSuccess) {\r\n                // @ts-ignore\r\n                window.location = this.props.config.urlToOpenOnSuccess;\r\n            }\r\n\r\n            this.setState({\r\n                responseReceived: true,\r\n                responseError: response?.data.Result === 'Error',\r\n                responseSuccess: response?.data.Result !== 'Error',\r\n                showResponseSuccess: true,\r\n                emailAddress: '',\r\n                firstName: '',\r\n                lastName: '',\r\n                termsAndContitionsChecked: false,\r\n                reqError: false,\r\n                eAValError: false,\r\n                rCCError: false\r\n            });\r\n        } else {\r\n            this.setState({\r\n                responseReceived: true,\r\n                responseError: response?.data.Result === 'Error',\r\n                responseSuccess: response?.data.Result !== 'Error',\r\n                emailAddress: '',\r\n                termsAndContitionsChecked: false,\r\n                reqError: false,\r\n                eAValError: false,\r\n                rCCError: false\r\n            });\r\n        }\r\n\r\n        // if (response?.data.Result !== 'Error') {\r\n        //     // const baseUrl = window.location.origin;\r\n        //     // if (baseUrl.length) {\r\n        //     //     // window.location.assign(`${baseUrl}${this.props.config.successUrl}`);\r\n        //     // }\r\n        // } else {\r\n        //     this.setState({\r\n        //         responseReceived: true,\r\n        //         responseError: response?.data.Result === 'Error',\r\n        //         responseSuccess: response?.data.Result !== 'Error',\r\n        //         emailAddress: '',\r\n        //         termsAndContitionsChecked: false,\r\n        //         reqError: false,\r\n        //         eAValError: false,\r\n        //         rCCError: false\r\n        //     });\r\n        // }\r\n        /* tslint:enable */\r\n    }\r\n\r\n    private _clearValues(): void {\r\n        if (this._TermsAndContitionsRef.current) {\r\n            this._TermsAndContitionsRef.current.checked = false;\r\n            const recaptchaWrapper = document.querySelector('.recaptcha');\r\n            recaptchaWrapper && recaptchaWrapper.classList.toggle('newsletter-recapture-visable', true);\r\n        }\r\n        if (this._PrivacyPolicyRef.current) {\r\n            this._PrivacyPolicyRef.current.checked = false;\r\n        }\r\n        if (this._EmailAddressInputRef.current) {\r\n            this._EmailAddressInputRef.current!.value = '';\r\n        }\r\n        if (this._FirstNameInputRef.current) {\r\n            this._FirstNameInputRef.current!.value = '';\r\n        }\r\n        if (this._LastNameInputRef.current) {\r\n            this._LastNameInputRef.current!.value = '';\r\n        }\r\n    }\r\n\r\n}\r\n\r\nexport default CittaCompetitionForm;\r\n\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\nimport { Module, Node } from '@msdyn365-commerce-modules/utilities';\r\nimport * as React from 'react';\r\nimport { ICittaJournalCompetitionFormViewProps } from './citta-journal-competition-form';\r\n\r\n/**\r\n *\r\n * ICittaProductSkuView component\r\n * @extends {React.PureComponent<ICittaProductSkuViewProps>}\r\n */\r\nexport class ICittaCompetitionFormView extends React.PureComponent<ICittaJournalCompetitionFormViewProps> {\r\n\r\n    public render(): JSX.Element | null {\r\n        const { SubscribeWrapper, subscribeResponse, subscribeForm, responseSuccess, showResponseSuccess, formErrors, formErrorsNodeProps, successResponseNodeProps, showSuccessResponse, successResponse } = this.props;\r\n        const { \r\n            FormWrapper,\r\n            FormContainer,\r\n            firstAndLastNameInput,\r\n            emailInput,\r\n            countryInput,\r\n            checkboxTermsAndConditions,\r\n            checkboxPrivacyPolicy,\r\n            subscribeButtton,\r\n            reCaptcha,\r\n            subscribeThanks\r\n        } = subscribeForm;\r\n        return (\r\n            <Module {...SubscribeWrapper} >\r\n                {subscribeResponse}\r\n                {showSuccessResponse ?\r\n                    <Node {...successResponseNodeProps}>\r\n                        {successResponse}\r\n                    </Node>\r\n                    : <Node {...FormWrapper} >\r\n                        <Node {...FormContainer} >\r\n                            {firstAndLastNameInput}\r\n                            {emailInput}\r\n                            {countryInput}\r\n                            {checkboxTermsAndConditions}\r\n                            {checkboxPrivacyPolicy}\r\n                            {reCaptcha}\r\n                            {responseSuccess && showResponseSuccess ? subscribeThanks : subscribeButtton}\r\n                        </Node>\r\n                        <Node {...formErrorsNodeProps}>\r\n                            {formErrors}\r\n                        </Node>\r\n                    </Node>\r\n                }\r\n            </Module>\r\n        );\r\n    }\r\n}\r\nexport default ICittaCompetitionFormView;\r\n"],"names":["CittaContact","React","constructor","props","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","value","this","setState","handleChange","inputText","e","target","onChangeSelect","onChangeTextArea","isEmailValid","email","test","_nameInputRef","_emailAddressInputRef","_phoneNumberInputRef","_countryInputRef","_cityInputRef","_reasonForEnquirySelectRef","_messageInputRef","_recaptchaRef","_handleSend","bind","render","formProps","className","onSubmit","tag","viewProps","_objectSpread","ContactContainer","moduleProps","ContactForm","Name","_renderName","ErrorMessage","_renderErrorMessage","EmailAddress","_renderEmailAddress","PhoneNumber","_renderPhoneNumber","Country","_renderCountry","City","_renderCity","ReasonForEnquiry","_renderReasonForEnquiry","Message","_renderMessage","Recaptcha","_renderRecaptcha","SubmitButton","_renderSubmitButton","renderView","resources","responseSuccessMessage","responseErrorMessage","_renderAlert","id","ref","type","onChange","contactNamePlaceholderText","placeholder","contactEmailAddressPlaceholderText","contactPhoneNumberPlaceholderText","contactCountryPlaceholderText","contactCityPlaceholderText","contactReasonForEnquiryOption1Text","contactReasonForEnquiryOption2Text","contactReasonForEnquiryOption3Text","contactReasonForEnquiryOption4Text","contactReasonForEnquiryOption5Text","contactReasonForEnquiryOption6Text","contactReasonForEnquiryOption7Text","contactReasonForEnquiryOption8Text","contactMessagePlaceholderText","config","reCaptchaOption","_renderRecaptchaAlert","ReCAPTCHA","sitekey","reCaptchaSiteKey","Button","title","contactSendButtonText","onClick","requiredErrorMessage","requiredTextErrorMessage","eAValidationErrorMessage","reqError","eAValError","role","recaptchaErrorMessage","async","current","reasonEnquiryInnerText","selectedOptions","innerText","eAVal","nA","eA","pN","cV","cI","rE","mV","result","submitContactFormAction","SubmitContactFormDataActionInput","context","actionContext","_this$_recaptchaRef$c","success","reset","_unused","console","log","__decorate","observer","Module","Object","assign","Node","CittaCompetitionForm","firstNameValue","lastNameValue","moduleClassName","_showErrors","emailErrorClass","_checkEmailError","firstNameErrorClass","_FirstNameInputRef","length","lastNameErrorClass","_LastNameInputRef","tsCsErrorClass","_TermsAndContitionsRef","checked","_EmailAddressInputRef","_isEmailValid","_renderErrors","firstNameError","lastNameError","emailError","tsCsError","_handleChange","firstName","fNError","lastName","lNError","isChecked","recaptchaWrapper","document","querySelector","classList","toggle","termsAndContitionsChecked","_PrivacyPolicyRef","privacyPolicyChecked","_handleSubmit","responseError","responseSuccess","showResponseSuccess","charactersLeft","Number","messageCharactersLimit","SubscribeWrapper","classnames","subscribeResponse","_getSubmitResponse","subscribeForm","_renderForm","formErrors","formErrorsNodeProps","successResponse","_renderSuccessResponse","showSuccessResponse","successResponseNodeProps","responseMessage","successTextResponse","FormWrapper","FormContainer","firstAndLastNameInput","_renderFirstAndLastNameInput","emailInput","_renderEmailInput","countryInput","_renderCountryInput","checkboxTermsAndConditions","_renderCheckboxTermsAndConditions","checkboxPrivacyPolicy","_renderCheckboxPrivacyPolicy","reCaptcha","_renderReCaptcha","subscribeButtton","subscribeThanks","_renderSubmitThanks","firstNamePlaceholderText","required","lastNamePlaceholderText","emailInputPlaceholder","termsAndConditionsText","href","termsAndConditionsLink","privacyPolicyText","privacyPolicyLink","size","_submit","submitButtonLabel","color","execute","_this$_recaptchaRef$c2","fN","lN","cT","oI","recaptchaValue","getValue","_this$_recaptchaRef$c3","_this$_recaptchaRef$c9","_postEntry","_clearValues","_this$_recaptchaRef$c8","_this$_recaptchaRef$c7","_this$_recaptchaRef$c6","_this$_recaptchaRef$c5","_this$_recaptchaRef$c4","optIn","emarsysGroupId","emarsysCompetitionGroupId","emarsysGroupName","emarsysGroupOptInName","emarsysGroupIdAU","emarsysCompetitionGroupIdAU","MsDyn365","request","data","Result","isBrowser","urlToOpenOnSuccess","window","location","ICittaCompetitionFormView"],"sourceRoot":""}