{"version":3,"file":"chunks/897.chunk.07ae0e232acb8bef6c46.js","mappings":"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","sources":["webpack://MaryGardner/./ClientApp/components/UI/Lines/Line3.tsx","webpack://MaryGardner/./common/react/components/Forms/FormikPhoneControl/FormikPhoneControl.tsx","webpack://MaryGardner/./ClientApp/components/UI/SpeakingForm/SpeakingForm.tsx","webpack://MaryGardner/./ClientApp/components/UI/Swiper/CustomSwiper.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nconst Line3: React.FC = () => {\r\n\treturn (\r\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"186\" height=\"47\" viewBox=\"0 0 186 47\" fill=\"none\">\r\n\t\t\t<path\r\n\t\t\t\td=\"M2.676 42.1882C20.3281 45.9716 40.1367 44.4394 58.1657 44.5433C86.4323 44.7062 114.931 46.4236 142.917\r\n\t\t\t\t\t\t\t\t\t\t41.9301C151.812 40.502 160.763 38.5988 169.109 35.4454C174.495 33.4103 181.818 30.3393 183.559 24.7666C187.049\r\n\t\t\t\t\t\t\t\t\t\t13.5999 168.919 8.77588 160.728 6.57069C142.176 1.57658 122.898 1.61177 103.685 2.3766C80.7526 3.28944 57.2401\r\n\t\t\t\t\t\t\t\t\t\t7.16911 35.2979 13.1844C25.5115 15.8673 9.47757 19.3302 3.39852 27.6702C0.143345 32.136 3.0473 32.5826 7.22788 32.3159\"\r\n\t\t\t\tstroke=\"#FFDD60\"\r\n\t\t\t\tstrokeWidth=\"3\"\r\n\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n};\r\n\r\nexport default Line3;\r\n","import * as React from 'react';\r\nimport MaskedInput from 'react-text-mask';\r\n\r\nimport { FieldProps } from 'formik';\r\n\r\nexport const defaultPhoneMask = ['+', '1', ' ', '(', /\\d/, /\\d/, /\\d/, ')', ' ', /\\d/, /\\d/, /\\d/, '-', /\\d/, /\\d/, /\\d/, /\\d/];\r\n\r\nexport const allCountriesPhoneMask = [\r\n\t'+',\r\n\t/[1-9]/,\r\n\t' ',\r\n\t'(',\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t')',\r\n\t' ',\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t'-',\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n];\r\n\r\nexport const allCountriesPhoneMask2DigitCode = [\r\n\t'+',\r\n\t/[1-9]/,\r\n\t/[1-9]/,\r\n\t' ',\r\n\t'(',\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t')',\r\n\t' ',\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t'-',\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n\t/\\d/,\r\n];\r\n\r\nexport const getAllCountriesPhoneMask = (phone: string | null | undefined) => {\r\n\tif (!phone || phone.includes('_')) {\r\n\t\treturn defaultPhoneMask;\r\n\t}\r\n\r\n\tconst formatPhone = phoneFormat(phone);\r\n\r\n\tconst matches = formatPhone.match(/^(\\+[1-9]{1,2})/);\r\n\r\n\tif (matches && matches[0] && matches[0].length > 2) {\r\n\t\treturn allCountriesPhoneMask2DigitCode;\r\n\t}\r\n\r\n\treturn allCountriesPhoneMask;\r\n};\r\n\r\nexport const phoneReplace = (phone: string | null | undefined): string => (phone\r\n\t? phone.replace(/[\\(\\)\\-\\s]/g, '')\r\n\t: '');\r\n\r\nexport const phoneFormat = (phone: string | null | undefined): string => (phone\r\n\t? phone.replace(/\\+([1-9]{1,2})(\\d{3})(\\d{3})(\\d{4})/, '+$1 ($2) $3-$4')\r\n\t: '');\r\n\r\ninterface Props {\r\n\tplaceholder?: string;\r\n\tfieldProps: FieldProps;\r\n\tclassName?: string;\r\n\tmask?: Array<string | RegExp>;\r\n\twithReplace?: boolean;\r\n\tisMobile?: boolean;\r\n\tdisabled?: boolean;\r\n\tid?: string;\r\n}\r\n\r\nconst removeDefaultPhoneMask = (phone: string | null | undefined): string => phoneReplace(phone)\r\n\t.replace(/^\\+?1/, '')\r\n\t.replace(/\\D/g, '')\r\n\t.replace(/_/g, '');\r\n\r\nconst getMask = (count, str, char: string = '_') => {\r\n\tconst length = str ? count - str.length : count;\r\n\treturn `${str || ''}${Array.from({ length }).fill(char).join('')}`;\r\n};\r\n\r\nconst defaultPhoneFormat = (value) => {\r\n\tlet phone = (value || '').replace(/\\D/g, '');\r\n\tconst match = phone.match(/^(\\d{1,3})(\\d{0,3})(\\d{0,4})$/);\r\n\r\n\tif (match) {\r\n\t\tphone = `(${getMask(3, match[1])}) ${getMask(3, match[2])}-${getMask(3, match[3])}`;\r\n\t}\r\n\treturn phone;\r\n};\r\n\r\nexport const FormikPhoneControl: React.FC<Props> = ({\r\n\tplaceholder = '',\r\n\tfieldProps: { field, form },\r\n\tclassName = 'form-control',\r\n\tmask = defaultPhoneMask,\r\n\twithReplace = true,\r\n\tisMobile = false,\r\n\tdisabled,\r\n\tid,\r\n}) => {\r\n\tconst value = React.useMemo(() => phoneFormat(field.value), [field.value]);\r\n\r\n\tconst pipe = (text, t) => {\r\n\t\tconst needReplace = mask === defaultPhoneMask && t.rawValue?.replace(/\\D/g, '').length <= 10\r\n\t\t\t&& removeDefaultPhoneMask(text) !== removeDefaultPhoneMask(t.rawValue);\r\n\r\n\t\treturn needReplace ? `+1 ${defaultPhoneFormat(removeDefaultPhoneMask(t.rawValue))}` : text;\r\n\t};\r\n\r\n\treturn <MaskedInput\r\n\t\tinputMode=\"numeric\"\r\n\t\ttype={isMobile ? 'tel' : 'text'}\r\n\t\tmask={mask}\r\n\t\tclassName={className}\r\n\t\tplaceholder={placeholder}\r\n\t\tpipe={pipe}\r\n\t\tguide\r\n\t\tid={id || field.name}\r\n\t\tonChange={(e) => form.setFieldValue(field.name, withReplace ? phoneReplace(e.target.value) : e.target.value)}\r\n\t\tonBlur={field.onBlur}\r\n\t\tvalue={value}\r\n\t\tdisabled={disabled}\r\n\t/>;\r\n};\r\n","import React from 'react';\r\n\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\n\r\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\r\nimport useRequest from '@common/react/hooks/useRequest';\r\nimport {\r\n\tphoneValidator,\r\n\tsimpleNumberValidator,\r\n} from '@common/react/utils/validationHelpers';\r\nimport { FormikPhoneControl } from '@common/react/components/Forms/FormikPhoneControl/FormikPhoneControl';\r\nimport ImageLazy from '@common/react/components/UI/ImageLazy/ImageLazy';\r\nimport { Loading } from '@common/react/components/UI/Loading/Loading';\r\n\r\nimport { DatePickerReact } from '@app/components/UI/DatePicker/DatePicker';\r\nimport '@app/scss/components/contactForm.scss';\r\nimport Footprint from '@app/components/UI/Footprint/Footprint';\r\nimport {\r\n\tdateValidator,\r\n\temailValidator,\r\n\tsimpleStringFirstNameValidator,\r\n\tsimpleStringMessageValidator,\r\n\tsimpleStringValidator,\r\n} from '@app/utils/validationHelpersForm';\r\nimport SubmitButton from '@app/components/UI/SubmitButton/SubmitButton';\r\n\r\nenum SpeakingType {\r\n\tLive = 0,\r\n\tVirtual = 1\r\n}\r\n\r\ninterface Values {\r\n\tname: string;\r\n\tlastName: string;\r\n\temail: string;\r\n\tphone: string;\r\n\torganization: string;\r\n\tdate: number | null;\r\n\tlocation: string;\r\n\ttext: string;\r\n\tspeakingType: number;\r\n}\r\n\r\nconst initialValues: Values = {\r\n\tlastName: '',\r\n\tname: '',\r\n\tlocation: '',\r\n\torganization: '',\r\n\tphone: '',\r\n\tdate: null,\r\n\ttext: '',\r\n\temail: '',\r\n\tspeakingType: SpeakingType.Virtual,\r\n};\r\n\r\nconst validationSchema = Yup.object().shape({\r\n\tname: simpleStringFirstNameValidator,\r\n\tlastName: simpleStringValidator,\r\n\tphone: phoneValidator,\r\n\temail: emailValidator,\r\n\tlocation: simpleStringValidator,\r\n\torganization: simpleStringValidator,\r\n\tdate: dateValidator,\r\n\ttext: simpleStringMessageValidator,\r\n\tspeakingType: simpleNumberValidator,\r\n});\r\n\r\nconst SpeakingForm: React.FC = () => {\r\n\tconst [message, setMessage] = React.useState('');\r\n\tconst [error, setError] = React.useState('');\r\n\tconst [loading, setLoading] = React.useState(false);\r\n\tconst request = useRequest();\r\n\r\n\tconst handleSubmit = (values, formikHelpers) => {\r\n\t\tsetError('');\r\n\t\tsetMessage('');\r\n\t\tsetLoading(true);\r\n\r\n\t\trequest('speakingInquiry', values)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tsetMessage('Successfully send.');\r\n\t\t\t\t\tformikHelpers.resetForm({ values: initialValues });\r\n\t\t\t\t}, 0);\r\n\t\t\t\tsetTimeout(() => setMessage(''), 10000);\r\n\t\t\t})\r\n\t\t\t.catch((e) => {\r\n\t\t\t\tsetError('Something went wrong');\r\n\t\t\t\tsetTimeout(() => setLoading(false), 300);\r\n\t\t\t\tsetTimeout(() => setError(''), 10000);\r\n\t\t\t})\r\n\t\t\t.finally(() => {\r\n\t\t\t\tsetTimeout(() => setLoading(false), 300);\r\n\t\t\t});\r\n\t};\r\n\r\n\treturn <div className=\"contact-form\">\r\n\t\t<h2>\r\n\t\t\tTo enquire about having Dr. Mary speak at your event fill out the form below:\r\n\t\t</h2>\r\n\t\t<Formik<Values>\r\n\t\t\tinitialValues={initialValues}\r\n\t\t\tonSubmit={handleSubmit}\r\n\t\t\tvalidationSchema={validationSchema}\r\n\t\t>\r\n\t\t\t{\r\n\t\t\t\t(formikBag) => {\r\n\t\t\t\t\treturn <Form>\r\n\t\t\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-6\"\r\n\t\t\t\t\t\t\t\t\tfieldName=\"name\"\r\n\t\t\t\t\t\t\t\t\tinputProps={{\r\n\t\t\t\t\t\t\t\t\t\tplaceholder: 'First Name',\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-6\"\r\n\t\t\t\t\t\t\t\tfieldName=\"lastName\"\r\n\t\t\t\t\t\t\t\tinputProps={{\r\n\t\t\t\t\t\t\t\t\tplaceholder: 'Last Name',\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-6\"\r\n\t\t\t\t\t\t\t\t\tfieldName=\"email\"\r\n\t\t\t\t\t\t\t\t\tinputProps={{\r\n\t\t\t\t\t\t\t\t\t\tplaceholder: 'Email',\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\tfieldName=\"phone\"\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"col-sm-6 form-group\"\r\n\t\t\t\t\t\t\t\trender={(fieldProps) => (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t<FormikPhoneControl\r\n\t\t\t\t\t\t\t\t\t\t\tid=\"phone\"\r\n\t\t\t\t\t\t\t\t\t\t\tfieldProps={fieldProps}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"form-control\"\r\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Phone           ___ ____\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-6\"\r\n\t\t\t\t\t\t\t\tfieldName=\"organization\"\r\n\t\t\t\t\t\t\t\tinputProps={{\r\n\t\t\t\t\t\t\t\t\tplaceholder: 'Organization',\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-6\"\r\n\t\t\t\t\t\t\t\tfieldName=\"date\"\r\n\t\t\t\t\t\t\t\trender={({ field, form }) => <DatePickerReact\r\n\t\t\t\t\t\t\t\t\tvalue={field.value}\r\n\t\t\t\t\t\t\t\t\tonChange={(value) => form.setFieldValue('date', value)}\r\n\t\t\t\t\t\t\t\t/>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t\t\t<div className=\"col-sm-6 radio-group\">\r\n\t\t\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tname=\"speakingType\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\tvalue={SpeakingType.Live}\r\n\t\t\t\t\t\t\t\t\t\tchecked={formikBag.values.speakingType === SpeakingType.Live}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() => formikBag.setFieldValue('speakingType', SpeakingType.Live)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<span />\r\n\t\t\t\t\t\t\t\t\tLive\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tname=\"speakingType\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\tvalue={SpeakingType.Virtual}\r\n\t\t\t\t\t\t\t\t\t\tchecked={formikBag.values.speakingType === SpeakingType.Virtual}\r\n\t\t\t\t\t\t\t\t\t\tonChange={() => formikBag.setFieldValue('speakingType', SpeakingType.Virtual)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<span />\r\n\t\t\t\t\t\t\t\t\tVirtual\r\n\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"form-group col-sm-6\"\r\n\t\t\t\t\t\t\t\tfieldName=\"location\"\r\n\t\t\t\t\t\t\t\trender={({ field, form }) => <div className=\"is-relative\">\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t{...field}\r\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Location for live\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<svg className=\"location-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\t\t\td=\"M12 3C8.13997 3 5 6.19642 5 10.125C5 15.3814 11.4584 21.6289 11.7334 21.8925C11.8086 21.964 11.9043 22 12\r\n\t\t\t\t\t\t\t\t\t\t\t22C12.0957 22 12.1914 21.964 12.2666 21.8925C12.5416 21.6289 19 15.3814 19 10.125C19 6.19642 15.86 3 12 3ZM12 14.0833C9.85578\r\n\t\t\t\t\t\t\t\t\t\t\t14.0833 8.1111 12.3075 8.1111 10.125C8.1111 7.94249 9.85581 6.16665 12 6.16665C14.1442 6.16665 15.8889 7.94252 15.8889 10.125C15.8889\r\n\t\t\t\t\t\t\t\t\t\t\t12.3075 14.1442 14.0833 12 14.0833Z\"\r\n\t\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t</div>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<FormikField\r\n\t\t\t\t\t\t\t\ttitle=\"\"\r\n\t\t\t\t\t\t\t\tcontainerClassName=\"form-group\"\r\n\t\t\t\t\t\t\t\tfieldName=\"text\"\r\n\t\t\t\t\t\t\t\trender={({ field, form }) => <div>\r\n\t\t\t\t\t\t\t\t\t<textarea\r\n\t\t\t\t\t\t\t\t\t\t{...field}\r\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Message\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"form-control\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<ImageLazy\r\n\t\t\t\t\t\t\t\t\t\talt=\"cat\"\r\n\t\t\t\t\t\t\t\t\t\twidth={113}\r\n\t\t\t\t\t\t\t\t\t\theight={175}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"cat-pen\"\r\n\t\t\t\t\t\t\t\t\t\tsrc=\"/images/CatPencil.png\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"text-center\">\r\n\t\t\t\t\t\t\t<SubmitButton\r\n\t\t\t\t\t\t\t\tloading={loading}\r\n\t\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\t\tmessage={message}\r\n\t\t\t\t\t\t\t\tformikBag={formikBag}\r\n\t\t\t\t\t\t\t\ttextButton=\"Send message\"\r\n\t\t\t\t\t\t\t\ttextDone=\"Thank you for your speaking request. We will reach out to you shortly!\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</Form>;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</Formik>\r\n\t</div>;\r\n};\r\n\r\nexport default SpeakingForm;\r\n","import React from 'react';\r\n\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\n\r\nimport 'swiper/css';\r\n\r\nimport '@app/scss/components/customSwiper.scss';\r\n\r\ninterface Props {\r\n\tevents: boolean;\r\n\tupcoming?: Array<React.ReactNode>;\r\n\tprev?: Array<React.ReactNode>;\r\n\tvideos?: Array<{\r\n\t\ttitle: string;\r\n\t\tlink: string;\r\n\t\timg: string;\r\n\t}>;\r\n}\r\n\r\nconst CustomSwiper: React.FC<Props> = ({\r\n\tevents,\r\n\tupcoming,\r\n\tprev,\r\n\tvideos,\r\n}) => {\r\n\tconst ref = React.useRef<HTMLImageElement | null>(null);\r\n\tconst [visible, setVisible] = React.useState(false);\r\n\tconst [swiper, setSwiper] = React.useState<any>();\r\n\tconst [upcomingEvents, setUpcomingEvents] = React.useState(true);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (ref.current) {\r\n\t\t\tconst intersectionObserver = new IntersectionObserver((entries) => {\r\n\t\t\t\tif (entries[0].isIntersecting) {\r\n\t\t\t\t\tsetVisible(true);\r\n\t\t\t\t}\r\n\t\t\t}, {\r\n\t\t\t\trootMargin: '50px',\r\n\t\t\t\tthreshold: 0.01,\r\n\t\t\t});\r\n\r\n\t\t\tintersectionObserver.observe(ref.current);\r\n\t\t\treturn () => intersectionObserver.disconnect();\r\n\t\t}\r\n\t}, [ref.current]);\r\n\r\n\treturn (\r\n\t\t<div className=\"swiper-container\" ref={ref}>\r\n\t\t\t<div className={visible ? 'swiper-bg' : ''}>\r\n\t\t\t\t{events && <div className=\"clearfix container\">\r\n\t\t\t\t\t<h3\r\n\t\t\t\t\t\tclassName={upcomingEvents ? 'pull-left' : 'pull-left click'}\r\n\t\t\t\t\t\tonClick={() => setUpcomingEvents(true)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tUpcoming events\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t\t<h3\r\n\t\t\t\t\t\tclassName={upcomingEvents ? 'pull-right click' : 'pull-right'}\r\n\t\t\t\t\t\tonClick={() => setUpcomingEvents(false)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tPrevious events\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t</div>}\r\n\t\t\t\t<div className=\"container is-relative\">\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tclassName=\"swiper-prev\"\r\n\t\t\t\t\t\tonClick={() => swiper?.slidePrev()}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49\" height=\"21\" viewBox=\"0 0 49 21\" fill=\"none\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M47.3427 9.34532C33.9784 8.91075 20.674 9.0944 7.36967 9.27805C11.5776 7.41745 15.9562 5.70015\r\n\t\t\t\t\t\t\t\t20.3049 3.67374C22.2532 2.75469 21.1601 -0.434695 19.0412 0.341052C13.1661 2.78909 7.60239 5.21462\r\n\t\t\t\t\t\t\t\t1.72737 7.66266C0.823519 8.03929 0.431572 8.84582 0.662181 9.60734C0.0995987 10.2706 -0.0917342 11.5295\r\n\t\t\t\t\t\t\t\t0.902079 12.0802C4.59604 14.6146 8.11937 17.0058 11.6727 19.706C13.5197 20.9732 15.4887 18.6519 13.923\r\n\t\t\t\t\t\t\t\t17.0531C12.046 15.4768 10.3397 14.0438 8.60339 12.3016C21.4258 11.9972 34.5895 11.9793 47.352 11.0567C48.7677\r\n\t\t\t\t\t\t\t\t11.11 48.4471 9.42111 47.3427 9.34532Z\"\r\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t{upcomingEvents\r\n\t\t\t\t\t\t? <>\r\n\t\t\t\t\t\t\t<Swiper\r\n\t\t\t\t\t\t\t\tonBeforeInit={(swiper) => setSwiper(swiper)}\r\n\t\t\t\t\t\t\t\tbreakpoints={{\r\n\t\t\t\t\t\t\t\t\t// when width <= n px\r\n\t\t\t\t\t\t\t\t\t575: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 11,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 1,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t700: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 11,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 2,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t1000: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 15,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 3,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t1400: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 25,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t1920: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 30,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{upcoming && upcoming.map((slide, i) => <SwiperSlide key={i}>\r\n\t\t\t\t\t\t\t\t\t{slide}\r\n\t\t\t\t\t\t\t\t</SwiperSlide>)}\r\n\t\t\t\t\t\t\t\t{videos && videos.map((slide, i) => <SwiperSlide key={i}>\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={slide.link}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"slide\"\r\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t\trel=\"nofollow noreferrer\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={slide.img}\r\n\t\t\t\t\t\t\t\t\t\t\talt=\"YouTube video preview\"\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"preview\"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"h3 is-relative\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{slide.title}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"/icons/youtubeSwiper.svg\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"youtube-svg\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</SwiperSlide>)}\r\n\t\t\t\t\t\t\t</Swiper>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t: <>\r\n\t\t\t\t\t\t\t<Swiper\r\n\t\t\t\t\t\t\t\tonBeforeInit={(swiper) => setSwiper(swiper)}\r\n\t\t\t\t\t\t\t\tbreakpoints={{\r\n\t\t\t\t\t\t\t\t\t// when width <= n px\r\n\t\t\t\t\t\t\t\t\t575: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 11,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 1,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t700: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 11,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 2,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t1000: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 15,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 3,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t1400: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 25,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t1920: {\r\n\t\t\t\t\t\t\t\t\t\tspaceBetween: 30,\r\n\t\t\t\t\t\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{prev && prev.map((slide, i) => <SwiperSlide key={i}>\r\n\t\t\t\t\t\t\t\t\t{slide}\r\n\t\t\t\t\t\t\t\t</SwiperSlide>)}\r\n\t\t\t\t\t\t\t</Swiper>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tclassName=\"swiper-next\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tswiper?.slideNext();\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"49\" height=\"21\" viewBox=\"0 0 49 21\" fill=\"none\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M1.30577 9.34532C14.6701 8.91075 27.9744 9.0944 41.2788 9.27805C37.0708 7.41745 32.6922 5.70015 28.3436\r\n\t\t\t\t\t\t\t\t3.67374C26.3952 2.75469 27.4883 -0.434695 29.6073 0.341052C35.4823 2.78909 41.046 5.21462 46.9211 7.66266C47.8249\r\n\t\t\t\t\t\t\t\t8.03929 48.2169 8.84582 47.9863 9.60734C48.5488 10.2706 48.7402 11.5295 47.7464 12.0802C44.0524 14.6146 40.5291\r\n\t\t\t\t\t\t\t\t17.0058 36.9758 19.706C35.1288 20.9732 33.1597 18.6519 34.7254 17.0531C36.6024 15.4768 38.3087 14.0438 40.045\r\n\t\t\t\t\t\t\t\t12.3016C27.2226 11.9972 14.0589 11.9793 1.29648 11.0567C-0.119274 11.11 0.201303 9.42111 1.30577 9.34532Z\"\r\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default CustomSwiper;\r\n"],"names":["React","xmlns","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","defaultPhoneMask","phoneReplace","phone","replace","phoneFormat","removeDefaultPhoneMask","getMask","count","str","char","arguments","length","undefined","concat","Array","from","join","FormikPhoneControl","_ref","_ref$placeholder","placeholder","_ref$fieldProps","fieldProps","field","form","_ref$className","className","_ref$mask","mask","_ref$withReplace","withReplace","_ref$isMobile","isMobile","disabled","id","value","MaskedInput","inputMode","type","pipe","text","t","_t$rawValue","rawValue","match","defaultPhoneFormat","guide","name","onChange","e","setFieldValue","target","onBlur","SpeakingType","initialValues","lastName","location","organization","date","email","speakingType","Virtual","validationSchema","Yup","shape","simpleStringFirstNameValidator","simpleStringValidator","phoneValidator","emailValidator","dateValidator","simpleStringMessageValidator","simpleNumberValidator","_React$useState2","_slicedToArray","message","setMessage","_React$useState4","error","setError","_React$useState6","loading","setLoading","request","useRequest","Formik","onSubmit","values","formikHelpers","then","res","setTimeout","resetForm","formikBag","Form","FormikField","title","containerClassName","fieldName","inputProps","render","DatePickerReact","Live","checked","_ref2","_extends","_ref3","ImageLazy","alt","src","SubmitButton","textButton","textDone","events","upcoming","prev","videos","ref","visible","setVisible","swiper","setSwiper","upcomingEvents","setUpcomingEvents","current","intersectionObserver","IntersectionObserver","entries","isIntersecting","rootMargin","threshold","observe","disconnect","onClick","slidePrev","Swiper","onBeforeInit","breakpoints","spaceBetween","slidesPerView","map","slide","i","SwiperSlide","key","href","link","rel","img","slideNext"],"sourceRoot":""}