{"version":3,"file":"static/chunks/6716.c585947ff1072e0b.js","mappings":"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","sources":["webpack://_N_E/./assets/images/arrow-right.png","webpack://_N_E/./components/NewsLetterForm.js","webpack://_N_E/./components/UI/Button.js","webpack://_N_E/./components/UI/Input.js"],"sourcesContent":["export default {\"src\":\"/_next/static/media/arrow-right.15111828.png\",\"height\":30,\"width\":17,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAMAAAAGL8UJAAAAKlBMVEVMaXH+/v5NTU05OTlKSkqOjo74+Pj///8ODg5/f38AAAAAAADk5OTLy8trbBeDAAAADXRSTlMA/pVIBPc9OAFaMjBI9Xha1AAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAClJREFUCJkVxLcRADAIALEn47T/uj5UCDMcbhycktiQImHzU3KiJpZCfw/sAKgYIEcUAAAAAElFTkSuQmCC\"};","import { useState, useEffect } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { useDispatch } from 'react-redux'\n\nimport Input from './UI/Input'\nimport Button from './UI/Button'\nimport arrowRight from '../assets/images/arrow-right.png'\nimport services from '../services'\nimport {submitNewsletterForm} from '../store/actions'\n\nconst NewsLetterForm = () => {\n    const dispatch = useDispatch()\n    const { register, handleSubmit, watch, formState } = useForm()\n    const [error, setError] = useState('')\n    const [success, setSuccess] = useState(false)\n\n    const onSubmit = async ({ email }) => {\n        setError('')\n        try {\n            await services.api.user.subscribe(email)\n            setSuccess(true)\n            dispatch(submitNewsletterForm(true))\n\n        } catch (err) {\n            setError(err.message)\n        }\n    }\n\n    useEffect(() => {\n        dispatch(submitNewsletterForm(false))\n    },[]);\n\n    return success ? <div><h2>You have been subscribed!</h2></div> : <form onSubmit={handleSubmit(onSubmit)} className=\"subscribe\" noValidate={true}>\n        <h2>\n            Keep up with <span> all things </span>\n            <br/> Little Honey Money.\n        </h2>\n        {error && <p className=\"error-msg\">{error}</p>}\n        {Object.keys(formState.errors)\n        .map(key => <p className=\"error-msg\" key={key}>{formState.errors[key].message}</p>)}\n        <div>\n            <Input\n                type=\"email\"\n                label=\"Your email address\"\n                id=\"footer-email\"\n                icon={arrowRight}\n                value={watch('email')}\n                register={register('email', {\n                    required: services.rules.required('email'),\n                    pattern: services.rules.email('email')\n                })}\n            />\n            <Button design=\"link\">SIGN UP</Button>\n        </div>\n    </form>\n}\n\nexport default NewsLetterForm\n","import React from 'react'\nimport Link from 'next/link'\n\nconst Button = React.forwardRef((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        processing,\n        processingText,\n        design,\n        loading,\n        href,\n        ...rest\n    } = props\n\n    const classNames = () => {\n        return `btn-${design || 'stroke'} ${className || ''} ${processing ? 'processing' : ''}`\n    }\n\n    return href ? <Link href={href}>\n        <a href={href} className={loading ? 'btn-fill btn-loading' : classNames()} {...rest} ref={ref}>\n            {children}\n        </a>\n    </Link> : <button\n        className={loading ? 'btn-fill btn-loading' : classNames()}\n        disabled={disabled || processing}\n        ref={ref}\n        {...rest}\n    >\n        {processing ? processingText || 'Loading' : children}\n\n        {processing && <>\n                <span>.</span>\n                <span>.</span>\n                <span>.</span>\n            </>}\n    </button>\n})\n\nexport default Button\n","import React, { useState, useRef, useEffect } from 'react'\nimport Cleave from 'cleave.js'\nimport Image from 'next/image'\n// import $ from 'jquery'\n\nimport services from '../../services'\nimport { DEFAULT_DATE_FORMAT } from '../../services/format'\n\nlet cleave = null\nlet litepicker = null\n\nconst Input = props => {\n    const {\n        label,\n        className,\n        id,\n        type,\n        placeholder,\n        icon,\n        hideEye,\n        value,\n        tabIndex,\n        maxLength,\n        onChange,\n        mask,\n        selected,\n        autocomplete,\n        autoFocus,\n        name,\n        note,\n        register,\n        checked,\n        ...rest\n    } = props\n    const wrapperRef = useRef('')\n    const [showPass, setShowPass] = useState(false)\n    const [stateValue, setStateValue] = useState(value)\n\n    useEffect(() => {\n        if (cleave) cleave.destroy()\n        if (mask) {\n            cleave = new Cleave(getInput(), {\n                ...mask,\n                onValueChanged: e => {\n                    if (e.target.value !== value) {\n                        handleChange(e)\n                        // if (register?.onChange) {\n                        //     register.onChange({ target: { name, value: stateValue } })\n                        // }\n                    }\n                }\n            })\n            return () => {\n                if (cleave) cleave.destroy()\n            }\n        }\n    }, [mask])\n\n    useEffect(() => {\n        if (type === 'date') {\n            setStateValue(stateValue ? services.format.date(stateValue) : '')\n            if (typeof window !== 'undefined') {\n                if (litepicker) litepicker.destroy()\n                import('litepicker').then(({ Litepicker }) => {\n                    litepicker = new Litepicker({\n                        element: getInput(),\n                        autoApply: true,\n                        dropdowns: { minYear: 1900, maxYear: 2200, months: true, years: true },\n                        format: DEFAULT_DATE_FORMAT.toUpperCase(),\n                        setup: (picker) => {\n                            picker.on('selected', (val) => {\n                                handleChange({ target: { value: services.format.date(val.dateInstance) } })\n                                // if (register?.onChange) {\n                                //     register.onChange({ target: { name, value: stateValue } })\n                                // }\n                            })\n                            // picker.on('render', async (ui) => {\n                            //     await import('selectric')\n                            //     $(ui).find('.month-item-header select').selectric(\n                            //         {\n                            //             onChange (target) {\n                            //                 const event = new Event('change');\n                            //                 target.dispatchEvent(event)\n                            //             }\n                            //         }\n                            //     )\n                            // })\n                        }\n                    })\n                })\n            }\n        }\n    }, [])\n\n    useEffect(() => {\n        if (onChange) {\n            onChange({ target: { name, value: stateValue } })\n        }\n    }, [stateValue])\n\n    useEffect(() => {\n        if (stateValue !== value) {\n            setStateValue(value)\n        }\n    }, [value])\n\n    useEffect(() => {\n        if(autoFocus) {\n            getInput().focus()\n        }\n    })\n\n    const handleChange = (e) => {\n        if (type === 'radio') {\n            if (register?.onChange) {\n                register.onChange({ target: { name, value: e.target.value } })\n            } else if (onChange) {\n                onChange(e)\n            }\n        } else {\n            setStateValue(e.target.value)\n            if (register?.onChange) {\n                register.onChange({ target: { name, value: e.target.value } })\n            }\n        }\n    }\n\n    const classNames = () => {\n        return `inp-primary ${className || ''}`\n    }\n\n    const getInput = () => {\n        return wrapperRef.current ? wrapperRef.current.querySelector('input') : {}\n    }\n\n    return (\n        <div className={classNames()} ref={wrapperRef}>\n            <input\n                maxLength={maxLength}\n                tabIndex={tabIndex}\n                id={id}\n                type={(type === 'password' && showPass) || type === 'date' ? 'text' : type}\n                className={stateValue ? 'focus' : ''}\n                placeholder={placeholder}\n                autoFocus={autoFocus}\n                name={name}\n                checked={checked}\n                onChange={handleChange}\n                autoComplete={type === 'date' ? 'off' : autocomplete}\n                {...(register ? {} : { value: stateValue })}\n                {...rest}\n                {...register}\n            />\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={stateValue && type !== 'radio' ? 'focus' : ''}\n                >\n                    {label}\n                </label>\n            )}\n            {icon && <Image width={15} height={15} src={icon} alt=\"icon\"/>}\n            {type === 'password' &&\n            !hideEye &&\n            (showPass ? (\n                <Image width={15} height={13} placeholder={null}\n                    src=\"/images/eye-show.svg\"\n                    alt=\"icon\"\n                    onClick={() => setShowPass(false)}\n                />\n            ) : (\n                <Image width={15} height={13} placeholder={null}\n                    src=\"/images/eye.svg\"\n                    alt=\"icon\"\n                    onClick={() => setShowPass(true)}\n                />\n            ))}\n            {note && <label className=\"input-note\" htmlFor={id}>{note}</label>}\n        </div>\n    )\n}\n\nexport default Input\n"],"names":["dispatch","useDispatch","useForm","register","handleSubmit","watch","formState","useState","error","setError","success","setSuccess","onSubmit","email","services","submitNewsletterForm","err","message","useEffect","div","h2","form","className","noValidate","span","br","p","Object","keys","errors","map","key","Input","type","label","id","icon","arrowRight","value","required","pattern","Button","design","React","props","ref","children","disabled","processing","processingText","loading","href","rest","classNames","Link","a","button","cleave","litepicker","placeholder","hideEye","tabIndex","maxLength","onChange","mask","autocomplete","selected","autoFocus","name","note","checked","wrapperRef","useRef","showPass","setShowPass","stateValue","setStateValue","destroy","Cleave","getInput","onValueChanged","e","target","handleChange","then","Litepicker","element","autoApply","dropdowns","minYear","maxYear","months","years","format","DEFAULT_DATE_FORMAT","setup","picker","on","val","dateInstance","focus","current","querySelector","input","autoComplete","htmlFor","Image","width","height","src","alt","onClick"],"sourceRoot":""}