{text_top || fields?.text_top?.placeholder}
\n{text_bottom || fields?.text_bottom?.placeholder}
\n \n {logo ? (\n{text_top || fields?.text_top?.placeholder}
\n{dish?.price && general.formatPrice(dish?.price)}
\n{dish?.name}
\nLoading data...
\nNo images available to upload
;\n}\n","import React from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { useState } from \"react\";\nimport dashboardStyles from \"../../App.module.scss\";\nimport Modal from \"../Modal\";\nimport ChooseFromMedia from \"../Forms/MediaForm/ChooseFromMedia\";\nimport { connect } from \"react-redux\";\nimport general from \"../../helpers/general\";\nimport styles from \"./ImageInput.module.scss\";\n\nfunction ImageInput({\n Auth,\n handleImage,\n placeHolderImage,\n placeHolderTitle,\n uploadFromMedia,\n modalStyle,\n multiple,\n accept,\n onImageRemove,\n}) {\n const [modal, setModal] = useState({\n visible: false,\n update: false,\n updateIndex: null,\n Component: null,\n title: \"Select an image\",\n closeModal: () => setModal({ ...modal, visible: false }),\n });\n const [imageRemoved, setImageRemoved] = useState(false);\n const [fileSelected, setFileSelected] = useState(null);\n\n const onChange = (event) => {\n if (multiple && event?.target?.files) {\n setFileSelected(`${event?.target?.files?.length} files selected`);\n handleImage(event.target.files);\n } else {\n setFileSelected(event?.target?.files?.[0]?.name);\n handleImage(event.target.files[0]);\n }\n setImageRemoved(false);\n };\n\n const chooseFromMedia = async () => {\n setModal({\n ...modal,\n visible: true,\n Component:\n Please{\" \"}\n \n notify\n {\" \"}\n the {general.convertToReadableRestaurantType(customerMenu?.restaurant?.restaurantType)} that they need to publish it\n
\nAll of this user data will be permanently deleted.
}\n{user?.username}
\n {user?.email}We have sent you an email with an account confirmation link.
\nPlease open the link within 24 hours to finish creating your profile.
\n{dish?.price && general.formatPrice(dish?.price)}
\n{dish?.name}
\nLoading dietary...
\naddOption(parentIndex)}>Add option
\nSelected Ingredients
\n\n There aren't any selected ingredients on this dish!\n
\n )}\nAll Ingredients
\n\nYou didn't select any ingredient(s).
\nDo you want to save/create this dish anyway?
\n \n }\n // \"You didn't select any ingredient(s).\"\n customButtonMessage=\"Continue anyway\"\n toastMessage={update ? \"Dish updated successfully\" : \"Dish created successfully\"}\n funk={async (id) => {\n const response = update ? await Dish.update(data, dish?._id) : await Dish.create(data);\n if (response?.confirmation === \"Success\") {\n setModal({ ...modal, visible: false });\n typeof closeModal === \"function\" && closeModal();\n resetFormAfterCreating();\n } else {\n setModal({ ...modal, visible: false });\n }\n return response;\n }}\n closeModal={() => setModal({ ...modal, visible: false })}\n />\n ),\n });\n };\n\n const showSameNameModal = (data, noIngredients) => {\n setModal({\n ...modal,\n title: \"Confirm modal\",\n visible: true,\n confirmation: true,\n dialogClassName: null,\n Component: (\n{`You already have an item named \"${data?.name}\"`}
\n{`${noIngredients ? \"You also did not select any ingredient(s).\" : \"\"}`}
\nDo you want to save/create this dish anyway?
\n \n }\n customButtonMessage=\"Continue anyway\"\n toastMessage={update ? \"Dish updated successfully\" : \"Dish created successfully\"}\n funk={async (id) => {\n const response = update ? await Dish.update(data, dish?._id) : await Dish.create(data);\n if (response?.confirmation === \"Success\") {\n setModal({ ...modal, visible: false });\n typeof closeModal === \"function\" && closeModal();\n resetFormAfterCreating();\n } else {\n setModal({ ...modal, visible: false });\n }\n return response;\n }}\n closeModal={() => setModal({ ...modal, visible: false })}\n />\n ),\n });\n };\n\n const submit = async (data) => {\n if (!validateFile(imageSelected)) return false;\n\n if (data?.price) {\n const validatedPrice = general.validatePrice(data?.price);\n if (validatedPrice?.err) {\n setPriceError(validatedPrice?.message);\n document?.querySelector(\".modal\")?.scrollTo({ top: 0 });\n document?.querySelector(\".panel-wrapper\")?.scrollTo({ top: 0 });\n return false;\n }\n data.price = validatedPrice.price;\n setPriceError(null);\n }\n\n // TEMP\n if (dishes.find((dish) => dish.name === data.name) && !update) {\n const noIngredients = !selectedIngredients || selectedIngredients?.length === 0;\n return showSameNameModal(data, noIngredients);\n }\n\n data = generateFormData(data);\n\n if (!selectedIngredients || selectedIngredients?.length === 0) {\n return showGeneralModal(data);\n }\n\n setLoading(true);\n\n const response = update ? await Dish.update(data, dish?._id) : await Dish.create(data, categoryID);\n if (response?.confirmation === \"Fail\") {\n setError(response?.message);\n setLoading(false);\n } else {\n setError(null);\n toast(update ? \"Dish updated successfully\" : \"Dish created successfully\");\n setLoading(false);\n typeof closeModal === \"function\" && closeModal();\n resetFormAfterCreating();\n }\n };\n\n const handleMissingIngredients = (ingredients) => {\n const missedIngredients = [];\n if (ingredients && Array.isArray(ingredients) && ingredients?.length > 0) {\n ingredients?.forEach((ingredient) => {\n if (ingredient?._id && ingredient?.name) {\n missedIngredients.push(ingredient);\n }\n });\n }\n if (missedIngredients?.length > 0) {\n setSelectedIngredients([...selectedIngredients, ...missedIngredients]);\n }\n };\n\n const handleCategorySideDishes = (data) => {\n if (!data) data = [];\n\n if (data.length < categorySideDishes.length) {\n const dataValues = data.map((d) => d.value);\n const categorySideDishesValues = categorySideDishes.map((cat) => cat.value);\n const diff = general.arr_diff(dataValues, categorySideDishesValues);\n let dishesToRemove = extractDishIDsFromCategory(diff);\n let copy = [...selectedSideDishes];\n copy = copy.filter((dish) => !dishesToRemove.includes(dish));\n setSelectedSideDishes(copy);\n } else {\n setCategorySideDishes(data || []);\n let categoryDishes = [];\n if (categories && categories.length !== 0 && data && data.length !== 0) {\n data.forEach((d) => {\n categories.forEach((cat) => {\n if (d.value === cat._id) {\n let dishes = [...cat.dishes];\n let ids = dishes.map((dish) => dish._id);\n categoryDishes.push(...ids);\n }\n });\n });\n }\n\n categoryDishes = [...categoryDishes, ...selectedSideDishes];\n categoryDishes = categoryDishes.filter((value, index, self) => self.indexOf(value) === index);\n setSelectedSideDishes(categoryDishes);\n checkIfDishesMatchAnyCategory();\n }\n setCategoryUpdate(true);\n };\n\n useEffect(() => {\n // Syncronize selectedSideDishes and categorySideDishes\n if (copyCategorySideDishes.length > categorySideDishes.length) {\n const ccsd = copyCategorySideDishes.map((c) => c.value);\n const csd = categorySideDishes.map((c) => c.value);\n const diff = general.arr_diff(ccsd, csd);\n let catToRemove = categories.filter((cat) => {\n return cat._id === diff[0];\n });\n catToRemove = catToRemove.map((cat) => cat._id);\n if (catToRemove && categoryUpdate) {\n let dishesToRemove = extractDishIDsFromCategory(catToRemove);\n let copy = [...selectedSideDishes];\n copy = copy.filter((dish) => !dishesToRemove.includes(dish));\n setSelectedSideDishes(copy);\n }\n }\n setCopyCategorySideDishes(categorySideDishes);\n //eslint-disable-next-line\n }, [selectedSideDishes, categorySideDishes]);\n\n useEffect(() => {\n checkIfDishesMatchAnyCategory();\n setCategoryUpdate(false);\n //eslint-disable-next-line\n }, [selectedSideDishes]);\n\n const checkIfDishesMatchAnyCategory = () => {\n const newCategories = [];\n categories.forEach((category) => {\n let all = category.dishes.every((dish) => selectedSideDishes.includes(dish._id));\n if (all && selectedSideDishes.length !== 0 && category?.dishes?.length !== 0) {\n newCategories.push({ value: category._id, label: category.name });\n }\n });\n\n setCategorySideDishes(newCategories);\n };\n\n const extractDishIDsFromCategory = (catIDs) => {\n if (!catIDs) return;\n\n const cats = categories.filter((cat) => catIDs.includes(cat._id));\n let dishes = cats.map((cat) => cat?.dishes);\n dishes = [].concat.apply([], dishes);\n const dishIDs = dishes.map((dish) => dish._id);\n return dishIDs.filter((value, index, self) => self.indexOf(value) === index);\n };\n\n const parseCustomizations = (customizations) => {\n try {\n return JSON.parse(customizations);\n } catch (err) {\n return [];\n }\n };\n\n const getCustomCustomizations = () => {\n try {\n const values = getValues();\n const customizations = parseCustomizations(values?.customizations);\n return customizations?.custom;\n } catch (err) {\n return [];\n }\n };\n\n const showCustomizationModal = () => {\n const values = getValues();\n const customizations = parseCustomizations(values?.customizations);\n setModal({\n ...modal,\n dialogClassName: styles?.customModalStyle,\n title: \"Customization Options\",\n visible: true,\n size: \"lg\",\n Component: (\nPublished {title}
\nUnpublished {title}
\n{elem?.template}
\n{title}
\n{customMessage}
}\n {Auth?.user?.role === ROLES.DMA_CLIENT ? (\n\n It looks like your account subscription isn’t set up just yet. Please contact your{\" \"}\n account manager.\n
\n ) : (\nIn order to publish this menu, you have to subscribe to Foodi menus.
\n )}\nNo data available
\n{checkedLength === 1 ? `${checkedLength} row` : `${checkedLength} rows`} selected
\nPlease enter an password
\nVerifying account...
\n \n ) : error ? (\n <>\n \nPlease wait...
\n \n ) : error ? (\n <>\n \nIs Available
;\n },\n },\n general?.checkPermissions({ exceptPermissions: [\"category\"], originalPermissions: Auth?.user?.permissions }) && {\n field: \"Actions\",\n render: ({ row, column, index }) => (\nDrag the image to change the focus
\nScroll up/down to zoom in/out
\n \nLoading data...
\n{menu?.menu?.name}
\n{JSON.stringify(SelectedQRTemplate, null, 2)} */}\n {SelectedQRTemplate && (\n \n
\n
{menu.name}
\n{menu.name}
\nPlease wait...
\n \n ) : error ? (\n <>\n \nPlease complete your account.
\n{path}\n {path}\n {JSON.stringify(log?.message, null, 3)};\n }\n return log?.message || \"Client side: No log message found\";\n } catch (err) {\n return \"Client side error: Couldn't render message\";\n }\n };\n\n const copyLogId = (log) => {\n navigator.clipboard.writeText(log?._id?.toString()).then(\n function () {\n toast(\"Log id has been copied successfully to clipboard\");\n },\n function (err) {\n toast(\"Error copying log id to clipboard\");\n }\n );\n };\n\n useEffect(() => {\n loadLogs();\n }, []);\n\n return (\n Please wait...
\n \n ) : error ? (\n <>\n \n\n \n {data?.owner?.username} ({data?.owner?.email})\n {\" \"}\n wants to transfer {data?.restaurant?.name} restaurant ownership to you\n
\n\n {formError && (\n{formError}
\n| {menuTable[table]?.label} | ) }\n
|---|
| {menu[menuKey]} | )\n }\n
| {memberTable[table]?.label} | ) }\n { Object.keys(memberTablePermissions)?.map((table, index) =>{memberTablePermissions[table]?.label} | ) }\n
|---|---|
| {member?.username} | \n { Object.keys(member?.permissions)?.map((permission, permissionIndex) => (\n{member?.permissions[permission] && ()\n }\n | \n )) }\n
No licenses were found
\nPlease wait...
\n \n ) : error || !adminData ? (\n <>\n \nPlease complete your account.
\nPlease wait...
\n\n Until {moment.unix(subscription?.current_period_end).format(\"DD/MM/YYYY\")}\n
\n )}\nManage invoices, subscriptions, payment methods and more!
\nSomething went wrong. Please try again later.
\n\n Please create a menu\n
\nPlease wait...
\nPlease wait...
\n \n ) : error ? (\n <>\n \nPlease complete your account.
\nYou must add at least one payment method in order to process this step.
\n\n You can add a payment method by clicking{\" \"}\n \n here\n \n .\n
\nXXXX-XXXX-XXXX-{elem?.card?.last4}
\n\n\n {elem?.billing_details?.name} - {elem?.card?.brand?.charAt(0).toUpperCase() + elem?.card?.brand?.slice(1)} -{\" \"}\n {elem?.card?.exp_month}/{elem?.card?.exp_year}\n
\n \n }\n />\n\n Promotion Code: {promotionCode}\n
\n\n {promotionCodeResponse?.coupon?.percent_off\n ? `Discount percentage: ${promotionCodeResponse?.coupon?.percent_off}%`\n : `Discount Price: $${(promotionCodeResponse?.coupon?.amount_off / 100)?.toFixed(2)}`}\n
\n Final price per license: {calculatePriceBasedOnCoupon()}\n
The following clients ({processCompletedResponse?.success?.length}) have been subscribed successfully:
\n\n {processCompletedResponse?.fail?.length === 1\n ? `${processCompletedResponse?.fail?.length} client failed to subscribe.`\n : `${processCompletedResponse?.fail?.length} clients failed to subscribe.`}\n
\nPlease check your payment method or contact the support.
\n{processCompletedResponse?.fail?.length === 1 ? \"Client\" : \"Clients\"} that failed to subscribe:
\nSelect the client that you want to add the card.
\nAfter you have completed this step, you can subscribe for the client using that card.
\n\n {error &&No clients were found.
\n\n Add a new license.
You will not be able to publish menus on behalf of licenses until a subscription is\n active.\n
\n Add a client card.
\n Subscribe on behalf of a client using their card.\n
Please wait...
\n \n ) : error || !responseData?.dma || !responseData?.decoded ? (\n <>\n \n\n {responseData?.dma?.company_name || \"\"} wants to add you as a client for the following menu:{\" \"}\n {responseData?.restaurant?.name} .\n
\n ) : (\n\n {responseData?.dma?.company_name || \"\"} wants to add you as a client for the following menu:{\" \"}\n {responseData?.decoded?.client?.restaurant_name} .\n
\n )}\n\n You can accept or reject the invitation. {responseData?.dma?.company_name || \"\"} will be notified\n of your decision.\n
\n\n If you accept, {responseData?.dma?.company_name || \"\"} will be able to manage your menu and have\n access to your Foodi Menus account.\n
\nIf you have more than one account, you won't lose access to your other accounts.
\n\n {responseData?.shouldEnterPassword && (\nThis page could not be found.
\n{path}\n \n {\"{{user.firstName}}\"} - First name of the user\n
\n\n {\"{{user.lastName}}\"} - Last name of the user\n
\n\n {\"{{user.username}}\"} - Username of the user\n
\n\n {\"{{user.email}}\"} - Email of the user\n
\n\n {\"{{user.phoneNumber}}\"} - Phone number of the user\n
\n\n {\"{{restaurant.name}}\"} - Username of the user\n
\n\n {\"{{transferOwnershipNewOwner.firstName}}\"} - First name of the new owner{\" \"}\n
\n\n {\"{{transferOwnershipNewOwner.lastName}}\"} - Last name of the new owner\n
\n\n {\"{{transferOwnershipNewOwner.username}}\"} - Username of the new owner\n
\n\n {\"{{transferOwnershipNewOwner.email}}\"} - Email of the new owner{\" \"}\n
\n\n {\"{{transferOwnershipNewOwner.phoneNumber}}\"} - Phone number of the new owner\n
\n\n {\"{{member.firstName}}\"} - First name of the member{\" \"}\n
\n\n {\"{{member.lastName}}\"} - Last name of the member\n
\n\n {\"{{member.username}}\"} - Username of the member\n
\n\n {\"{{member.email}}\"} - Email of the member\n
\n\n {\"{{stripeHost.hosted_invoice_url}}\"} - Stripe hosted invoice url\n
\n\n {\"{{stripeHost.invoice_pdf}}\"} - Stripe hosted invoice pdf url\n
\n\n {\"{{stripeCustomer.name}}\"} - Stripe customer name\n
\n\n {\"{{dmaClient.email}}\"} - DMA client email\n
\n\n {\"{{dmaClient.username}}\"} - DMA client username\n
\n\n {\"{{token.value}}\"} - The current token in the process\n
\n