\n\t\t\t\t
\n\t\t{renderNav()}
\n\t\t\t\t{renderActionButtons()}
\n\t\t\t- \n\t\t\t{headerList.map(({ id, to, label, icon, isNewTab }, index) => {\n\t\t\t\treturn (\n\t\t\t\t\t
- \n\t\t\t\t\t\t{isNewTab ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{icon && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t(beta)\n\t\t\t\t\t
\n\t\t\t\t\t{renderNav()}
\n\t\t\t\t\t setProfileDropDown(e)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t setShow(!show)}>\n\t\t\t\t\t\t\t\t{userDetails && userDetails.user\n\t\t\t\t\t\t\t\t\t? `${userDetails.user.first_name} ${userDetails.user.middle_name} ${userDetails.user.last_name}`\n\t\t\t\t\t\t\t\t\t: \"Profile Name\"}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t setShow(false)}>\n\t\t\t\t\t\t\t\t\t\t\t My favorites\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t setShow(false)}>\n\t\t\t\t\t\t\t\t\t\t\t My badges\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t setShow(false)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t Ad management\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t setShow(false)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t Motivational content\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t setShow(false)}>\n\t\t\t\t\t\t\t\t\t\t\t Testimonials\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{userDetails && userDetails.user && userDetails.user.clinic ? (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t Sign out\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\tMy Clinic
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{userDetails.user.clinic.name}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{userDetails.user.clinic.city}, {userDetails.user.clinic.state}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{userDetails.user.clinic.city}, {userDetails.user.clinic.state}\n\t\t\t\t\t\t\t\t\t\t\t
{userDetails.user.clinic.phone}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n}\n","import React from \"react\";\nimport LoadingImg from \"../assets/images/loading.png\";\n\nexport default ({ show = true }) => {\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\tMedi-Weightloss© 2016-{currentYear} Medi IP, LLC, All rights reserved • Terms of Use Agreement\n\t\t\t\t\t\t • PHI • Privacy\n\t\t\t\t\t\tPolicy • Accessibility Notice\n\t\t\t\t\t\t • Feedback\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tMedi-Weightloss® is a program of weekly follow-up visits during the first phase of the program. Results\n\t\t\t\t\t\tmay vary from patient to patient. Rapid weight loss may be associated with certain medical conditions\n\t\t\t\t\t\tand should only be considered by those who are medically appropriate.\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t
\n\t);\n};\n","import React, { Component } from \"react\";\nimport Loader from \"./preloader\";\n\nclass PlaceholderIMG extends Component {\n\tstate = {\n\t\tsrc: null,\n\t\t_isMounted: false,\n\t\tloading: true\n\t};\n\tmainImg = null;\n\timg = null;\n\tcomponentDidMount() {\n\t\tthis.setState({ _isMounted: true });\n\t\tthis.initialImgCheck();\n\t}\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { src } = this.props;\n\t\tif (prevProps.src !== src) {\n\t\t\tthis.initialImgCheck();\n\t\t}\n\t}\n\tcomponentWillUnmount() {\n\t\tthis.setState({ _isMounted: false });\n\t\tif (this.img) {\n\t\t\tthis.img.removeEventListener(\"load\", () => null);\n\t\t\tthis.img.removeEventListener(\"error\", () => null);\n\t\t\tthis.img = null;\n\t\t}\n\t\tif (this.mainImg) {\n\t\t\tthis.mainImg.removeEventListener(\"load\", () => null);\n\t\t\tthis.mainImg = null;\n\t\t}\n\t}\n\tinitialImgCheck = () => {\n\t\tconst { src } = this.props;\n\t\tif (src) {\n\t\t\tthis.setState({ loading: true });\n\t\t\tthis.img = document.createElement(\"img\");\n\t\t\tthis.img.src = src;\n\t\t\tthis.img.addEventListener(\"load\", () => {\n\t\t\t\tthis.setState({ src, loading: false });\n\t\t\t});\n\t\t\tthis.img.addEventListener(\"error\", () => {\n\t\t\t\tthis.renderImg();\n\t\t\t});\n\t\t} else {\n\t\t\tthis.renderImg();\n\t\t}\n\t};\n\trenderImg = () => {\n\t\tconst { width = 40, height = 40, bg, color = \"#000\", text } = this.props;\n\t\tconst t = text ? text : \"NO IMAGE\";\n\t\tconst canvas = document.createElement(\"canvas\");\n\t\tcanvas.width = width;\n\t\tcanvas.height = height;\n\t\tconst ctx = canvas.getContext(\"2d\");\n\t\tif (bg) {\n\t\t\tctx.fillStyle = bg;\n\t\t\tctx.fillRect(0, 0, width, height);\n\t\t}\n\t\tconst fontSize = Math.min(20, Math.max(width / 15, 7));\n\t\tctx.font = `${fontSize}px Arial`;\n\t\tctx.fillStyle = color;\n\t\tctx.textAlign = \"center\";\n\t\tctx.textBaseline = \"middle\";\n\t\tctx.fillText(t, width / 2, height / 2);\n\t\tconst src = canvas.toDataURL();\n\t\tthis.setState({ src, loading: false });\n\t};\n\trender() {\n\t\tconst { src, _isMounted, loading } = this.state;\n\t\tif (_isMounted) {\n\t\t\tconst {\n\t\t\t\tid = null,\n\t\t\t\talt = \"Provide alt!\",\n\t\t\t\tclassName = null,\n\t\t\t\twidth = null,\n\t\t\t\theight = null,\n\t\t\t\tonLoad,\n\t\t\t\tobjectFit = \"none\"\n\t\t\t} = this.props;\n\t\t\treturn src ? (\n\t\t\t\t\n\t\t\t
\n\t);\n};\n","import React, { useState, useEffect } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport PlaceholderImage from \"./placeholderImage\";\n\nexport const FormField = ({\n\tdefaultVal = null,\n\toptions = [],\n\tinput,\n\tlabel,\n\tformGroupClass = \"\",\n\tcheckboxGroupClass = \"\",\n\tresponseError = null,\n\tmin,\n\tmax,\n\tstep,\n\ttype,\n\tviewValue = null,\n\tonSelect = null,\n\tdisabled = false,\n\tpropsDatePicker = { dateFormat: \"yyyy-MM-dd\" },\n\tmeta: { touched, error, warning }\n}) => {\n\tconst props = type === \"number\" ? { min, max, step } : {};\n\tconst [datepickerProps, setDatepickerProps] = useState({\n\t\tselected: new Date(input && input.value ? input.value : null),\n\t\t...propsDatePicker\n\t});\n\n\tuseEffect(() => {\n\t\ttype === \"datepicker\" &&\n\t\t\tsetDatepickerProps({ ...datepickerProps, selected: new Date(input && input.value ? input.value : null) });\n\t}, [input, datepickerProps, type]);\n\n\tconst onDatePickerChange = (event) => {\n\t\tif (event) {\n\t\t\tinput.onChange((input.value = event));\n\t\t}\n\t};\n\n\tconst setViewValue = (values, option) => {\n\t\tconst typeofViewValue = values && typeof values;\n\t\tlet newValue = \"\";\n\t\tif (typeofViewValue === \"object\") {\n\t\t\tvalues.map((item) => {\n\t\t\t\treturn (newValue = newValue + option[item] + \" \");\n\t\t\t});\n\t\t} else {\n\t\t\treturn option[values];\n\t\t}\n\t\treturn newValue;\n\t};\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t{type !== \"checkbox\" && type !== \"radio\" && type !== \"thumbnail\" && type !== \"nutrition_label\" ? (\n\t\t\t\t\n\t\t\t) : null}\n\n\t\t\t{type === \"select\" ? (\n\t\t\t\t\n\t\t\t) : type === \"textarea\" ? (\n\t\t\t\t\n\t\t\t) : type === \"checkbox\" || type === \"radio\" ? (\n\t\t\t\t\n\t\t\t) : type === \"checkboxGroup\" ? (\n\t\t\t\t
\n\t);\n};\n","export const required = (value) => (value || typeof value === \"number\" ? undefined : \"Required\");\n\nexport const maxLength = (max) => (value) => (value && value.length > max ? `Must be ${max} characters or less` : undefined);\n\nexport const max5 = maxLength(5);\n\nexport const max64 = maxLength(64);\n\nexport const max100 = maxLength(100);\n\nexport const max250 = maxLength(250);\n\nexport const minLength = (min) => (value) => (value && value.length < min ? `Must be ${min} characters or more` : undefined);\n\nexport const number = (value) => (value && isNaN(Number(value)) ? \"Must be a number\" : undefined);\n\nexport const minValue = (min) => (value) => (value && value < min ? `Must be at least ${min}` : undefined);\n\nexport const email = (value) =>\n\tvalue && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value) ? \"Invalid email address\" : undefined;\n\nexport const tooYoung = (value) => (value && value < 13 ? \"You do not meet the minimum age requirement!\" : undefined);\n\nexport const aol = (value) => (value && /.+@aol\\.com/.test(value) ? \"Really? You still use AOL for your email?\" : undefined);\n\nexport const alphaNumeric = (value) => (value && /[^a-zA-Z0-9 ]/i.test(value) ? \"Only alphanumeric characters\" : undefined);\n\nexport const phoneNumber = (value) =>\n\tvalue && !/^(0|[1-9][0-9]{5,9})$/i.test(value) ? \"Must be 6 to 10 digits\" : undefined;\n\nexport const passwordMatch = (pass1, pass2) => (pass1 && pass2 && pass1 !== pass2 ? \"Password does not match\" : undefined);\nexport const time = (value) =>\n\tvalue && !/^(0[0-9]|1[0-9]|2[0-3]|[0-9]):[0-5][0-9]$/.test(value) ? \"Invalid time format\" : undefined;\n\nexport const max = (max) => (value) =>\n\tvalue && typeof value !== \"number\" && value > max ? `Must be ${max} or less` : undefined;\n\nexport const maxInt = max(2147483647);\n\nexport const min = (min) => (value) =>\n\tvalue && typeof value !== \"number\" && value < min ? `Must be ${min} or more` : undefined;\n\nexport const isInt = (value) => (value && !/^\\d+$/.test(value) ? \"Please provide a valid integer\" : undefined);\n\nexport const isDec = (value) => (value && !(/^\\d+\\.\\d{0,2}$/.test(value) || /^.\\d{0,2}$/.test(value) || /^\\d+$/.test(value)) ? \"Please provide a valid number, up to 2 decimal places\" : undefined);\n\nexport const isDec3 = (value) => (value && !( /^\\d+\\.\\d{0,3}$/.test(value) || /^.\\d{0,3}$/.test(value) || /^\\d+$/.test(value)) ? \"Please provide a valid number, up to 3 decimal places\" : undefined);\n\nexport const array = (value) => (value && value.length > 0 ? undefined : \"Required\");\n\nexport const url = (value) =>\n\tvalue && !/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w\\-._~:/?#[\\]@!$&'()*+,;=.]+$/i.test(value)\n\t\t? \"Invalid url\"\n\t\t: undefined;\n\nexport const youtube_url = (value) =>\n\tvalue && !/^(?:https?:\\/\\/)?(?:youtu\\.be\\/|(?:www\\.)?youtube\\.com\\/watch(?:\\.php)?\\?.*v=)([a-zA-Z0-9\\-_]+)/gm.test(value)\n\t\t? \"Not a YouTube Video Url\"\n\t\t: undefined;\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field } from \"redux-form\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { sendSubscribe } from \"../../store/actions\";\nimport { required, email } from \"../../constants/formValidators\";\nimport { FormField } from \"../../sharedComponents/formField\";\n\nconst SubscribeNewsletter = ({ handleSubmit, sendSubscribe, setShow }) => {\n const [submitting, setSubmitting] = useState(false);\n const submitSubscribe = (values) => {\n const successHandler = (event) => {\n NotificationManager.success(\"Successfully subscribed to our newsletter.\", \"\", 5000);\n setShow(false);\n }\n sendSubscribe(values, successHandler);\n setSubmitting(true);\n }\n\n return \n\t\t\t\t\t{options &&\n\t\t\t\t\t\toptions.map(({ label, name }, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t) : type === \"thumbnail\" && options.id && options.image ? (\n\t\t\t\t\n\t\t\t) : type === \"datepicker\" ? (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\n
\n}\n\nexport default connect(null, { sendSubscribe })(\n reduxForm({\n form: \"SubscribeNewsletterForm\"\n })(SubscribeNewsletter)\n);\n","import React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport { useMediaQuery } from 'react-responsive'\nimport { reduxForm, Field } from \"redux-form\";\n\nimport { sendLoginCredentials, updateLoginCredentials } from \"../../store/actions\";\nimport PlaceholderImage from \"../../sharedComponents/placeholderImage\";\nimport Logo from \"../../assets/images/logo-color.png\";\nimport RequestScheduleNav from \"./requestScheduleNav\";\nimport { FormField } from \"../../sharedComponents/formField\";\nimport { required, email } from \"../../constants/formValidators\";\nimport SubscribeNewsletter from \"./subscribeToNewsletter\";\n\nimport \"./Session.scss\";\n\nconst SignIn = ({ history, handleSubmit, sendLoginCredentials, updateLoginCredentials }) => {\n\tconst [error, setError] = useState(null);\n\n\tconst isDesktop = useMediaQuery({ query: '(min-width: 992px)' });\n\t\n\tconst submitLogin = (values) => {\n\t\tconst successHandler = (event) => {\n\t\t\tevent.json().then((data) => {\n\t\t\t\tlocalStorage.setItem(\"MEDIWEIGHTLOSS_USER_DATA\", JSON.stringify(data));\n\t\t\t\tupdateLoginCredentials(data, () => history.push(\"/home\"));\n\t\t\t});\n\t\t};\n\t\tconst errorHandler = (event) => {\n\t\t\tsetError(event && event.non_field_errors ? event.non_field_errors[0] : \"Something went wrong. Please try later!\");\n\t\t};\n\t\tsendLoginCredentials(values, successHandler, errorHandler);\n\t};\n\n\tconst [show, setShow] = useState(false);\n\n\treturn (\n\t\t\n \n
\n \n\t\t\t\t{isDesktop ? (\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
) : null}\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tMembership with benefits!
\n\t\t\t\t\t\t\tAccess is FREE for active Medi-Weightloss® patients and includes:
\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- Your weight statistics and progress \n\t\t\t\t\t\t\t\t
- Food and supplement journal \n\t\t\t\t\t\t\t\t
- Approved recipes \n\t\t\t\t\t\t\t\t
- Exercise plans and tracker \n\t\t\t\t\t\t\t\t
- Customizable profile \n\t\t\t\t\t\t\t\t
- Appointment reminder \n\t\t\t\t\t\t\t\t
- Articles, information, tips, and more! \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t :
\n\t\t\tAlready a member?
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n \n Forgot your password?\n \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n Need Help?{\" \"}\n \n Click Here\n \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tNeed an account?{\" \"}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tRegister Now\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t{isDesktop ? (\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
) : null}\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tMembership with benefits!
\n\t\t\t\t\t\t\tAccess is FREE for active Medi-Weightloss® patients and includes:
\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- Your weight statistics and progress \n\t\t\t\t\t\t\t\t
- Food and supplement journal \n\t\t\t\t\t\t\t\t
- Approved recipes \n\t\t\t\t\t\t\t\t
- Exercise plans and tracker \n\t\t\t\t\t\t\t\t
- Customizable profile \n\t\t\t\t\t\t\t\t
- Appointment reminder \n\t\t\t\t\t\t\t\t
- Articles, information, tips, and more! \n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\tPassword Reset\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tLogin\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{/* \n\t\t\t\t\t\tIf you don't remember your email address, you can simply\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tre-register using your registration code\n\t\t\t\t\t\t\n\t\t\t\t\t\ton your receipt!\n\t\t\t\t\t
*/}\n\t\t\t\t\t\n\t\t\t\t{isDesktop ? (\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
) : null}\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tHow do I register?
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tMembership to our Signature Patient Website is free for active patients of any of our 91 weight loss\n\t\t\t\t\t\t\t\tclinic locations nation-wide.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\tEnter the unique 10 digit registration code on the bottom of a recent receipt. You can enter it\n\t\t\t\t\t\t\t\t\tin any format. The dashes do not matter.\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
- Enter your email address. You will use this email address to log in. \n\t\t\t\t\t\t\t\t
- Create your password by entering it twice. \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tIt's that easy! Once registered, you can log in at any time using your email address and\n\t\t\t\t\t\t\t\tpassword.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\tAccount Registration.\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t{title}
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\tBy submitting this form, you will receive exciting news, specials, weight loss tips, and recipes!\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t) : (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tMembership with benefits!
\n\t\t\t\t\t\t\tFREE for active patients in our program.
\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- Your weight statistics with charts \n\t\t\t\t\t\t\t\t
- Access to various exercises \n\t\t\t\t\t\t\t\t
- Food nutrient database \n\t\t\t\t\t\t\t\t
- Approved recipes \n\t\t\t\t\t\t\t\t
- Customizable profile \n\t\t\t\t\t\t\t\t
- Articles, information, tips, and more! \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tLogin\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t)}\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tLogin\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t);\n}\n","import React from \"react\";\nimport PreLoader from \"./preloader\";\n\nexport default function centeredLoadingIndicator() {\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\tWelcome {userDetails.user.first_name}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\tFrom {userDetails.user.city}, {userDetails.user.state}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tGO TO JOURNAL\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tREFER A FRIEND\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t handleShow(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{adType === \"video\" && item.youtube_id && (\n\t\t\t\t\t\t\t\t\t\t\t\t handleShow(item)} className=\"centered-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tYou Won a New Badge
\n\t\t\t\t{latestBadge.badge_data && latestBadge.badge_data.name}
\n\t\t\t\thistory.push(\"/my-badges\")}>\n\t\t\t\t\t\tMore Details\n\t\t\t\t\t
\n\t\t\t\tNo Badges Available
\n\t\t\t\thistory.push(\"/my-badges\")}>\n\t\t\t\t\t\tMore Details\n\t\t\t\t\t
\n\t\t\t\tUpcoming Appointment
\n\t\t\t\t{date}
\n\t\t\t\t\t\t\t{day.toUpperCase()}
\n\t\t\t\t\t\t\t\t{time.toUpperCase()}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t{monthAndYear}
\n\t\t\t\tWe miss you !
\n\t\t\t\t\tCall for an appointment
\n\t\t\t\t\n 
\n
\n}","import React from \"react\";\nimport { Card, Button, ListGroup, Row, Col, Media } from \"react-bootstrap\";\nimport PlaceholderImage from \"../../sharedComponents/placeholderImage\";\nimport CenteredLoadingIndicator from \"../../sharedComponents/centeredLoadingIndicator\";\nimport { slice } from \"lodash\";\nimport NoContent from \"../../sharedComponents/noItemFoundAlert\";\nimport \"./home.scss\";\n\nfunction FeaturedRecipies({ featuredRecipies, history }) {\n\treturn (\n\t\t{message ? message : 'No items found!'}
\n \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{slice(featuredRecipies, 0, 3).map((item) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t history.push(`/nutrition/recipes/${item.id}/details`)}>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\thistory.push(\"/nutrition/recipes\");\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\tView And Search All Recipes\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t{item.name}
\n\t\t\t\t\t\t\t\t\t\t\t{item.get_range_calorie} kcal
\n\t\t\t\t\t\t\t\t\t\t\t\t\tCalories
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.get_range_carb} grams
\n\t\t\t\t\t\t\t\t\t\t\t\t\tCarbs
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.get_range_protein} grams
\n\t\t\t\t\t\t\t\t\t\t\t\t\tProteins
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)\n\t\t\t) : (\n\t\t\t\tWeight History
\n\t\t\t\t\n\t\t\t\t\t{weightHistory && weightHistory.weight_change && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\tWeight Change\n\t\t\t\t\t\t\t{weightHistory.weight_change}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t\t
\n\t);\n};\n\nexport default FlameRating;\n","import React from \"react\";\nimport { Card, Button, ListGroup, Media } from \"react-bootstrap\";\nimport PlaceholderImage from \"../../sharedComponents/placeholderImage\";\nimport CenteredLoadingIndicator from \"../../sharedComponents/centeredLoadingIndicator\";\nimport FlameRating from \"../../sharedComponents/flameRating\";\nimport { slice } from \"lodash\";\nimport NoContent from \"../../sharedComponents/noItemFoundAlert\";\nimport \"./home.scss\";\n\nexport default function featuredExercises({ featuredExercises, history }) {\n\treturn (\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{slice(featuredExercises, 0, 3).map((item) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t history.push(`/fitness/exercises/${item.id}/details`)}>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t \n\t\t\t\t\t\t history.push(\"./fitness/exercises\")}>\n\t\t\t\t\t\t\tView And Search All Excercises\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t{item.name}
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{item.flame}
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)\n\t\t\t) : (\n\t\t\t\tMy Fitness
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName=\"custom-dropdown\"\n\t\t\t\t\t\tid=\"basic-nav-dropdown\">\n\t\t\t\t\t\tManage My Workout \n\t\t\t\t\t\tView My History \n\t\t\t\t\t\tMy Fitness \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t{item.minutes} minutes •{\" \"}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t
\n\t);\n};\n\nexport default StarRating;\n","import React from \"react\";\nimport { Media } from \"react-bootstrap\";\nimport PlaceholderImage from \"../../../sharedComponents/placeholderImage\";\nimport StartRating from \"../../../sharedComponents/starRating\";\nimport \"../home.scss\";\nimport NoContent from \"../../../sharedComponents/noItemFoundAlert\";\n\nexport default ({ list, onClick, className = \"\", type = \"recipe\" }) => {\n\treturn (\n\t\t 1 ? \"s\" : \"\"}`}>\n\t\t\t\t{renderStars(rating)}\n\t\t\t
\n\t\t\n\t\t\t{list && list.length ? (\n\t\t\t\tlist.map((item) => (\n\t\t\t\t\t onClick(item)}>\n\t\t\t\t\t\t{type === \"recipe\" ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t \n\t\t\t\t))\n\t\t\t) : (\n\t\t\t\t
\n\t);\n};\n","import React from \"react\";\nimport { Card, Tabs, Tab, NavDropdown } from \"react-bootstrap\";\nimport MyNutritionTabItem from \"./myNutritionTabItem\";\nimport \"../home.scss\";\n\nexport default function myNutrition({ recipesSubmitted, recipesFavourited, recentlyReviewed, history }) {\n\treturn (\n\t\t{item.name}
\n\t\t\t\t\t\t\t\t\t{item.notes ? item.notes : \"--\"}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{item.title}
\n\t\t\t\t\t\t\t\t\t{item.notes}
\n\t\t\t\t\t\t\tMy Recipes
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclassName=\"custom-dropdown\">\n\t\t\t\t\t\tManage My Favorites \n\t\t\t\t\t\tSubmit a Recipe \n\t\t\t\t\t\tView Recipes \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t history.push(`/nutrition/recipes/${id}/details`)}\n\t\t\t\t\t\t\t\tclassName=\"recipe-submitted-content-container\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t history.push(`/nutrition/recipes/${id}/details`)}\n\t\t\t\t\t\t\t\tclassName=\"recipe-favourired-content-container\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t history.push(`/nutrition/recipes/${recipe_id}/details`)}\n\t\t\t\t\t\t\t\tclassName=\"latest-reviews-content-container border-bottom-list\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\t);\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t{\n\t\t\t\t\tsearchText ?\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\tresetSearch()\n\t\t\t\t\t\t}} />\n\t\t\t\t\t\t:\n\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t));\n\t};\n\n\tconst renderApproveNavs = (cardInfo) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{cardInfo[item.key]} {item.unit}\n\t\t\t\t
\n\t\t\t\t{item.label}
\n\t\t\t\n\t\t\t\t\n\t\t\t\t history.push(`/nutrition/recipes/${cardInfo.id}/edit`)}>\n\t\t\t\t\tApprove\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tconst mainImage = get(cardInfo, \"main_image.photo_m\") || get(cardInfo, \"images[0].image_data.photo_m\") || null;\n\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t history.push(`/nutrition/recipes/${cardInfo.id}/edit`)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t) : null}\n\t\t\t history.push(`/nutrition/recipes/${cardInfo.id}/details`)}>\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{/* {!cardInfo.active &&
\n\t\t\t\t\tPending
} */}\n\t\t\t\t\t\t{cardInfo.featured && Featured
}\n\t\t\t\t\t{cardInfo[RecipeKeys.NAME]}
\n\t\t\t\t\t{edit && edit.navs ? null : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t\t\t {}} />\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {cardInfo[RecipeKeys.COMMENTS]}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t{edit && edit.allow && edit.navs ? renderApproveNavs(cardInfo) : renderRangeItems(cardInfo)}\n\t\t\t
\n\t\t\n\t);\n};\n\nexport default RecipesCard;\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport { getMyFavourites, resetField } from \"../../store/actions\";\nimport RecipesCard from \"../nutrition/recipes/listing/recipesCard\";\nimport NoContent from \"../../sharedComponents/noItemFoundAlert\";\n\nconst MyFavourites = ({ getMyFavourites, favoriteRecipes, history, resetField }) => {\n\tuseEffect(() => {\n\t\tgetMyFavourites();\n\t}, [getMyFavourites]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tresetField(\"Recipes.favoriteRecipes\", []);\n\t\t};\n\t}, [resetField]);\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\tMy Favorites
\n\t\t\t\t\n\t\t\t\t\t{favoriteRecipes && favoriteRecipes.length ? (\n\t\t\t\t\t\tfavoriteRecipes.map((card, i) =>
\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t{footer}\n\t\t\t
\n\t\t\n\t\t\t\t\t{title &&
\n\t\t\t\t{title}
}\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t- \n\t\t\t\t\t\t{resources && resources.length ? (\n\t\t\t\t\t\t\trenderResourceList(resources)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t
- No items found! \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t{footer}\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = { getFeaturedRecipes };\n\nconst mapStateToProps = (state) => {\n\tconst { Recipes } = state;\n\treturn {\n\t\trecipes: get(Recipes, \"recipesResult.results\", []),\n\t\tfeaturedRecipes: get(Recipes, \"featuredRecipes\")\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(FeaturedRecipes);\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport SearchResources from \"../resources/searchResources\";\nimport FeaturedRecipes from \"./featuredRecipes\";\nimport SearchFoodNutrition from \"../foodDatabase/searchFoodNutrition\";\nimport { getAds, resetField } from \"../../../store/actions\";\nimport AdCarousel from \"../../home/adCarousel\";\n\nconst NutritionHome = ({ history, getAds, ads, resetField }) => {\n\tuseEffect(() => {\n\t\tresetField(\"AddRecipe.recipeFoodSearchKeyword\", null);\n\t\tgetAds();\n\t}, [getAds, resetField]);\n\n\tconst resourcesFooter = (\n\t\tFeatured Recipes
\n\t\t\t\n\t\t\t\t{featuredRecipes &&\n\t\t\t\t\tfeaturedRecipes.length > 0 &&\n\t\t\t\t\tfeaturedRecipes.map((item, index) => (\n\t\t\t\t\t\t getDetails(item)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t))}\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{item.name}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{item.get_range_calorie}
\n\t\t\t\t\t\t\t\t\t\tcalories
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{item.main_phase}
\n\t\t\t\t\t\t\t\t\t\tphase
\n\t\t\t\t\t\t\t\t\t history.push(\"/nutrition/recipes\")}>\n\t\t\tView and Search all recipes!\n\t\t
\n\t);\n\n\tconst foodFooter = (\n\t\t\n\t\t\t
\n\t);\n};\n\nconst mapDispatchToProps = {\n\tgetAds,\n\tresetField\n};\n\nconst mapStateToProps = (state) => {\n\tconst { Resources, Home } = state;\n\treturn {\n\t\tresourceList: get(Resources, \"resourcesResult.results\", []),\n\t\tfoodNutritionList: get(state, \"FoodDatabase.foodNutritionList\", []),\n\t\tads: get(Home, \"ads\", [])\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(NutritionHome);\n","import React, { Component } from \"react\";\nimport { Dropdown } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\n\nclass KeywordSearchField extends Component {\n\tstate = {\n\t\tisOpen: false,\n\t\tsearch: \"\"\n\t};\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { reset } = this.props;\n\t\tif (reset !== prevProps.reset) {\n\t\t\tthis.setState({ search: \"\" });\n\t\t}\n\t}\n\n\ttoggleDropDown = (bool) => {\n\t\tthis.setState({\n\t\t\tisOpen: bool\n\t\t});\n\t};\n\n\tsearchTimeout = null;\n\tonSearch = ({ target }) => {\n\t\tconst { searchField, searchAction } = this.props;\n\t\tconst value = target.value;\n\t\tthis.setState({\n\t\t\tsearch: value\n\t\t});\n\t\tclearTimeout(this.searchTimeout);\n\t\tthis.searchTimeout = setTimeout(() => {\n\t\t\tconst queryParams = value && value.length > 2 ? `${searchField}=${value}` : `${searchField}`;\n\t\t\tsearchAction(queryParams);\n\t\t}, 500);\n\t};\n\n\thandleKeyDown = (e) => {\n\t\tif (e.nativeEvent.key === \"Enter\") {\n\t\t\tthis.onSearch(e);\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { isOpen, search } = this.state;\n\t\tconst { searchResults, placeholder = \"Search Keywords\", itemLink, name = \"searchKeyword\", className = \"\" } = this.props;\n\n\t\tconst InputField = (\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t history.push(\"/nutrition/food-database\")}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tSearch Food Nutrition
\n\t\t\t\t\t\t\t\t\n\t\t\t\t this.toggleDropDown(true)}\n\t\t\t\t\tonBlur={() => setTimeout(() => this.toggleDropDown(false), 200)}\n\t\t\t\t\tonChange={this.onSearch}\n\t\t\t\t\tonKeyPress={this.handleKeyDown}\n\t\t\t\t\tvalue={search}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tname={name}\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t/>\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t\treturn searchResults ? (\n\t\t\t\n\t\t\t\t\t\t{searchResults && searchResults.length ? (\n\t\t\t\t\t\t\tsearchResults.map((item) => {\n\t\t\t\t\t\t\t\tconst to = itemLink.replace(/:id/, item.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tEnter your keyword! \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t{InputField}
\n\t\t\t);\n\t}\n}\n\nexport default KeywordSearchField;\n","import React from \"react\";\nimport { connect } from \"react-redux\";\n\nimport KeywordSearchField from \"./keywordSearchField\";\nimport { resetField } from \"../store/actions\";\n\nconst KeywordSearch = ({\n\tplaceholder,\n\tsearchField,\n\tname,\n\titemLink,\n\tresetField,\n\tsearchResults,\n\tlistName,\n\tonResetField,\n\tsearchAction,\n\tclassName,\n\treset\n}) => {\n\tconst onSearch = (queryParams) => {\n\t\tresetField(listName, {});\n\t\tonResetField && onResetField();\n\t\tsearchAction && searchAction(queryParams);\n\t};\n\n\tconst fieldProps = {\n\t\tplaceholder,\n\t\tsearchField,\n\t\tname,\n\t\titemLink,\n\t\tresetField,\n\t\tsearchResults\n\t};\n\treturn \n\t\t\t{approveBtn && approveBtn.show && approveBtn.toggle ? (\n\t\t\t\t\n\t\t\t\t\t setShow(!show)} className=\"btn btn-primary-dark btn-ghost mr-2\">\n\t\t\t\t\t\tPatient Submissions\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t) : null}\n\t\t\t {\n\t\t\t\t\tresetField(\"Recipes.recipesSearchKeyword\", event ? event : \"\");\n\t\t\t\t}}\n\t\t\t\tname=\"searchRecipe\"\n\t\t\t\tclassName=\"mr-2\"\n\t\t\t\treset={search}\n\t\t\t/>\n\t\t\t{isApprovalListing ? null : (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t)}\n\t\t
\n\t);\n};\n\nconst mapDispatchToProps = { resetField };\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(RecipesHeader);\n","import React, { Component } from \"react\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\n\nclass FilterPanel extends Component {\n\tstate = {\n\t\tatBottom: false\n\t};\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"mousedown\", this.toggleFunction);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"mousedown\", this.toggleFunction);\n\t}\n\n\ttoggleFunction = (event) => {\n\t\tconst { show, toggle } = this.props;\n\t\tif (this.filterWrap && !this.filterWrap.contains(event.target) && show) {\n\t\t\ttoggle();\n\t\t}\n\t};\n\n\thandleScrollFrame = (e) => {\n\t\tconst { atBottom } = this.state;\n\t\tconst { toggleAtBottom } = this.props;\n\t\tif (toggleAtBottom) {\n\t\t\tif (atBottom && e.top !== 1) {\n\t\t\t\ttoggleAtBottom(false);\n\t\t\t}\n\t\t\tif (!atBottom && e.top === 1) {\n\t\t\t\ttoggleAtBottom(true);\n\t\t\t}\n\t\t}\n\t};\n\n\trender() {\n\t\tconst { show, toggle, title, closeBtn, children, className = \"\" } = this.props;\n\t\treturn (\n\t\t\tRecipe Submissions
\n\t\t\t) : (\n\t\t\t\t\tMost Viewed : Search Recipes
\n\t\t\t\t)}\n\t\t\t{approveBtn && approveBtn.show ? (\n\t\t\t\t- \n\t\t\t\t\t\t\t{isApprovalListing ? (\n\t\t\t\t\t\t\t\t
- dropdownClick(\"/nutrition/recipes\")}>Recipe Listing \n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t
- dropdownClick(\"/nutrition/recipes/approval\")}>Recipe Approval \n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
- dropdownClick(\"/nutrition/recipes/comments\")}>Comments \n\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t{sortItemList.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t
- setSortNav(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t
(this.filterWrap = event)}>\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nexport default FilterPanel;\n\nexport const PanelBody = ({ className, children }) => (\n\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{title ?
\n\t\t\t\t\t\t{children}\n\t\t\t\t\t{title}
: null}\n\t\t\t\t\t\t\t{closeBtn ? (\n\t\t\t\t\t\t\t\t toggle()}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{children ? children : null}
\n);\nexport const PanelFooter = ({ className, children }) => (\n\t{children ? children : null}
\n);\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field, reset } from \"redux-form\";\nimport { FormField } from \"../../../../sharedComponents/formField\";\n\nimport { getAvailableFilters } from \"../../../../store/actions/index\";\nimport { PanelBody, PanelFooter } from \"../../../../sharedComponents/filterPanel\";\n\nconst AdvancedFilterPanel = ({ getAvailableFilters, availableFilters, handleSubmit, resetForm, onReset }) => {\n\tuseEffect(() => {\n\t\tgetAvailableFilters();\n\t}, [getAvailableFilters]);\n\n\tconst resetFilter = () => {\n\t\tresetForm(\"RecipesAdvancedFilter\");\n\t\tonReset();\n\t};\n\n\treturn (\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => ({\n\tavailableFilters: state.Recipes.availableFilters\n});\n\nconst mapDispatchToProps = {\n\tgetAvailableFilters,\n\tresetForm: reset\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"RecipesAdvancedFilter\"\n\t})(AdvancedFilterPanel)\n);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field, reset } from \"redux-form\";\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { declineRecipe } from \"../../../../store/actions/index\";\nimport { PanelBody, PanelFooter } from \"../../../../sharedComponents/filterPanel\";\nimport { required } from \"../../../../constants/formValidators\";\nimport { declineCodes } from \"../../../../constants/recipeConstants\";\n\nconst DeclineRecipePanel = ({ data, handleSubmit, declineRecipe, onUpdate, onError, resetForm }) => {\n\tconst validateForm = (values) => {\n\t\tconst successHandler = () => {\n\t\t\tNotificationManager.success(\"Recipe declined!\", \"\", 5000);\n\t\t\tonUpdate();\n\t\t\tresetForm(\"DeclineRecipePanel\");\n\t\t};\n\t\tconst errorHandler = () => {\n\t\t\tNotificationManager.error(\"Recipe not declined! Please try again.\", \"\", 5000);\n\t\t\tonError();\n\t\t};\n\t\tdeclineRecipe({ ...values, id: data.id }, successHandler, errorHandler);\n\t};\n\n\treturn (\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = {\n\tdeclineRecipe,\n\tresetForm: reset\n};\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"DeclineRecipePanel\",\n\t\tenableReinitialize: true\n\t})(DeclineRecipePanel)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport { getRecipes, resetField } from \"../../../../store/actions\";\nimport RecipesHeader from \"./recipesHeader\";\nimport RecipesCard from \"./recipesCard\";\nimport Loader from \"../../../../sharedComponents/preloader\";\nimport FilterPanel from \"../../../../sharedComponents/filterPanel\";\nimport AdvancedFilterPanel from \"./advancedFilterPanel\";\nimport DeclineRecipePanel from \"./declineRecipePanel\";\nimport NoRecipeImage from \"../../../../assets/images/no-recipes-found.png\";\nimport { objToQueryString, queryStringToJSON } from \"../../../../utils/common\";\n\nimport \"./RecipesListing.scss\";\n\nconst Recipes = ({ resetField, recipeList, getRecipes, next, atBottom, history, recipesSearchKeyword, isAdmin, match }) => {\n\tconst matching = match.path === \"/nutrition/recipes/approval\";\n\tconst approveFilters = matching ? { is_submitted: \"True\", active: \"False\" } : {};\n\n\tconst [recipes, setRecipes] = useState([]);\n\tconst [loading, setLoading] = useState(true);\n\tconst [showLoader, setShowLoader] = useState(true);\n\tconst [fetching, setFetching] = useState(false);\n\n\tconst [showAdvancedFilterPanel, setShowAdvancedFilterPanel] = useState(false);\n\n\tconst activeFlag = !isAdmin ? { active: \"True\" } : {};\n\n\tconst [filters, setFilters] = useState({\n\t\tordering: \"id\",\n\t\tlimit: 30,\n\t\tsearch: \"\",\n\t\tdeclined: \"True\",\n\t\t...activeFlag\n\t});\n\tconst [query, setQuery] = useState();\n\n\tuseEffect(() => {\n\t\tconst newFilters = { ...filters, ...approveFilters };\n\t\tsetQuery(objToQueryString(newFilters));\n\t}, [filters, approveFilters]);\n\n\tuseEffect(() => {\n\t\tif (query) {\n\t\t\tsetRecipes([]);\n\t\t\tsetLoading(true);\n\t\t\tsetShowLoader(true);\n\t\t\tgetRecipes(query);\n\t\t}\n\t}, [query, getRecipes]);\n\n\tuseEffect(() => {\n\t\tsetLoading(true);\n\t\trecipesSearchKeyword && setFilters((prevState) => ({ ...prevState, ...queryStringToJSON(`?${recipesSearchKeyword}`) }));\n\t}, [recipesSearchKeyword]);\n\n\tuseEffect(() => {\n\t\tsetRecipes((prevState) => {\n\t\t\tsetShowLoader(false);\n\t\t\tif (recipeList !== null && recipeList.length === 0) {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t\treturn [...prevState, ...(recipeList !== null ? recipeList : [])];\n\t\t});\n\t}, [recipeList]);\n\n\tuseEffect(() => {\n\t\tif (atBottom) {\n\t\t\tsetFetching(next ? true : false);\n\t\t\tsetLoading(next ? true : false);\n\t\t}\n\t}, [atBottom, next]);\n\n\tuseEffect(() => {\n\t\tfetching && getRecipes(next.split(\"?\")[1]);\n\t\tfetching && setShowLoader(true);\n\t\tsetFetching(false);\n\t}, [fetching, getRecipes, next]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tresetField(\"Recipes.recipesResult\", {});\n\t\t};\n\t}, [resetField]);\n\n\tconst sortBy = (sort) => {\n\t\tsetFilters({ ...filters, ordering: sort, declined: \"True\", ...activeFlag });\n\t};\n\n\tconst submitFilter = (values) => {\n\t\tsetShowAdvancedFilterPanel(false);\n\t\tsetFilters({\n\t\t\t...values,\n\t\t\tordering: filters.ordering,\n\t\t\tlimit: filters.limit,\n\t\t\tsearch: filters.search ? filters.search : \"\",\n\t\t\tdeclined: \"True\",\n\t\t\t...activeFlag\n\t\t});\n\t};\n\n\tconst resetFilter = () => {\n\t\tsetShowAdvancedFilterPanel(false);\n\t\tsetFilters({ ordering: filters.ordering, limit: filters.limit, declined: \"True\", ...activeFlag });\n\t};\n\n\tconst renderAdvancedFilterPanel = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\t{renderAdvancedFilterPanel()}\n\t\t\t{renderDeclineRecipePanel()}\n\t\t\n\t\t\t\t\t setShowAdvancedFilterPanel(!showAdvancedFilterPanel)}\n\t\t\t\t\t\tapproveBtn={{ show: isAdmin, toggle: approveFilters.is_submitted }}\n\t\t\t\t\t\thistory={history}\n\t\t\t\t\t\tisApprovalListing={matching}\n\t\t\t\t\t\tonDropdownSelect={() => setFilters({ ...filters, search: \"\" })}\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{recipes && recipes.length\n\t\t\t\t\t\t\t? recipes.map((card, i) => (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t ))\n\t\t\t\t\t\t\t: null}\n\n\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\tNo recipes found!
\n\t\t\t\t\t\t\t\t\n\t\t\t{list && list.length > 1 ? (\n\t\t\t\t
\n\t);\n};\n\nexport default ImageSlider;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Link } from \"react-router-dom\";\n\nimport { resetField, getRelatedRecipes } from \"../../../../store/actions\";\nimport PlaceholderIMG from \"../../../../sharedComponents/placeholderImage\";\n\nclass RelatedRecipes extends Component {\n\tcomponentDidMount() {\n\t\tconst { recipeId, getRelatedRecipes } = this.props;\n\t\tif (recipeId) {\n\t\t\tgetRelatedRecipes(recipeId);\n\t\t}\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { recipeId, getRelatedRecipes } = this.props;\n\t\tif (prevProps.recipeId !== recipeId) {\n\t\t\tgetRelatedRecipes(recipeId);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.resetField(\"Recipes.relatedRecipes\", []);\n\t}\n\n\trender() {\n\t\tconst { relatedRecipes } = this.props;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t) : null}\n\t\t\t\n\t\t\t\t{list && list.length > 0 ? (\n\t\t\t\t\tlist.map((item, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\t\t\t{list && list.length > 1 ? (\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t) : null}\n\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\trelatedRecipes: get(state, \"Recipes.relatedRecipes\", [])\n\t};\n};\n\nconst mapDispatchToProps = { resetField, getRelatedRecipes };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(RelatedRecipes);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\n\nconst RecipeServings = ({ recipe }) => {\n\treturn (\n\t\tSimilar Recipes
\n\t\t\t\t{relatedRecipes.map(({ label, data }, index) => {\n\t\t\t\t\treturn data && data.length ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null;\n\t\t\t\t})}\n\t\t\t{label}
\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t{data.map(({ id, name, main_image }) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t
\n\t);\n};\n\nconst mapDispatchToProps = {};\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(RecipeServings);\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Link } from \"react-router-dom\";\n\nimport { getRecentRecipes } from \"../../../../store/actions\";\nimport PlaceholderIMG from \"../../../../sharedComponents/placeholderImage\";\n\nconst RecentRecipes = ({ recipeId, getRecentRecipes, recentRecipesResult }) => {\n\tuseEffect(() => {\n\t\tgetRecentRecipes(recipeId);\n\t}, [recipeId, getRecentRecipes]);\n\n\tconst renderRecentRecipes = () => {\n\t\treturn recentRecipesResult && recentRecipesResult.length ? (\n\t\t\t\n\t\t\t\tVegetable\n\t\t\t\t{recipe.vegetable ? recipe.vegetable : 0} \n\t\t\t
\n\t\t\t\n\t\t\t\tFruit\n\t\t\t\t{recipe.fruit ? recipe.fruit : 0} \n\t\t\t
\n\t\t\t\n\t\t\t\tDairy\n\t\t\t\t{recipe.dairy ? recipe.dairy : 0} \n\t\t\t
\n\t\t\t\n\t\t\t\tFat\n\t\t\t\t{recipe.fat ? recipe.fat : 0} \n\t\t\t
\n\n\t\t\t\n\t\t\t\tStarch\n\t\t\t\t{recipe.starch ? recipe.starch : 0} \n\t\t\t
\n\t\t\t\n\t\t\t\tMisc\n\t\t\t\t{recipe.misc ? recipe.misc : 0} \n\t\t\t
\n\t\t\t\n\t\t\t\tProtein Calories\n\t\t\t\t{recipe.protein_calories ? recipe.protein_calories : 0} \n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t) : null;\n\t};\n\n\treturn (\n\t\t- \n\t\t\t\t\t{recentRecipesResult.map(({ id, name, main_image }, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\trecentRecipesResult: get(state, \"Recipes.recentRecipesResult\", [])\n\t};\n};\n\nconst mapDispatchToProps = { getRecentRecipes };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(RecentRecipes);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport { resetField, getRecipeNutritionFacts } from \"../../../../store/actions\";\n\nclass RecipeNutritionFacts extends Component {\n\tcomponentDidMount() {\n\t\tconst { recipeId, getRecipeNutritionFacts } = this.props;\n\t\tif (recipeId) {\n\t\t\tgetRecipeNutritionFacts(recipeId);\n\t\t}\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { recipeId, getRecipeNutritionFacts, forceReload } = this.props;\n\t\tif ((recipeId && prevProps.recipeId !== recipeId) || prevProps.forceReload !== forceReload) {\n\t\t\tgetRecipeNutritionFacts(recipeId);\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.resetField(\"Recipes.recipeNutritionFacts\", []);\n\t}\n\n\trenderItem = (list, showPercentage = true, isHeading = false) => {\n\t\treturn (\n\t\t\tRecently Viewed
\n\t\t\t{renderRecentRecipes()}\n\t\t{item.value}
}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t{item.sub_category && this.renderItem(subCategoryList, true, false)}
\n\t\t\t\t\t\t{item.value}
}\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t- \n\t\t\t\t{recipeIngredients.map(({ ingredient__id, main, text }) => (\n\t\t\t\t\t\n\t\t\t\t))}\n\t\t\t
\n\t\t\t
\n\t) : null;\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\trecipeComments: get(state, \"Recipes.recipeCommentsResult.results\", [])\n\t};\n};\n\nconst mapDispatchToProps = { getRecipeComments };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(RecipeComments);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\n\nconst JournalCategory = ({ setIsRecipe, setIsFoodItem }) => {\n\treturn (\n\t\t\n\t\t\t\t{`${recipeComments.length} comment${recipeComments.length > 1 ? \"s\" : \"\"} posted`}\n\t\t\t
\n\t\t\t- \n\t\t\t\t{recipeComments &&\n\t\t\t\t\trecipeComments.map((item, index) => {\n\t\t\t\t\t\tconst user = item.user;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{user.first_name} {user.middle_name}\n\t\t\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t\t\t- {user.city}, {user.state}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{moment(item.created).format(\"LL\")}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t {item.title}
\n\t\t\t\t\t\t\t\t\t{item.notes}\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t
\n\t\t\t
\n\t);\n};\n\nconst mapDispatchToProps = {};\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(JournalCategory);\n","import React, { useState } from \"react\";\nimport moment from \"moment\";\n\nexport default ({ value = \"00:00:00\", use12 = true, onChange = null, units = ['hh', 'mm', 'ss'] }) => {\n\tconst pad = (n, l) => {\n\t\treturn n.toString().padStart(l, 0);\n\t}\n\n\tconst time = moment(`2000-12-12 ${value}`);\n\tconst [isAM, setIsAM] = useState(time._d.getHours() < 12);\n\n\tconst [formats, setFormats] = useState({\n\t\thh: {\n\t\t\tlabel_min: \"hh\",\n\t\t\tlabel: \"hours\",\n\t\t\tmin: use12 ? 1 : 0,\n\t\t\tmax: use12 ? 12 : 23,\n\t\t\tvalue: moment(time).format(use12 ? \"h\" : \"H\")\n\t\t},\n\t\tmm: { label_min: \"mm\", label: \"minutes\", min: 0, max: 59, value: moment(time).format(\"m\") },\n\t\tss: { label_min: \"ss\", label: \"seconds\", min: 0, max: 59, value: moment(time).format(\"s\") }\n\t});\n\n\tconst getTime = (newFormats, isAM) => {\n\t\tconst hours = Number(newFormats.hh.value);\n\t\tconst minutes = Number(newFormats.mm.value);\n\t\tconst seconds = Number(newFormats.ss.value);\n\t\tconst time = `${pad((isAM ? (hours === 12 ? 0 : hours) : (hours + 12 > 23 ? 12 : hours + 12)), 2)}:${pad(minutes, 2)}:${pad(seconds, 2)}`;\n\t\tonChange && onChange(time);\n\t}\n\n\tconst amPmChnage = (newVal) => {\n\t\tgetTime(formats, newVal);\n\t}\n\n\tconst fieldChange = ({ target }, format) => {\n\t\tconst newFormats = { ...formats };\n\t\tconst newValue = target.value < format.min ? format.max : target.value > format.max ? format.min : target.value;\n\t\tnewFormats[format.label_min].value = newValue;\n\t\tsetFormats(newFormats);\n\t\tgetTime(newFormats, isAM);\n\t};\n\n\tconst increment = (format) => {\n\t\tconst { value } = format;\n\t\tfieldChange({ target: { value: value + 1 } }, format);\n\t}\n\n\tconst decrement = (format) => {\n\t\tconst { value } = format;\n\t\tfieldChange({ target: { value: value - 1 } }, format);\n\t}\n\n\tconst renderField = (format) => {\n\t\treturn (\n\t\t\t\n\t\t\t\tKeeping an accurate food journal can be the difference between a lifetime of wellness and a lifetime of weight\n\t\t\t\tstruggles.\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t this.setState({ showDeclineRecipePanel: !showDeclineRecipePanel })}\n\t\t\t\ttitle=\"Decline Recipe\"\n\t\t\t\tcloseBtn>\n\t\t\t\t{recipeToDecline && (\n\t\t\t\t\t (this.page = event)}>\n\t\t\t\t \n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\trecipeDetails: get(state, \"Recipes.recipeDetails\", []),\n\t\trecipeFavorite: get(state, \"Recipes.recipeFavorite\", {}),\n\t\trecipeComments: get(state, \"Recipes.recipeCommentsResult.results\", []),\n\t\tisAdmin: get(state, \"Auth.isAdmin\", false),\n\t\tuserDetails: state.Auth.userDetails\n\t};\n};\n\nconst mapDispatchToProps = { getRecipeDetails, resetField, favouriteRecipe, unFavouriteRecipe, isfavouriteRecipe };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(RecipeDetails);\n","import React, { useState } from \"react\";\n\nconst RenderTree = ({ categoryGroupList, onSelect, onClick }) => {\n\tconst [list, setList] = useState(categoryGroupList);\n\tconst level = 1;\n\tlet timeout = null;\n\n\tconst onSelectItem = (item, level) => {\n\t\tclearTimeout(timeout);\n\t\titem[\"loading\"] = true;\n\t\ttimeout = setTimeout(() => {\n\t\t\tconst newList = deepItemUpdate(list, item, null, true);\n\t\t\tsetList(newList);\n\t\t}, 5000);\n\t\tonSelect(item, level);\n\t};\n\n\tconst closeItem = (item) => {\n\t\tconst newList = deepItemUpdate(list, item, [\"sub_category\", \"food_category\"]);\n\t\tsetList(newList);\n\t};\n\n\tconst deepItemUpdate = (list, item, identifiers, loadingOnly = false) => {\n\t\treturn list.filter((listItem) => {\n\t\t\tif (listItem === item) {\n\t\t\t\t!loadingOnly &&\n\t\t\t\t\tidentifiers.map((identifier) => {\n\t\t\t\t\t\treturn (item[identifier] = []);\n\t\t\t\t\t});\n\t\t\t\titem[\"loading\"] = false;\n\t\t\t\treturn item;\n\t\t\t}\n\t\t\treturn deepItemUpdate(listItem[\"sub_category\"], item, identifiers, loadingOnly);\n\t\t});\n\t};\n\n\tconst renderItem = (item, index, level, hasLink, hasChild) => (\n\t\t\n\t\t\t\n\t\t\t\t\tonSelect && hasLink && !hasChild\n\t\t\t\t\t\t? onSelectItem(item, level + 1)\n\t\t\t\t\t\t: hasChild\n\t\t\t\t\t\t\t? closeItem(item)\n\t\t\t\t\t\t\t: onClick(item, level)\n\t\t\t\t}>\n\t\t\t\t
\n\t\t\n\t);\n\n\tconst renderTreeLevel = (list, level, isFoodCategory = false, isRootList = false) => {\n\t\treturn (\n\t\t\t increment(formats[format])} />\n\t\t\t\t\n\t\t\t \n\t);\n};\n\nconst mapDispatchToProps = { getRecipes };\n\nconst mapStateToProps = (state) => {\n\tconst { Recipes } = state;\n\treturn {\n\t\trecipeList: get(Recipes, \"recipesResult.results\", null),\n\t\tnext: get(Recipes, \"recipesResult.next\")\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(SelectRecipe);\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { reduxForm, Field } from \"redux-form\";\n\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport { getFoodGroupList, searchIngredients } from \"../../../../store/actions\";\nimport { objToQueryString } from \"../../../../utils/common\";\nimport { RecipeKeys } from \"../../../../constants/recipeConstants\";\n\nconst SearchIngredientsForm = ({\n\thandleSubmit,\n\tsubmitting,\n\tgetFoodGroupList,\n\tsearchIngredients,\n\tsearchIngredientResults,\n\tonSearch\n}) => {\n\n\tuseEffect(() => {\n\t\tif(!searchIngredientResults) {\n\t\t\tsearchIngredients(`limit=${RecipeKeys.SEARCH_INGREDIENT_RESULTS_LIMIT}`);\n\t\t}\n\t});\n\n\tconst validateForm = (values) => {\n\t\tonSearch(true);\n\t\tsearchIngredients(`${objToQueryString(values)}&limit=${RecipeKeys.SEARCH_INGREDIENT_RESULTS_LIMIT}`);\n\t};\n\n\treturn (\n\t\t\n\t\t\t \n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tsearchIngredientResults: get(state, \"AddRecipe.searchIngredientResults.results\", null),\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetFoodGroupList,\n\tsearchIngredients\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"SearchIngredientsForm\",\n\t\tenableReinitialize: true\n\t})(SearchIngredientsForm)\n);\n","import React from \"react\";\nimport { objToQueryString, queryStringToJSON } from \"../utils/common\";\n\nconst Pagination = ({ onPageChange, pageSize, totalCount, prev = null, next = null }) => {\n\tconst pages = pageSize || totalCount;\n\tconst pageLength = Math.ceil(isNaN(totalCount / pages) ? 0 : totalCount / pages);\n\tconst currentData = next ? queryStringToJSON(next) : prev ? queryStringToJSON(prev) : { offset: pageLength * pages };\n\tconst currentOffset = Number(currentData.offset);\n\tconst currentPage = next ? currentOffset / pages : currentOffset / pages + 2;\n\n\tconst filterPages = (visiblePages, totalPages) => {\n\t\treturn visiblePages.filter((page) => page <= totalPages);\n\t};\n\n\tconst getVisiblePages = (page, total) => {\n\t\tif (total < 7) {\n\t\t\treturn filterPages([1, 2, 3, 4, 5, 6], total);\n\t\t} else {\n\t\t\tif (page % 5 >= 0 && page > 4 && page + 2 < total) {\n\t\t\t\treturn [1, page - 1, page, page + 1, total];\n\t\t\t} else if (page % 5 >= 0 && page > 4 && page + 2 >= total) {\n\t\t\t\treturn [1, total - 3, total - 2, total - 1, total];\n\t\t\t} else {\n\t\t\t\treturn [1, 2, 3, 4, 5, total];\n\t\t\t}\n\t\t}\n\t};\n\n\treturn pageLength > 1 ? (\n\t\t\n\t\t\t \n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tisAdmin: state.Auth.isAdmin\n\t};\n};\n\nconst mapDispatchToProps = {};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(SelectFoodItem);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\nimport { reduxForm } from \"redux-form\";\n\nimport \"../JournalListing.scss\";\nimport JournalCategory from \"./selectJournalCategory\";\nimport JournalForm from \"./nutritionJournalForm\";\nimport SelectRecipe from \"./selectRecipe\";\nimport SelectFoodItem from \"./selectFoodItem\";\nimport FilterPanel, { PanelBody } from \"../../../../sharedComponents/filterPanel\";\nimport { addNutritionJournal, getNutrionJournalEntries } from \"../../../../store/actions\";\n\nconst AddToJournal = ({\n\tsetToggleAddToJornal,\n\thistory,\n\tgetNutrionJournalEntries,\n\tcourseOptions,\n\ttoggleAddToJournal = false,\n\tonUpdate,\n\tinitialRecipe,\n\tdate\n}) => {\n\tconst queryString = `start_date=${moment(date ? date : new Date()).format(\"YYYY-MM-DD\")}&end_date=${moment(\n\t\tdate ? date : new Date()\n\t).format(\"YYYY-MM-DD\")}`;\n\tconst [isFoodItem, setIsFoodItem] = useState(false);\n\tconst [isRecipie, setIsRecipe] = useState(false);\n\tconst [selectedRecipe, setSelectedRecipe] = useState(null);\n\n\tconst [selectedIngredient, setSelectedIngredient] = useState(null);\n\tconst [atBottom, setAtBottom] = useState(false);\n\n\tconst handleCancel = () => {\n\t\tsetToggleAddToJornal(false);\n\t\tsetSelectedRecipe();\n\t\tsetSelectedIngredient();\n\t\tsetIsFoodItem(false);\n\t\tsetIsRecipe(false);\n\t};\n\n\tuseEffect(() => {\n\t\tgetNutrionJournalEntries(queryString);\n\t\tinitialRecipe && setSelectedRecipe(initialRecipe);\n\t}, [getNutrionJournalEntries, initialRecipe, queryString]);\n\n\treturn (\n\t\t handleCancel()}\n\t\t\ttitle=\"Add To Journal\"\n\t\t\ttoggleAtBottom={(event) => setAtBottom(event)}\n\t\t\tcloseBtn>\n\t\t\t\n\t\t\t\t{!isFoodItem && !isRecipie && !selectedIngredient && !selectedRecipe && (\n\t\t\t\t\t onUpdate && onUpdate()}\n\t\t\t\t\t\tinitialRecipe={initialRecipe}\n\t\t\t\t\t\tdate={date}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t \n\t\t\n\t);\n};\n\nconst mapDispatchToProps = { addNutritionJournal, getNutrionJournalEntries };\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"JournalForm\"\n\t})(AddToJournal)\n);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Tabs, Tab } from \"react-bootstrap\";\nimport moment from \"moment\";\nimport { Link } from \"react-router-dom\";\nimport ReactToPrint from \"react-to-print\";\n\nimport { getRecipeDetails, resetField, favouriteRecipe, unFavouriteRecipe, isfavouriteRecipe } from \"../../../../store/actions\";\nimport FilterPanel from \"../../../../sharedComponents/filterPanel\";\nimport { RecipeKeys } from \"../../../../constants/recipeConstants\";\nimport StarRating from \"../../../../sharedComponents/starRating\";\nimport PlaceholderIMG from \"../../../../sharedComponents/placeholderImage\";\nimport ImageSlider from \"../../../../sharedComponents/imageSlider\";\nimport RelatedRecipes from \"./recipeRelated\";\nimport RecipeServings from \"./recipeServings\";\nimport RecentRecipes from \"./recipeRecent\";\nimport RecipeNutritionFacts from \"../add/recipeNutritionFacts\";\nimport RecipeIngredients from \"./recipeIngredients\";\nimport RecipeCreateComment from \"./recipeCreateComment\";\nimport RecipeComments from \"./recipeComments\";\nimport Tooltip from \"../../../../sharedComponents/tooltip\";\nimport AddToJournal from \"../../journal/add/addToJournalPanel\";\nimport DeclineRecipePanel from \"../listing/declineRecipePanel\";\nimport \"../listing/RecipesListing.scss\";\n\nclass RecipeDetails extends Component {\n\tstate = {\n\t\trecipeId: null,\n\t\tserveScale: 0,\n\t\tdetailsActiveTab: 1,\n\t\tselectedRecipe: null,\n\t\tshowDeclineRecipePanel: false,\n\t\trecipeToDecline: \" \"\n\t};\n\n\tcomponentDidMount() {\n\t\tconst { match, getRecipeDetails, recipeList, isfavouriteRecipe } = this.props;\n\t\tconst recipeId = get(match, \"params.id\", null);\n\t\tif (recipeId) {\n\t\t\tthis.setState({ recipeId });\n\t\t\tgetRecipeDetails(recipeId);\n\t\t\tisfavouriteRecipe(recipeId);\n\t\t}\n\t\tthis.setState({ recipes: recipeList });\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst { match, getRecipeDetails, recipeDetails } = this.props;\n\t\tconst recipeId = get(match, \"params.id\", null);\n\t\tif (prevProps.match !== match && recipeId && this.state.recipeId !== recipeId) {\n\t\t\tthis.page &&\n\t\t\t\tthis.page.scrollIntoView({\n\t\t\t\t\tblock: \"start\",\n\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\tinline: \"nearest\"\n\t\t\t\t});\n\t\t\tthis.setState({ recipeId });\n\t\t\tgetRecipeDetails(recipeId);\n\t\t}\n\n\t\tif (prevProps.recipeDetails !== recipeDetails) {\n\t\t\tthis.setState({ serveScale: get(recipeDetails, \"yields\") });\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.resetField(\"Recipes.recipeDetails\", {});\n\t}\n\n\trenderImageContainer = () => {\n\t\tconst { recipeDetails } = this.props;\n\t\tconst recipeImages =\n\t\t\trecipeDetails && recipeDetails.images && recipeDetails.images.length > 1\n\t\t\t\t? recipeDetails.images.map((item) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\tsrc: item.image_data.photo_l,\n\t\t\t\t\t\t\tname: item.image_data.name\n\t\t\t\t\t\t};\n\t\t\t\t })\n\t\t\t\t: null;\n\t\tconst recipeImage =\n\t\t\trecipeDetails && recipeDetails.images && recipeDetails.images.length === 1\n\t\t\t\t? get(recipeDetails.images[0], \"image_data.photo_l\", null)\n\t\t\t\t: get(recipeDetails, [RecipeKeys[\"IMAGES\"], RecipeKeys[\"PHOTO_L\"]], null);\n\n\t\treturn (\n\t\t\t
\n\t\t);\n\t};\n\n\trenderDetailsCategories = ({ categories, get_range_calorie, get_range_carb, get_range_protein }) => {\n\t\tconst caloriesCarbProteinData = [\n\t\t\t{\n\t\t\t\ticon: \"icon-calories\",\n\t\t\t\tdata: get_range_calorie,\n\t\t\t\tunit: \"kcal\",\n\t\t\t\tlabel: \"Calories\"\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: \"icon-carb\",\n\t\t\t\tdata: get_range_carb,\n\t\t\t\tunit: \"grams\",\n\t\t\t\tlabel: \"Carbs\"\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: \"icon-protein\",\n\t\t\t\tdata: get_range_protein,\n\t\t\t\tunit: \"grams\",\n\t\t\t\tlabel: \"Protein\"\n\t\t\t}\n\t\t];\n\t\treturn (\n\t\t\t\n\t\t\t\t\t fieldChange(e, formats[format])}\n\t\t\t\t\t\tclassName=\"time-pick-field\"\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t decrement(formats[format])} />\n\t\t\t
\n\t\t);\n\t};\n\n\tconst renderAMPM = () => {\n\t\treturn use12 ? (\n\t\t\t\n\t\t) : null;\n\t};\n\n\treturn (\n\t\t\n\t\t\t{units.indexOf('hh') > -1 && renderField(\"hh\")}\n\t\t\t{units.indexOf('mm') > -1 && renderField(\"mm\")}\n\t\t\t{units.indexOf('ss') > -1 && renderField(\"ss\")}\n\t\t\t{renderAMPM()}\n\t\t
\n\t);\n};\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\nimport { get } from \"lodash\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport { isInt, isDec } from \"../../../../constants/formValidators\";\nimport { secondsToTime } from \"../../../../utils/common\";\nimport { reduxForm, Field } from \"redux-form\";\nimport { required } from \"../../../../constants/formValidators\";\nimport {\n\tgetNutrionJournalEntries,\n\taddNutritionJournal,\n\teditNutritionJournal,\n\tgetIngredientWeightsList\n} from \"../../../../store/actions\";\nimport TimePick from \"../../../../sharedComponents/timePicker\";\n\nconst JournalForm = ({\n\tsetSelectedRecipe,\n\tselectedRecipe,\n\tselectedIngredient,\n\thandleSubmit,\n\taddNutritionJournal,\n\teditNutritionJournal,\n\tgetNutrionJournalEntries,\n\tsetToggleAddToJornal,\n\tsetToggleEditJournal,\n\tsetSelectedIngredient,\n\tsetIsFoodItem,\n\tsetIsRecipe,\n\tinitialValues,\n\teditTime,\n\tonUpdate,\n\tinitialRecipe,\n\tdate,\n\tgetIngredientWeightsList,\n\tingredientWeights\n}) => {\n\tconst queryString = `start_date=${moment(date ? date : new Date()).format(\"YYYY-MM-DD\")}&end_date=${moment(\n\t\tdate ? date : new Date()\n\t).format(\"YYYY-MM-DD\")}`;\n\tconst [time, setTime] = useState(editTime ? editTime : \"00:00:00\");\n\n\tconst courseOptions = [\n\t\t{ name: \"Breakfast\", id: \"A\" },\n\t\t{ name: \"Snack 1\", id: \"B\" },\n\t\t{ name: \"Lunch\", id: \"C\" },\n\t\t{ name: \"Snack 2\", id: \"D\" },\n\t\t{ name: \"Dinner\", id: \"E\" },\n\t\t{ name: \"Other\", id: \"Z\" }\n\t];\n\tselectedIngredient && selectedIngredient.id && getIngredientWeightsList(selectedIngredient.id);\n\tconst addToJournal = ({ hunger_after, hunger_before, meal, quantity, measure }) => {\n\t\tconst recipeOrFood =\n\t\t\tselectedRecipe && selectedRecipe.id\n\t\t\t\t? { recipe: selectedRecipe.id, entry: selectedRecipe.name }\n\t\t\t\t: selectedIngredient && selectedIngredient.id\n\t\t\t\t\t? { food: selectedIngredient.id, entry: selectedIngredient.name }\n\t\t\t\t\t: initialValues.recipe\n\t\t\t\t\t\t? { recipe: initialValues.recipe }\n\t\t\t\t\t\t: initialValues.food\n\t\t\t\t\t\t\t? { food: initialValues.food }\n\t\t\t\t\t\t\t: {};\n\t\tconst journalTime = isNaN(time) ? time : secondsToTime(time);\n\n\t\tconst journalValues = {\n\t\t\t...recipeOrFood,\n\t\t\tadded_on: moment(date ? date : new Date()).format(\"YYYY-MM-DD\") + \" \" + journalTime,\n\t\t\thunger_after,\n\t\t\thunger_before,\n\t\t\tmeal,\n\t\t\tquantity,\n\t\t\tmeasure\n\t\t};\n\n\t\tconst successHandler = () => {\n\t\t\tgetNutrionJournalEntries(queryString);\n\n\t\t\tonUpdate && onUpdate();\n\t\t\tif (!(initialValues && initialValues.id)) {\n\t\t\t\tsetSelectedRecipe(null);\n\t\t\t\tsetSelectedIngredient(null);\n\t\t\t\tsetIsFoodItem(false);\n\t\t\t\tsetIsRecipe(false);\n\t\t\t}\n\t\t\tNotificationManager.success(\"Journal added!\", \"\", 5000);\n\t\t};\n\n\t\tif (initialValues && initialValues.id) {\n\t\t\tsetToggleEditJournal(false);\n\t\t\teditNutritionJournal({ id: initialValues.id, ...journalValues }, successHandler);\n\t\t} else {\n\t\t\tsetToggleAddToJornal(false);\n\t\t\taddNutritionJournal(journalValues, successHandler);\n\t\t}\n\t};\n\n\tconst resetSelection = () => {\n\t\tsetSelectedRecipe(null);\n\t\tsetSelectedIngredient(null);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{(selectedRecipe || selectedIngredient) && !initialRecipe ? (\n\t\t\t\t\n\t\t\t) : null}\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tingredientWeights: get(state, \"AddRecipe.getIngredientWeights.results\", [])\n\t};\n};\n\nconst mapDispatchToProps = { getNutrionJournalEntries, addNutritionJournal, editNutritionJournal, getIngredientWeightsList };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"JournalForm\"\n\t})(JournalForm)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport RecipesCard from \"../../recipes/listing/recipesCard\";\nimport Loader from \"../../../../sharedComponents/preloader\";\nimport { getRecipes } from \"../../../../store/actions\";\nimport { objToQueryString, queryStringToJSON } from \"../../../../utils/common\";\nimport KeywordSearch from \"../../../../sharedComponents/keywordSearch\";\nimport NoRecipeFound from \"../../../../sharedComponents/noItemFoundAlert\";\n\nconst SelectRecipe = ({\n\trecipeList,\n\tsetSelectedRecipe,\n\tselectedRecipe,\n\thistory,\n\tatBottom,\n\tsetAtBottom,\n\tnext,\n\tgetRecipes,\n\tsetIsRecipe,\n\tsetIsFoodItem,\n\tsetToggleAddToJornal\n}) => {\n\tconst [showLoader, setShowLoader] = useState(true);\n\tconst [fetching, setFetching] = useState(false);\n\tconst [recipes, setRecipes] = useState([]);\n\n\tconst [filters, setFilters] = useState({\n\t\tordering: \"id\",\n\t\tlimit: 8,\n\t\tsearch: \"\",\n\t\tactive: \"True\",\n\t\tdeclined: \"True\"\n\t});\n\tconst [query, setQuery] = useState();\n\n\tuseEffect(() => {\n\t\tconst newFilters = { ...filters };\n\t\tsetQuery(objToQueryString(newFilters));\n\t}, [filters]);\n\n\tuseEffect(() => {\n\t\tif (query) {\n\t\t\tsetRecipes([]);\n\t\t\tsetShowLoader(true);\n\t\t\tgetRecipes(query);\n\t\t}\n\t}, [query, getRecipes]);\n\n\tuseEffect(() => {\n\t\tif (atBottom) {\n\t\t\tsetFetching(next ? true : false);\n\t\t}\n\t}, [atBottom, next]);\n\n\tuseEffect(() => {\n\t\tsetRecipes((prevState) => [...prevState, ...(recipeList !== null ? recipeList : [])]);\n\t\tsetAtBottom(false);\n\t}, [recipeList, setAtBottom]);\n\n\tuseEffect(() => {\n\t\trecipes && recipes.length && setShowLoader(false);\n\t}, [recipes]);\n\n\tuseEffect(() => {\n\t\tfetching && getRecipes(next.split(\"?\")[1]);\n\t\tfetching && setShowLoader(true);\n\t\tsetFetching(false);\n\t}, [fetching, getRecipes, next]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tsetRecipes([]);\n\t\t};\n\t}, [setRecipes]);\n\n\tconst cancel = () => {\n\t\tsetSelectedRecipe(null);\n\t\tsetIsRecipe(false);\n\t\tsetIsFoodItem(false);\n\t\tsetToggleAddToJornal(false);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t setFilters({ ...filters, ...queryStringToJSON(\"?\" + event) })}\n\t\t\t\t\tname=\"searchRecipe\"\n\t\t\t\t\tclassName=\"mr-2\"\n\t\t\t\t\treset={false}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t\n\t\t\t\t{recipes && recipes.length\n\t\t\t\t\t? recipes.map((card, i) => (\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t setSelectedRecipe(card)}>\n\t\t\t\t\t\t\t\t\t{selectedRecipe && selectedRecipe.id === card.id ? (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t ))\n\t\t\t\t\t: null}\n\t\t\t\t{!recipeList && \n\t\t\t\t\t\t
\n\t\t\t\t) : null}\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\tFind the ingredient you want to add
\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t{getVisiblePages(currentPage, pageLength).map((page) => {\n\t\t\t\tif (isNaN(page)) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\tconst offset = (page - 1) * pages;\n\t\t\t\tconst url = `?${objToQueryString({\n\t\t\t\t\t...currentData,\n\t\t\t\t\toffset\n\t\t\t\t})}`;\n\t\t\t\treturn (\n\t\t\t\t\t onPageChange(\"page\", url)}>\n\t\t\t\t\t\t{page}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t})}\n\t\t\t\n\t\t
\n\t) : null;\n};\n\nexport default Pagination;\n","import React from \"react\";\nimport ReactTable from \"react-table\";\n\nimport Pagination from \"./RTPagination\";\n\nconst PaginatedTable = ({ data = [], columns = [], pageSize, totalItems = null, next, prev, onPagination, className = \"\", noEmpty = false, emptyMessage=\"No rows found!\" }) => {\n\tconst onChange = (field, value) => {\n\t\tonPagination(value.split(\"?\")[1]);\n\t};\n\n\treturn data.length ? (\n\t\t\n\t\t\t
) : (\t\n\t\t\t<>\n\t\t\t\t{noEmpty ? (\n\t\t\t\t\t{emptyMessage}
\n\t\t\t\t): (\n\t\t\t\t\t{emptyMessage}
\n\t\t\t\t)}\n\t\t\t\n\t\t);\n};\n\nexport default PaginatedTable;\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { reduxForm, Field, reset } from \"redux-form\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport { searchIngredients, getIngredientWeightsList, resetField } from \"../../../../store/actions\";\nimport { required } from \"../../../../constants/formValidators\";\nimport PaginatedTable from \"../../../../sharedComponents/tableWithPagination\";\nimport { RecipeKeys } from \"../../../../constants/recipeConstants\";\n\nconst SelectIngredientsForm = ({\n\trecipe,\n\thandleSubmit,\n\tisExists,\n\tsetIsExists,\n\tsearchIngredientResults,\n\tsearchIngredientTotal,\n\tsearchIngredientPrev,\n\tsearchIngredientNext,\n\ttogglePanel,\n\tisSearching,\n\tsearchIngredients,\n\tgetIngredientWeightsList,\n\tingredientWeights,\n\tonSubmit,\n\tonIngredientSelect,\n\tresetForm,\n\tresetField,\n\tisAdmin\n}) => {\n\tconst [selectedIngredient, setSelectedIngredient] = useState({});\n\n\tuseEffect(() => {\n\t\tif (selectedIngredient.id) {\n\t\t\tgetIngredientWeightsList(selectedIngredient.id);\n\t\t}\n\t}, [selectedIngredient, getIngredientWeightsList]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tresetField(\"AddRecipe.searchIngredientResults\", {});\n\t\t};\n\t}, [resetField]);\n\n\tconst selectIngredientsColumns = [\n\t\t{\n\t\t\tHeader: \"Select\",\n\t\t\taccessor: \"id\",\n\t\t\tCell: (props) => (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t),\n\t\t\twidth: 100,\n\t\t\tsortable: false\n\t\t},\n\t\t{\n\t\t\tHeader: \"Ingredient\",\n\t\t\taccessor: \"label\"\n\t\t}\n\t];\n\n\tconst onSelectIngredient = (ingredient) => {\n\t\tsetIsExists(false);\n\t\tsetSelectedIngredient(ingredient);\n\t\tonIngredientSelect && onIngredientSelect(ingredient);\n\t};\n\n\tconst validateForm = (values) => {\n\t\tconst measure_data =\n\t\t\tvalues && values.measure ? ingredientWeights.filter((item) => item.id === values.measure)[0] : null;\n\t\tif (!measure_data) {\n\t\t\tNotificationManager.error(\"Please select weight!\", \"\", 5000);\n\t\t} else if (values && values.measure) {\n\t\t\tconst parameters = {\n\t\t\t\tid: null,\n\t\t\t\tingredient: selectedIngredient.id,\n\t\t\t\tingredient_data: {\n\t\t\t\t\tid: selectedIngredient.id,\n\t\t\t\t\tname: null\n\t\t\t\t},\n\t\t\t\tmain: values.main ? values.main : false,\n\t\t\t\tmeasure: values.measure ? Number(values.measure) : null,\n\t\t\t\tmeasure_data: measure_data || {},\n\t\t\t\tquantity: values.qty,\n\t\t\t\trecipe: recipe.id,\n\t\t\t\tseq: values.seq\n\t\t\t};\n\t\t\tonSubmit(parameters);\n\t\t\tresetForm(\"SelectIngredientsForm\");\n\t\t} else {\n\t\t\tNotificationManager.error(\"Please select another ingredient!\", \"\", 5000);\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tsearchIngredientResults: get(state, \"AddRecipe.searchIngredientResults.results\", null),\n\t\tsearchIngredientTotal: get(state, \"AddRecipe.searchIngredientResults.count\", 0),\n\t\tsearchIngredientPrev: get(state, \"AddRecipe.searchIngredientResults.previous\", null),\n\t\tsearchIngredientNext: get(state, \"AddRecipe.searchIngredientResults.next\", null),\n\t\tingredientWeights: get(state, \"AddRecipe.getIngredientWeights.results\", []),\n\t\trecipeIngredientList: get(state, \"AddRecipe.recipeIngredientList.results\", []),\n\t\tisAdmin: state.Auth.isAdmin\n\t};\n};\n\nconst mapDispatchToProps = {\n\tsearchIngredients,\n\tgetIngredientWeightsList,\n\tresetForm: reset,\n\tresetField\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"SelectIngredientsForm\",\n\t\tenableReinitialize: true\n\t})(SelectIngredientsForm)\n);\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\n\nimport \"../JournalListing.scss\";\nimport SearchIngredientsForm from \"../../recipes/add/searchIngredientsForm\";\nimport SelectIngredientsForm from \"../../recipes/add/selectIngredientsForm\";\n\nconst SelectFoodItem = ({ setSelectedIngredient, setIsRecipe, setIsFoodItem, setToggleAddToJornal, isAdmin }) => {\n\tconst [searchLoading, setSearchLoading] = useState(false);\n\tconst onIngredientSelect = (ingredient) => {\n\t\tsetSelectedIngredient(ingredient);\n\t};\n\n\tconst cancel = () => {\n\t\tsetSelectedIngredient(null);\n\t\tsetIsRecipe(false);\n\t\tsetIsFoodItem(false);\n\t\tsetToggleAddToJornal(false);\n\t};\n\n\tconst onSelect = (event) => event;\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t setSearchLoading(event)} />\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t Add New Food\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t Add New Food\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\tCannot find an ingredient?
\n\t\t\t\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t{this.renderDetailsHedaerNav(recipeDetails)}\n\t\t\t\t{recipeImages ? (\n\t\t\t\t\t
\n\t\t);\n\t};\n\n\trenderDetailsHedaerNav = ({ id }) => {\n\t\tconst { unFavouriteRecipe, favouriteRecipe, getRecipeDetails, isAdmin, isfavouriteRecipe, recipeFavorite } = this.props;\n\t\tconst { recipeId } = this.state;\n\t\tconst successHandler = () => {\n\t\t\tgetRecipeDetails(recipeId);\n\t\t\tisfavouriteRecipe(recipeId);\n\t\t};\n\t\treturn (\n\t\t\t\n\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\trecipeFavorite.recipe\n\t\t\t\t\t\t\t\t? unFavouriteRecipe(recipeFavorite.id, successHandler)\n\t\t\t\t\t\t\t\t: favouriteRecipe(id, successHandler)\n\t\t\t\t\t\t}>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t (\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\tcontent={() => this.componentRef}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t};\n\n\trenderMainSourceText = () => {\n\t\tconst { recipeDetails } = this.props;\n\t\tconst { main_sources } = recipeDetails;\n\t\tif (main_sources[0]) {\n\t\t\tconst { source__id, source__user, source__url_title, source__url } = main_sources[0];\n\t\t\tconst notes = main_sources[0] ? (\n\t\t\t\tsource__url_title ? source__url_title : null\n\t\t\t) : null;\n\n\t\t\treturn {notes ? From the kitchen of: {notes} : null}
;\n\t\t}\n\t\treturn null;\n\t};\n\n\trenderDetailsHedaer = () => {\n\t\tconst { recipeDetails, recipeComments } = this.props;\n\t\tconst { name, com_avg } = recipeDetails;\n\t\tconst comments = recipeComments ? recipeComments.length : 0;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{name}
\n\t\t\t\t\t{this.renderMainSourceText()}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\tthis.commentDiv.scrollIntoView({\n\t\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t\t\tblock: \"start\",\n\t\t\t\t\t\t\t\tinline: \"nearest\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\t Read Review({comments})\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tchangeServe = (event) => {\n\t\tconst value = parseInt(event.target.value);\n\t\tconst serveScale = value > 1 ? value : 1;\n\t\tthis.setState({ serveScale, detailsActiveTab: 1 });\n\t};\n\n\trenderDetailsPreparation = ({ preptime, cooktime, serving_size }) => {\n\t\tconst { serveScale } = this.state;\n\t\tconst preparationData = [\n\t\t\t{\n\t\t\t\ticon: \"icon-clock\",\n\t\t\t\tdata: preptime,\n\t\t\t\tlabel: \"Prep Time\"\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: \"icon-clock\",\n\t\t\t\tdata: cooktime,\n\t\t\t\tlabel: \"Cook Time\"\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: \"icon-food\",\n\t\t\t\tdata: serveScale,\n\t\t\t\tlabel: \"Serves\"\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: \"icon-food\",\n\t\t\t\tdata: serving_size,\n\t\t\t\tlabel: \"Serving Size\"\n\t\t\t}\n\t\t];\n\t\treturn (\n\t\t\tCategories
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{categories &&\n\t\t\t\t\t\t\t\tcategories.map(({ category__group__name, category__name, category__id }) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t{category__group__name}
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{category__name ? category__name : \"--\"}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t{caloriesCarbProteinData.map(({ icon, data, unit, label }, index) => (\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{data} {unit}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{label}
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\trenderDetailsIngredients = ({ directions_html }) => {\n\t\tconst { serveScale, recipeId, detailsActiveTab } = this.state;\n\t\treturn (\n\t\t\tPreparation
\n\t\t\t\t\n\t\t\t\t\t{preparationData.map(({ icon, data, label }, index) => (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{label === \"Serves\" ? (\n\t\t\t\t\t\t\t\t\t\t this.changeServe(event)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\tdata\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{label}
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\trenderAdditionalNotes = ({ notes_html }) => {\n\t\treturn notes_html ? (\n\t\t\t\n\t\t\t\t\t this.setState({ detailsActiveTab })}>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t{directions_html && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t) : null;\n\t};\n\n\trenderAcceptDeclineTab = ({ id, name, created_by, created }) => {\n\t\treturn (\n\t\t\tAdditional Notes
\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tdeclineRecipe = (cardInfo) => {\n\t\tthis.setState({ showDeclineRecipePanel: true });\n\t\tthis.setState({ recipeToDecline: cardInfo });\n\t};\n\n\tonDeclineSuccess = () => {\n\t\tthis.props.history.push(\"/nutrition/recipes/approval\");\n\t};\n\n\tonDeclineError = () => {\n\t\tthis.setState({ showDeclineRecipePanel: false });\n\t};\n\n\trenderDeclineRecipePanel = () => {\n\t\tconst { recipeToDecline, showDeclineRecipePanel } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tPatient Recipe Submission
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{name ? (\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{created_by && created_by.first_name ? (\n\t\t\t\t\t\t\t\t\t\tName
\n\t\t\t\t\t\t\t\t\t\t\t{name}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t\t{created ? (\n\t\t\t\t\t\t\t\t\t\tMember
\n\t\t\t\t\t\t\t\t\t\t\t{created_by.first_name}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\tDate
\n\t\t\t\t\t\t\t\t\t\t\t{moment(created).format(\"MM YYYY D\")}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t this.props.history.push(`/nutrition/recipes/${id}/edit`)}>\n\t\t\t\t\t\t\t APPROVE\n\t\t\t\t\t\t\n\t\t\t\t\t\t this.declineRecipe(this.props.recipeDetails)}>\n\t\t\t\t\t\t\t DECLINE\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{isAdmin && recipeDetails.active === false ? this.renderAcceptDeclineTab(recipeDetails) : null}\n\t\t\t\t\t
\n\t\t\t\t{this.renderDeclineRecipePanel()}\n\t\t\t (this.componentRef = el)}>\n\t\t\t\t\t\t
\n\t\t\t\t\t{selectedRecipe && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{recipeDetails && recipeDetails.id ? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{recipeId && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{this.renderImageContainer()}\n\t\t\t\t\t\t\t\t\t{this.renderDetailsCategories(recipeDetails)}\n\t\t\t\t\t\t\t\t\t{this.renderDetailsPreparation(recipeDetails)}\n\t\t\t\t\t\t\t\t\t{this.renderDetailsIngredients(recipeDetails)}\n\t\t\t\t\t\t\t\t\t{this.renderAdditionalNotes(recipeDetails)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t (this.commentDiv = event)} className=\"print-hidden\">\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tLoading content...
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{recipeDetails.active ? (\n\t\t\t\t\t\t\t\t\t this.setState({ selectedRecipe: recipeDetails })}>\n\t\t\t\t\t\t\t\t\t\tJournal This\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tNutrition Facts
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tServings Of
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{item.name ? item.name : item.long_desc ? item.long_desc : -- No name}
\n\t\t\t\t{item.count ? {item.count}
: null}\n\t\t\t- \n\t\t\t\t{list && list.length ? (\n\t\t\t\t\t
- {isFoodCategory ? \"Food\" : \"\"} Category \n\t\t\t\t\t\t{list.map((item) => {\n\t\t\t\t\t\t\tconst hasChild =\n\t\t\t\t\t\t\t\t(item.sub_category && item.sub_category.length) ||\n\t\t\t\t\t\t\t\t(item.food_category && item.food_category.length);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
- No Items found! \n\t\t\t\t\t)}\n\t\t\t
*/}\n {\n cardInfo.protein_calorie_type !== null &&\n cardInfo.protein_calorie_type !== undefined &&\n cardInfo.protein_calorie_type.toString().toLowerCase() !== \"none\" &&\n
*/}\n {\n parseInt(cardInfo.protein_calories) !== 0 && cardInfo.protein_calories !== null &&\n \n
\n }\n {/* \n {cardInfo.protein_calorie_type === null ? \" \" : cardInfo.protein_calorie_type}\n
\n \n 
\n {\"Protein Type\"}\n
\n \n
\n }\n \n );\n };\n\n const cardBodyBlock = (cardInfo) => {\n return (\n <>\n {\n parseInt(cardInfo.servings_vegetable) !== 0 &&\n \n {cardInfo.protein_calories}\n
\n \n \n {\"Protein Calories\"}\n
\n \n
\n }\n {\n parseInt(cardInfo.servings_misc) !== 0 &&\n \n {cardInfo.servings_vegetable}\n
\n \n \n {\"Vegetables\"}\n
\n \n
\n }\n \n );\n };\n\n const handleCardClick = (item) => {\n history.push({\n pathname: `/nutrition/food-database/${item.id}/view`,\n state: { isViewOnly: true }\n });\n }\n\n\n const renderCard = (item) => (\n \n {cardInfo.servings_misc}\n
\n \n \n {\"Misc\"}\n
\n \n
\n )\n\n const renderTreeLevel = (list) => {\n return (\n handleCardClick(item)}>\n
\n \n
\n \n
\n \n {item.name}\n
\n \n {cardProteinBlock(item)}\n
\n \n {cardBodyBlock(item)}\n
\n \n {list && list.length ? (\n <>\n {list.map((item) => {\n return (\n \n \n );\n })}\n \n ) : (\n No Items found! \n )}\n
\n );\n };\n\n return renderTreeLevel(foodList);\n};\n\nexport default FoodItemCardView;\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Dropdown } from \"react-bootstrap\";\nimport SearchFoodNutrition from \"../foodDatabase/searchFoodNutrition\";\nimport PaginatedTable from \"../../../sharedComponents/tableWithPagination\";\nimport KeywordSearch from \"../../../sharedComponents/keywordSearch\";\nimport NoRecipeImage from \"../../../assets/images/no-recipes-found.png\";\nimport { searchFoodNutrition, resetField } from \"../../../store/actions\";\nimport Loader from \"../../../sharedComponents/preloader\";\nimport { objToQueryString } from \"../../../utils/common\";\n\nimport \"./FoodDatabase.scss\";\nimport {\n\ttogglePreloader,\n\tgetFoodDatabase,\n\tgetFoodListCardView,\n\tgetFoodDatabaseLevelTwo,\n\tgetFoodDatabaseLevelThree,\n\tgetFoodDatabaseLevelFour,\n} from \"../../../store/actions\";\nimport RenderTree from \"./renderTree\";\nimport FoodItemCardView from \"../../../sharedComponents/foodItemCardView\";\n\nconst initialState = {\n\tfoodDatabaseLevel1: [],\n\tfoodListCardViewData: [],\n\tfoodListCardSearchData: [],\n\tselectedFoodDatabaseLevel1: null,\n\tselectedFoodDatabaseLevel2: null,\n\tselectedFoodDatabaseLevel3: null,\n\tselectedFoodDatabaseLevel4: null,\n};\n\nclass FoodDatabase extends Component {\n\tstate = {\n\t\t...initialState,\n\t\tsearch: \"\",\n\t\tisLoading: false,\n\t\tsearchLoading: true,\n\t\tshow: false,\n\t\tfilterQuery: {\n\t\t\tordering: \"id\",\n\t\t\tlimit: 30,\n\t\t\tsearch: \"\",\n\t\t\tdeclined: \"True\"\n\t\t},\n\n\t\toffset: 30,\n\t};\n\n\tcomponentDidMount() {\n\t\t// this.props.getFoodDatabase();\n\t\tthis.props.getFoodListCardView(objToQueryString(this.state.filterQuery));\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState) {\n\t\tconst {\n\t\t\tfoodDatabaseLevel1: foodDatabase,\n\t\t\tselectedFoodDatabaseLevel1,\n\t\t\tselectedFoodDatabaseLevel2,\n\t\t\tselectedFoodDatabaseLevel3,\n\t\t\tfoodListCardViewData,\n\t\t\tfoodListCardSearchData,\n\t\t\tfilterQuery,\n\t\t\toffset,\n\t\t\tsearch\n\t\t} = this.state;\n\t\tconst { foodDatabaseLevel1, foodNutritionList, atBottom, foodDatabaseCardResult, foodDatabaseLevel2, foodDatabaseLevel3, foodDatabaseLevel3_food, foodDatabaseLevel4 } =\n\t\t\tthis.props;\n\t\tif (prevProps.foodDatabaseCardResult !== foodDatabaseCardResult) {\n\t\t\tlet list = foodListCardViewData.concat(foodDatabaseCardResult.results);\n\t\t\tthis.setState({\n\t\t\t\tisLoading: false,\n\t\t\t\tsearchLoading: false,\n\t\t\t\tfoodListCardViewData: list\n\t\t\t})\n\t\t}\n\n\t\tif (prevProps.foodNutritionList !== foodNutritionList) {\n\t\t\tlet searchList = foodNutritionList.results !== undefined ? foodNutritionList.results : [];\n\t\t\tthis.setState({\n\t\t\t\tisLoading: false,\n\t\t\t\tfoodListCardSearchData: searchList\n\t\t\t})\n\t\t}\n\n\t\tif (prevProps.atBottom !== atBottom) {\n\t\t\tif (atBottom) {\n\t\t\t\tthis.props.getFoodListCardView(`${objToQueryString(filterQuery)}&offset=${offset}`);\n\t\t\t\tlet offsetValue = offset + 30;\n\t\t\t\tthis.setState({ isLoading: true, offset: offsetValue })\n\t\t\t}\n\t\t}\n\n\t\tif (prevProps.foodDatabaseLevel1 !== foodDatabaseLevel1) {\n\t\t\tthis.setState({ foodDatabaseLevel1: this.processList(foodDatabaseLevel1) });\n\t\t\tconst { foodDatabaseBackData } = this.props;\n\n\t\t\tif (foodDatabaseBackData) {\n\t\t\t\treturn (foodDatabaseBackData.hier1 || foodDatabaseBackData.hier1_data) &&\n\t\t\t\t\t(foodDatabaseBackData.hier2 || foodDatabaseBackData.hier2_data) &&\n\t\t\t\t\t(foodDatabaseBackData.hier3 || foodDatabaseBackData.hier3_data)\n\t\t\t\t\t? this.handleNavigation(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid:\n\t\t\t\t\t\t\t\tfoodDatabaseBackData.hier1 ||\n\t\t\t\t\t\t\t\t(foodDatabaseBackData.hier1_data && foodDatabaseBackData.hier1_data.id),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid:\n\t\t\t\t\t\t\t\tfoodDatabaseBackData.hier2 ||\n\t\t\t\t\t\t\t\t(foodDatabaseBackData.hier2_data && foodDatabaseBackData.hier2_data.id),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid:\n\t\t\t\t\t\t\t\tfoodDatabaseBackData.hier3 ||\n\t\t\t\t\t\t\t\t(foodDatabaseBackData.hier3_data && foodDatabaseBackData.hier3_data.id),\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\t: (foodDatabaseBackData.hier1 || foodDatabaseBackData.hier1_data) &&\n\t\t\t\t\t\t(foodDatabaseBackData.hier2 || foodDatabaseBackData.hier2_data)\n\t\t\t\t\t\t? this.handleNavigation(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid:\n\t\t\t\t\t\t\t\t\tfoodDatabaseBackData.hier1 ||\n\t\t\t\t\t\t\t\t\t(foodDatabaseBackData.hier1_data && foodDatabaseBackData.hier1_data.id),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid:\n\t\t\t\t\t\t\t\t\tfoodDatabaseBackData.hier2 ||\n\t\t\t\t\t\t\t\t\t(foodDatabaseBackData.hier2_data && foodDatabaseBackData.hier2_data.id),\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t)\n\t\t\t\t\t\t: foodDatabaseBackData.hier1 || foodDatabaseBackData.hier1_data\n\t\t\t\t\t\t\t? this.handleNavigation({\n\t\t\t\t\t\t\t\tid:\n\t\t\t\t\t\t\t\t\tfoodDatabaseBackData.hier1 ||\n\t\t\t\t\t\t\t\t\t(foodDatabaseBackData.hier1_data && foodDatabaseBackData.hier1_data.id),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: null;\n\t\t\t}\n\t\t}\n\n\t\tif (prevProps.foodDatabaseLevel2 !== foodDatabaseLevel2) {\n\t\t\tfoodDatabase.map((item) => {\n\t\t\t\tif (selectedFoodDatabaseLevel1 && item.id === selectedFoodDatabaseLevel1.id) {\n\t\t\t\t\titem.sub_category = this.processList(foodDatabaseLevel2);\n\t\t\t\t}\n\t\t\t\treturn null;\n\t\t\t});\n\t\t\tfoodDatabase && foodDatabase.length && this.setState({ foodDatabaseLevel1: foodDatabase });\n\t\t}\n\n\t\tif (\n\t\t\tprevProps.foodDatabaseLevel3 !== foodDatabaseLevel3 ||\n\t\t\tprevProps.foodDatabaseLevel3_food !== foodDatabaseLevel3_food\n\t\t) {\n\t\t\tfoodDatabase.map((item) => {\n\t\t\t\tif (selectedFoodDatabaseLevel1 && item.id === selectedFoodDatabaseLevel1.id) {\n\t\t\t\t\titem.sub_category.map((itemLevel2) => {\n\t\t\t\t\t\tif (selectedFoodDatabaseLevel2 && itemLevel2.id === selectedFoodDatabaseLevel2.id) {\n\t\t\t\t\t\t\titemLevel2.sub_category = this.processList(foodDatabaseLevel3);\n\t\t\t\t\t\t\titemLevel2.food_category = this.processList(foodDatabaseLevel3_food, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn null;\n\t\t\t});\n\t\t\tfoodDatabase && foodDatabase.length && this.setState({ foodDatabaseLevel1: foodDatabase });\n\t\t}\n\n\t\tif (prevProps.foodDatabaseLevel4 !== foodDatabaseLevel4) {\n\t\t\tfoodDatabase.map((item) => {\n\t\t\t\tif (selectedFoodDatabaseLevel1 && item.id === selectedFoodDatabaseLevel1.id) {\n\t\t\t\t\titem.sub_category.map((itemLevel2) => {\n\t\t\t\t\t\tif (selectedFoodDatabaseLevel2 && itemLevel2.id === selectedFoodDatabaseLevel2.id) {\n\t\t\t\t\t\t\titemLevel2.sub_category.map((itemLevel3) => {\n\t\t\t\t\t\t\t\tif (selectedFoodDatabaseLevel3 && itemLevel3.id === selectedFoodDatabaseLevel3.id) {\n\t\t\t\t\t\t\t\t\titemLevel3.sub_category = this.processList(foodDatabaseLevel4, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn null;\n\t\t\t});\n\t\t\tfoodDatabase && foodDatabase.length && this.setState({ foodDatabaseLevel1: foodDatabase });\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.props.resetField(\"FoodDatabase.foodNutritionList\", []);\n\t\tthis.props.resetField(\"FoodDatabase.foodDatabaseBackData\", null);\n\t}\n\n\tprocessList = (list, hasLink = true) => {\n\t\treturn list.map((item) => {\n\t\t\treturn { ...item, sub_category: [], food_category: [], hasLink };\n\t\t});\n\t};\n\n\tgetLevelFour = (item) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tselectedFoodDatabaseLevel3: item,\n\t\t\t},\n\t\t\t() => this.props.getFoodDatabaseLevelFour(`hier3_id=${item.id}`)\n\t\t);\n\t};\n\n\tgetLevelThree = (item) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tselectedFoodDatabaseLevel2: item,\n\t\t\t},\n\t\t\t() => this.props.getFoodDatabaseLevelThree(`p=${item.id}`)\n\t\t);\n\t};\n\n\tgetLevelTwo = (item) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tselectedFoodDatabaseLevel1: item,\n\t\t\t},\n\t\t\t() => this.props.getFoodDatabaseLevelTwo(`p_id=${item.id}`)\n\t\t);\n\t};\n\n\tgetInnerLevel = (event, level) => {\n\t\tswitch (level) {\n\t\t\tcase 2:\n\t\t\t\treturn this.getLevelTwo(event);\n\t\t\tcase 3:\n\t\t\t\treturn this.getLevelThree(event);\n\t\t\tcase 4:\n\t\t\t\treturn this.getLevelFour(event);\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t}\n\t};\n\n\tgoToPage = (event, level) => {\n\t\tthis.props.resetField(\"FoodDatabase.foodDatabaselevels\", event);\n\t\tthis.props.history.push(`/nutrition/food-database/${event.id}/details`);\n\t};\n\n\trenderTree = () => {\n\t\tconst { foodDatabaseLevel1 } = this.state;\n\t\treturn foodDatabaseLevel1 && foodDatabaseLevel1.length ? (\n\t\t\t\n {renderCard(item)}\n
\n \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tHeader: \"Useful\",\n\t\t\taccessor: \"useful\",\n\t\t\tsortable: false,\n\t\t\twidth: 100,\n\t\t\tCell: ({ original }) => (original.useful ? : \"\"),\n\t\t},\n\t];\n\n\tsetLoaderTrue = (data) => {\n\t\tthis.setState({\n\t\t\tsearchLoading: data\n\t\t})\n\t}\n\n\tsetSearch = (search) => {\n\t\tthis.setState({ search, foodListCardSearchData: [] })\n\t}\n\n\tfoodListHeader = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t this.setState({ show: true })}\n\t\t\t\t\t\t\tclassName=\"btn btn-primary-dark btn-ghost mr-2\">\n\t\t\t\t\t\t\tPatient Submissions\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t) : null}\n\t\t\t\t
\n\t\t)\n\t}\n\n\trender() {\n\t\tconst { isLoading, searchLoading } = this.state;\n\t\treturn (\n\t\t\tFood Database
\n\t\t\t\t{this.props.isAdmin ? (\n\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- this.dropdownClick(\"/nutrition/food-database/approval\")}>\n\t\t\t\t\t\t\t\t\tFood Approval\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{this.foodListHeader()}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{searchLoading ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tthis.state.search === \"\"\n\t\t\t\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t\t\t\tthis.renderCard(this.state.foodListCardViewData)\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t: (this.state.foodListCardSearchData.length !== 0)\n\t\t\t\t\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t: (!this.state.searchLoading)\n\t\t\t\t\t\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tYour search found {this.props.foodNutritionList.count} result(s){\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.renderCard(this.state.foodListCardSearchData)}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tNo items found!
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\tPatient Food Submissions
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{loading ?
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t searchPatientFood(`${event}`)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\n\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tPatient Submissions\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t
- dropdownClick(\"/nutrition/food-database\")}>Food Listing \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\tSearch Food Nutrition
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\t\n\t\t\t\t\t) : null}\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\thandleBackNavigation();\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{name ? name : long_desc}\n\t\t\t\t\t
\n\t\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\t\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t{nut_data && foodDetailsColumns && foodDetailsData ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t[]\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\tProtein Calorie Type :\n\t\t\t\t\t\t\t\t{foodDetails && foodDetails.protein_calorie_type\n\t\t\t\t\t\t\t\t\t? foodTypeList.filter((item) => item.id === foodDetails.protein_calorie_type)[0].name\n\t\t\t\t\t\t\t\t\t: \"N/A\"}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tServings Type :\n\t\t\t\t\t\t\t\t{foodDetails && foodDetails.servings_type\n\t\t\t\t\t\t\t\t\t? servingsList.filter((item) => item.id === foodDetails.servings_type)[0].name\n\t\t\t\t\t\t\t\t\t: \"N/A\"}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tNutritional data source: {source ? source : \"\"}
\n\t\t\t\t\t\t\tOriginal long name: {long_desc ? long_desc : \"\"}
\n\t\t\t\t\t\t\n\t\t\t
\n\t) : (\n\t\t\tIngredient name
\n\t\t\t{initialValues.ingredient_data.name && initialValues.ingredient_data.name !== \"\" ? initialValues.ingredient_data.name : initialValues.ingredient_data.long_desc}
\n\t\t\t\n\t\tNo data found!
\n\t\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tingredientWeights: get(state, \"AddRecipe.getIngredientWeights.results\", [])\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetIngredientWeightsList,\n\tupdateRecipeIngredient\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"EditIngredientsForm\",\n\t\tenableReinitialize: true\n\t})(EditIngredientsForm)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { Modal } from \"react-bootstrap\";\n\nconst ConfirmDelete = ({ item, message = Confirm ?
, onEvent }) => {\n\tconst [show, setShow] = useState(false);\n\tuseEffect(() => {\n\t\tsetShow(item ? true : false);\n\t}, [item]);\n\n\tconst handleEvent = (yes = true) => {\n\t\tonEvent(yes);\n\t\tsetShow(false);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t toggleAddIngredientsPanel(!showAddIngredientsPanel)}>\n\t\t\t\t\t\t\t\t Add new\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{initialValues && initialValues.raw_ingredients ? (\n\t\t\t\t\t\t\tIngredients Listing
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\tRaw ingredients
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{recipeIngredients && recipeIngredients.length ? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\tPlease add ingredients!
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{recipeNutritionFacts && recipeNutritionFacts.length ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tNutrition Facts
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSave & Next\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t toggleAddIngredientsPanel(event)}\n\t\t\t\t\t\t\t\tisSearching={searchLoading}\n\t\t\t\t\t\t\t\tonSubmit={(event) => addToRecipeIngredients(event)}\n\t\t\t\t\t\t\t\tisExists={isExists}\n\t\t\t\t\t\t\t\tsetIsExists={(event) => setIsExists(event)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t editCategoryGroup(original)}\n\t\t\t\t\t\tclassName=\"btn btn-success btn-ghost btn-sm btn-cell mr-2\">\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t confirmDelete(original)}\n\t\t\t\t\t\tclassName=\"btn btn-danger btn-ghost btn-sm btn-cell\">\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t),\n\t\t\tsortable: false\n\t\t}\n\t];\n\n\tconst onCancel = () => {\n\t\tsetEditItem(null);\n\t};\n\n\tconst onSuccess = (event) => {\n\t\tsetEditItem(null);\n\t\tgetList();\n\t\tonBack && onBack(event);\n\t};\n\n\tconst onAddBtn = () => {\n\t\tsetEditItem({ ...initialFields });\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{list && list.length ? \n\t\t\t\t\t\t\t\t onBack && onBack({ panel: 1, data: [] })}>\n\t\t\t\t\t\t\t\t\t Back\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n
\n}\n\nconst mapStateToProps = (state) => {\n return {\n categoryList: get(state, \"AddRecipe.categoryList.results\", []),\n categoryGroupList: get(state, \"AddRecipe.categoryGroupList.results\", [])\n };\n};\n\nconst mapDispatchToProps = {\n getCategoryGroups,\n getCategories,\n deleteCategoryGroup,\n deleteCategory\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(CategoryGroupListing);","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { reduxForm, Field, reset, change } from \"redux-form\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport { getCategoryGroups } from \"../../../../store/actions\";\nimport { required } from \"../../../../constants/formValidators\";\n\nimport CategoryGroupListing from \"../../categories/CategoryGroupListing\";\n\nconst SelectCategoryForm = ({\n\tgetCategoryGroups,\n\tcategoryGroupList,\n\trecipeCategoryList,\n\thandleSubmit,\n\tonUpdate,\n\tresetForm,\n\ttogglePanel,\n\tsubmitting,\n\tchange\n}) => {\n\tuseEffect(() => {\n\t\tgetCategoryGroups();\n\t}, [getCategoryGroups]);\n\n\tconst [disable, setDisable] = useState(false);\n\n\tconst renderCategoryList = () => {\n\t\tlet list = [];\n\t\tcategoryGroupList &&\n\t\t\tcategoryGroupList.length &&\n\t\t\tcategoryGroupList.map((item) => {\n\t\t\t\treturn item.group.map((innItem) => {\n\t\t\t\t\treturn (list = [\n\t\t\t\t\t\t...list,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tgroupName: item.name,\n\t\t\t\t\t\t\tgroupId: item.id,\n\t\t\t\t\t\t\tname: `${item.name} - ${innItem.name}`,\n\t\t\t\t\t\t\titemName: innItem.name,\n\t\t\t\t\t\t\tid: innItem.id\n\t\t\t\t\t\t}\n\t\t\t\t\t]);\n\t\t\t\t});\n\t\t\t});\n\t\treturn list;\n\t};\n\n\tconst list = renderCategoryList();\n\n\tconst validateForm = (values) => {\n\t\tsetDisable(true);\n\t\tconst selectedCategory = list.filter((item) => Number(item.id) === Number(values.category));\n\t\tconst isExists = recipeCategoryList\n\t\t\t? recipeCategoryList.filter((item) => Number(item.category__id) === Number(values.category)).length > 0\n\t\t\t: false;\n\t\tif (isExists) {\n\t\t\tNotificationManager.error(\"Please select another category!\", \"\", 5000);\n\t\t} else {\n\t\t\tonUpdate(selectedCategory[0]);\n\t\t\tresetForm(\"SelectCategoryForm\");\n\t\t}\n\t};\n\n\tconst [animPanel, setAnimPanel] = useState(1);\n\n\tconst onBack = (event) => {\n\t\tconst selectedItem = list.filter(item => event.data.id === item.id);\n\t\tselectedItem && selectedItem.length && change('SelectCategoryForm','category', selectedItem[0].id);\n\t\tsetAnimPanel(event.panel);\n\t}\n\n\treturn list && list.length ? (\n\t\t\n {category ? category.name : \"\"}\n }, {\n Header: \"Category\",\n accessor: \"name\"\n }, {\n Header: \"Seq\",\n accessor: \"seq\",\n width: 50,\n className: \"text-center px-1\",\n headerClassName: \"text-center px-1\",\n sortable: false\n }]} addForm={AddCategoryForm} initialFields={{\n name: \"\",\n seq: 1,\n group: category ? category.id : null\n }} />\n
\n \n setCategory(original)} className=\"text-primary-dark pointer\">{value}\n }, {\n Header: \"Seq\",\n accessor: \"seq\",\n width: 50,\n className: \"text-center px-1\",\n headerClassName: \"text-center px-1\",\n sortable: false\n }, {\n Header: \"Special\",\n accessor: \"major\",\n width: 80,\n className: \"text-center px-1\",\n headerClassName: \"text-center px-1\",\n sortable: false,\n Cell: ({ value }) => \n }, {\n Header: \"Search\",\n accessor: \"search\",\n width: 80,\n className: \"text-center px-1\",\n headerClassName: \"text-center px-1\",\n sortable: false,\n Cell: ({ value }) => \n }]} addForm={AddCategoryGroupForm} initialFields={{\n major: true,\n name: \"\",\n search: true,\n seq: 1\n }} />\n
\n \n\t\t\t
\n\t) : null;\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcategoryGroupList: get(state, \"AddRecipe.categoryGroupList.results\", [])\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetCategoryGroups,\n\tresetForm: reset,\n\tchange\n};\n\nexport default reduxForm({\n\tform: \"SelectCategoryForm\",\n\tenableReinitialize: true\n})(connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(SelectCategoryForm)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport SelectCategoryForm from \"./selectCategoryForm\";\nimport PaginatedTable from \"../../../../sharedComponents/tableWithPagination\";\nimport FilterPanel, { PanelBody } from \"../../../../sharedComponents/filterPanel\";\nimport { removeRecipeCategory, addRecipeCategories, getRecipeDetails } from \"../../../../store/actions\";\nimport ConfirmDelete from \"../../../../sharedComponents/confirmDelete\";\n\nconst Categories = ({\n\trecipeDetails,\n\tsetActiveTab,\n\tremoveRecipeCategory,\n\taddRecipeCategories,\n\tgetRecipeDetails,\n\tnewAdditions\n}) => {\n\tconst [recipeCategories, updateRecipeCategories] = useState([]);\n\tconst [submitting, setSubmitting] = useState(false);\n\n\tuseEffect(() => {\n\t\tnewAdditions(\"categories\", recipeCategories.filter((item) => item.isNew).length > 0);\n\t}, [recipeCategories, newAdditions]);\n\n\tuseEffect(() => {\n\t\trecipeDetails && recipeDetails.categories && updateRecipeCategories(recipeDetails.categories);\n\t}, [recipeDetails]);\n\n\tconst addToRecipeCategories = (event) => {\n\t\tconst newCategory = {\n\t\t\tcategory__group__name: event.groupName,\n\t\t\tcategory__id: event.id,\n\t\t\tcategory__name: event.itemName,\n\t\t\tisNew: true\n\t\t};\n\t\tupdateRecipeCategories([...recipeCategories, newCategory]);\n\t};\n\n\tconst removeCategory = (original) => {\n\t\tconst successHandler = () => {\n\t\t\tupdateRecipeCategories(recipeCategories.filter((item) => item.category__id !== original.category__id));\n\t\t};\n\t\tif (!original.isNew) {\n\t\t\tremoveRecipeCategory(original.id, successHandler);\n\t\t} else {\n\t\t\tsuccessHandler();\n\t\t}\n\t};\n\n\tconst columns = [\n\t\t{\n\t\t\tHeader: \"Category Group\",\n\t\t\taccessor: \"category__group__name\",\n\t\t\twidth: 300\n\t\t},\n\t\t{\n\t\t\tHeader: \"Category\",\n\t\t\taccessor: \"category__name\"\n\t\t},\n\t\t{\n\t\t\tHeader: \"Actions\",\n\t\t\taccessor: \"category__id\",\n\t\t\tclassName: \"text-right\",\n\t\t\theaderClassName: \"text-right\",\n\t\t\twidth: 100,\n\t\t\tCell: ({ original }) => (\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t toggleAddCategoryPanel(true)}\n\t\t\t\t\t\t\t\tclassName=\"btn btn-primary text-uppercase\">\n\t\t\t\t\t\t\t\t Add new\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\tCategory Listing
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{recipeCategories && recipeCategories.length ? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\tNo category selected!
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSave & Next\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t) : null;\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tsourceList: get(state, \"AddRecipe.sourceList\", [])\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetSources,\n\tresetForm: reset,\n\tchange\n};\n\nexport default reduxForm({\n\tform: \"SelectSourceForm\",\n\tenableReinitialize: true\n})(connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(SelectSourceForm)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Link } from \"react-router-dom\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport SelectSourceForm from \"./selectSourceForm\";\nimport PaginatedTable from \"../../../../sharedComponents/tableWithPagination\";\nimport FilterPanel, { PanelBody } from \"../../../../sharedComponents/filterPanel\";\nimport { getRecipeSourceList, removeRecipeSource, addRecipeSources } from \"../../../../store/actions\";\nimport ConfirmDelete from \"../../../../sharedComponents/confirmDelete\";\n\nconst Sources = ({\n\trecipeDetails,\n\tsetActiveTab,\n\tgetRecipeSourceList,\n\tremoveRecipeSource,\n\trecipeSourceList,\n\taddRecipeSources,\n\tnewAdditions\n}) => {\n\tuseEffect(() => {\n\t\trecipeDetails.id && getRecipeSourceList(recipeDetails.id);\n\t}, [recipeDetails, getRecipeSourceList]);\n\n\tconst [submitting, setSubmitting] = useState(false);\n\tconst [recipeSources, updateRecipeSources] = useState([]);\n\tuseEffect(() => {\n\t\tupdateRecipeSources(recipeSourceList);\n\t}, [recipeSourceList]);\n\n\tuseEffect(() => {\n\t\tnewAdditions(\"sources\", recipeSources.filter((item) => item.isNew).length > 0);\n\t}, [recipeSources, newAdditions]);\n\n\tconst removeSource = (original) => {\n\t\tconst successHandler = () => updateRecipeSources(recipeSources.filter((item) => item.source !== original.source));\n\t\tif (!original.isNew) {\n\t\t\tremoveRecipeSource(original.id, successHandler);\n\t\t} else {\n\t\t\tsuccessHandler();\n\t\t}\n\t};\n\n\tconst columns = [\n\t\t{\n\t\t\tHeader: \"Seq\",\n\t\t\taccessor: \"seq\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"Name\",\n\t\t\tid: \"name\",\n\t\t\taccessor: (d) => {\n\t\t\t\treturn d.source_data;\n\t\t\t},\n\t\t\tCell: ({ value }) => {\n\t\t\t\treturn {value.name};\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tHeader: \"URL\",\n\t\t\tid: \"url\",\n\t\t\taccessor: (d) => {\n\t\t\t\treturn d.source_data;\n\t\t\t},\n\t\t\tCell: ({ value }) => {\n\t\t\t\tconst { url, url_title } = value;\n\t\t\t\treturn {url_title};\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Notes\",\n\t\t\tid: \"notes\",\n\t\t\taccessor: (d) => {\n\t\t\t\treturn d.source_data;\n\t\t\t},\n\t\t\tCell: ({ value }) => {\n\t\t\t\treturn {value.notes};\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Actions\",\n\t\t\tid: \"actions\",\n\t\t\tclassName: \"text-right\",\n\t\t\theaderClassName: \"text-right\",\n\t\t\twidth: 100,\n\t\t\taccessor: (d) => {\n\t\t\t\treturn d.id;\n\t\t\t},\n\t\t\tCell: ({ original }) => (\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t toggleAddSourcePanel(true)}\n\t\t\t\t\t\t\t\tclassName=\"btn btn-primary text-uppercase\">\n\t\t\t\t\t\t\t\t Add new\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\tSource Listing
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{recipeSources && recipeSources.length ? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\tNo Source selected!
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSave & Next\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default DropZone;\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { reduxForm, Field, reset } from \"redux-form\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport DropZone from \"../../../../sharedComponents/dropZoneWrap\";\nimport { getSources, addImages } from \"../../../../store/actions\";\nimport { required } from \"../../../../constants/formValidators\";\n\nconst ImagesDropZone = ({ toggleAddImagePanel, sourceList, handleSubmit, addImages, addedImage, resetForm }) => {\n\tconst notify = (msg) => {\n\t\tswitch (msg.type) {\n\t\t\tcase \"error\":\n\t\t\t\treturn NotificationManager.error(msg.text, \"\", 5000);\n\t\t\tcase \"success\":\n\t\t\t\treturn NotificationManager.success(msg.text, \"\", 5000);\n\t\t\tdefault:\n\t\t\t// do nothing\n\t\t}\n\t};\n\n\tconst [dropZoneFiles, updateDropZoneFiles] = useState([]);\n\tconst [resetDropZone, setResetDropZone] = useState(0);\n\tconst [submitting, setSubmitting] = useState(false);\n\n\tconst validateForm = (values) => {\n\t\tsetSubmitting(true);\n\t\tif (dropZoneFiles && dropZoneFiles.length) {\n\t\t\tconst dzFile = dropZoneFiles[0].file;\n\t\t\tconst formData = new FormData();\n\t\t\tformData.append(\"name\", values.name);\n\t\t\tformData.append(\"source\", values.source);\n\t\t\tformData.append(\"photo_o\", dzFile, dzFile.name);\n\n\t\t\tconst successHandler = (event) => {\n\t\t\t\tevent.json().then((data) => addedImage(data, values.seq));\n\t\t\t\tsetResetDropZone(resetDropZone + 1);\n\t\t\t\tresetForm(\"ImagesDropZone\");\n\t\t\t\ttoggleAddImagePanel(false);\n\t\t\t};\n\n\t\t\taddImages(formData, successHandler);\n\t\t} else {\n\t\t\tNotificationManager.error(\"Please upload one image\", \"\", 5000);\n\t\t}\n\t};\n\n\treturn (\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tsourceList: get(state, \"AddRecipe.sourceList\", [])\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetSources,\n\taddImages,\n\tresetForm: reset\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"ImagesDropZone\",\n\t\tenableReinitialize: true\n\t})(ImagesDropZone)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Field } from \"redux-form\";\n\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport KeywordSearch from \"../../../../sharedComponents/keywordSearch\";\nimport { getImages } from \"../../../../store/actions\";\nimport Loader from \"../../../../sharedComponents/preloader\";\n\nconst ImagesGallery = ({\n\ttoggleAddImagePanel,\n\tgetImages,\n\timageList,\n\timageListNext,\n\trecipeImages,\n\taddToRecipeImages,\n\tatBottom,\n\tsetAtBottom\n}) => {\n\tconst [stateImageList, updateStateImageList] = useState([]);\n\tconst [selectedImageList, setSelectedImageList] = useState([]);\n\n\tuseEffect(() => {\n\t\tgetImages(\"limit=30&offset=0\");\n\t}, [getImages]);\n\n\tuseEffect(() => {\n\t\tupdateStateImageList((prevState) => [...prevState, ...imageList]);\n\t\tsetAtBottom(false);\n\t}, [imageList, setAtBottom]);\n\n\tuseEffect(() => {\n\t\tif (atBottom && imageListNext) {\n\t\t\tgetImages(imageListNext.split(\"?\")[1]);\n\t\t}\n\t}, [atBottom, getImages, imageListNext]);\n\n\tconst addToSelectedImageList = (event, item) => {\n\t\tconst selectedImage = stateImageList.filter((i) => i.id === item.id)[0];\n\t\tevent\n\t\t\t? setSelectedImageList((prevState) => [\n\t\t\t\t\t...prevState,\n\t\t\t\t\t{\n\t\t\t\t\t\t...selectedImage,\n\t\t\t\t\t\tid: null,\n\t\t\t\t\t\timage_data: {\n\t\t\t\t\t\t\tid: selectedImage.id,\n\t\t\t\t\t\t\tname: selectedImage.name,\n\t\t\t\t\t\t\tphoto_l: selectedImage.photo_l,\n\t\t\t\t\t\t\tphoto_m: selectedImage.photo_m,\n\t\t\t\t\t\t\tphoto_o: selectedImage.photo_o,\n\t\t\t\t\t\t\tphoto_s: selectedImage.photo_s,\n\t\t\t\t\t\t\tsource: selectedImage.source\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisNew: true\n\t\t\t\t\t}\n\t\t\t ])\n\t\t\t: setSelectedImageList(selectedImageList.filter((i) => i.id !== item.id));\n\t};\n\n\tconst addToRecipeImageListNow = () => {\n\t\taddToRecipeImages(selectedImageList);\n\t\tsetSelectedImageList([]);\n\t\ttoggleAddImagePanel(false);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{files.map((item, index) => {\n\t\t\t\t\t\t\tconst { file, dataURL } = item;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t{dataURL && 
}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t{file.name}
\n\t\t\t\t\t\t\t\t\t removeFile(item)}>\n\t\t\t\t\t\t\t\t\t\t+\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\timageList: get(state.AddRecipe, \"imageList.results\", []),\n\t\timageListNext: get(state.AddRecipe, \"imageList.next\", null)\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetImages\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(ImagesGallery);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Tabs, Tab } from \"react-bootstrap\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport FilterPanel from \"../../../../sharedComponents/filterPanel\";\nimport PlaceholderImage from \"../../../../sharedComponents/placeholderImage\";\nimport { addRecipeImages, removeRecipeImages } from \"../../../../store/actions\";\nimport ImagesDropZone from \"./imagesDropZone\";\nimport ImagesGallery from \"./imagesGallery\";\nimport ConfirmDelete from \"../../../../sharedComponents/confirmDelete\";\n\nconst Images = ({\n\trefetchRecipe,\n\trecipeDetails,\n\tsetActiveTab,\n\timageList,\n\taddRecipeImages,\n\tremoveRecipeImages,\n\tsaveAndPublish,\n\tnewAdditions\n}) => {\n\tconst [submitting, setSubmitting] = useState(false);\n\tconst [recipeImages, updateRecipeImages] = useState([]);\n\tuseEffect(() => {\n\t\trecipeDetails.images && updateRecipeImages(recipeDetails.images);\n\t}, [recipeDetails]);\n\n\tconst [atBottom, setAtBottom] = useState(false);\n\tconst [activeImagesTab, setActiveImagesTab] = useState(1);\n\n\tconst [showAddImagePanel, toggleAddImagePanel] = useState(true);\n\n\tuseEffect(() => {\n\t\tnewAdditions(\"images\", recipeImages.filter((item) => item.isNew).length > 0);\n\t}, [recipeImages, newAdditions]);\n\n\tconst addImages = () => {\n\t\tconst newImages = recipeImages.filter((item) => !item.id);\n\t\tconst listItems = newImages.map((item) => ({\n\t\t\trecipe: recipeDetails.id,\n\t\t\tseq: item.seq ? item.seq : 1,\n\t\t\tsource: item.source,\n\t\t\timage: item.image_data.id\n\t\t}));\n\t\tsetSubmitting(true);\n\t\tif (listItems.length) {\n\t\t\tconst successHandler = (event) => {\n\t\t\t\trefetchRecipe();\n\t\t\t\tif (event.status === 201) {\n\t\t\t\t\tNotificationManager.success(\"Successfully added!\", \"\", 5000);\n\t\t\t\t\tsaveAndPublish(false);\n\t\t\t\t} else {\n\t\t\t\t\tNotificationManager.error(\"Please try again!\", \"\", 5000);\n\t\t\t\t}\n\t\t\t\tsetSubmitting(false);\n\t\t\t};\n\t\t\taddRecipeImages(listItems, successHandler);\n\t\t} else {\n\t\t\tsaveAndPublish();\n\t\t\tsetSubmitting(false);\n\t\t}\n\t};\n\n\tconst removeImage = (imageItem) => {\n\t\tconst successHandler = updateRecipeImages(recipeImages.filter((item) => item.image !== imageItem.image));\n\t\tif (!imageItem.isNew) {\n\t\t\tremoveRecipeImages(imageItem.id, successHandler);\n\t\t} else {\n\t\t\tupdateRecipeImages(recipeImages.filter((item) => item.image !== imageItem.image));\n\t\t}\n\t};\n\n\tconst handleAddedImage = (image, seq) => {\n\t\tupdateRecipeImages([\n\t\t\t...recipeImages,\n\t\t\t{\n\t\t\t\tid: null,\n\t\t\t\timage: image.id,\n\t\t\t\timage_data: image,\n\t\t\t\trecipe: recipeDetails.id,\n\t\t\t\tseq,\n\t\t\t\tisNew: true\n\t\t\t}\n\t\t]);\n\t};\n\n\tconst [deleteItem, setDeleteItem] = useState(null);\n\tconst confirmDelete = (item) => {\n\t\tsetDeleteItem(item);\n\t};\n\tconst confirmEvent = (yes) => {\n\t\tyes && removeImage(deleteItem);\n\t\tsetDeleteItem(null);\n\t};\n\n\treturn recipeDetails && recipeDetails.id ? (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t updateStateImageList([])}\n\t\t\t\t\t\t\tlistName=\"AddRecipe.imageList\"\n\t\t\t\t\t\t\tname=\"searchImage\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{stateImageList.map(({ id, photo_m }, index) => {\n\t\t\t\t\t\tconst isSelectedImage = recipeImages.filter((item) => item.image_data.id === id).length > 0;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t
\n\t\t\t\t{atBottom ? \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\tPlease Add an Image to Publish Recipe
\n\t\t\t) : null}\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t toggleAddImagePanel(true)}>\n\t\t\t\t\t\t
\n\t\t\t\t\t{recipeImages.map((item, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\tAdd an image
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t confirmDelete(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{item.image_data.name}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSave & Publish\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t setActiveImagesTab(event)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t updateRecipeImages((prevState) => [...prevState, ...list])}\n\t\t\t\t\t\t\t\ttoggleAddImagePanel={toggleAddImagePanel}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\tStep {`${activeTab + 1} - ${recipeSteps.length}`}
\n\t\t\n\t\t\t\t
\n\t\t{isAdding ? \"Add\" : \"Edit\"} Recipe
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\tAdd Recipe
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t setScrollbar(elem)} autoHide>\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t};\n\n\tconst [scrollbar, setScrollbar] = useState(null);\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{title}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{author ? Author: {author} : null}\n\t\t\t\t\t\t\t\t{created ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tCreated: {`${d.getMonth()}-${d.getDate()}-${d.getFullYear()}`}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t
\n\t\tResources
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{renderResourceDetails()}\n\t\t\t\t\n\t\t\t\t\t handleEditJournal(original)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t{toggleEditJournal && (\n\t\t\t\t\n\t\t
\n\t);\n};\n\nconst mapDispatchToProps = { deleteNutritionJournal, resetField };\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(JournalEntries);\n","export const nutritionJournalList = [\n\t{\n\t\tid: \"protein_calories\",\n\t\ticon: \"icon icon-calories\",\n\t\tcolor: [\"#A38CE2\", \"#6C72B6\"],\n\t\ttext_color: \"#606DAC\",\n\t\tlabel: \"protein calories\",\n\t\tshadow: \"0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t},\n\t{\n\t\tid: \"vegetable\",\n\t\ticon: \"icon icon-veggies\",\n\t\tcolor: [\"#81DBD8\", \"#199190\"],\n\t\ttext_color: \"#27A8A7\",\n\t\tlabel: \"servings of veggies\",\n\t\tshadow: \"0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t},\n\t{\n\t\tid: \"fruit\",\n\t\ticon: \"icon icon-fruits\",\n\t\tcolor: [\"#EF63B0\", \"#9F3285\"],\n\t\ttext_color: \"#9F3285\",\n\t\tlabel: \"servings of fruits\",\n\t\tshadow: \"0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t},\n\t{\n\t\tid: \"fat\",\n\t\ticon: \"icon icon-fat\",\n\t\tcolor: [\"#FDB959\", \"#FF7051\"],\n\t\ttext_color: \"#FF7651\",\n\t\tlabel: \"servings of fat\",\n\t\tshadow: \"0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t},\n\t{\n\t\tid: \"misc\",\n\t\ticon: \"icon icon-misc\",\n\t\tcolor: [\"#FF7777\", \"#D54C4C\"],\n\t\ttext_color: \"#D54C4C\",\n\t\tlabel: \"servings of misc\",\n\t\tshadow: \" 0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t},\n\t{\n\t\tid: \"starch\",\n\t\ticon: \"icon icon-starch\",\n\t\tcolor: [\"#C2DB71\", \"#46A061\"],\n\t\ttext_color: \"#46A061\",\n\t\tlabel: \"servings of starch\",\n\t\tshadow: \"0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t},\n\t{\n\t\tid: \"dairy\",\n\t\ticon: \"icon icon-dairy\",\n\t\tcolor: [\"#6E90EE \", \"#2A4F8C \"],\n\t\ttext_color: \"#2A4F8C \",\n\t\tlabel: \"servings of dairy\",\n\t\tshadow: \" 0 2px 4px 0 rgba(0,0,0,0.24)\"\n\t}\n];\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport ProgressBar from \"react-bootstrap/ProgressBar\";\n\nimport { nutritionJournalList } from \"./helper\";\n\nconst JournalCrads = ({ data, goal }) => {\n\tconst summaryData = nutritionJournalList\n\t\t? nutritionJournalList.map((item) => {\n\t\t\t\tconst percentage = data[item.id] && goal[item.id] ? (data[item.id] / goal[item.id]) * 100 : 0;\n\t\t\t\treturn {\n\t\t\t\t\t...item,\n\t\t\t\t\tvalue: data[item.id],\n\t\t\t\t\tgoal: goal[item.id],\n\t\t\t\t\tpercentage: isFinite(percentage) ? percentage : 0\n\t\t\t\t};\n\t\t })\n\t\t: [];\n\n\tconst caloriePercent = (data, goal) => {\n\t\treturn data && goal ? (data / goal) * 100 : 0;\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\tJournal Entries
\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = {};\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(JournalCrads);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\n\nimport PaginatedTable from \"../../../sharedComponents/tableWithPagination\";\nimport { splitArr } from \"../../../utils/common\";\n\nconst NutrientTable = ({ nutrientData }) => {\n\tconst nutrientTableEntry = splitArr(nutrientData.nut ? nutrientData.nut : [], 2);\n\tconst columns = [\n\t\t{\n\t\t\tHeader: \"NUTRIENT\",\n\t\t\taccessor: \"label\",\n\t\t\tsortable: false\n\t\t},\n\t\t{\n\t\t\tHeader: \"\",\n\t\t\taccessor: \"data\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => (\n\t\t\t\t {original.data ? original.data : \"-\"} \n\t\t\t)\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{summaryData &&\n\t\t\t\t\t\tsummaryData.map((item, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.value ? item.value : \"0\"} /{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{item.goal ? item.goal : \"0\"}
\n\t\t\t\t\t\t\t\t\t\t{item.label}
\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{Math.round(item.percentage) > 100 ? \"100\" : Math.round(item.percentage)} %\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{/*
\n\t\t\t\t\t\t\t\t\t{data.nut ? data.nut : \"0\"} /
*/}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{data.calories ? data.calories : 0} /\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{goal.calories ? goal.calories : 0}
\n\t\t\t\t\t\t\t\t\ttotal calories
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst mapDispatchToProps = {};\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(NutrientTable);\n","import React from \"react\";\n\nimport glass from \"../assets/images/glass.png\";\n\nconst FillingGlass = ({ value, className = \"\" }) => {\n\treturn (\n\t\tExpanded Nutrient Info
\n\t\t\t\n\t\t\t\t{nutrientTableEntry.map((item, index) => (\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t
\n\t\t\t\t))}\n\t\t\t\n\t\t\t
\n\t);\n};\n\nexport default FillingGlass;\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport moment from \"moment\";\n\nimport { journalUpdate, addNutritionJournal, getNutrionJournalEntries } from \"../../../store/actions\";\nimport FillingGlass from \"../../../sharedComponents/fillingGlass\";\nimport { secondsToTime } from \"../../../utils/common\";\n\nconst Hydration = ({\n\tdata,\n\tgoal,\n\tjournalUpdate,\n\tgetNutritionJournalSummary,\n\tgetNutrionJournalEntries,\n\tdate,\n\taddNutritionJournal\n}) => {\n\tconst queryParam = `start_date=${moment(date).format(\"YYYY-MM-DD\")}&end_date=${moment(date).format(\"YYYY-MM-DD\")}`;\n\tconst isIncrement = true;\n\tconst hydrationData = [{ name: \"hydration\", value: 1 }, { name: \"electrolyte\", value: 1 }];\n\n\tconst [change, setChange] = useState(false);\n\tconst [enable, setEnable] = useState(true);\n\tconst [editHydration, setEditHydration] = useState(false);\n\tconst [editElectrolyte, setEditElectrolyte] = useState(false);\n\n\tconst successHandler = (event) => {\n\t\tif (event.status >= 200 && event.status < 300) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetChange(false);\n\t\t\t}, 500);\n\t\t\tgetNutritionJournalSummary(queryParam);\n\t\t\tgetNutrionJournalEntries(queryParam);\n\t\t\tsetEditHydration(false);\n\t\t\tsetEditElectrolyte(false);\n\t\t\tsetEnable(true);\n\t\t}\n\t};\n\n\tconst initJournalDay = (name, value) => {\n\t\t// Initiize Journal if not set for the day\n\t\tsetEnable(false);\n\t\tconst isHydration = name === \"hydration\" ? { hydration: value } : { electrolyte: value };\n\n\t\tconst journalValues = {\n\t\t\tadded_on: moment(date ? date : new Date()).format(\"YYYY-MM-DD\") + \" \" + secondsToTime(moment()),\n\t\t\tentry: name === \"hydration\" ? \"hydration\" : \"electrolyte\",\n\t\t\tquantity: 1,\n\t\t\t...isHydration\n\t\t};\n\t\taddNutritionJournal(journalValues, successHandler);\n\t}\n\n\tconst incrementHydrationValue = ({ value, name }, increment) => {\n\t\tif (data && data.id) {\n\t\t\tsetEnable(true);\n\t\t\tconst values = {};\n\t\t\tvalues.id = data.id;\n\t\t\tconst hydrationValue = data[name] + (increment ? value : -value);\n\t\t\tvalues[name] = hydrationValue < 0 ? 0 : hydrationValue;\n\t\t\tsetChange(true);\n\t\t\tjournalUpdate(values, successHandler);\n\t\t} else {\n\t\t\tif (increment) {\n\t\t\t\tinitJournalDay(name, value);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst updateValues = (name, value) => {\n\t\tif (data && data.id) {\n\t\t\tsetEnable(true);\n\t\t\tconst values = {};\n\t\t\tvalues.id = data.id;\n\t\t\tvalues[name] = value < 0 ? 0 : value;\n\t\t\tsetChange(true);\n\t\t\tjournalUpdate(values, successHandler);\n\t\t} else {\n\t\t\tconst init_value = value < 0 ? 0 : value\n\t\t\tinitJournalDay(name, init_value);\n\t\t}\n\n\t}\n\n\tconst editOptions = (name) => {\n\t\tlet show = false\n\t\tlet set;\n\t\tif (name === 'hydration') {\n\t\t\tshow = editHydration\n\t\t\tset = setEditHydration\n\t\t} else {\n\t\t\tshow = editElectrolyte\n\t\t\tset = setEditElectrolyte\n\t\t}\n\n\t\tif (show) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\tset(true)}>\n\t\t\t\t{data && data[name] ? data[name] : 0} oz\n\t\t\t
\n\t\t)\n\t}\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => ({});\n\nconst mapDispatchToProps = { journalUpdate, addNutritionJournal, getNutrionJournalEntries };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(Hydration);\n","export const goalFields = [\n\t{\n\t\tname: \"protein_calories\",\n\t\tlabel: \"Protein calories\",\n\t\tstep: 1\n\t},\n\t{\n\t\tname: \"vegetable\",\n\t\tlabel: \"Vegetable\",\n\t\tstep: 0.1\n\t},\n\t{\n\t\tname: \"fruits\",\n\t\tlabel: \"Fruits\",\n\t\tstep: 0.1\n\t},\n\n\t{\n\t\tname: \"fat\",\n\t\tlabel: \"Fat\",\n\t\tstep: 0.1\n\t},\n\n\t{\n\t\tname: \"misc\",\n\t\tlabel: \"Misc\",\n\t\tstep: 1\n\t},\n\n\t{\n\t\tname: \"starch\",\n\t\tlabel: \"Starch\",\n\t\tstep: 0.1\n\t},\n\n\t{\n\t\tname: \"dairy\",\n\t\tlabel: \"Dairy\",\n\t\tstep: 0.1\n\t},\n\t{\n\t\tname: \"hydration\",\n\t\tlabel: \"Hydration\",\n\t\tstep: 1\n\t},\n\t{\n\t\tname: \"electrolyte\",\n\t\tlabel: \"Electrolyte\",\n\t\tstep: 1\n\t},\n\t{\n\t\tname: \"calories\",\n\t\tlabel: \"Calories\",\n\t\tstep: 1\n\t}\n];\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field } from \"redux-form\";\nimport moment from \"moment\";\n\nimport { FormField } from \"../../../sharedComponents/formField\";\nimport { required } from \"../../../constants/formValidators\";\nimport { PanelBody, PanelFooter } from \"../../../sharedComponents/filterPanel\";\nimport { saveNutritionGoals, createNutritionGoals } from \"../../../store/actions/index\";\nimport { goalFields } from \"./formHelper\";\n\nconst SetGoals = ({ initialValues, handleSubmit, saveNutritionGoals, onUpdate, toggle, createNutritionGoals }) => {\n\tconst validateForm = (values) => {\n\t\tconst successHandler = (event) => {\n\t\t\tonUpdate(event);\n\t\t};\n\n\t\tinitialValues && initialValues.id\n\t\t\t? saveNutritionGoals(\n\t\t\t\t{ ...values, date: moment(values.date).format(\"YYYY/MM/DD\"), id: initialValues.id },\n\t\t\t\tsuccessHandler\n\t\t\t)\n\t\t\t: createNutritionGoals({ ...values, date: moment().format(\"YYYY/MM/DD\") }, successHandler);\n\t};\n\n\treturn (\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = {\n\tsaveNutritionGoals,\n\tcreateNutritionGoals\n};\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"SetGoalsForm\",\n\t\tenableReinitialize: true\n\t})(SetGoals)\n);\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport moment from \"moment\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\n// import ReactToPrint from \"react-to-print\";\n\nimport \"./JournalListing.scss\";\nimport JournalEntries from \"./journalEntries\";\nimport AddToJournal from \"./add/addToJournalPanel\";\nimport JournalCards from \"./journalCards\";\nimport NutrientTable from \"./nutrientTable\";\nimport Hydration from \"./hydration\";\nimport FilterPanel from \"../../../sharedComponents/filterPanel\";\nimport SetGoals from \"./setGoals\";\n// import Tooltip from \"../../../sharedComponents/tooltip\";\n\nimport { getNutritionGoals, getNutrionJournalEntries, getNutritionJournalSummary, resetField } from \"../../../store/actions\";\n\nconst NutritionJournal = ({\n\tnutritionGoals,\n\tgetNutritionGoals,\n\tgetNutrionJournalEntries,\n\tgetNutritionJournalSummary,\n\thistory,\n\tjournalSummary,\n\tjournal,\n\ttoggleAddToJournal,\n\tresetField\n}) => {\n\tconst [startDate, setStartDate] = useState(new Date());\n\tconst [updates, setUpdates] = useState(0);\n\tconst componentRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tgetNutritionGoals(`start_date=${moment().format(\"YYYY-MM-DD\")}`);\n\t}, [getNutritionGoals]);\n\n\tuseEffect(() => {\n\t\tconst date = moment(startDate).format(\"YYYY-MM-DD\");\n\t\tconst queryString = `start_date=${date}&end_date=${date}`;\n\t\tgetNutritionJournalSummary(queryString);\n\t}, [updates, startDate, getNutritionJournalSummary]);\n\n\tconst [showGoalsPanel, setShowGoalsPanel] = useState(false);\n\tconst courseOptions = [\n\t\t{ name: \"Breakfast\", id: \"A\" },\n\t\t{ name: \"Snack 1\", id: \"B\" },\n\t\t{ name: \"Lunch\", id: \"C\" },\n\t\t{ name: \"Snack 2\", id: \"D\" },\n\t\t{ name: \"Dinner\", id: \"E\" },\n\t\t{ name: \"Other\", id: \"Z\" }\n\t];\n\tconst togglePanel = (event) => {\n\t\tresetField(\"NutritionJournal.toggleAddToJournal\", event);\n\t};\n\n\tconst handleChange = (date) => {\n\t\tsetStartDate(date);\n\t\tconst queryParam = `start_date=${moment(date).format(\"YYYY-MM-DD\")}&end_date=${moment(date).format(\"YYYY-MM-DD\")}`;\n\t\tgetNutritionJournalSummary(queryParam);\n\t\tgetNutrionJournalEntries(queryParam);\n\t\tgetNutritionGoals(queryParam);\n\t};\n\n\tconst onUpdateGoal = () => {\n\t\tgetNutritionGoals();\n\t\tsetShowGoalsPanel(false);\n\t};\n\n\tconst renderGoalsPanel = () => {\n\t\treturn (\n\t\t\tHydration
\n\t\t\t\n\t\t\t\t{hydrationData\n\t\t\t\t\t? hydrationData.map((item, index) => (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t ))\n\t\t\t\t\t: null}\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{data && data[item.name] ? data[item.name] : 0} oz /\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{item.name === \"hydration\" ? \"Water(oz)\" : \"Electrolyte(oz)\"}
\n\t\t\t\t\t\t\t\t\t\t{goal && goal[item.name] ? goal[item.name] : 0} oz
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t incrementHydrationValue(item, !isIncrement)}>\n\t\t\t\t\t\t\t\t\t\t\t-\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t incrementHydrationValue(item, isIncrement)}>\n\t\t\t\t\t\t\t\t\t\t\t+\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{editOptions(item.name)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t setUpdates(updates + 1)}\n\t\t\t\t/>\n\t\t\t\t setUpdates(updates + 1)}\n\t\t\t\t/>\n\t\t\t\t
\n\t\t\t{renderGoalsPanel()}\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\tDaily Journal
\n\t\t\t\t\t\n\t\t\t\t\t\t setShowGoalsPanel(true)}>\n\t\t\t\t\t\t\t\tAdjust Goal\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t{/* (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tcontent={() => componentRef.current}\n\t\t\t\t\t\t/> */}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\tAre you sure you want to delete?
} onEvent={confirmEvent} />\n\t\t\t\n\t\t\t\t
\n\t\t\t{\n\t\t\t\t!isView &&\n\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetSelectedMeasure(null);\n\t\t\t\t\t\t\t\t\ttoggleAddEditMeasurePanel(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName=\"btn btn-primary text-uppercase\">\n\t\t\t\t\t\t\t\t Add new\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\tnull\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\tCommon Weights and Measures Listing
\n\t\t\t\t\t{\n\t\t\t\t\t\t!isView ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tSave & {isApproval ? \"Approve\" : \"Close\"}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tvalues && updateNutData(values, () => getNutData(foodId));\n\t\t\t\t\t\tsetActiveTab(2);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t
\n\t\tBase weight of {initialValues.base_weight} grams
\n\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tnutData: get(state, \"FoodDatabase.nutData\", []),\n\t};\n};\n\nconst mapDispatchToProps = { getNutData, updateNutData };\n\nexport default connect(mapStateToProps, mapDispatchToProps)(NutrientData);\n","import FoodDetails from \"./foodDetails\";\nimport CommonWeightsAndMeasures from \"./commonWeightsAndMeasures\";\nimport servingsType from \"./servingsType\";\nimport NutrientData from \"./nutrientData\";\n\nexport const foodItemSteps = [\n\t{\n\t\tid: \"foodDetails\",\n\t\ttitle: \"Food Details\",\n\t\tcomponent: FoodDetails\n\t},\n\t// {\n\t// \tid: \"servingsType\",\n\t// \ttitle: \"Servings Type\",\n\t// \tcomponent: servingsType,\n\t// },\n\t{\n\t\tid: \"nutrientData\",\n\t\ttitle: \"Nutrient Data\",\n\t\tcomponent: NutrientData\n\t},\n\t{\n\t\tid: \"commonWeightsAndMeasures\",\n\t\ttitle: \"Common Weights And Measures\",\n\t\tcomponent: CommonWeightsAndMeasures\n\t}\n];\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { get } from \"lodash\";\nimport { Tabs, Tab } from \"react-bootstrap\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport { getPatientFoodDetails, approveFoodItem, resetField } from \"../../../../store/actions\";\nimport { foodItemSteps } from \"./formHelper\";\n\nconst PatientFoodItemTabs = ({ foodId, isAdmin, foodDetails, getPatientFoodDetails, approveFoodItem, history, resetField }) => {\n\tconst [activeTab, setActiveTab] = useState(0);\n\n\tuseEffect(() => {\n\t\tif (!foodId) {\n\t\t\tsetActiveTab(0);\n\t\t} else {\n\t\t\tgetPatientFoodDetails(`${foodId}/approve_food`);\n\t\t}\n\t}, [foodId, getPatientFoodDetails]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tresetField(\"FoodDatabase.getPatientFoodItem\", {});\n\t\t};\n\t}, [resetField]);\n\n\tconst saveAndPublish = (saved = true) => {\n\t\tif (saved) {\n\t\t\tapproveFoodItem(foodId) && NotificationManager.success(\"Food item saved and approved!\", \"\", 5000);\n\t\t}\n\n\t\tif (isAdmin) {\n\t\t\thistory.push(`/nutrition/food-database/approval`);\n\t\t} else {\n\t\t\thistory.push(`/nutrition/myfood`);\n\t\t}\n\t};\n\n\tconst renderTabs = () => {\n\t\treturn foodItemSteps.map((step, i) => {\n\t\t\tconst SpecificStep = step.component;\n\t\t\treturn (\n\t\t\t\tNo data found!
\n\t\tStep {`${activeTab + 1} - ${foodItemSteps.length}`}
\n\t\tStep {`${activeTab + 1} - ${foodItemSteps.length}`}
\n\t\t\n\t\t\t\t
\n\t\t{isAdding ? \"Add\" : isView ? \"View\" : \"Edit\"} Food Item
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{approval ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t{value.first_name} {value.middle_name}\n\t\t\t\t\t
\n\t\t\t\t) : null,\n\t\t\twidth: 200\n\t\t},\n\t\t{\n\t\t\tHeader: \"Title\",\n\t\t\taccessor: \"title\",\n\t\t\twidth: 200\n\t\t},\n\t\t{\n\t\t\tHeader: \"Notes\",\n\t\t\taccessor: \"notes\",\n\t\t\tsortable: false\n\t\t},\n\t\t{\n\t\t\tHeader: \"Rating\",\n\t\t\taccessor: \"rating\",\n\t\t\tCell: ({ value }) => \n\t\t\t\t\t\t editComment(value)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t confirmDelete(original)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t},\n\t\t\twidth: 120\n\t\t}\n\t];\n\n\tconst renderDeleteMessage = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\treturn (\n\t\tAre you sure you want to delete?
\n\t\t\t\n\t\t\t\t
\n\t\t\t{renderEditCommentPanel()}\n\t\t\tRecipe Comments
\n\n\t\t\t\t\n\t\t\t\t\t{comments && comments.length ? (\n\t\t\t\t\t\t refetchComments(event)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\tNo comments found!
\n\t\t\t\t\t\t\t\n\t\t\t\t\t renderEditFoodItem(original.id)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n ];\n\n return (\n\t\t\n\t\t\t
\n\t);\n}","import React, {Component} from 'react';\nimport { getMyFoodList, deleteMyFoodItem } from '../../../store/actions/myFoodActions';\nimport { connect } from \"react-redux\";\nimport { NotificationManager } from \"react-notifications\";\nimport MyFoodTable from \"./myFoodTable\";\nimport ConfirmDelete from \"../../../sharedComponents/confirmDelete\";\nimport { get } from \"lodash\";\n\nclass MyFood extends Component {\n state = {\n\t\tfoodToBeDeleted: null,\n };\n \n componentDidMount() {\n this.props.getMyFoodList(\"limit=20\");\n }\n\n showDeleteDialog = (food_id) => {\n this.setState({foodToBeDeleted: food_id});\n }\n\n deleteFoodItem = (yes) => {\n const food_id = this.state.foodToBeDeleted\n const successHandler = (event) => {\n this.props.getMyFoodList(\"limit=20\");\n\t\t\tif (event.status >= 200 && event.status < 300) {\n\t\t\t\tNotificationManager.success(\"Food has been removed successfully!\", \"\", 5000);\n }\n }\n if (yes && food_id) {\n this.props.deleteMyFoodItem(food_id, successHandler)\n }\n this.setState({foodToBeDeleted: null})\n }\n\n render () {\n const {getMyFoodList, foodList, history} = this.props\n const {foodToBeDeleted} = this.state\n return (\n \n {myFoodList && myFoodList.results.length ? (\n {\n getData(`limit=20&${e}`);\n }}\n />\n ) : null}\n\t\t\t
\n\t\t\n\t\t\t\t\t\n ) : (\n Are you sure you want to delete?
} onEvent={this.deleteFoodItem} />\n \n My Food Items
\n {foodList.results && foodList.results.length ? (\nNo personal food items found. Try adding one now!
\n )}\n \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t) : null}\n\t\t{title ? title : myHistoryGraphList.chart_title}
\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t) : null;\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\texercisesPotentialBurnData: get(state, \"Exercises.exercisesPotentialBurnData\", {})\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetPotentialBurnData,\n\tresetField\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(PotentialBurn);\n","import WorkoutPlansImage from \"../../../assets/images/workout-plan.png\";\nimport ProgressImage from \"../../../assets/images/log-progress.png\";\nimport TrackResultImage from \"../../../assets/images/track-result.png\";\n\nexport const headerData = [{\n title: \"Pick a Workout Plan\",\n content: \"New to Exercise? Do not know where to start? Workout Plans is for you!\",\n image: WorkoutPlansImage,\n link: {\n text: \"Start here\",\n to: \"/fitness/workout-plans\"\n }\n}, {\n title: \"View Your Plan\",\n content: \"View and make changes to your workout plan!\",\n image: ProgressImage,\n link: {\n text: \"Start here\",\n to: \"/fitness/my-progress\"\n }\n}, {\n title: \"Workout Journal\",\n content: \"Record your fitness activities today!\",\n image: TrackResultImage,\n link: {\n text: \"Start here\",\n to: \"/fitness/journal\"\n }\n}]","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Link } from \"react-router-dom\";\nimport { get } from \"lodash\";\n\nimport \"./FitnessHome.scss\";\nimport MyHistoryGraph from \"../myHistory/myHistoryGraph\";\nimport PotentialBurn from \"../exercise/potentialBurn\";\nimport PlaceholderIMG from \"../../../sharedComponents/placeholderImage\";\nimport { getAds } from \"../../../store/actions\";\nimport AdCarousel from \"../../home/adCarousel\";\nimport { headerData } from \"./helper\";\n\nconst FitnessHome = ({ ads, getAds }) => {\n\tuseEffect(() => {\n\t\tgetAds();\n\t}, [getAds]);\n\n\treturn (\n\t\tPotential Burn
\n\t\t\t\n\t\t\t\t
\n\t\t\t{exercisesPotentialBurnData.name}
\n\t\t\t{exercisesPotentialBurnData.message}
\n\t\t\t\n\t\t\t\tThis is a mathematical estimate based on Metabolic Equivalent of Task (MET) values. The actual calories used by\n\t\t\t\tyour body may vary.\n\t\t\t
\n\t\t\tUsed with permission:
\n\t\t\t\n\t\t\t\tAinsworth BE.\n\t\t\t\t
(2002, January)\n\t\t\t
The Compendium of Physical Activities
\n\t\t\t\n\t\t\tTracking Guide
\n\t\t\t\n\t\t\n\t\t\t
\n\t);\n};\n\nconst mapDispatchToProps = {\n\tgetAds\n};\n\nconst mapStateToProps = (state) => {\n\tconst { Home } = state;\n\treturn {\n\t\tads: get(Home, \"ads\", [])\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(FitnessHome);\n","export const sortItemList = [\n\t{\n\t\tname: \"Name\",\n\t\tfield: \"name\",\n\t\tsort: \"\",\n\t\tsortReverse: false\n\t}\n];\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport KeywordSearch from \"../../../sharedComponents/keywordSearch\";\nimport { Dropdown } from \"react-bootstrap\";\nimport { searchWorkoutPlan } from \"../../../store/actions\";\nimport { sortItemList } from \"../../../constants/workoutPlanConstants\";\nimport Tooltip from \"../../../sharedComponents/tooltip\";\n\nconst WorkoutPlanHeader = ({ empty, searchWorkoutPlan, sortBy }) => {\n\tconst setSortNav = (navItem) => {\n\t\tsortItemList.map((item) => {\n\t\t\tconst sort = item === navItem ? (item.sort === \"-asc\" ? \"-desc\" : item.sort === \"-desc\" ? \"-asc\" : \"-asc\") : \"\";\n\t\t\treturn (item.sort = sort);\n\t\t});\n\t\tconst { field, sort, sortReverse } = sortItemList.filter((item) => {\n\t\t\treturn item.sort === \"-asc\" || item.sort === \"-desc\";\n\t\t})[0];\n\t\tconst queryString = sortReverse ? `${sort === \"-desc\" ? \"\" : \"-\"}${field}` : `${sort === \"-desc\" ? \"-\" : \"\"}${field}`;\n\t\tsortBy(queryString);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t{headerData &&\n\t\t\t\t\theaderData.map((item, index) => (\n\t\t\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t))}\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{item.title}
\n\t\t\t\t\t\t\t\t\t\t{item.content}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.link.text} \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\tconst { WorkoutPlans } = state;\n\treturn { workoutPlanSearchResult: get(WorkoutPlans, \"searchWorkoutPlanList.results\", []) };\n};\n\nconst mapDispatchToProps = { searchWorkoutPlan };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(WorkoutPlanHeader);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\n\nimport \"../fitness.scss\";\nimport { fetchWorkoutPlans } from \"../../../store/actions\";\nimport WorkoutPlanHeader from \"./workoutPlanListHeader\";\nimport NoItemsFoundAlert from \"../../../sharedComponents/noItemFoundAlert\";\nimport Loading from \"../../../sharedComponents/preloader\";\n\nconst WorkoutPlans = ({ fetchWorkoutPlans, workoutPlanList, history }) => {\n\tuseEffect(() => {\n\t\tfetchWorkoutPlans();\n\t}, [fetchWorkoutPlans]);\n\n\tconst [empty, setEmpty] = useState(false);\n\tuseEffect(() => {\n\t\tconst filter = workoutPlanList && workoutPlanList.filter(item => item.data && item.data.length > 0);\n\t\tworkoutPlanList && setEmpty(filter.length === 0);\n\t}, [workoutPlanList])\n\n\tconst sortBy = (sort) => {\n\t\tfetchWorkoutPlans(`order=${sort}`);\n\t};\n\n\tconst goToPage = (id) => {\n\t\thistory.push(`/fitness/workout-plans/${id}/details`);\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\n\t\t\t\t{!empty ? \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t : null}\n\t\t\t
\n\t\tRecommended
\n\t\t\t\t- \n\t\t\t\t\t\t\t\t{sortItemList.map((item, index) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t
- setSortNav(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t))\n\t\t\t\t\t: null}\n\t\t\t\t{workoutPlanList && empty ? \n\t\t\t\t\t\t\t{item.data && item.data.length > 0 ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{item.subgroup}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{item.data.map((card) => (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t goToPage(card.id)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{card.name}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{card.group}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.subgroup} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{card.description}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\") : \"\";\n\n\tuseEffect(() => {\n\t\tgetWorkoutPlanDetails(workoutId);\n\t}, [getWorkoutPlanDetails, workoutId]);\n\n\tconst goToPage = (id) => {\n\t\thistory.push(`/fitness/exercises/${id}/details`);\n\t};\n\n\tconst [submitting, setSubmitting] = useState(false);\n\tconst submitPlan = () => {\n\t\tsetSubmitting(true);\n\t\tconst successHandler = (event) => {\n\t\t\tif (event.status >= 200 && event.status < 300) {\n\t\t\t\thistory.push(\"/fitness/my-workout\");\n\t\t\t\treturn NotificationManager.success(\"Plan added!\", \"\", 5000);\n\t\t\t}\n\n\t\t\treturn setSubmitting(false);\n\t\t};\n\t\taddPlanToMyWorkout({ plan: workoutId }, successHandler);\n\t};\n\n\treturn (\n\t\t
\n\t\t\t
\n\t);\n};\n\nconst mapDispatchToProps = { getWorkoutPlanDetails, addPlanToMyWorkout };\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tworkoutDetails: get(state.WorkoutPlans, \"workoutPlanDetails\", {})\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(WorkoutDetails);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\n\nimport KeywordSearch from \"../../../sharedComponents/keywordSearch\";\nimport { searchExercises, resetField } from \"../../../store/actions\";\nimport Tooltip from \"../../../sharedComponents/tooltip\";\n\nconst ExerciseHeader = ({ searchExercises, resetField, toggleAdvancedFilterPanel }) => {\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t{details.name}
\n\t\t\t\t\t\t\t{submitting ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t{details.description}
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tThe workout schedule
\n\t\t\t\t\t\t{keyList &&\n\t\t\t\t\t\t\tkeyList.map((item, j) => {\n\t\t\t\t\t\t\t\tconst list = schedule[item];\n\t\t\t\t\t\t\t\treturn list && list.length ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : null;\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t{item}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{list.map((i, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{i.time} minutes •{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t
\n\t);\n};\nconst mapDispatchToProps = { searchExercises, resetField };\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(ExerciseHeader);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field } from \"redux-form\";\nimport DatePicker, { registerLocale } from \"react-datepicker\";\nimport moment from \"moment\";\nimport { get } from \"lodash\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport FilterPanel, { PanelBody, PanelFooter } from \"../../../../sharedComponents/filterPanel\";\nimport { createFitnessJournal, editFitnessJournal, getFitnessJournalSummary, resetField } from \"../../../../store/actions\";\nimport { FormField } from \"../../../../sharedComponents/formField\";\nimport { required, isInt, maxInt } from \"../../../../constants/formValidators\";\nimport \"../FitnessJournal.scss\";\n\nimport enGB from \"date-fns/locale/en-GB\";\nregisterLocale(\"enGB\", enGB);\n\nconst AddJouralExerciseForm = ({\n\thandleSubmit,\n\tcreateFitnessJournal,\n\tgetFitnessJournalSummary,\n\tinitialValues,\n\tresetField,\n\tonUpdate,\n\teditFitnessJournal,\n\tjournalLogDate,\n\trange\n}) => {\n\tconst [journalDate, setJournalDate] = useState(\n\t\tmoment(initialValues && initialValues.date ? initialValues.date : journalLogDate)._d\n\t);\n\tconst [selectedExercise, setSelectedExercise] = useState(\"\");\n\n\tuseEffect(() => {\n\t\tif (initialValues && initialValues.exercise) {\n\t\t\tresetField(\"MyWorkout.toggleAddPlanPanel\", false);\n\t\t\tsetSelectedExercise(initialValues);\n\t\t}\n\t\tif (initialValues && initialValues.id) {\n\t\t\tsetSelectedExercise(initialValues);\n\t\t}\n\t}, [initialValues, resetField]);\n\n\tconst handleChange = (date) => {\n\t\tsetJournalDate(date);\n\t};\n\n\tconst addJournalExercise = (values) => {\n\t\tconst queryValues = {\n\t\t\t...values,\n\t\t\tdate: moment(journalDate).format(\"YYYY/MM/DD\"),\n\t\t\texercise: initialValues.exercise\n\t\t};\n\t\tconst successHandler = (event) => {\n\t\t\tonUpdate && onUpdate();\n\t\t\tNotificationManager.success(\"Journal added!\", \"\", 5000);\n\t\t\tmoment(journalDate).isBetween(range.start_date, range.end_date) &&\n\t\t\t\tgetFitnessJournalSummary(`date=${moment(journalDate).format(\"YYYY-MM-DD\")}`);\n\t\t};\n\t\tsetSelectedExercise(null);\n\t\tinitialValues.id ? editFitnessJournal(queryValues, successHandler) : createFitnessJournal(queryValues, successHandler);\n\t};\n\n\tconst renderExerciseForm = () => {\n\t\treturn (\n\t\t\tExercises
\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tresetField(\"Exercises.exercisesSearchKeyword\", event ? event : \"\");\n\t\t\t\t\t}}\n\t\t\t\t\tname=\"searchExercise\"\n\t\t\t\t\tclassName=\"mr-2\"\n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t};\n\n\tconst renderResistanceForm = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\tDate
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetSelectedExercise(null);\n\t\tonUpdate && onUpdate();\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\tDate\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t (!addToPlanBtn && !logBtn ? history.push(`/fitness/exercises/${cardInfo.id}/details`) : false)}>\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t{dropdown && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t history.push(`/fitness/exercises/${cardInfo.id}/edit`)}>\n\t\t\t\t\t\t\t\t Edit\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t onDelete(cardInfo)}>\n\t\t\t\t\t\t\t\t Delete\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t)}\n\t\t\t\t{JSON.stringify(addToPlanBtn)}\n\t\t\t\t{addToPlanBtn && (\n\t\t\t\t\t\n\t\t\t\t\t\t handleClick(cardInfo)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t)}\n\t\t\t\t{logBtn && (\n\t\t\t\t\t\n\t\t\t\t\t\t handleJournalExercise()}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t)}\n\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{/* {!cardInfo.active &&
\n\t\t\t\t\tPending
} */}\n\t\t\t\t\t\t{cardInfo.featured && Featured
}\n\t\t\t\t\t{cardInfo.name}
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t{cardInfo.flame}
\n\t\t\t\t\t\n\t\t\t\t{cardInfo && cardInfo.description && cardInfo.description.substr(0, 50)}...\n\t\t\t
\n\t\t\t\n\t\t\t\t setShowAdvancedFilterPanel(!showAdvancedFilterPanel)} />\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{exercises && exercises.length\n\t\t\t\t\t\t? exercises.map((card, i) => (\n\t\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\tNo exercises found!
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{item.data && item.data.length ?
\n\t\t\t\t\t);\n\t\t\t })\n\t\t\t: null;\n\t};\n\n\tconst [showVideoModal, toggleVideoModal] = useState(false);\n\tconst [videoId, setVideoId] = useState(false);\n\n\tconst setVideo = ({ id }) => {\n\t\ttoggleVideoModal(true);\n\t\tsetVideoId(id);\n\t};\n\n\tconst [alreadyInPlan, setAlreadyInPlan] = useState(false);\n\tuseEffect(() => {\n\t\tsetAlreadyInPlan(exerciseDetails ? exerciseDetails.already_in_plan : false);\n\t}, [exerciseDetails]);\n\n\tconst addToMyWorkout = () => {\n\t\tconst successHandler = () => {\n\t\t\tNotificationManager.success(\"Successfully added!\", \"\", 5000);\n\t\t\tsetAlreadyInPlan(true);\n\t\t\thistory.push(\"/fitness/my-workout\");\n\t\t};\n\t\taddExerciseToMyWorkout({ is_plan: 0, exercise: exerciseId }, successHandler);\n\t};\n\n\tconst renderNav = () => {\n\t\treturn (\n\t\t\t{item.label}
: null}\n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t{item.data.map((innerItem) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t (\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\tcontent={() => componentRef.current}\n\t\t\t\t/>\n\t\t\t
\n\t\t);\n\t};\n\n\treturn exerciseDetails ? (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{name ? name : \"\"}
\n\t\t\t\t\t\t\t\t\t{description && (\n\t\t\t\t\t\t\t\t\t\tDescription
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{videoImages && videoImages.length ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t{instruction_html && (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t
\n\t\t\t\t\tVideos
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{videoImages.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t setVideo(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tInstructions
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t handleJournalExercise()}>\n\t\t\t\t\t\t\tJournal This\n\t\t\t\t\t\t\n\t\t\t\t\t\t setJournalExercise(null)} />\n\t\t\t\t\t\t
\n\t\t\t\t{renderRelatedExercises()}
\n\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{exerciseList &&\n\t\t\t\t\t\texerciseList.map((card, index) => {\n\t\t\t\t\t\t\tconst isActive = list.indexOf(card.id) > -1;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tupdateExerciseList(event);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\thistory={history}\n\t\t\t\t\t\t\t\t\taddToPlanBtn\n\t\t\t\t\t\t\t\t\tisActive={isActive}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\tNo exercises found!
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t addNowToMyWorkout(event)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\tAdd Now\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t handleEditExercise(original)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t handleDeleteExercise(original)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\tAre you sure you want to delete?
}\n\t\t\t\tonEvent={confirmEvent}\n\t\t\t/>\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = { resetField, getMyWorkouts, deleteExerciseFromPlan, deleteMyWorkouts };\n\nconst mapStateToProps = (state) => {\n\tconst { MyWorkout } = state;\n\treturn {\n\t\texercises: get(MyWorkout, \"myWorkoutList.results\", []),\n\t\ttoggleEditPanel: get(MyWorkout, \"toggleEditPanel\")\n\t};\n};\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(MyWorkout);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport FilterPanel, { PanelBody, PanelFooter } from \"../../../sharedComponents/filterPanel\";\nimport { resetField, fetchWorkoutPlans, addPlanToMyWorkout } from \"../../../store/actions\";\nimport Tooltip from \"../../../sharedComponents/tooltip\";\n\nconst AddPlanPanel = ({ showAddPlanPanel, resetField, fetchWorkoutPlans, workoutPlanList, addPlanToMyWorkout }) => {\n\tuseEffect(() => {\n\t\tfetchWorkoutPlans();\n\t}, [fetchWorkoutPlans]);\n\n\tconst resetReducerField = () => resetField(\"Exercises.toggleAddExercisePanel\", false);\n\n\tconst [selected, setSelected] = useState([]);\n\n\tconst addToSelected = (id) => {\n\t\tconst newItems = selected.indexOf(id) > -1 ? selected.filter((item) => item !== id) : [...selected, id];\n\t\tsetSelected(newItems);\n\t};\n\n\tconst addItems = () => {\n\t\tconst successHandler = (event) => {\n\t\t\tif (event.status >= 200 && event.status < 300) {\n\t\t\t\tNotificationManager.success(\"Successfully added!\", \"\", 5000);\n\t\t\t\tresetReducerField();\n\t\t\t} else {\n\t\t\t\tNotificationManager.error(\"Please try again!\", \"\", 5000);\n\t\t\t}\n\t\t};\n\t\treturn selected && selected.length ? addPlanToMyWorkout({ plan: selected.join() }, successHandler) : null;\n\t};\n\n\tconst cancelItems = () => {\n\t\tsetSelected([]);\n\t\tresetReducerField();\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\tManage My Custom Workout Plan
\n\t\t\t\t\t{exercises && exercises.length ? (\n\t\t\t\t\t\t\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t\t: null}\n\t\t\t{item.subgroup}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{item.data.map((card) => {\n\t\t\t\t\t\t\t\t\t\tconst isSelected = selected.indexOf(card.id) > -1;\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t addToSelected(card.id)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t{card.name}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{card.group}{\" \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{card.subgroup} \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{card.description}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t setActiveTab(event)}>\n\t\t\t\t{myProgressTabs.map((item) => {\n\t\t\t\t\tconst hasExercise = myProgressList && myProgressList.filter(item => item.data.length);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{item.index === Number(activeTab) && myProgressList && myProgressList.length ? (\n\t\t\t\t\t\t\t\tmyProgressList.map((plan, index) => {\n\t\t\t\t\t\t\t\t\treturn plan && plan.label==='plan booked' && plan.data.length ? (\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\t)}\n\t\t\t \n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\tconst { UI, MyProgress } = state;\n\treturn {\n\t\tmyProgressData: get(MyProgress, \"myProgressResult\", null),\n\t\tatBottom: UI.atBottom\n\t};\n};\n\nconst mapDispatchToProps = {\n\tgetMyProgressList,\n\tresetField\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(MyProgressTabs);\n","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { Link } from \"react-router-dom\";\nimport moment from \"moment\";\n\nimport \"./MyProgressListing.scss\";\nimport { \n\tgetMyProgressList,\n\tgetMyWorkouts,\n\tresetField, \n\tdeleteExerciseFromPlan,\n\tdeleteMyWorkouts } from \"../../../store/actions\";\nimport Tooltip from \"../../../sharedComponents/tooltip\";\nimport ConfirmDelete from \"../../../sharedComponents/confirmDelete\";\nimport PaginatedTable from \"../../../sharedComponents/tableWithPagination\";\nimport EditExercise from \"../myWorkout/editExercise\";\n\nimport AddPlanPanel from \"./addPlanPanel\";\nimport AddExercises from \"../myWorkout/addExercises\";\nimport AddLogPanel from \"./addLogPanel\";\nimport MyProgressTabs from \"./myProgressTabs\";\n\nconst MyProgressListing = ({\n\thistory,\n\texercises,\n\tgetMyProgressList,\n\texercise,\n\tresetField,\n\tgetMyWorkouts,\n\tdeleteExerciseFromPlan,\n\tdeleteMyWorkouts,\n}) => {\n\tconst [editFormValues, setEditFormValue] = useState({});\n\tconst [deleteItem, setDeleteItem] = useState(null);\n\tconst [editWorkout, setEditWorkout] = useState(false);\n\tconst [showModal, setShowModal] = useState(false);\n\n\tuseEffect(() => {\n\t\tgetMyWorkouts();\n\t}, [getMyWorkouts]);\n\n\tconst handleEditExercise = (data) => {\n\t\tresetField(\"MyWorkout.toggleEditPanel\", true);\n\t\tconst newData = {\n\t\t\t...data,\n\t\t\tmonday: data.monday ? data.monday : 0,\n\t\t\ttuesday: data.tuesday ? data.tuesday : 0,\n\t\t\twednesday: data.wednesday ? data.wednesday : 0,\n\t\t\tthursday: data.thursday ? data.thursday : 0,\n\t\t\tfriday: data.friday ? data.friday : 0,\n\t\t\tsaturday: data.saturday ? data.saturday : 0,\n\t\t\tsunday: data.sunday ? data.sunday : 0\n\t\t};\n\t\tsetEditFormValue(newData);\n\t};\n\n\tconst handleEditWorkout = () => {\n\t\tsetEditWorkout(true);\n\t}\n\n\tconst handleShowWorkout = () => {\n\t\tsetEditWorkout(false);\n\t}\n\n\tconst handleDeleteExercise = (data) => {\n\t\tsetDeleteItem(data);\n\t};\n\n\tconst confirmEvent = (yes) => {\n\t\tconst successHandler = () => {\n\t\t\tgetMyWorkouts();\n\t\t};\n\t\tif (yes && deleteItem) {\n\t\t\tdeleteExerciseFromPlan(deleteItem, successHandler);\n\t\t}\n\t\tif (yes && showModal) {\n\t\t\tdeleteMyWorkouts(successHandler);\n\t\t}\n\t\tsetDeleteItem(null);\n\t\tsetShowModal(false);\n\t};\n\n\tconst columns = [\n\t\t{\n\t\t\tHeader: \"Exercise\",\n\t\t\taccessor: \"exercise_data.name\",\n\t\t\tsortable: false,\n\t\t\twidth: 300,\n\t\t\tCell: ({ original }) => (\n\t\t\t\t\n\t\t\t\t\t{original.exercise_data.name ? original.exercise_data.name : \" - \"}\n\t\t\t\t\n\t\t\t)\n\t\t},\n\t\t{\n\t\t\tHeader: \"Monday\",\n\t\t\taccessor: \"monday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.monday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Tuesday\",\n\t\t\taccessor: \"tuesday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.tuesday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Wednesday\",\n\t\t\taccessor: \"wednesday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.wednesday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Thursday\",\n\t\t\taccessor: \"thursday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.thursday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Friday\",\n\t\t\taccessor: \"friday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.friday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Saturday\",\n\t\t\taccessor: \"saturday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.saturday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Sunday\",\n\t\t\taccessor: \"sunday\",\n\t\t\tclassName: \"text-center\",\n\t\t\theaderClassName: \"text-center\",\n\t\t\tsortable: false,\n\t\t\tCell: ({ original }) => {original.sunday ? () : \" - \"}\n\t\t},\n\t\t{\n\t\t\tHeader: \"Actions\",\n\t\t\taccessor: \"id\",\n\t\t\tsortable: false,\n\t\t\tclassName: \"text-right\",\n\t\t\theaderClassName: \"text-right\",\n\t\t\tCell: ({ original }) => (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t) : null;\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t{myProgressData && !hasExercise.length ? \n\t\t\t\t\t\t\t\t\t\t\t\t{plan.data.map((listItem, listIndex) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t openLogPanel(event)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tforceEnable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlogBtn\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
: null}\n\n\t\t\t\t\t\t\t{!myProgressData ? \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t resetField(\"Exercises.toggleAddExercisePanel\", true)}>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tAdd Exercise to My Plan
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t resetField(\"MyWorkout.toggleAddPlanPanel\", true)}>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tChoose one of our Plans
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t handleEditExercise(original)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t handleDeleteExercise(original)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{editWorkout ? (\n\t\t\t\t\tMy Workout
\n\t\t\t\t\t{editWorkout ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t handleFilterDetails(event)}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t handleDelete(original)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t];\n\n\tconst onPagination = (event) => {\n\t\tsetParams(event);\n\t};\n\n\treturn (\n\t\tCalories Burned
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t setToggleFilterHistoryPanel(true)}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\n\t\t\t\tMy History
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t{myHistoryGraphList && myHistoryGraphList.chart_title ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{myHistoryGraphList.chart_title}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{myHistoryGraphList &&\n\t\t\t\t\t\t\t\t\tmyHistoryGraphList.data_series &&\n\t\t\t\t\t\t\t\t\tmyHistoryGraphList.data_series.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t•\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.name}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\n\t\t\t
\n\t);\n}\n","import React, { useEffect, useState } from \"react\";\nimport ReactLineChart from \"../../sharedComponents/reactLineChart\";\n\nexport default function ProgressWeightDetailChart({ stackedWeightDetails }) {\n\tuseEffect(() => {\n\t\ttrimChartData(stackedWeightDetails);\n\t}, [stackedWeightDetails]);\n\n\tconst [chartData, setChartData] = useState({});\n\n\tconst trimChartData = (stackedWeightDetails) => {\n\t\tif (stackedWeightDetails && stackedWeightDetails.length) {\n\t\t\tconst data_series = stackedWeightDetails;\n\t\t\tconst data_categories = [];\n\t\t\tstackedWeightDetails.forEach((item, index) => {\n\t\t\t\tif (index === 0) {\n\t\t\t\t\titem.data.map((item2) => data_categories.push(item2.x));\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetChartData({\n\t\t\t\tdata_categories,\n\t\t\t\tdata_series\n\t\t\t});\n\t\t}\n\t};\n\n\tconst renderChartLegends = () => {\n\t\tif (chartData && chartData.data_series && chartData.data_series.length) {\n\t\t\treturn Weight Chart
\n\t\t\t\n\t\t\t\t
\n\t\t\t{weightChange && \n\t\t\t\tTotal weight change to date: {weightChange}\n\t\t\t
}\n\t\t\n\t\t\t\t{chartData.data_series.map(({ color, name, data }, index) => {\n\t\t\t\t\treturn data && data.length ?
\n\t\t}\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
: null;\n\t\t\t\t})}\n\t\t\t{name}
\n\t\t\t\t\t\n\t\t\t
\n\t);\n}\n","import React from \"react\";\nimport PaginatedTable from \"../../sharedComponents/tableWithPagination\";\n\nexport default function WeightHistoryTable({ weightHistoryList, getData, name }) {\n\tconst columns = [\n\t\t{\n\t\t\tHeader: \"DATE\",\n\t\t\taccessor: \"start_date\",\n\t\t\twidth: 130\n\t\t},\n\t\t{\n\t\t\tHeader: \"WEIGHT\",\n\t\t\taccessor: \"weight\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"BMI\",\n\t\t\taccessor: \"bmi\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"BP\",\n\t\t\taccessor: \"bp\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"FAT\",\n\t\t\taccessor: \"fat\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"FAT MASS\",\n\t\t\taccessor: \"fat_mass\",\n\t\t\twidth: 130\n\t\t},\n\t\t{\n\t\t\tHeader: \"PULSE\",\n\t\t\taccessor: \"pulse\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"TBW\",\n\t\t\taccessor: \"tbw\",\n\t\t\twidth: 100\n\t\t},\n\t\t{\n\t\t\tHeader: \"W-DELTA\",\n\t\t\taccessor: \"w_delta\",\n\t\t\twidth: 130\n\t\t},\n\t\t{\n\t\t\tHeader: \"W-DELTA TOTAL\",\n\t\t\taccessor: \"w_delta_total\",\n\t\t\twidth: 150\n\t\t},\n\t\t{\n\t\t\tHeader: \"WAIST\",\n\t\t\taccessor: \"waist\",\n\t\t\twidth: 100\n\t\t}\n\t];\n\n\treturn (\n\t\tWeight Detail Chart
\n\t\t\t\n\t\t\t\t
\n\t\t{renderChartLegends()}
\n\t\t\t\t\n\t\t\t
\n\t);\n}\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { getProgressCharts, getProgressWeightHistoryList, getProgressMemberWeightHistoryList, postAddWeight } from \"../../store/actions\";\nimport { Container, Row, Col, Tab, Tabs } from \"react-bootstrap\";\nimport AddWeightModal from \"./addWeight\";\nimport ProgressWeightChart from \"./progressWeightChart\";\nimport ProgressWeightDetailChart from \"./progressWeightDetailChart\";\nimport WeightHistoryTable from \"./weightHistoryTable\";\nimport { get } from \"lodash\";\nimport \"./progress.scss\";\n\nfunction Progress({\n\tgetProgressCharts,\n\tgetProgressWeightHistoryList,\n\tgetProgressMemberWeightHistoryList,\n\tstackedWeightDetail,\n\tweightChart,\n\tweightHistoryList,\n\tmemberweightHistoryList,\n\tweightChange }) {\n\tuseEffect(() => {\n\t\tgetProgressCharts();\n\t\tgetProgressWeightHistoryList(\"?limit=20\");\n\t\tgetProgressMemberWeightHistoryList(\"?limit=20\");\n\t}, [getProgressCharts, getProgressWeightHistoryList, getProgressMemberWeightHistoryList]);\n\tconst [showModal, setShowModal] = useState(false);\n\n\treturn (\n\t\t{name}
\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tgetData(`?limit=20&${e}`);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t
\n\t\t\n\t\t\t\t\t handleEditJournal(original)}>\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\t{data === \"cardioData\" ? renderCardioData() : []}\n\t\t\t{data === \"resistanceData\" ? renderResistanceData() : []}\n\t\t\t{data === \"felxibilityData\" ? renderFlexibilityData() : []}\n\t\t\t{data === \"othersData\" ? renderOthersData() : []}\n\t\t\t{editData && Are you sure you want to delete?
} onEvent={confirmEvent} />\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => ({ journalSummary: get(state.FitnessJournal, \"fitnessJournalSummary\", {}) });\n\nconst mapDispatchToProps = { deleteFitnessJournal, getFitnessJournalSummary };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(CardioJournal);\n","import CardioJournal from \"./cardioFitnessJournal\";\nexport const fitnessJournalList = [\n\t{\n\t\tid: \"cardio\",\n\t\ticon: \"icon icon-cardio\",\n\t\tcolor: [\"#4DC6C6\", \"#2393D9\"],\n\t\ttext_color: \"#299BD6\",\n\t\tlabel: \"Cardio\",\n\t\tshadow: \" 0 2px 4px 0 rgba(0,0,0,0.24)\",\n\t\tunit: \"MINUTES\"\n\t},\n\n\t{\n\t\tid: \"resistance\",\n\t\ticon: \"icon icon-resistance\",\n\t\tcolor: [\"#FF9472\", \"#E27080\"],\n\t\ttext_color: \"#EF807A\",\n\t\tlabel: \"Resistance\",\n\t\tshadow: \" 0 2px 4px 0 rgba(0,0,0,0.24)\",\n\t\tunit: \"SESSIONS\"\n\t},\n\t{\n\t\tid: \"flexibility\",\n\t\ticon: \"icon icon-flexibility\",\n\t\tcolor: [\"#35CD9B\", \"#53B85B\"],\n\t\ttext_color: \"#4DBC67\",\n\t\tlabel: \"Flexibility\",\n\t\tshadow: \" 0 2px 4px 0 rgba(0,0,0,0.24)\",\n\t\tunit: \"SESSIONS\"\n\t}\n];\n\nexport const goalFields = [\n\t{\n\t\tname: \"cardio\",\n\t\tlabel: \"Cardio (total minutes per week)\"\n\t},\n\t{\n\t\tname: \"resistance\",\n\t\tlabel: \"Resistance (Sessions per week)\"\n\t},\n\t{\n\t\tname: \"flexibility\",\n\t\tlabel: \"Flexibility (Sessions per week)\"\n\t},\n\t{\n\t\tname: \"calories_burned\",\n\t\tlabel: \"Calories Burned\"\n\t}\n];\n\nexport const journalTabs = [\n\t{\n\t\tid: \"cardio\",\n\t\ttitle: \"Cardio\",\n\t\tcomponent: CardioJournal,\n\t\tdata: \"cardioData\"\n\t},\n\t{\n\t\tid: \"resistance\",\n\t\ttitle: \"Resistance \",\n\t\tcomponent: CardioJournal,\n\t\tdata: \"resistanceData\",\n\t\ttype: \"resistance\"\n\t},\n\t{\n\t\tid: \"flexibility\",\n\t\ttitle: \"Flexibility\",\n\t\tcomponent: CardioJournal,\n\t\tdata: \"felxibilityData\"\n\t},\n\t{\n\t\tid: \"others\",\n\t\ttitle: \"Others \",\n\t\tcomponent: CardioJournal,\n\t\tdata: \"othersData\"\n\t}\n];\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router\";\nimport { Tabs, Tab } from \"react-bootstrap\";\n\nimport { journalTabs } from \"./helper\";\n\nconst JournalTabs = ({ date, range }) => {\n\tconst [activeTab, setActiveTab] = useState(0);\n\n\tconst renderTabs = () => {\n\t\treturn (\n\t\t\tjournalTabs &&\n\t\t\tjournalTabs.map((step, i) => {\n\t\t\t\tconst SpecificStep = step.component;\n\t\t\t\tconst specificData = step.data;\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t setJournalExercise(null)}\n\t\t\t\t\trange={range}\n\t\t\t\t/>\n\t\t\t)}\n\t\t
\n\t);\n};\n\nconst mapDispachToProps = { resetField };\n\nconst mapStateToProps = (state) => {\n\tconst { MyWorkout } = state;\n\treturn {\n\t\ttoggleAddPlanPanel: get(MyWorkout, \"toggleAddPlanPanel\", false),\n\t\tfitnessJournal: get(state.FitnessJournal, \"fitnessJournal\", {})\n\t};\n};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispachToProps\n)(FitnessJournalEntries);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport ProgressBar from \"react-bootstrap/ProgressBar\";\n\nimport { fitnessJournalList } from \"./helper\";\n\nconst FitnessJournalCards = ({ data, goal }) => {\n\tconst summaryData =\n\t\tfitnessJournalList && data && goal\n\t\t\t? fitnessJournalList.map((item) => {\n\t\t\t\t\tconst percentage = data[item.id] && goal[item.id] ? (data[item.id] / goal[item.id]) * 100 : 0;\n\n\t\t\t\t\treturn { ...item, value: data[item.id], goal: goal[item.id], percentage };\n\t\t\t })\n\t\t\t: [];\n\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\tJournal Entries
\n\t\t\t\n\t\t\t\t
\n\n\t\t\t{journalExercise && range && (\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{summaryData &&\n\t\t\t\t\t\tsummaryData.map((item, index) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.value ? item.value : \"0\"} /\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{item.goal ? item.goal : \"0\"}\n\t\t\t\t\t\t\t\t\t\t\t\t {\"\" + item.unit}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{Math.round(item.percentage) > 0 ? \"100\" : Math.round(item.percentage)} %\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => ({});\n\nconst mapDispatchToProps = {};\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(FitnessJournalCards);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { reduxForm, Field } from \"redux-form\";\nimport moment from \"moment\";\n\nimport { FormField } from \"../../../sharedComponents/formField\";\nimport { PanelBody, PanelFooter } from \"../../../sharedComponents/filterPanel\";\nimport { saveFitnessGoals, createFitnessGoals } from \"../../../store/actions/index\";\nimport { isInt } from \"../../../constants/formValidators\";\n\nimport { goalFields } from \"./helper\";\n\nconst SetGoals = ({ initialValues, handleSubmit, saveFitnessGoals, onUpdate, toggle, createFitnessGoals }) => {\n\tconst validateForm = (values) => {\n\t\tconst successHandler = (event) => {\n\t\t\tonUpdate(event);\n\t\t};\n\n\t\tinitialValues && initialValues.id\n\t\t\t? saveFitnessGoals(\n\t\t\t\t{ ...values, date: moment(values.date).format(\"YYYY/MM/DD\"), id: initialValues.id },\n\t\t\t\tsuccessHandler\n\t\t\t)\n\t\t\t: createFitnessGoals({ ...values, date: moment().format(\"YYYY/MM/DD\") }, successHandler);\n\t};\n\n\treturn (\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = {\n\tsaveFitnessGoals,\n\tcreateFitnessGoals\n};\n\nexport default connect(\n\tnull,\n\tmapDispatchToProps\n)(\n\treduxForm({\n\t\tform: \"SetGoalsForm\",\n\t\tenableReinitialize: true\n\t})(SetGoals)\n);\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport DatePicker, { registerLocale } from \"react-datepicker\";\nimport moment from \"moment\";\nimport { get } from \"lodash\";\n\nimport FitnessJournalEntries from \"./fitnessJournalEntries\";\nimport FitnessJournalCards from \"./FitnessJournalCards\";\nimport { getFitnessJournalSummary, getFitnessJournal, getFitnessGoals } from \"../../../store/actions\";\nimport SetGoals from \"./setGoals\";\nimport FilterPanel from \"../../../sharedComponents/filterPanel\";\n\nimport enGB from \"date-fns/locale/en-GB\";\nregisterLocale(\"enGB\", enGB);\n\nconst FitnessJournal = ({\n\tgetFitnessJournalSummary,\n\tgetFitnessJournal,\n\tjournalSummary,\n\thistory,\n\tgetFitnessGoals,\n\tfitnessGoals\n}) => {\n\tconst [startDate, setStartDate] = useState(new Date());\n\tconst [showGoalsPanel, setShowGoalsPanel] = useState(false);\n\tconst [showAddJournalPanel, setShowAddJournalPanel] = useState(false);\n\n\tconst queryParam = `date=${moment(startDate).format(\"YYYY-MM-DD\")}`;\n\n\tuseEffect(() => {\n\t\tgetFitnessJournalSummary(queryParam);\n\t\tgetFitnessGoals(`start_date=${moment(startDate).format(\"YYYY-MM-DD\")}`);\n\t}, [getFitnessJournalSummary, getFitnessGoals, queryParam, startDate]);\n\n\tconst handleChange = (date) => {\n\t\tsetStartDate(date);\n\t\tgetFitnessJournalSummary(`date=${moment(date).format(\"YYYY-MM-DD\")}`);\n\t\tgetFitnessGoals(`start_date=${moment(date).format(\"YYYY-MM-DD\")}`);\n\t};\n\n\tconst onUpdateGoal = () => {\n\t\tgetFitnessGoals();\n\t\tsetShowGoalsPanel(false);\n\t};\n\n\tconst renderGoalsPanel = () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\ttotal calories
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{data && data.calories_burned ? data.calories_burned : 0} /\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{goal && goal.calories_burned ? goal.calories_burned : 0}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\n\t\t\t\tWeekly Journal
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{moment(startDate).format(\"YYYY-MM-DD\") === moment().format(\"YYYY-MM-DD\") ? (\n\t\t\t\t\t\t\t setShowGoalsPanel(true)}>\n\t\t\t\t\t\t\t\tAdjust Goal\n\t\t\t\t\t\t\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{original.is_active ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t onToggleButtonClick(original)}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t onToggleButtonClick(original)}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t onUpdateButtonClick(original)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t confirmDelete(original)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\tAdvertisement Management
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t onClickAddButton()}>\n\t\t\t\t\t\t\t Add new\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t\t onClickMotivationType(\"image\")}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tImage\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t onClickMotivationType(\"video\")}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tVideo\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{original.is_active ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t onToggleButtonClick(original)}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t onToggleButtonClick(original)}>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t onUpdateButtonClick(original)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t confirmDelete(original)}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t];\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\tMotivational Content Management
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t onClickAddButton()}>\n\t\t\t\t\t\t\t Add new\n\t\t\t\t\t\t
\n\t\t\t\t\t\n
\n}\n\nexport default BadgeCard;\n","import React from \"react\";\nimport moment from \"moment\";\n\nimport PlaceholderIMG from \"../../sharedComponents/placeholderImage\";\nimport FilterPanel from \"../../sharedComponents/filterPanel\";\n\nconst BadgeDetails = ({ badgeDetails, memberBadges, show = true, toggle }) => {\n\tconst renderDetails = () => {\n\t\tconst { badge_count, description, image, name } = badgeDetails;\n\n\t\treturn (\n\t\t\t onClick(cardDetails)}>\n
\n {name}
\n{description}
\n Total Badges: {badge_count}
\n \n\t\t\t\t
\n\t\t);\n\t};\n\n\tconst renderMemberBadges = () => {\n\t\treturn memberBadges && memberBadges.results\n\t\t\t? memberBadges.results.map((item) => {\n\t\t\t\treturn item.date_range && item.date_range.length ? (\n\t\t\t\t\t{name}
\n\t\t\t\t{description}
\n\t\t\t\tTotal Badges: {badge_count}
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t) : null;\n\t\t\t})\n\t\t\t: null;\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{item.date_range[1] && (\n\t\t\t\t\t\t\t{moment(item.date_range[0]).format(\"LL\")}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{item.date_range[1] ? \"Start Date\" : \"Achievement Date\"}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t{moment(item.date_range[1]).format(\"LL\")}
\n\t\t\t\t\t\t\t\tEnd Date
\n\t\t\t\t\t\t\t\n\t\t\t\t{renderDetails()}\n\t\t\t\t{renderMemberBadges()}\n\t\t\t
\n\t\t\n
\n {activBadge && memberBadges ? My Badges
\n\n {badges.map(badge =>
\n \n\t\t\t\t\t\t\t testimonialDetails(original)}\n\t\t\t\t\t\t\t\tclassName=\"btn btn-success btn-ghost btn-sm btn-cell mr-2\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t confirmDelete(original)}\n\t\t\t\t\t\t\t\tclassName=\"btn btn-danger btn-ghost btn-sm btn-cell\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t),\n\t\t\t\t\theaderClassName: \"text-right\",\n\t\t\t\t\tclassName: \"text-right\",\n\t\t\t\t\tsortable: false,\n\t\t\t\t\twidth: 100\n\t\t\t\t}\n\t\t ]\n\t\t: [];\n\n\tconst columns = [\n\t\t{\n\t\t\tHeader: \"Member\",\n\t\t\taccessor: \"member\",\n\t\t\tCell: ({ value, original }) => (\n\t\t\t\t\n\t\t\t\t getTestimonials(`?${query}`)}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\tTestimonials
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{testimonials && testimonials.length ? (\n\t\t\t\t\t\t setFilters({ ...filters, ...queryStringToJSON(`?${event}`) })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{!loading && testimonials.length === 0 ? (\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\tNo testimonials found!
\n\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tcontent={() => componentRef.current}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\tShare your experience…
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tShare your weight loss experience with your friends and family by inviting them to begin their own\n\t\t\t\t\t\t\tjourney with Medi-Weightloss®.\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t setEditData(null)}\n\t\t\t\t/>\n\t\t\t\tAre you sure you want to delete?
}\n\t\t\t\t\tonEvent={confirmEvent}\n\t\t\t\t/>\n\t\t\t toggleAddImagePanel(true)}>\n\t\t\t\t\t
\n\t\t\t\t{imageList &&\n\t\t\t\t\timageList.results &&\n\t\t\t\t\timageList.results.map((item, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tAdd an image
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t handleDelete(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t handleEdit(item)}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{item.name}
\n\t\t\t\t\t\t\t\t*Please upload images having minimum width of 200 with a W x H ratio of : 2 x 3
\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\ttestimonialData &&\n\t\t\t\t\t\t\ttestimonialData.member &&\n\t\t\t\t\t\t\tgetMemberTestimonialImages(`member=${testimonialData.member}`);\n\t\t\t\t\t\tsetActiveTab(2);\n\t\t\t\t\t}}>\n\t\t\t\t\tSAVE & NEXT\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\tconst { Testimonials } = state;\n\treturn {\n\t\timageList: get(Testimonials, \"testimonialImageList\", {}),\n\t\tsourceList: get(state, \"AddRecipe.sourceList.results\", []),\n\t\ttestimonialData: get(Testimonials, \"testimonialDetail\", {})\n\t};\n};\n\nconst mapDispatchToProps = { getMemberTestimonialImages, deleteTestimonialImage };\n\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n)(AddTestimonialImages);\n","import TestimonialEdit from \"./finalTestimonialEdit\";\nimport AddTestimonialImages from \"./addImages\";\nimport FinalTestimonialPreview from \"./finalTestimonialPreview\";\n\nexport const testimonialTabs = [\n\t{\n\t\tid: \"finalVersonEdit\",\n\t\ttitle: \"Final Version Edit\",\n\t\tcomponent: TestimonialEdit\n\t},\n\t{\n\t\tid: \"images\",\n\t\ttitle: \"Images \",\n\t\tcomponent: AddTestimonialImages\n\t},\n\t{\n\t\tid: \"finalVersionPreview\",\n\t\ttitle: \"Final Version Preview\",\n\t\tcomponent: FinalTestimonialPreview\n\t}\n];\n","import React, { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { get } from \"lodash\";\nimport { NotificationManager } from \"react-notifications\";\n\nimport PlaceholderImage from \"../../sharedComponents/placeholderImage\";\n\nconst FinalTestimonialPreview = ({ initialValues, imageList, history }) => {\n\tconst [beforeImage, setBeforeImage] = useState(null);\n\tconst [afterImage, setAfterImage] = useState(null);\n\n\tuseEffect(() => {\n\t\tconst getPhoto = (type) => {\n\t\t\tconst primaryImage = imageList && imageList.filter((item) => item.type === type && item.primary === true);\n\t\t\treturn primaryImage && primaryImage.length ? primaryImage[0].photo_m : null;\n\t\t};\n\t\tsetBeforeImage(getPhoto(\"B\"));\n\t\tsetAfterImage(getPhoto(\"A\"));\n\t}, [imageList]);\n\n\tconst handlePublish = () => {\n\t\tNotificationManager.success(\"Testimonial published successfully!\", \"\", 5000);\n\t\thistory.push(\"/testimonials\");\n\t};\n\treturn (\n\t\t\n\t\t\t
\n\t\t\tFinal Version Preview (after save)
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\tconst { Testimonials } = state;\n\treturn {\n\t\timageList: get(Testimonials, \"testimonialImageList.results\", null),\n\t\tinitialValues: get(Testimonials, \"testimonialDetail\", {})\n\t};\n};\n\nexport default connect(mapStateToProps)(FinalTestimonialPreview);\n","import React, { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Tabs, Tab } from \"react-bootstrap\";\n\nimport { testimonialTabs } from \"./helper\";\n\nconst TestimonialTabs = ({ history, match }) => {\n\tconst [activeTab, setActiveTab] = useState(0);\n\n\tconst renderTabs = () => {\n\t\treturn (\n\t\t\ttestimonialTabs &&\n\t\t\ttestimonialTabs.map((step, i) => {\n\t\t\t\tconst SpecificStep = step.component;\n\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t
\n\t\tTestimonial
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{initialValues && initialValues.id &&
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t{renderDeclineFoodPanel()}\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\thandleBackNavigation();\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{name ? name : long_desc}\n\t\t\t\t\t
\n\t\t\t\t\t{isAdmin ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t) : null}\n\t\t\t\t\n\t\t\t\t\t{nut_data && foodDetailsColumns && foodDetailsData ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t[]\n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\tProtein Calorie Type :\n\t\t\t\t\t\t\t\t{foodDetails && foodDetails.protein_calorie_type\n\t\t\t\t\t\t\t\t\t? foodTypeList.filter((item) => item.id === foodDetails.protein_calorie_type)[0].name\n\t\t\t\t\t\t\t\t\t: \"N/A\"}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tServings Type :\n\t\t\t\t\t\t\t\t{foodDetails && foodDetails.servings_type\n\t\t\t\t\t\t\t\t\t? servingsList.filter((item) => item.id === foodDetails.servings_type)[0].name\n\t\t\t\t\t\t\t\t\t: \"N/A\"}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tNutritional data source: {source ? source : \"\"}
\n\t\t\t\t\t\t\tOriginal long name: {long_desc ? long_desc : \"\"}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t setScrollbar(elem)} autoHide className=\"wrapper-scrollbar\" onScrollFrame={handleScrollFrame}>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => ({\n\tpreloader: state.UI.preloader,\n\tatBottom: state.UI.atBottom,\n\tuserDetails: state.Auth.userDetails\n});\n\nconst mapDispatchToProps = {\n\ttoggleAtBottom,\n\tupdateLoginCredentials,\n\trefreshToken,\n\tverifyToken\n};\n\nexport default withRouter(\n\tconnect(\n\t\tmapStateToProps,\n\t\tmapDispatchToProps\n\t)(App)\n);\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import { UI } from \"../types/actions\";\n\nconst initialState = {\n\tpreloader: false,\n\tatBottom: false,\n\tscrollToZero: 0\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase UI.TOGGLE_PRELOADER:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tpreloader: action.payload\n\t\t\t};\n\t\tcase UI.TOGGLE_AT_BOTTOM: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tatBottom: action.payload\n\t\t\t};\n\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { RECIPES } from \"../types/actions\";\n\nconst initialState = {\n\trecipesResult: {},\n\trecipesSearchKeyword: null,\n\tavailableFilters: [],\n\trecipeDetails: {},\n\trecipeFavorite: {},\n\trelatedRecipes: [],\n\trecipeNutritionFacts: [],\n\trecipeIngredients: [],\n\trecipeCommentsToApproveList: []\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase RECIPES.GET_RECIPES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipesResult: action.payload,\n\t\t\t\trecipesLoading: false\n\t\t\t};\n\t\tcase RECIPES.GET_RECENT_RECIPES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecentRecipesResult: action.payload\n\t\t\t};\n\t\tcase RECIPES.GET_RECIPE_COMMENTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeCommentsResult: action.payload\n\t\t\t};\n\t\tcase RECIPES.GET_RECIPE_COMMENTS_APPROVAL:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeCommentsToApproveList: action.payload\n\t\t\t};\n\t\tcase RECIPES.RECIPE_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeDetails: action.payload\n\t\t\t};\n\t\tcase RECIPES.SEARCH_RECIPES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipesSearchKeyword: action.payload\n\t\t\t};\n\t\tcase RECIPES.GET_AVAILABLE_FILTERS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tavailableFilters: action.payload\n\t\t\t};\n\t\tcase RECIPES.RESET_RECIPES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipesResult: initialState.recipesResult\n\t\t\t};\n\t\tcase RECIPES.RELATED_RECIPES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trelatedRecipes: action.payload\n\t\t\t};\n\t\tcase RECIPES.RECIPE_NUTRITION_FACTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeNutritionFacts: action.payload\n\t\t\t};\n\t\tcase RECIPES.RECIPE_INGREDIENTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeIngredients: action.payload\n\t\t\t};\n\t\tcase RECIPES.GET_FEATURED_RECIPES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfeaturedRecipes: action.payload\n\t\t\t};\n\t\tcase RECIPES.GET_RECIPES_FAVORITED:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfavoriteRecipes: action.payload\n\t\t\t};\n\t\tcase RECIPES.RECIPE_IS_FAVOURITE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeFavorite: action.payload\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { ADD_RECIPE } from \"../types/actions\";\n\nconst initialState = {\n\trecipeBasicDetails: null,\n\trecipeIngredientList: []\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase ADD_RECIPE.SAVE_BASIC_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeBasicDetails: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_FOOD_GROUP_LIST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeFoodGroups: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.SEARCH_INGREDIENTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsearchIngredientResults: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_INGREDIENT_WEIGHTS_LIST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tgetIngredientWeights: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_CATEGORIES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcategoryList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_CATEGORY_GROUPS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcategoryGroupList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_RECIPE_CATEGORIES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeCategoryList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_SOURCES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsourceList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_RECIPE_SOURCES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeSourceList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_IMAGES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\timageList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_RECIPE_IMAGES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeImageList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.GET_RECIPE_INGREDIENTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trecipeIngredientList: action.payload\n\t\t\t};\n\t\tcase ADD_RECIPE.SUBMIT_RECIPE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tuserRecipe: action.payload\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { FOOD_DATABASE } from \"../types/actions\";\n\nconst initialState = {\n\tfoodDatabaseResult: [],\n\tfoodDatabaseLevel2Result: [],\n\tfoodDatabaseLevel3Result: [],\n\tfoodDatabaseCardResult: [],\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase FOOD_DATABASE.GET_FOOD_DATABASE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodDatabaseResult: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_FOOD_DATABASE_LEVEL_2:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodDatabaseLevel2Result: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_FOOD_DATABASE_LEVEL_3:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodDatabaseLevel3Result: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_FOOD_DATABASE_LEVEL_4:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodDatabaseLevel4Result: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_FOOD_LIST_CARD_VIEW:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodDatabaseCardResult: action.payload,\n\t\t\t};\n\n\t\tcase FOOD_DATABASE.GET_FOOD_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tgetFoodDetailsResult: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_FOOD_NUTRITION:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodNutritionList: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_NUT_DATA:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tnutData: action.payload,\n\t\t\t};\n\t\tcase FOOD_DATABASE.GET_INGREDIENT_WEIGHTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tingredientWeights: action.payload,\n\t\t\t};\n\t\t// Reducer to handle actions for food list\n\t\tcase FOOD_DATABASE.GET_FOOD_APPROVAL_LIST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodApprovalList: action.payload,\n\t\t\t};\n\n\t\tcase FOOD_DATABASE.SEARCH_PATIENT_FOOD:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tfoodApprovalList: action.payload,\n\t\t\t};\n\n\t\tcase FOOD_DATABASE.GET_PATIENT_FOOD_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tgetPatientFoodItem: action.payload,\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { RESOURCES } from \"../types/actions\";\n\nconst initialState = {\n\tresourcesResult: [],\n\tsearchedResources: [],\n\tselectedResource: \"\"\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase RESOURCES.GET_RESOURCES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tresourcesResult: action.payload\n\t\t\t};\n\t\tcase RESOURCES.GET_RESOURCE_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tresourceDetails: action.payload\n\t\t\t};\n\t\tcase RESOURCES.RESET_RESOURCES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tresourcesResult: initialState.resourcesResult\n\t\t\t};\n\t\tcase RESOURCES.SEARCH_RESOURCES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsearchedResources: action.payload\n\t\t\t};\n\t\tcase RESOURCES.SELECTED_RESOURCE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tselectedResource: action.payload\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { WORKOUT_PLANS } from \"../types/actions\";\n\nconst initialState = {\n\tworkoutPlanList: {},\n\tsearchWorkoutPlanList: {}\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase WORKOUT_PLANS.GET_WORKOUT_PLANS:\n\t\t\treturn { ...state, workoutPlanList: action.payload };\n\t\tcase WORKOUT_PLANS.SEARCH_WORKOUT_PLANS:\n\t\t\treturn { ...state, workoutPlanList: action.payload };\n\t\tcase WORKOUT_PLANS.GET_WORKOUT_PLAN_DETAILS:\n\t\t\treturn { ...state, workoutPlanDetails: action.payload };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { MY_PROGRESS } from \"../types/actions\";\n\nconst initialState = {\n\tmyHistoryGraphResult: {}\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase MY_PROGRESS.GET_MY_PROGRESS_LIST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tmyProgressResult: action.payload\n\t\t\t};\n\t\tcase MY_PROGRESS.GET_MY_HISTORY_GRAPH:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tmyHistoryGraphResult: action.payload\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { EXERCISES } from \"../types/actions\";\n\nconst initialState = {\n\texercisesResult: {}\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase EXERCISES.GET_EXERCISES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\texercisesResult: action.payload,\n\t\t\t\texercisesLoading: false\n\t\t\t};\n\t\tcase EXERCISES.GET_EXERCISE_FILTERS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\texerciseFilters: action.payload\n\t\t\t};\n\t\tcase EXERCISES.EXERCISE_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\texerciseDetails: action.payload\n\t\t\t};\n\t\tcase EXERCISES.SEARCH_EXERCISES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\texercisesSearchResult: action.payload\n\t\t\t};\n\t\tcase EXERCISES.EXERCISE_POTENTIAL_BURN:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\texercisesPotentialBurnData: action.payload\n\t\t\t};\n\t\tcase EXERCISES.EXERCISE_RELATED:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\trelatedExercises: action.payload\n\t\t\t};\n\t\tcase EXERCISES.EDIT_EXERCISE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\teditResult: action.payload\n\t\t\t};\n\t\tcase EXERCISES.DELETE_EXERCISES_FROM_PLAN:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tnewExerciseList: action.payload\n\t\t\t};\n\n\t\tcase EXERCISES.TOGGLE_ADD_EXERCISE_PANEL:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tshowAddExercisePanel: action.payload\n\t\t\t};\n\t\tcase EXERCISES.TOGGLE_ADD_PLAN_PANEL:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tshowAddPlanPanel: action.payload\n\t\t\t};\n\n\t\tcase EXERCISES.EDIT_EXERCISE_SUMMARY:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\teditExercise: action.payload\n\t\t\t};\n\t\tcase EXERCISES.DELETE_EXERCISE_SUMMARY:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\texerciseHistoryResult: action.payload\n\t\t\t};\n\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import {MY_FOOD} from '../types/actions';\n\nconst initialState = {}\n\nexport default (state = initialState, action) => {\n switch (action.type) {\n case MY_FOOD.GET_MY_FOOD_LIST:\n return { ...state, myFoodList: action.payload };\n default:\n return state\n }\n}","import { MY_HISTORY } from \"../types/actions\";\n\nconst initialState = {\n\tsummary: [],\n\tdetails: []\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase MY_HISTORY.GET_SUMMARY:\n\t\t\treturn { ...state, summary: action.payload };\n\t\tcase MY_HISTORY.GET_DETAILS:\n\t\t\treturn { ...state, details: action.payload };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { MY_WORKOUT } from \"../types/actions\";\n\nconst initialState = {\n\tmyWorkoutList: []\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase MY_WORKOUT.GET_MY_WORKOUT:\n\t\t\treturn { ...state, myWorkoutList: action.payload };\n\t\tcase MY_WORKOUT.DELETE_MY_WORKOUTS:\n\t\t\treturn { ...state, myWorkoutList: action.payload };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { HOME } from \"../types/actions\";\n\nconst initialState = {};\n\nexport default (state = initialState, action) => {\n switch (action.type) {\n case HOME.GET_HOME_DATA:\n return { ...state, ...action.payload };\n case HOME.GET_WEIGHT_HISTORY:\n return { ...state, weight_history: action.payload }\n case HOME.GET_ADS:\n return { ...state, ads: action.payload }\n case HOME.GET_MOTIVATIONAL_VIDEOS:\n return { ...state, motivational_videos: action.payload }\n default:\n return state;\n }\n};\n","import { PROGRESS } from \"../types/actions\";\n\nconst initialState = {};\n\nexport default (state = initialState, action) => {\n switch (action.type) {\n case PROGRESS.GET_PROGRESS_CHARTS:\n return { ...state, ...action.payload };\n case PROGRESS.GET_PROGRESS_WEIGHT_HISTORY_LIST:\n return { ...state, weight_history_list: action.payload };\n case PROGRESS.GET_PROGRESS_MEMBERWEIGHT_HISTORY_LIST:\n return { ...state, memberweight_history_list: action.payload };\n case PROGRESS.POST_ADD_WEIGHT:\n return { ...state, ...action.payload };\n default:\n return state;\n }\n};\n","import { NUTRITION_JOURNAL } from \"../types/actions\";\n\nconst initialState = {\n\tjournalNutritionalSummary: [],\n\tjournalNutritionalEntries: [],\n\tnutritionGoals: [],\n\thydration: []\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase NUTRITION_JOURNAL.GET_NUTRITION_JOURNAL_SUMMARY:\n\t\t\treturn { ...state, journalNutritionalSummary: action.payload };\n\t\tcase NUTRITION_JOURNAL.GET_NUTRITION_JOURNAL_ENTRIES:\n\t\t\treturn { ...state, journalNutritionalEntries: action.payload };\n\t\tcase NUTRITION_JOURNAL.EDIT_NUTRITION_JOURNAL:\n\t\t\treturn { ...state, journalNutritionalEntries: action.payload };\n\t\tcase NUTRITION_JOURNAL.DELETE_NUTRITION_JOURNAL:\n\t\t\treturn { ...state, journalNutritionalEntries: action.payload };\n\t\tcase NUTRITION_JOURNAL.GET_NUTRITION_GOALS:\n\t\t\treturn { ...state, nutritionGoals: action.payload };\n\t\tcase NUTRITION_JOURNAL.CREATE_NUTRITION_GOALS:\n\t\t\treturn { ...state, nutritionGoals: action.payload };\n\t\tcase NUTRITION_JOURNAL.UPDATE_HYDRATION:\n\t\t\treturn { ...state, hydration: action.payload };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { FITNESS_JOURNAL } from \"../types/actions\";\n\nconst initialState = {\n\tfitnessJournalSummary: [],\n\tfitnessJournal: [],\n\tfitnessGoals: []\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase FITNESS_JOURNAL.GET_FITNESS_JOURNAL_SUMMARY:\n\t\t\treturn { ...state, fitnessJournalSummary: action.payload };\n\t\tcase FITNESS_JOURNAL.GET_FITNESS_JOURNAL:\n\t\t\treturn { ...state, fitnessJournal: action.payload };\n\t\tcase FITNESS_JOURNAL.GET_FITNESS_GOALS:\n\t\t\treturn { ...state, fitnessGoals: action.payload };\n\t\tcase FITNESS_JOURNAL.SAVE_FITNESS_GOALS:\n\t\t\treturn { ...state, fitnessGoals: action.payload };\n\t\tcase FITNESS_JOURNAL.CREATE_FITNESS_GOALS:\n\t\t\treturn { ...state, fitnessGoals: action.payload };\n\t\tcase FITNESS_JOURNAL.CREATE_FITNESS_JOURNAL:\n\t\t\treturn { ...state, fitnessJournal: action.payload };\n\t\tcase FITNESS_JOURNAL.EDIT_FITNESS_JOURNAL:\n\t\t\treturn { ...state, fitnessJournal: action.payload };\n\t\tcase FITNESS_JOURNAL.DELETE_FITNESS_JOURNAL:\n\t\t\treturn { ...state, fitnessJournal: action.payload };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { AD_MANAGEMENT } from \"../types/actions\";\n\nconst initialState = {};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase AD_MANAGEMENT.GET_ADS_LIST:\n\t\t\treturn { ...state, ads_list: action.payload };\n\t\tcase AD_MANAGEMENT.ADD_NEW_AD_SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tads_list: {\n\t\t\t\t\t...state.ads_list,\n\t\t\t\t\tresults: [...state.ads_list.results, action.payload],\n\t\t\t\t\tcount: state.ads_list.count + 1\n\t\t\t\t}\n\t\t\t};\n\t\tcase AD_MANAGEMENT.UPDATE_AD_SUCCESS:\n\t\t\t// eslint-disable-next-line no-case-declarations\n\t\t\tconst index = state.ads_list.results.findIndex((item) => item.id === action.payload.id);\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tads_list: {\n\t\t\t\t\t...state.ads_list,\n\t\t\t\t\tresults: [\n\t\t\t\t\t\t...state.ads_list.results.slice(0, index),\n\t\t\t\t\t\taction.payload,\n\t\t\t\t\t\t...state.ads_list.results.slice(index + 1)\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { MOTIVATION_MANAGEMENT } from \"../types/actions\";\n\nconst initialState = {};\n\nexport default (state = initialState, action) => {\n switch (action.type) {\n case MOTIVATION_MANAGEMENT.GET_MOTIVATION_LIST:\n return { ...state, motivation_list: action.payload };\n case MOTIVATION_MANAGEMENT.ADD_NEW_MOTIVATION_SUCCESS:\n return {\n ...state,\n motivation_list: {\n ...state.motivation_list,\n results: [...state.motivation_list.results, action.payload],\n count: state.motivation_list.count + 1\n }\n };\n case MOTIVATION_MANAGEMENT.UPDATE_MOTIVATION_SUCCESS:\n // eslint-disable-next-line no-case-declarations\n const index = state.motivation_list.results.findIndex((item) => item.id === action.payload.id);\n return {\n ...state,\n motivation_list: {\n ...state.motivation_list,\n results: [\n ...state.motivation_list.results.slice(0, index),\n action.payload,\n ...state.motivation_list.results.slice(index + 1)\n ]\n }\n };\n default:\n return state;\n }\n};\n","import { BADGES } from \"../types/actions\";\n\nconst initialState = {\n badgesResult: {},\n badgeDetails: {}\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase BADGES.GET_BADGES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tbadgesResult: action.payload\n };\n\t\tcase BADGES.GET_BADGE_DETAILS:\n return {\n ...state,\n badgeDetails: action.payload\n };\n\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { TESTIMONIALS } from \"../types/actions\";\n\nconst initialState = {\n\ttestimonialsResult: [],\n\tcountries: {},\n\treplacements: {},\n\ttestimonialImageList: {}\n};\n\nexport default (state = initialState, action) => {\n\tswitch (action.type) {\n\t\tcase TESTIMONIALS.GET_TESTIMONIALS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialsResult: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.GET_TESTIMONIALS_DETAILS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialDetail: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.ADD_TESTIMONIAL:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialsResult: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.GET_COUNTRIES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcountries: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.GET_REPLACEMENTS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\treplacements: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.SUBMIT_TESTIMONIAL:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialsResult: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.GET_TESTIMONIAL_IMAGES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialImageList: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.ADD_TESTIMONIAL_IMAGES:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialImageList: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.DELETE_IMAGE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialImageList: action.payload\n\t\t\t};\n\t\tcase TESTIMONIALS.EDIT_TESTIMONIAL:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\ttestimonialImageList: action.payload\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { combineReducers } from \"redux\";\nimport { reducer as formReducer } from \"redux-form\";\nimport { update } from \"lodash\";\n\nimport UI from \"./uiReducer\";\nimport Auth from \"./authReducer\";\nimport Recipes from \"./recipeReducer\";\nimport AddRecipe from \"./addRecipeReducer\";\nimport FoodDatabase from \"./foodDatabaseReducer\";\nimport Resources from \"./resourceReducer\";\nimport WorkoutPlans from \"./workoutPlanReducer\";\nimport MyProgress from \"./myProgressReducer\";\nimport Exercises from \"./exercisesReducer\";\nimport MyFood from \"./myFoodReducer\";\nimport MyHistory from \"./myHistoryReducer\";\nimport MyWorkout from \"./myWorkoutReducer\";\nimport Home from \"./homeReducer\";\nimport Progress from \"./progressReducer\";\nimport NutritionJournal from \"./nutritionJournalReducer\";\nimport FitnessJournal from \"./fitnessJournalReducer\";\nimport AdManagement from \"./adManagementReducer\";\nimport MotivationManagement from \"./motivationManagementReducer\";\nimport Badges from \"./badgeReducer\";\nimport Testimonials from \"./testimonialReducer\";\n\nimport { COMMON } from \"../types/actions\";\n\nconst allReducers = combineReducers({\n\tUI,\n\tAuth,\n\tRecipes,\n\tAddRecipe,\n\tFoodDatabase,\n\tResources,\n\tNutritionJournal,\n\tExercises,\n\tform: formReducer,\n\tWorkoutPlans,\n\tMyFood,\n\tMyHistory,\n\tMyWorkout,\n\tMyProgress,\n\tHome,\n\tFitnessJournal,\n\tAdManagement,\n\tMotivationManagement,\n\tProgress,\n\tBadges,\n\tTestimonials\n});\n\nconst rootReducer = (state, action) => {\n\tlet newState = { ...state };\n\tswitch (action.type) {\n\t\tcase COMMON.RESET_FIELD:\n\t\t\tif (action.key) {\n\t\t\t\tnewState = update(state, action.key, () => action.value);\n\t\t\t}\n\t\t\treturn {\n\t\t\t\t...newState\n\t\t\t};\n\t\tdefault:\n\t\t// do nothing;\n\t}\n\treturn allReducers(newState, action);\n};\n\nexport default rootReducer;\n","import { SESSION } from \"../types/actions\";\nimport { get } from \"lodash\";\n\nexport default (state = { userType: \"P\", isAdmin: false }, action) => {\n\tswitch (action.type) {\n\t\tcase SESSION.SEND_LOGIN_CREDENTIALS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tuserDetails: action.payload\n\t\t\t};\n\t\tcase SESSION.UPDATE_LOGIN_CREDENTIALS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tuserDetails: action.payload,\n\t\t\t\tuserType: get(action, \"payload.user.user_type\", \"P\"),\n\t\t\t\tisAdmin: get(action, \"payload.user.user_type\", \"P\") === \"A\" ? true : false\n\t\t\t};\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { applyMiddleware, createStore, compose } from \"redux\";\nimport promiseMiddleware from \"redux-promise\";\nimport { createLogger } from \"redux-logger\";\nimport thunk from \"redux-thunk\";\n\nimport Reducer from \"./reducers\";\n\nconst logger = createLogger({\n\tcollapsed: true\n});\n\nconst middleware = [promiseMiddleware, thunk];\nlet composeEnhancers = compose;\n\nif (process.env.NODE_ENV === \"development\") {\n\tmiddleware.push(logger);\n\tcomposeEnhancers = (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose;\n}\n\nexport const store = createStore(Reducer, composeEnhancers(applyMiddleware(...middleware)));\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Provider } from \"react-redux\";\nimport { BrowserRouter } from \"react-router-dom\";\n\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport { store } from \"./store/store\";\n\nimport \"react-table/react-table.css\";\nimport \"./assets/css/style.css\";\nimport \"./index.scss\";\n\nReactDOM.render(\n\t\n\t\t\t\t\n\t\t\t
\n\t\t\t{desideRouter()}\n\t\t