{"version":3,"file":"static/js/67.43c2929ef5f32c870a14.chunk.js","mappings":"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","sources":["webpack://Citta2.0/./src/data-actions/styling-enquiry/submit-styling-enquiry-form-data.ts?b08c","webpack://Citta2.0/./src/modules/citta-enquirenow/citta-enquirenow.tsx?9b5f","webpack://Citta2.0/./src/modules/citta-enquirenow/citta-enquirenow.view.tsx?4b80","webpack://Citta2.0/./src/data-actions/address/get-nz-post-address.ts?5c0c","webpack://Citta2.0/./src/data-actions/address/get-nz-post-address-details.ts?0cce","webpack://Citta2.0/./src/components/citta-address-search/citta-address-search.tsx?f513","webpack://Citta2.0/./src/shared-utils/cookie-utilities.ts?6237"],"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\n\r\nimport { CacheType, createObservableDataAction, IAction, IActionContext, IActionInput } from '@msdyn365-commerce/core';\r\nimport { createStylingEnquiryAsync } from '../generated/DataActionExtension.g';\r\nimport { IDXC_StylingEnquiryResponse } from '../generated/DataServiceEntities.g';\r\n\r\n/**\r\n * SubmitContactFormDataActionInput Input Action\r\n */\r\n\r\nexport class SubmitStylingEnquiryFormDataActionInput implements IActionInput {\r\n    public firstName: string;\r\n    public lastName: string;\r\n    public email: string;\r\n    public phone: string;\r\n    public addressing: string;\r\n    public storeName: string;\r\n    public homeAreas: string;\r\n    public message: string;\r\n    public day: string;\r\n    public time: string;\r\n    public specificDateTime: string;\r\n    public pinterest: string;\r\n    public consultationType: string;\r\n    public channelId: string;\r\n    public subscribeNewsletter: number;\r\n\r\n    // Construct the input needed to run the action\r\n    constructor(\r\n        firstName: string,\r\n        lastName: string,\r\n        email: string,\r\n        phone: string,\r\n        addressing: string,\r\n        storeName: string,\r\n        homeAreas: string,\r\n        message: string,\r\n        day: string,\r\n        time: string,\r\n        specificDateTime: string,\r\n        pinterest: string,\r\n        consultationType: string,\r\n        channelId: string,\r\n        subscribeNewsletter: number) {\r\n        this.firstName = firstName;\r\n        this.lastName = lastName;\r\n        this.email = email;\r\n        this.phone = phone;\r\n        this.addressing = addressing;\r\n        this.storeName = storeName;\r\n        this.homeAreas = homeAreas;\r\n        this.message = message;\r\n        this.day = day;\r\n        this.time = time;\r\n        this.specificDateTime = specificDateTime;\r\n        this.pinterest = pinterest;\r\n        this.consultationType = consultationType;\r\n        this.channelId = channelId;\r\n        this.subscribeNewsletter = subscribeNewsletter;\r\n    }\r\n\r\n    // TODO: Determine if the results of this get action should cache the results and if so provide\r\n    // a cache object type and an appropriate cache key\r\n    public getCacheKey = () => 'ContactForm2020';\r\n    public getCacheObjectType = () => 'ContactForm';\r\n    public dataCacheType = (): CacheType => 'request';\r\n}\r\n\r\n/**\r\n * TODO: Use this function to create the input required to make the action call\r\n */\r\nconst createInput = (args: SubmitStylingEnquiryFormDataActionInput): IActionInput => {\r\n    return args;\r\n};\r\n\r\n/**\r\n * TODO: Use this function to call your action and process the results as needed\r\n */\r\nexport async function submitStylingEnquiryFormAction(\r\n    input: SubmitStylingEnquiryFormDataActionInput,\r\n    ctx: IActionContext\r\n): Promise<IDXC_StylingEnquiryResponse> {\r\n    // Input only needs token\r\n    let result: IDXC_StylingEnquiryResponse = {success: false};\r\n    try {\r\n        result = await createStylingEnquiryAsync(\r\n            { callerContext: ctx },\r\n            input.firstName,\r\n            input.lastName,\r\n            input.email,\r\n            input.phone,\r\n            input.addressing,\r\n            input.storeName,\r\n            input.homeAreas,\r\n            input.message,\r\n            input.day,\r\n            input.time,\r\n            input.specificDateTime,\r\n            input.pinterest,\r\n            input.consultationType,\r\n            input.channelId,\r\n            input.subscribeNewsletter);\r\n    } catch (error) {\r\n        console.log(error);\r\n    }\r\n    return Array.isArray(result) ? result[0] : result;\r\n    // return {success: false};\r\n}\r\n\r\nexport const ISubmitStylingEnquiryFormDataActionAction = createObservableDataAction({\r\n    action: <IAction<IDXC_StylingEnquiryResponse>>submitStylingEnquiryFormAction,\r\n    input: createInput\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\n\r\nimport { Button, IModuleProps, INodeProps } from '@msdyn365-commerce-modules/utilities';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport AddressSearch, { IFormattedAddressDetails } from '../../components/citta-address-search/citta-address-search';\r\nimport { GetCookie } from '../../shared-utils/cookie-utilities';\r\nimport { submitStylingEnquiryFormAction, SubmitStylingEnquiryFormDataActionInput } from './../../data-actions/styling-enquiry/submit-styling-enquiry-form-data';\r\nimport { ICittaEnquirenowData } from './citta-enquirenow.data';\r\nimport { ICittaEnquirenowConfig, ICittaEnquirenowProps } from './citta-enquirenow.props.autogenerated';\r\n\r\nexport interface ICittaEnquirenowForm {\r\n    formWrapper: INodeProps;\r\n    formContainer: INodeProps;\r\n    name: React.ReactNode;\r\n    emailAddress: React.ReactNode;\r\n    phoneNumber: React.ReactNode;\r\n    streetAddress: React.ReactNode;\r\n    errorMessage: React.ReactNode;\r\n}\r\n\r\nexport interface ICittaEnquireNowViewProps extends ICittaEnquirenowProps<ICittaEnquirenowData> {\r\n    enquireNowContainer: IModuleProps;\r\n    enquireNowHeader: React.ReactNode;\r\n    enquireNowForm: ICittaEnquirenowForm;\r\n    consultationType: React.ReactNode;\r\n    storePickerValue: React.ReactNode;\r\n    stylingHomeCheckedItems: React.ReactNode;\r\n    stylingDayCheckedItems: React.ReactNode;\r\n    stylingTimeCheckedItems: React.ReactNode;\r\n    specificTimeMessage: React.ReactNode;\r\n    pinterestMessage: React.ReactNode;\r\n    subscribeToMailingList: React.ReactNode;\r\n    submitButton: React.ReactNode;\r\n    responseMessage: React.ReactNode;\r\n}\r\n\r\nexport interface ICittaEnquireNowFormState {\r\n    firstName: string;\r\n    lastName: string;\r\n    emailAddress: string;\r\n    phoneNumber: string;\r\n    streetAddress: string;\r\n    suburb: string;\r\n    cityState: string;\r\n    postCode: string;\r\n    manualAddress: boolean;\r\n    allowAddressSearch: boolean;\r\n    storePickerValue: string;\r\n    stylingHomeCheckedItems: string[];\r\n    stylingHelpMessage: string;\r\n    stylingDayCheckedItems: string[];\r\n    stylingTimeCheckedItems: string[];\r\n    specificTimeMessage: string;\r\n    pinterestMessage: string;\r\n    subscribeToMailingList: number;\r\n    fNError: boolean;\r\n    lNError: boolean;\r\n    eAError: boolean;\r\n    pHError: boolean;\r\n    sAError: boolean;\r\n    suError: boolean;\r\n    cSError: boolean;\r\n    pCError: boolean;\r\n    cTError: boolean;\r\n    sHError: boolean;\r\n    sHMError: boolean;\r\n    sDError: boolean;\r\n    sTError: boolean;\r\n    reqError: boolean;\r\n    eAValError: boolean;\r\n    responseReceived: boolean;\r\n}\r\n\r\n/**\r\n *\r\n * CittaEnquirenow component\r\n * @extends {React.PureComponent<ICittaEnquirenowProps<ICittaEnquirenowData>>}\r\n */\r\n@observer\r\nclass CittaEnquirenow extends React.PureComponent<ICittaEnquirenowProps<ICittaEnquirenowData>, ICittaEnquireNowFormState> {\r\n    public state: ICittaEnquireNowFormState = {\r\n        firstName: '',\r\n        lastName: '',\r\n        emailAddress: '',\r\n        phoneNumber: '',\r\n        streetAddress: '',\r\n        suburb: '',\r\n        cityState: '',\r\n        postCode: '',\r\n        manualAddress: false,\r\n        allowAddressSearch: true,\r\n        storePickerValue: '',\r\n        stylingHomeCheckedItems: [],\r\n        stylingHelpMessage: '',\r\n        stylingDayCheckedItems: [],\r\n        stylingTimeCheckedItems: [],\r\n        specificTimeMessage: '',\r\n        pinterestMessage: '',\r\n        subscribeToMailingList: 0,\r\n        fNError: false,\r\n        lNError: false,\r\n        eAError: false,\r\n        pHError: false,\r\n        sAError: false,\r\n        suError: false,\r\n        cSError: false,\r\n        pCError: false,\r\n        cTError: false,\r\n        sHError: false,\r\n        sHMError: false,\r\n        sDError: false,\r\n        sTError: false,\r\n        reqError: false,\r\n        eAValError: false,\r\n        responseReceived: false\r\n    };\r\n\r\n    private _FirstNameInputRef: React.RefObject<HTMLInputElement>;\r\n    private _LastNameInputRef: React.RefObject<HTMLInputElement>;\r\n    private _EmailAddressInputRef: React.RefObject<HTMLInputElement>;\r\n    private _PhoneNumberInputRef: React.RefObject<HTMLInputElement>;\r\n    private _StreetAddressInputRef: React.RefObject<HTMLInputElement>;\r\n    private _SuburbInputRef: React.RefObject<HTMLInputElement>;\r\n    private _CityStateInputRef: React.RefObject<HTMLInputElement>;\r\n    private _PostCodeInputRef: React.RefObject<HTMLInputElement>;\r\n    private _storePickerSelectRef: React.RefObject<HTMLSelectElement>;\r\n    private _stylingHelpInputRef: React.RefObject<HTMLTextAreaElement>;\r\n    private _specificTimeInputRef: React.RefObject<HTMLTextAreaElement>;\r\n    private _pinterestInputRef: React.RefObject<HTMLTextAreaElement>;\r\n    private _SearchAddressRef: React.RefObject<AddressSearch>;\r\n\r\n    private firstNameValue: boolean = false;\r\n    private lastNameValue: boolean = false;\r\n    private emailAddressValue: boolean = false;\r\n    private phoneNumberValue: boolean = false;\r\n    private consultationTypeValue: boolean = false;\r\n    private stylingHelpTextValue: boolean = false;\r\n\r\n    private requiredErrorMessage: string | undefined;\r\n    private eAValidationErrorMessage: string | undefined;\r\n    private response: boolean = false;\r\n\r\n    private _cookieName: string = this.props.context.app.config.marketPreferenceCookieName || '_msdyn365___market_preference';\r\n\r\n    constructor(props: ICittaEnquirenowProps<ICittaEnquirenowData>) {\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._PhoneNumberInputRef = React.createRef();\r\n        this._StreetAddressInputRef = React.createRef();\r\n        this._SuburbInputRef = React.createRef();\r\n        this._CityStateInputRef = React.createRef();\r\n        this._PostCodeInputRef = React.createRef();\r\n        this._storePickerSelectRef = React.createRef();\r\n        this._stylingHelpInputRef = React.createRef();\r\n        this._specificTimeInputRef = React.createRef();\r\n        this._pinterestInputRef = React.createRef();\r\n        this._SearchAddressRef = React.createRef();\r\n        this._handleSend = this._handleSend.bind(this);\r\n        this._handleSearchAddressSelection = this._handleSearchAddressSelection.bind(this);\r\n        this._toggleManualAddressInput = this._toggleManualAddressInput.bind(this);\r\n    }\r\n\r\n    public componentDidMount(): void {\r\n        const market = GetCookie(this.props.context.request.cookies, this._cookieName);\r\n        if (market && market === 'AUS') {\r\n            this.setState({\r\n                allowAddressSearch: false\r\n            });\r\n        }\r\n    }\r\n\r\n    // tslint:disable-next-line: max-func-body-length\r\n    public render(): JSX.Element | null {\r\n        const { config, slots } = this.props;\r\n\r\n        if (!slots) {\r\n            return null;\r\n        }\r\n\r\n        const viewProps: ICittaEnquireNowViewProps = {\r\n            ...(this.props as ICittaEnquirenowProps<ICittaEnquirenowData>),\r\n            enquireNowContainer: {\r\n                moduleProps: this.props,\r\n                className: 'enquire-now'\r\n            },\r\n            enquireNowHeader: this._renderHeader(),\r\n            enquireNowForm: this._renderForm(),\r\n            consultationType: this._renderConsultationType(config),\r\n            storePickerValue: this._renderStorePicker(config),\r\n            stylingHomeCheckedItems: this._renderHomeStyling(config),\r\n            stylingDayCheckedItems: this._renderBookStylingByDay(config),\r\n            stylingTimeCheckedItems: this._renderBookStylingByTime(config),\r\n            specificTimeMessage: this._renderSpecificTime(config),\r\n            pinterestMessage: this._renderPinterestBoard(config),\r\n            subscribeToMailingList: this._renderSubscribeCheck(config),\r\n            submitButton: this._renderSubmitButton(),\r\n            responseMessage: this._renderResponseMessage()\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    private _renderHeader(): React.ReactNode {\r\n        return (\r\n            <p className='enquire-now-header'>{this.props.config.enquireNowHeader}</p>\r\n        );\r\n    }\r\n\r\n    private _renderForm(): ICittaEnquirenowForm {\r\n        return {\r\n            formWrapper: {\r\n                className: 'enquire-now-form u-mbot30',\r\n            },\r\n            formContainer: {\r\n                className: 'enquire-now-form-div',\r\n            },\r\n            name: this._renderFirstandLastName(),\r\n            emailAddress: this._renderEmailAddress(),\r\n            phoneNumber: this._renderPhoneNumber(),\r\n            streetAddress: this._renderAddress(),\r\n            errorMessage: this._renderErrorMessage()\r\n        };\r\n    }\r\n\r\n    private _renderFirstandLastName(): React.ReactNode {\r\n        return (\r\n            <div className='first-and-last-name-input'>\r\n                <div className='name-input-error'>\r\n                    <span className='first-name-input-error'>\r\n                        {this.state.fNError ? this._renderAlert('first-name-input') : ''}\r\n                    </span>\r\n                    <span className='last-name-input-error'>\r\n                        {this.state.lNError ? this._renderAlert('last-name-input') : ''}\r\n                    </span>\r\n                </div>\r\n                <div className='first-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.resources.firstNamePlaceholderText}\r\n                        value={this.state.firstName}\r\n                        required\r\n                    />\r\n                </div>\r\n                <div className='last-name-input'>\r\n                    <input\r\n                        ref={this._LastNameInputRef}\r\n                        type='text'\r\n                        onChange={this.handleChange('lastName')}\r\n                        aria-label='Last Name'\r\n                        className='last-name-input-text'\r\n                        placeholder={this.props.resources.lastNamePlaceholderText}\r\n                        value={this.state.lastName}\r\n                        required\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderEmailAddress(): 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                    placeholder={this.props.resources.emailAddressPlaceholderText}\r\n                    value={this.state.emailAddress}\r\n                    required\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderPhoneNumber(): React.ReactNode {\r\n        return (\r\n            <div className='phone-number-input'>\r\n                {this.state.pHError ? this._renderAlert('phone-number-input') : ''}\r\n                <input\r\n                    ref={this._PhoneNumberInputRef}\r\n                    type='tel'\r\n                    onChange={this.handleChange('phoneNumber')}\r\n                    aria-label='Phone Number'\r\n                    className='phone-number-input-text'\r\n                    placeholder={this.props.resources.phoneNumberPlaceholderText}\r\n                    value={this.state.phoneNumber}\r\n                    required\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderAddress(): React.ReactNode {\r\n        const showManualAddress = this.state.manualAddress || !this.state.allowAddressSearch;\r\n        return (\r\n            <div className='manual-search-toggle'>\r\n                {showManualAddress && <div className='manual-input'>\r\n                    <div className='street-address-input'>\r\n                        {this.state.sAError ? this._renderAlert('street-address-input') : ''}\r\n                        <input\r\n                            ref={this._StreetAddressInputRef}\r\n                            type='text'\r\n                            onChange={this.handleChange('streetAddress')}\r\n                            className='street-address-input-text'\r\n                            placeholder={this.props.resources.streetAddressPlaceholderText}\r\n                            value={this.state.streetAddress}\r\n                            required\r\n                        />\r\n                    </div>\r\n                    <div className='suburb-input'>\r\n                        {this.state.suError ? this._renderAlert('suburb-input') : ''}\r\n                        <input\r\n                            ref={this._SuburbInputRef}\r\n                            type='text'\r\n                            onChange={this.handleChange('suburb')}\r\n                            className='suburb-input-text'\r\n                            placeholder={this.props.resources.suburbPlaceholderText}\r\n                            value={this.state.suburb}\r\n                            required\r\n                        />\r\n                    </div>\r\n                    <div className='city-state-input'>\r\n                        {this.state.cSError ? this._renderAlert('city-state-input') : ''}\r\n                        <input\r\n                            ref={this._CityStateInputRef}\r\n                            type='text'\r\n                            onChange={this.handleChange('cityState')}\r\n                            className='city-state-input-text'\r\n                            placeholder={this.props.resources.cityStatePlaceholderText}\r\n                            value={this.state.cityState}\r\n                            required\r\n                        />\r\n                    </div>\r\n                    <div className='postcode-input'>\r\n                        {this.state.pCError ? this._renderAlert('postcode-input') : ''}\r\n                        <input\r\n                            ref={this._PostCodeInputRef}\r\n                            type='tel'\r\n                            onChange={this.handleChange('postCode')}\r\n                            className='postcode-input-text'\r\n                            pattern='[0-9]*'\r\n                            max='9999'\r\n                            placeholder={this.props.resources.postCodePlaceholderText}\r\n                            value={this.state.postCode}\r\n                            required\r\n                        />\r\n                    </div>\r\n                </div>}\r\n                {!this.state.manualAddress &&\r\n                    this.state.sAError ? this._renderAlert('street-address-input') : ''}\r\n                {this.state.allowAddressSearch &&\r\n                    <AddressSearch\r\n                        ref={this._SearchAddressRef}\r\n                        context={this.props.context}\r\n                        manualAddress={this.state.manualAddress}\r\n                        addressSelectedCallback={this._handleSearchAddressSelection}\r\n                        toggleManualAddressCallback={this._toggleManualAddressInput}\r\n                    />}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderResponseMessage(): React.ReactNode {\r\n        if (this.state.responseReceived && this.response === true) {\r\n            return (\r\n                <div>\r\n                    <div className='response-message-header'>{this.props.resources.responseThankyouMessage}</div>\r\n                    <p className='response-message-content'>{this.props.resources.responseSuccessMessage}</p>\r\n                </div>\r\n            );\r\n        } else {\r\n            return null;\r\n        }\r\n    }\r\n\r\n    private _renderErrorMessage(): React.ReactNode {\r\n        if (this.state.responseReceived && this.response === false) {\r\n            return (\r\n                <div className='response-message'>\r\n                    <p className='response-error-message-content'>{this.props.resources.responseErrorMessage}</p>\r\n                </div>\r\n            );\r\n        } else {\r\n            return null;\r\n        }\r\n    }\r\n\r\n    private _renderConsultationType(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        const slots = this.props.slots;\r\n        const contentSlots = slots.content ? slots.content : [];\r\n        return (\r\n            <div className='consultation-type u-mbot30'>\r\n                {this.state.cTError ? this._renderAlert('consultation-type') : ''}\r\n                <div className='checkWrap-heading'>{config.consultationTypeHeader}</div>\r\n                <div className='consultation-type-info'>\r\n                    {contentSlots.map((children: React.ReactNode, index: number) => {\r\n                        return (\r\n                            <div className='consultation-type-accordion' key={index}>\r\n                                {children}\r\n                            </div>\r\n                        );\r\n                    })}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderStorePicker(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        const cittaStoresList: string = this.props.context.app.config.cittaStoresList || 'Città BLOC,000010|Città Grey Lynn,000012|Città Hamilton,000013|Città Merivale,000016|Città Wellington,000017|Città Wellington Thorndon,000018|Città Newmarket,000041|Città Takapuna,000044';\r\n        const cittaStores: string[] = cittaStoresList.split('|');\r\n        return (\r\n            <div className='storepicker u-mbot30'>\r\n                <div className='checkWrap-heading'>\r\n                    {config.storePickerHeader}\r\n                </div>\r\n                <div className='storepicker-dropdown'>\r\n                    <label id='store-picker__label' />\r\n                    <select\r\n                        ref={this._storePickerSelectRef}\r\n                        className='store-picker-text'\r\n                        value={this.state.storePickerValue}\r\n                        onChange={this.onChangeSelect}\r\n                        aria-label='Store Picker'\r\n                        aria-labelledby='store-picker__label store-picker__error'\r\n                    >\r\n                        {\r\n                            cittaStores.map((storeData, index) => {\r\n                                const store = storeData.split(',');\r\n                                return (\r\n                                    <option value={store && store[1] || ''} key={index} selected={index === 0 && true || false} aria-selected={index === 0 && true || false}>{store && store[0] || ''}</option>\r\n                                );\r\n                            })\r\n                        }\r\n                    </select>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderHomeStyling(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        return (\r\n            <div className='checkbox-section styling-home u-mbot30'>\r\n                {this.state.sHError ? this._renderAlert('styling-home') : ''}\r\n                <div className='checkWrap-heading'>\r\n                    {config.stylingHomeHeader}\r\n                </div>\r\n\r\n                <div className='styling-home-options'>\r\n                    {config && config.homeStylingOptions!.length && (\r\n                        config.homeStylingOptions!.map((stylingOption: string, index: number) => {\r\n                            return (\r\n                                <div className='c-fauxCheckbox' key={index}>\r\n                                    <input\r\n                                        type='checkbox'\r\n                                        aria-checked='false'\r\n                                        id={stylingOption}\r\n                                        value={stylingOption}\r\n                                        onChange={this.stylingHomeOnChange(stylingOption)}\r\n                                    />\r\n                                    <label className='fauxRadio' htmlFor={stylingOption} />\r\n                                    <label htmlFor={stylingOption}>{stylingOption}</label>\r\n                                </div>\r\n                            );\r\n                        })\r\n                    )\r\n                    }\r\n                </div>\r\n\r\n                {/* tslint:disable-next-line: cyclomatic-complexity */}\r\n                <div className='styling-help-text'>\r\n                    {this.state.sHMError ? this._renderAlert('styling-home-text') : ''}\r\n                    <label id='styling-help-message__label' />\r\n                    <textarea\r\n                        className='c-deftextArea'\r\n                        name='text'\r\n                        placeholder={this.props.resources.messagePlaceholderText}\r\n                        ref={this._stylingHelpInputRef}\r\n                        onChange={this.handleStylingHelpChange}\r\n                        value={this.state.stylingHelpMessage}\r\n                        aria-label='Message'\r\n                        aria-labelledby='styling-help-message__label styling-help-message__error'\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderBookStylingByDay(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        return (\r\n            <div className='checkbox-section book-styling-day u-mbot30'>\r\n                <div className='checkWrap-heading'>\r\n                    {config.bookStylingDayHeader}\r\n                </div>\r\n\r\n                <div className='styling-day-options'>\r\n                    {config && config.weekdaysOptions!.length && (\r\n                        config.weekdaysOptions!.map((stylingDay: string, index: number) => {\r\n                            return (\r\n                                <div className='c-fauxCheckbox' key={index}>\r\n                                    <input\r\n                                        type='checkbox'\r\n                                        aria-checked='false'\r\n                                        id={stylingDay}\r\n                                        value={stylingDay}\r\n                                        onChange={this.stylingDayOnChange(stylingDay)}\r\n                                    />\r\n                                    <label className='fauxRadio' htmlFor={stylingDay} />\r\n                                    <label htmlFor={stylingDay}>{stylingDay}</label>\r\n                                </div>\r\n                            );\r\n                        })\r\n                    )\r\n                    }\r\n                </div>\r\n\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderBookStylingByTime(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        return (\r\n            <div className='checkbox-section book-styling-time u-mbot30'>\r\n                <div className='checkWrap-heading'>\r\n                    {config.bookStylingTimeHeader}\r\n                </div>\r\n                <div className='c-fauxCheckbox'>\r\n                    <input\r\n                        type='checkbox'\r\n                        aria-checked='false'\r\n                        id='notifyCheck8'\r\n                        value='9am-11am'\r\n                        onChange={this.stylingTimeOnChange('9am-11am')}\r\n                    />\r\n                    <label className='fauxRadio' htmlFor='notifyCheck8' />\r\n                    <label htmlFor='notifyCheck8'>9am-11am</label>\r\n                </div>\r\n                <div className='c-fauxCheckbox'>\r\n                    <input\r\n                        type='checkbox'\r\n                        aria-checked='false'\r\n                        id='notifyCheck9'\r\n                        value='11am-1pm'\r\n                        onChange={this.stylingTimeOnChange('11am-1pm')}\r\n                    />\r\n                    <label className='fauxRadio' htmlFor='notifyCheck9' />\r\n                    <label htmlFor='notifyCheck9'>11am-1pm</label>\r\n                </div>\r\n                <div className='c-fauxCheckbox'>\r\n                    <input\r\n                        type='checkbox'\r\n                        aria-checked='false'\r\n                        id='notifyCheck10'\r\n                        value='1pm-3pm'\r\n                        onChange={this.stylingTimeOnChange('1pm-3pm')}\r\n                    />\r\n                    <label className='fauxRadio' htmlFor='notifyCheck10' />\r\n                    <label htmlFor='notifyCheck10'>1pm-3pm</label>\r\n                </div>\r\n                <div className='c-fauxCheckbox'>\r\n                    <input\r\n                        type='checkbox'\r\n                        aria-checked='false'\r\n                        id='notifyCheck11'\r\n                        value='3pm-5pm'\r\n                        onChange={this.stylingTimeOnChange('3pm-5pm')}\r\n                    />\r\n                    <label className='fauxRadio' htmlFor='notifyCheck11' />\r\n                    <label htmlFor='notifyCheck11'>3pm-5pm</label>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderSpecificTime(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        return (\r\n            <div className='specific-time u-mbot30'>\r\n                <div className='checkWrap-heading'>\r\n                    {config.stylingSpecificTimeHeader}\r\n                </div>\r\n                <div className='specific-time-text'>\r\n                    <label id='specific-time-message__label' />\r\n                    <textarea\r\n                        className='c-deftextArea'\r\n                        name='text'\r\n                        placeholder={this.props.resources.specificDetailsPlaceholderText}\r\n                        ref={this._specificTimeInputRef}\r\n                        onChange={this.handleSpecificTimeChange}\r\n                        value={this.state.specificTimeMessage}\r\n                        aria-label='Time Message'\r\n                        aria-labelledby='specific-time-message__label specific-time-message__error'\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderPinterestBoard(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        return (\r\n            <div className='pinterest-board u-mbot30'>\r\n                <div className='checkWrap-heading'>\r\n                    {config.pinterestBoardHeader}\r\n                </div>\r\n                <div className='pinterest-board-text'>\r\n                    <label id='pinterest-message__label' />\r\n                    <textarea\r\n                        className='c-deftextArea'\r\n                        name='text'\r\n                        placeholder={this.props.resources.pasteLinksPlaceholderText}\r\n                        ref={this._pinterestInputRef}\r\n                        onChange={this.handlePinterestChange}\r\n                        value={this.state.pinterestMessage}\r\n                        aria-label='Pinterest Message'\r\n                        aria-labelledby='pinterest-message__label pinterest-message__error'\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderSubscribeCheck(config: ICittaEnquirenowConfig): React.ReactNode {\r\n        return (\r\n            <div className='checkbox-section subscribe-check u-mbot30'>\r\n                <div className='c-fauxCheckbox'>\r\n                    <input\r\n                        type='checkbox'\r\n                        aria-checked='false'\r\n                        id='subscribeCheck'\r\n                        value='subscribe'\r\n                        onChange={this.subscribeCheckOnChange()}\r\n                    />\r\n                    <label className='fauxRadio' htmlFor='subscribeCheck' />\r\n                    <label htmlFor='subscribeCheck'>Subscribe to our newsletter</label>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private _renderSubmitButton(): React.ReactNode {\r\n        return (\r\n            <div className='enquiry-submit'>\r\n                <Button\r\n                    className='enquiry-submit-button'\r\n                    title={this.props.resources.sendButtonLabel}\r\n                    color='primary'\r\n                    onClick={this._handleSend}\r\n                    aria-label={this.props.resources.sendButtonLabel}\r\n                >\r\n                    {this.props.resources.sendButtonLabel}\r\n                </Button>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    /**\r\n     * callback function for receiving address details from address search component\r\n     */\r\n    private _handleSearchAddressSelection(address: IFormattedAddressDetails): void {\r\n        let streetAddressDetails = '';\r\n        if (address) {\r\n            streetAddressDetails += address.building_name ? `${address.building_name}` : '';\r\n            streetAddressDetails += address.street_number ? `${streetAddressDetails.length > 0 ? ', ' : ''}${address.street_number}` : '';\r\n            streetAddressDetails += address.street ? `${streetAddressDetails.length > 0 ? ' ' : ''}${address.street}` : '';\r\n        }\r\n        this.setState({\r\n            streetAddress: streetAddressDetails,\r\n            suburb: address && address.suburb ? address.suburb : '',\r\n            cityState: address && address.city ? address.city : '',\r\n            postCode: address && address.postcode ? address.postcode : '',\r\n            sAError: false,\r\n            suError: false,\r\n            cSError: false,\r\n            pCError: false\r\n        });\r\n    }\r\n\r\n    private _toggleManualAddressInput(): void {\r\n        this.setState({\r\n            manualAddress: !this.state.manualAddress,\r\n            streetAddress: '',\r\n            suburb: '',\r\n            cityState: '',\r\n            postCode: ''\r\n        });\r\n    }\r\n\r\n    private onChangeSelect = (e: React.ChangeEvent<HTMLSelectElement>) => {\r\n        this.setState({ storePickerValue: e.target.value || '' });\r\n    };\r\n\r\n    private stylingHomeOnChange = (value: string) => (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const isChecked = e.target.checked;\r\n        let stylingHomeCheckedItems = this.state.stylingHomeCheckedItems;\r\n        if (isChecked) {\r\n            stylingHomeCheckedItems.push(value);\r\n        } else {\r\n            stylingHomeCheckedItems = stylingHomeCheckedItems.filter(item => item !== value);\r\n        }\r\n        this.setState({ stylingHomeCheckedItems: stylingHomeCheckedItems, sHError: false });\r\n    }\r\n\r\n    private handleStylingHelpChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n        this.setState({ stylingHelpMessage: e.target.value || '', sHMError: false });\r\n    };\r\n\r\n    private handleSpecificTimeChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n        this.setState({ specificTimeMessage: e.target.value || '' });\r\n    };\r\n\r\n    private handlePinterestChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n        this.setState({ pinterestMessage: e.target.value || '' });\r\n    };\r\n\r\n    private stylingDayOnChange = (value: string) => (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const isChecked = e.target.checked;\r\n        let stylingDayCheckedItems = this.state.stylingDayCheckedItems;\r\n        if (isChecked) {\r\n            stylingDayCheckedItems.push(value);\r\n        } else {\r\n            stylingDayCheckedItems = stylingDayCheckedItems.filter(item => item !== value);\r\n        }\r\n        this.setState({ stylingDayCheckedItems: stylingDayCheckedItems, sDError: false });\r\n    }\r\n\r\n    private stylingTimeOnChange = (value: string) => (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const isChecked = e.target.checked;\r\n        let stylingTimeCheckedItems = this.state.stylingTimeCheckedItems;\r\n        if (isChecked) {\r\n            stylingTimeCheckedItems.push(value);\r\n        } else {\r\n            stylingTimeCheckedItems = stylingTimeCheckedItems.filter(item => item !== value);\r\n        }\r\n        this.setState({ stylingTimeCheckedItems: stylingTimeCheckedItems, sTError: false });\r\n    }\r\n\r\n    private subscribeCheckOnChange = () => (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const isChecked = e.target.checked;\r\n        this.setState({ subscribeToMailingList: isChecked ? 1 : 0 });\r\n    }\r\n\r\n    private handleChange = (name: string) => (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        const value = e.target.value;\r\n        switch (name) {\r\n            case 'firstName': {\r\n                this.setState({ firstName: value, reqError: false, fNError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'lastName': {\r\n                this.setState({ lastName: value, reqError: false, lNError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'emailAddress': {\r\n                this.setState({ emailAddress: value, reqError: false, eAError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'phoneNumber': {\r\n                this.setState({ phoneNumber: value, reqError: false, pHError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'streetAddress': {\r\n                this.setState({ streetAddress: value, reqError: false, sAError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'suburb': {\r\n                this.setState({ suburb: value, reqError: false, suError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'cityState': {\r\n                this.setState({ cityState: value, reqError: false, cSError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'postCode': {\r\n                this.setState({ postCode: value, reqError: false, pCError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'country': {\r\n                this.setState({ reqError: false, eAValError: false });\r\n                break;\r\n            }\r\n            case 'privacyPolicy': {\r\n                this.setState({ reqError: false, eAValError: 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 });\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 _renderAlert(className: string): JSX.Element {\r\n        const inputBoxErrors =\r\n            (this.state.fNError ||\r\n                this.state.lNError ||\r\n                this.state.eAError ||\r\n                this.state.pHError ||\r\n                this.state.sAError ||\r\n                this.state.suError ||\r\n                this.state.cSError ||\r\n                this.state.pCError ||\r\n                this.state.cTError ||\r\n                this.state.sHError ||\r\n                this.state.sHMError ||\r\n                this.state.sDError ||\r\n                this.state.sTError);\r\n        if (inputBoxErrors) {\r\n            this.requiredErrorMessage = this.props.resources.requiredTextErrorMessage;\r\n        }\r\n        if (this.state.emailAddress !== '' && this.state.eAValError) {\r\n            this.eAValidationErrorMessage = this.props.resources.eAValidationErrorMessage;\r\n        }\r\n        const reqError = this.state.reqError;\r\n        const eAValError = this.state.eAValError;\r\n        return (\r\n            <>\r\n                {reqError && (\r\n                    <span className={`${className}__alert`} role='alert' aria-live='assertive'>\r\n                        {\r\n                            this.requiredErrorMessage &&\r\n                            <>\r\n                                <span className={`${className}__alert-icon`} aria-hidden='true' />\r\n                                {this.requiredErrorMessage}\r\n                            </>\r\n                        }\r\n                    </span>\r\n                )}\r\n                {eAValError && (\r\n                    <span className={`${className}__alert`} role='alert' aria-live='assertive'>\r\n                        {\r\n                            this.eAValidationErrorMessage &&\r\n                            <>\r\n                                <span className={`${className}__alert-icon`} aria-hidden='true' />\r\n                                {this.eAValidationErrorMessage}\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\r\n    private async _handleSend(): Promise<void> {\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        this.phoneNumberValue = (this._PhoneNumberInputRef && this._PhoneNumberInputRef.current && this._PhoneNumberInputRef.current.value) ? true : false;\r\n        this.consultationTypeValue = this.props.data.accordionExpandedState.result!.radioButtonText ? true : false;\r\n        const otherChecked = this.state.stylingHomeCheckedItems.includes('Other') || this.state.stylingHomeCheckedItems.includes('other');\r\n        this.stylingHelpTextValue = (this.state.stylingHelpMessage) ? 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 pH = (this._PhoneNumberInputRef && this._PhoneNumberInputRef.current && this._PhoneNumberInputRef.current.value) ? this._PhoneNumberInputRef.current.value : '';\r\n        const sA = (this.state.streetAddress && this.state.streetAddress.length > 0) ? this.state.streetAddress : '';\r\n        const sU = (this.state.suburb && this.state.suburb.length > 0) ? this.state.suburb : '';\r\n        const cS = (this.state.cityState && this.state.cityState.length > 0) ? this.state.cityState : '';\r\n        const pC = (this.state.postCode && this.state.postCode.length > 0) ? this.state.postCode : '';\r\n        const aD = `${sA} ${sU} ${cS} ${pC}`;\r\n        const sN = (this._storePickerSelectRef && this._storePickerSelectRef.current && this._storePickerSelectRef.current.selectedOptions[0].innerText) ? this._storePickerSelectRef.current.selectedOptions[0].innerText : '';\r\n        const hA = this.state.stylingHomeCheckedItems.toString();\r\n        const sM = this.state.stylingHelpMessage;\r\n        const sD = this.state.stylingDayCheckedItems.toString();\r\n        const sT = this.state.stylingTimeCheckedItems.toString();\r\n        const sDT = this.state.specificTimeMessage;\r\n        const pT = this.state.pinterestMessage;\r\n        const cT = (this.props.data.accordionExpandedState && this.props.data.accordionExpandedState.result && this.props.data.accordionExpandedState.result.radioButtonText) ? this.props.data.accordionExpandedState.result.radioButtonText : '';\r\n        const cI = (this._storePickerSelectRef.current!.value);\r\n        const eAVal = this._EmailAddressInputRef.current!.value;\r\n        const sub = this.state.subscribeToMailingList === 1 ? 1 : 0;\r\n\r\n        if (!this.firstNameValue) {\r\n            this.setState({\r\n                fNError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.lastNameValue) {\r\n            this.setState({\r\n                lNError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.emailAddressValue) {\r\n            this.setState({\r\n                eAError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.isEmailValid(eAVal)) {\r\n            this.setState({\r\n                eAValError: true\r\n            });\r\n        } else if (!this.phoneNumberValue) {\r\n            this.setState({\r\n                pHError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.state.streetAddress) {\r\n            this.setState({\r\n                sAError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.state.suburb) {\r\n            this.setState({\r\n                suError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.state.cityState) {\r\n            this.setState({\r\n                cSError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.state.postCode) {\r\n            this.setState({\r\n                pCError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.consultationTypeValue) {\r\n            this.setState({\r\n                cTError: true,\r\n                reqError: true\r\n            });\r\n        } else if (this.state.stylingHomeCheckedItems.length < 1) {\r\n            this.setState({\r\n                sHError: true,\r\n                reqError: true\r\n            });\r\n        } else if (!this.stylingHelpTextValue && otherChecked) {\r\n            this.setState({\r\n                sHMError: true,\r\n                reqError: true\r\n            });\r\n        } else {\r\n            try {\r\n                // tslint:disable-next-line: cyclomatic-complexity\r\n                const result = await submitStylingEnquiryFormAction(new SubmitStylingEnquiryFormDataActionInput(fN, lN, eA, pH, aD, sN, hA, sM, sD, sT, sDT, pT, cT, cI, sub), this.props.context.actionContext);\r\n                this.response = result.success;\r\n                if (this.response === true) {\r\n                    this.setState({\r\n                        firstName: '',\r\n                        lastName: '',\r\n                        emailAddress: '',\r\n                        phoneNumber: '',\r\n                        streetAddress: '',\r\n                        suburb: '',\r\n                        cityState: '',\r\n                        postCode: '',\r\n                        storePickerValue: '',\r\n                        stylingHomeCheckedItems: [],\r\n                        stylingHelpMessage: '',\r\n                        stylingDayCheckedItems: [],\r\n                        stylingTimeCheckedItems: [],\r\n                        specificTimeMessage: '',\r\n                        pinterestMessage: '',\r\n                        responseReceived: true,\r\n                        subscribeToMailingList: 0\r\n                    });\r\n                    if (this._SearchAddressRef.current) {\r\n                        this._SearchAddressRef.current.clearAddress();\r\n                    }\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\nexport default CittaEnquirenow;","/*!\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 { ICittaEnquireNowViewProps } from './citta-enquirenow';\r\n\r\n/**\r\n *\r\n * ICittaEnquireNowView component\r\n * @extends {React.PureComponent<ICittaEnquireNowViewProps>}\r\n */\r\nexport class ICittaEnquireNowView extends React.PureComponent<ICittaEnquireNowViewProps> {\r\n\r\n    public render(): JSX.Element | null {\r\n        const {\r\n            enquireNowContainer,\r\n            enquireNowHeader,\r\n            enquireNowForm,\r\n            consultationType,\r\n            storePickerValue,\r\n            stylingHomeCheckedItems,\r\n            stylingDayCheckedItems,\r\n            stylingTimeCheckedItems,\r\n            specificTimeMessage,\r\n            pinterestMessage,\r\n            subscribeToMailingList,\r\n            submitButton,\r\n            responseMessage } = this.props;\r\n        const { formWrapper, formContainer, emailAddress, name, phoneNumber, streetAddress, errorMessage } = enquireNowForm;\r\n\r\n        if (responseMessage) {\r\n            return (\r\n                <Module {...enquireNowContainer} >\r\n                    {responseMessage}\r\n                </Module>);\r\n        } else {\r\n            return (\r\n                <Module {...enquireNowContainer} >\r\n                    {enquireNowHeader}\r\n                    <Node {...formWrapper} >\r\n                        <Node {...formContainer} >\r\n                            {errorMessage}\r\n                            {name}\r\n                            {emailAddress}\r\n                            {phoneNumber}\r\n                            {streetAddress}\r\n                        </Node>\r\n                    </Node>\r\n                    {consultationType}\r\n                    {storePickerValue}\r\n                    {stylingHomeCheckedItems}\r\n                    {stylingDayCheckedItems}\r\n                    {stylingTimeCheckedItems}\r\n                    {specificTimeMessage}\r\n                    {pinterestMessage}\r\n                    {subscribeToMailingList}\r\n                    {submitButton}\r\n                </Module>\r\n            );\r\n        }\r\n    }\r\n}\r\n\r\nexport default ICittaEnquireNowView;","/*---------------------------------------------------------------------------------------------\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\n\r\nimport { CacheType, createObservableDataAction, IAction, IActionContext, IActionInput } from '@msdyn365-commerce/core';\r\nimport { getAddressAsync } from '../generated/DataActionExtension.g';\r\nimport { IDXC_GetNZPostAddressResponse } from '../generated/DataServiceEntities.g';\r\n\r\n/**\r\n * GetNZPostAddressActionInput Input Action\r\n */\r\n\r\nexport class GetNZPostAddressResponseActionInput implements IActionInput {\r\n    public search: string;\r\n\r\n    // Construct the input needed to run the action\r\n    constructor(search: string) {\r\n        this.search = search;\r\n    }\r\n\r\n    // TODO: Determine if the results of this get action should cache the results and if so provide\r\n    // a cache object type and an appropriate cache key\r\n    public getCacheKey = () => 'GetNZAddressResponse2020';\r\n    public getCacheObjectType = () => 'GetNZAddressResponse';\r\n    public dataCacheType = (): CacheType => 'request';\r\n}\r\n\r\n/**\r\n * TODO: Use this function to create the input required to make the action call\r\n */\r\nconst createInput = (args: GetNZPostAddressResponseActionInput): IActionInput => {\r\n    return args;\r\n};\r\n\r\n/**\r\n * TODO: Use this function to call your action and process the results as needed\r\n */\r\nexport async function getNZAddressResponseAction(\r\n    input: GetNZPostAddressResponseActionInput,\r\n    ctx: IActionContext\r\n): Promise<IDXC_GetNZPostAddressResponse> {\r\n\r\n    let addressResult: IDXC_GetNZPostAddressResponse = { success: false };\r\n    return getAddressAsync({ callerContext: ctx }, input.search)\r\n        .then((response) => {\r\n            if (response && !(response instanceof Error)) {\r\n                addressResult = response;\r\n                return addressResult;\r\n            } else {\r\n                return addressResult;\r\n            }\r\n        })\r\n        .catch((error: Error) => {\r\n            ctx.trace(error.message);\r\n            return addressResult;\r\n        });\r\n}\r\n\r\nexport const ISubmitSubscribeFormDataActionAction = createObservableDataAction({\r\n    action: <IAction<IDXC_GetNZPostAddressResponse>>getNZAddressResponseAction,\r\n    input: createInput\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\n\r\nimport { CacheType, createObservableDataAction, IAction, IActionContext, IActionInput } from '@msdyn365-commerce/core';\r\nimport { getAddressDetailAsync } from '../generated/DataActionExtension.g';\r\nimport { IDXC_GetNZPostAddressDetailResponse } from '../generated/DataServiceEntities.g';\r\n\r\n/**\r\n * GetNZPostAddressActionInput Input Action\r\n */\r\n\r\nexport class GetNZPostAddressDetailsActionInput implements IActionInput {\r\n    public addressId: string;\r\n\r\n    // Construct the input needed to run the action\r\n    constructor(addressId: string) {\r\n        this.addressId = addressId;\r\n    }\r\n\r\n    // TODO: Determine if the results of this get action should cache the results and if so provide\r\n    // a cache object type and an appropriate cache key\r\n    public getCacheKey = () => 'GetNZAddressDetailsResponse2020';\r\n    public getCacheObjectType = () => 'GetNZAddressDetailsResponse';\r\n    public dataCacheType = (): CacheType => 'request';\r\n}\r\n\r\n/**\r\n * TODO: Use this function to create the input required to make the action call\r\n */\r\nconst createInput = (args: GetNZPostAddressDetailsActionInput): IActionInput => {\r\n    return args;\r\n};\r\n\r\n/**\r\n * TODO: Use this function to call your action and process the results as needed\r\n */\r\nexport async function getNZAddressResponseDetailsAction(\r\n    input: GetNZPostAddressDetailsActionInput,\r\n    ctx: IActionContext\r\n): Promise<IDXC_GetNZPostAddressDetailResponse> {\r\n    let addressDetailsResult: IDXC_GetNZPostAddressDetailResponse = { success: false };\r\n    return getAddressDetailAsync({ callerContext: ctx }, input.addressId)\r\n        .then((response) => {\r\n            if (response && !(response instanceof Error)) {\r\n                addressDetailsResult = response;\r\n                return addressDetailsResult;\r\n            } else {\r\n                return addressDetailsResult;\r\n            }\r\n        })\r\n        .catch((error: Error) => {\r\n            ctx.trace(error.message);\r\n            return addressDetailsResult;\r\n        });\r\n}\r\n\r\nexport const ISubmitSubscribeFormDataActionAction = createObservableDataAction({\r\n    action: <IAction<IDXC_GetNZPostAddressDetailResponse>>getNZAddressResponseDetailsAction,\r\n    input: createInput\r\n});\r\n","import classname from 'classnames';\r\nimport * as React from 'react';\r\nimport { getNZAddressResponseAction, GetNZPostAddressResponseActionInput } from '../../data-actions/address/get-nz-post-address';\r\nimport { getNZAddressResponseDetailsAction, GetNZPostAddressDetailsActionInput } from '../../data-actions/address/get-nz-post-address-details';\r\nimport { IAddressDetails, IDXC_Address } from '../../data-actions/generated/DataServiceEntities.g';\r\n\r\ninterface IState {\r\n    showAddressList: boolean;\r\n    searchAddress: string | undefined;\r\n    selectedAddress: IAddressDetails | undefined;\r\n    formattedAddress: IFormattedAddressDetails | undefined;\r\n    addressList: IDXC_Address[] | undefined;\r\n    messageID: string | undefined;\r\n    manualAddressLabel: string;\r\n    searchAddressLabel: string;\r\n    errorMessage: string | undefined;\r\n}\r\n\r\ninterface IProp {\r\n    // tslint:disable-next-line: no-any\r\n    context: any; // needed for API calls\r\n    manualAddress: boolean; // boolean toggle for manual address input - passed from wrapper module\r\n    addressSelectedCallback(address: IFormattedAddressDetails | undefined): void; // passes selected address to wrapper module\r\n    toggleManualAddressCallback(): void; // called to toggle search and manual address input (should toggle manualAddress variable in wrapper module)\r\n}\r\n\r\n/**\r\n * AddressSearch component\r\n */\r\nclass AddressSearch extends React.Component<IProp, IState> {\r\n    private _SearchAddressInputRef: React.RefObject<HTMLInputElement>;\r\n\r\n    constructor(props: IProp) {\r\n        super(props);\r\n        this._SearchAddressInputRef = React.createRef();\r\n\r\n        this.state = {\r\n            showAddressList: false,\r\n            searchAddress: '',\r\n            selectedAddress: undefined,\r\n            formattedAddress: undefined,\r\n            addressList: [],\r\n            messageID: '',\r\n            manualAddressLabel: 'Enter Address Manually',\r\n            searchAddressLabel: 'Search for your Address',\r\n            errorMessage: undefined\r\n        };\r\n    }\r\n\r\n    public render(): JSX.Element {\r\n        return(\r\n            <div>\r\n                {!this.props.manualAddress &&\r\n                    <div className='address-search search-input'>\r\n                        <div className='address-search-heading'>Search Address</div>\r\n                        <div className='inputSearchIcon'>\r\n                            <div className='c-defInput'>\r\n                                <input\r\n                                    ref={this._SearchAddressInputRef}\r\n                                    type='text'\r\n                                    onChange={this.getNZAddress()}\r\n                                    aria-label='Search Address'\r\n                                    aria-autoComplete='both'\r\n                                    className={classname('search-address-input-text', this.state.showAddressList ? 'showingAddress' : '')}\r\n                                    placeholder='Search NZ address...'\r\n                                    value={this.state.searchAddress}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        {this.state.showAddressList && this.state.addressList &&\r\n                            <div className='address-list'>\r\n                                <ul className='address-list-ul'>\r\n                                    {this.state.addressList.map((address: IDXC_Address, index: number) => {\r\n                                        if (address) {\r\n                                            const addressId = address && address.address_id ? address.address_id : '';\r\n                                            const fullAddress = address && address.full_address ? address.full_address : '';\r\n                                            return (\r\n                                                <li className='address-list-li' key={index}>\r\n                                                    <a className='address-text' role='link' onClick={this.getNZAddressDetails(addressId, fullAddress)}>{address.full_address}</a>\r\n                                                </li>\r\n                                            );\r\n                                        }\r\n                                        return null;\r\n                                    })}\r\n                                </ul>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                }\r\n                {this.state.errorMessage &&\r\n                    <div className='searchAddressError'>\r\n                        <span>{this.state.errorMessage}</span>\r\n                    </div>\r\n                }\r\n                <div className='searchAddressNote'>\r\n                    <a className='triggerManualAddress' role='link' onClick={this.toggleManualAddress()}>{this.props.manualAddress ? this.state.searchAddressLabel : this.state.manualAddressLabel}</a>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    public clearAddress = () => {\r\n        this.setState({\r\n            searchAddress: '',\r\n            selectedAddress: undefined,\r\n            formattedAddress: undefined\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Calls lookahead search API for currently typed input string\r\n     */\r\n    private getNZAddress = () => (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>) => {\r\n        const inputText = this._SearchAddressInputRef.current && this._SearchAddressInputRef.current.value || '';\r\n        this.setState({\r\n            searchAddress: inputText,\r\n            selectedAddress: undefined,\r\n            formattedAddress: undefined,\r\n            errorMessage: undefined\r\n        });\r\n        this.props.addressSelectedCallback(undefined);\r\n        if (inputText.length > 3) {\r\n            getNZAddressResponseAction(new GetNZPostAddressResponseActionInput(inputText), this.props.context.actionContext).then(\r\n                (result) => {\r\n\r\n                    this.setState({\r\n                        addressList: result.addresses,\r\n                        messageID: result.message_id,\r\n                        showAddressList: true\r\n                    });\r\n                }\r\n            )\r\n            .catch(() => {\r\n                console.log('No data');\r\n            });\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Calls API to get full details of selected address\r\n     */\r\n    private getNZAddressDetails = (addressId: string, fullAddress: string) => (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>) => {\r\n        getNZAddressResponseDetailsAction(new GetNZPostAddressDetailsActionInput(addressId), this.props.context.actionContext).then(\r\n            (result) => {\r\n                console.log('result', result);\r\n                const formattedAddressObject = this._getFormattedAddressObject(result.address);\r\n                this.setState({\r\n                    showAddressList: false,\r\n                    searchAddress: result.address ? fullAddress : this.state.searchAddress,\r\n                    selectedAddress: result.address,\r\n                    formattedAddress: formattedAddressObject,\r\n                    errorMessage: result.address ? undefined : 'There was an error retrieving this address, if this error persists please enter your address manually'\r\n                });\r\n                this.props.addressSelectedCallback(formattedAddressObject);\r\n            }\r\n        )\r\n        .catch(() => {\r\n            console.log('No data');\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Formats the address object to match data needed in AX\r\n     * @param address Address object from NZ Post API\r\n     */\r\n    private _getFormattedAddressObject(address: IAddressDetails | undefined): IFormattedAddressDetails | undefined {\r\n        if (!address) {\r\n            return;\r\n        }\r\n        console.log('address', address)\r\n        return {\r\n            building_name: this._getFormattedBuildingName(address),\r\n            street_number: this._getFormattedStreetNumber(address),\r\n            street: this._getFormattedStreet(address),\r\n            suburb: address.suburb,\r\n            city: address.city,\r\n            postcode: address.postcode,\r\n            country: address.country,\r\n        };\r\n    }\r\n\r\n    private _getFormattedBuildingName(address: IAddressDetails): string | undefined {\r\n        if (!(address.unit_type || address.unit_value || address.floor)) {\r\n            return;\r\n        }\r\n\r\n        let buildingName = address.unit_type ? address.unit_type : '';\r\n        buildingName += address.unit_value ? ` ${address.unit_value}` : '';\r\n        if (address.floor) {\r\n            buildingName.length > 0 ? buildingName += ` ${address.floor}` : buildingName = address.floor;\r\n        }\r\n        return buildingName;\r\n    }\r\n\r\n    private _getFormattedStreetNumber(address: IAddressDetails): string | undefined {\r\n        if (!(address.street_number || address.street_alpha)) {\r\n            return;\r\n        }\r\n        let streetNumDetails = address.street_number ? `${address.street_number}` : '';\r\n        streetNumDetails += address.street_alpha ? address.street_alpha : '';\r\n        return streetNumDetails;\r\n    }\r\n\r\n    private _getFormattedStreet(address: IAddressDetails): string | undefined {\r\n        if (!(address.street || address.street_type || address.road_suffix_name)) {\r\n            return;\r\n        }\r\n        let street = address.street ? address.street : '';\r\n        street += address.street_type ? ` ${address.street_type}` : '';\r\n        street += address.road_suffix_name ? ` ${address.road_suffix_name}` : '';\r\n\r\n        if (address.rural_delivery_number) {\r\n            street += `, ${address.rural_delivery_number}` \r\n        }\r\n        return street;\r\n    }\r\n\r\n    /**\r\n     * onClick function to trigger manual input toggle callback\r\n     */\r\n    private toggleManualAddress = () => (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>) => {\r\n        this.props.toggleManualAddressCallback();\r\n        this.clearAddress();\r\n    }\r\n}\r\n\r\nexport default AddressSearch;\r\n\r\n/**\r\n * Formatted address object\r\n */\r\nexport interface IFormattedAddressDetails {\r\n    building_name?: string;\r\n\r\n    street_number?: string;\r\n\r\n    street?: string;\r\n\r\n    suburb?: string;\r\n\r\n    city?: string;\r\n\r\n    postcode?: string;\r\n\r\n    country?: string;\r\n\r\n    rural_delivery_number?: string;\r\n}\r\n","import { ICookieValue } from '@msdyn365-commerce/core';\r\n\r\n// tslint:disable-next-line: no-any\r\nexport const GetCookie = (cookie: any, cookieName: string): string | undefined => {\r\n    // tslint:disable-next-line: prefer-type-cast\r\n    const marketCookie = cookie.get(cookieName) as ICookieValue<string> | undefined;\r\n\r\n    if (marketCookie && marketCookie.value && marketCookie.value.length > 0) {\r\n        return marketCookie.value;\r\n    } else {\r\n        return undefined;\r\n    }\r\n};\r\n\r\n// tslint:disable-next-line: no-any\r\nexport const SetCookie = (cookies: any, value: string, cookieName: string, exp: number): void => {\r\n    if (value) {\r\n        cookies.set(cookieName, value, { path: '/', maxAge: exp });\r\n    }\r\n};"],"names":["SubmitStylingEnquiryFormDataActionInput","constructor","firstName","lastName","email","phone","addressing","storeName","homeAreas","message","day","time","specificDateTime","pinterest","consultationType","channelId","subscribeNewsletter","getCacheKey","getCacheObjectType","dataCacheType","this","async","submitStylingEnquiryFormAction","input","ctx","result","success","createStylingEnquiryAsync","callerContext","error","console","log","Array","isArray","createObservableDataAction","action","args","CittaEnquirenow","React","props","super","state","emailAddress","phoneNumber","streetAddress","suburb","cityState","postCode","manualAddress","allowAddressSearch","storePickerValue","stylingHomeCheckedItems","stylingHelpMessage","stylingDayCheckedItems","stylingTimeCheckedItems","specificTimeMessage","pinterestMessage","subscribeToMailingList","fNError","lNError","eAError","pHError","sAError","suError","cSError","pCError","cTError","sHError","sHMError","sDError","sTError","reqError","eAValError","responseReceived","firstNameValue","lastNameValue","emailAddressValue","phoneNumberValue","consultationTypeValue","stylingHelpTextValue","response","_cookieName","context","app","config","marketPreferenceCookieName","onChangeSelect","e","setState","target","value","stylingHomeOnChange","isChecked","checked","push","filter","item","handleStylingHelpChange","handleSpecificTimeChange","handlePinterestChange","stylingDayOnChange","stylingTimeOnChange","subscribeCheckOnChange","handleChange","name","isEmailValid","test","_FirstNameInputRef","_LastNameInputRef","_EmailAddressInputRef","_PhoneNumberInputRef","_StreetAddressInputRef","_SuburbInputRef","_CityStateInputRef","_PostCodeInputRef","_storePickerSelectRef","_stylingHelpInputRef","_specificTimeInputRef","_pinterestInputRef","_SearchAddressRef","_handleSend","bind","_handleSearchAddressSelection","_toggleManualAddressInput","componentDidMount","market","GetCookie","request","cookies","render","slots","viewProps","_objectSpread","enquireNowContainer","moduleProps","className","enquireNowHeader","_renderHeader","enquireNowForm","_renderForm","_renderConsultationType","_renderStorePicker","_renderHomeStyling","_renderBookStylingByDay","_renderBookStylingByTime","_renderSpecificTime","_renderPinterestBoard","_renderSubscribeCheck","submitButton","_renderSubmitButton","responseMessage","_renderResponseMessage","renderView","formWrapper","formContainer","_renderFirstandLastName","_renderEmailAddress","_renderPhoneNumber","_renderAddress","errorMessage","_renderErrorMessage","_renderAlert","ref","type","onChange","placeholder","resources","firstNamePlaceholderText","required","lastNamePlaceholderText","emailAddressPlaceholderText","phoneNumberPlaceholderText","showManualAddress","streetAddressPlaceholderText","suburbPlaceholderText","cityStatePlaceholderText","pattern","max","postCodePlaceholderText","AddressSearch","addressSelectedCallback","toggleManualAddressCallback","responseThankyouMessage","responseSuccessMessage","responseErrorMessage","contentSlots","content","consultationTypeHeader","map","children","index","key","cittaStores","cittaStoresList","split","storePickerHeader","id","storeData","store","selected","stylingHomeHeader","homeStylingOptions","length","stylingOption","htmlFor","messagePlaceholderText","bookStylingDayHeader","weekdaysOptions","stylingDay","bookStylingTimeHeader","stylingSpecificTimeHeader","specificDetailsPlaceholderText","pinterestBoardHeader","pasteLinksPlaceholderText","Button","title","sendButtonLabel","color","onClick","address","streetAddressDetails","building_name","street_number","street","city","postcode","requiredErrorMessage","requiredTextErrorMessage","eAValidationErrorMessage","role","current","data","accordionExpandedState","radioButtonText","otherChecked","includes","fN","lN","eA","pH","aD","sN","selectedOptions","innerText","hA","toString","sM","sD","sT","sDT","pT","cT","cI","eAVal","sub","actionContext","clearAddress","_unused","__decorate","observer","ICittaEnquireNowView","Module","Object","assign","Node","GetNZPostAddressResponseActionInput","search","getNZAddressResponseAction","addressResult","getAddressAsync","then","Error","catch","trace","GetNZPostAddressDetailsActionInput","addressId","getNZAddressResponseDetailsAction","addressDetailsResult","getAddressDetailAsync","searchAddress","selectedAddress","undefined","formattedAddress","getNZAddress","inputText","_SearchAddressInputRef","addressList","addresses","messageID","message_id","showAddressList","getNZAddressDetails","fullAddress","formattedAddressObject","_getFormattedAddressObject","toggleManualAddress","manualAddressLabel","searchAddressLabel","classname","address_id","full_address","_getFormattedBuildingName","_getFormattedStreetNumber","_getFormattedStreet","country","unit_type","unit_value","floor","buildingName","street_alpha","streetNumDetails","street_type","road_suffix_name","rural_delivery_number","cookie","cookieName","marketCookie","get","SetCookie","exp","set","path","maxAge"],"sourceRoot":""}