handleChange(quickValue)}\n disabled={disabled}\n size={\"small\"}\n variant=\"outlined\"\n color={\"secondary\"}\n >\n {labelContent}\n {displayContent}\n \n );\n}\n","import React, { useContext } from \"react\";\nimport { OnHandContext } from \"../../context/OnHandContext\";\nimport OnHandItemClearInput from \"./OnHandItemClearInput\";\nimport onHandItemInputStyles from \"./OnHandItemInput.module.css\";\nimport OnHandItemQuickInput from \"./OnHandItemQuickInput\";\n\nconst OnHandItemInput = () => {\n const { onHandState, onSelectedItemQuantityUpdate } = useContext(OnHandContext);\n\n const handleChange = (quickValue) => {\n const newValue =\n (onHandState.restaurant.group.item.inventory?.data?.quantity || 0) + quickValue;\n return onSelectedItemQuantityUpdate(Math.max(newValue, 0));\n };\n\n const handleReset = () => onSelectedItemQuantityUpdate(0);\n\n const handleQuantityChange = (event) => onSelectedItemQuantityUpdate(event.target.value);\n\n if (!onHandState.restaurant.group.item?.inventory?.data) {\n console.info(\"Missing inventory!\");\n return (\n \n Loading...\n
\n );\n }\n\n const value = onHandState.restaurant.group.item.inventory.data.quantity || 0;\n\n return (\n \n
\n
\n \n \n
\n
\n \n \n
\n
\n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n
\n {name}\n
,\n ];\n};\n\nexport default OnHandFoodMenuItem;\n","import { AppRestaurant } from \"../../../admin/AdminResources\";\nimport {\n DeliveryFoodModeDisplay,\n DeliveryFoodModeDisplayCommissary,\n DeliveryFoodModeDisplayRestaurantById,\n DeliveryFoodModeRootData,\n} from \"../types/DeliveryFoodModeTypes\";\n\nfunction buildModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: false,\n onHand: false,\n prepForDelivery: false,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant.data.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: false,\n deliveryFixed: false,\n deliverySales: false,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildDeliveryModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: false,\n onHand: false,\n prepForDelivery: true,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: true,\n deliveryFixed: false,\n deliverySales: false,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildDeliveryFixedModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: false,\n onHand: false,\n prepForDelivery: true,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: false,\n deliveryFixed: true,\n deliverySales: false,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildDeliverySalesModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: false,\n onHand: false,\n prepForDelivery: true,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: false,\n deliveryFixed: false,\n deliverySales: true,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildPrepForDeliveryModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: false,\n onHand: false,\n prepForDelivery: true,\n prepTime: false,\n prepForDeliveryTime: true,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: false,\n deliveryFixed: false,\n deliverySales: false,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildPrepModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: true,\n onHand: false,\n prepForDelivery: false,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: false,\n deliveryFixed: false,\n deliverySales: false,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildPrepTimesModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: true,\n onHand: false,\n prepForDelivery: false,\n prepTime: true,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: false,\n deliveryFixed: false,\n deliverySales: false,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildSummaryModeDisplay(restaurants: AppRestaurant[]): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: true,\n onHand: true,\n prepForDelivery: true,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: true,\n deliveryFixed: true,\n deliverySales: true,\n onHand: true,\n sales: {\n SINGLE: true,\n MULTIPLE: true,\n },\n };\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nfunction buildRestaurantModeDisplay(rootData: DeliveryFoodModeRootData): DeliveryFoodModeDisplay {\n const COM: DeliveryFoodModeDisplayCommissary = {\n prep: false,\n onHand: false,\n prepForDelivery: false,\n prepTime: false,\n prepForDeliveryTime: false,\n };\n\n const RST: DeliveryFoodModeDisplayRestaurantById = rootData.restaurants.reduce(\n (acc: DeliveryFoodModeDisplayRestaurantById, restaurant: AppRestaurant) => {\n const isRestaurant = rootData.restaurant?.data.id === restaurant.data.id;\n\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant.data.id] = {\n delivery: isRestaurant,\n deliveryFixed: isRestaurant,\n deliverySales: isRestaurant,\n onHand: false,\n sales: {\n SINGLE: false,\n MULTIPLE: false,\n },\n };\n\n return acc;\n },\n {}\n );\n\n return {\n COM,\n RST,\n };\n}\n\nconst DeliveryFoodModeUtils = {\n buildModeDisplay,\n buildDeliveryModeDisplay,\n buildDeliveryFixedModeDisplay,\n buildDeliverySalesModeDisplay,\n buildPrepForDeliveryModeDisplay,\n buildPrepModeDisplay,\n buildPrepTimesModeDisplay,\n buildSummaryModeDisplay,\n buildRestaurantModeDisplay,\n};\n\nexport default DeliveryFoodModeUtils;\n","import { AppRestaurant, AppRestaurantTypes } from \"../../../admin/AdminResources\";\nimport DeliveryFoodModeUtils from \"../services/DeliveryFoodModeUtils\";\nimport { DeliveryFoodModeDisplay, DeliveryFoodModeRootData } from \"../types/DeliveryFoodModeTypes\";\nimport { DeliveryFoodIngredient, DeliveryFoodDeliveryTotalTypes } from \"../types/DeliveryFoodTypes\";\n\nexport default class DeliveryFoodMode {\n public label: any;\n public display: DeliveryFoodModeDisplay;\n public restaurant?: AppRestaurant;\n public deliveryTotalType?: keyof typeof DeliveryFoodDeliveryTotalTypes;\n\n getToolbarInfo(state: any) {\n return ;\n }\n\n renderHeader?(mode: any, day: any): JSX.Element;\n\n showRestaurant(mode: DeliveryFoodMode, restaurant: any) {\n const {\n data: { type, id },\n } = restaurant;\n\n if (type === AppRestaurantTypes.COMMISSARY) {\n const { prep, onHand, prepForDelivery, prepTime, prepForDeliveryTime } =\n mode.display.COM;\n\n return prep || onHand || prepForDelivery || prepTime || prepForDeliveryTime;\n }\n\n const {\n delivery,\n onHand,\n sales: { MULTIPLE, SINGLE },\n } = mode.display.RST[id];\n\n return delivery || onHand || MULTIPLE || SINGLE;\n }\n\n ingredientsFilter(mode: DeliveryFoodMode, ingredient: DeliveryFoodIngredient, index: number) {\n return true;\n }\n\n constructor(\n rootData: DeliveryFoodModeRootData,\n deliveryType?: keyof typeof DeliveryFoodDeliveryTotalTypes\n ) {\n const { restaurants, restaurant } = rootData;\n\n this.label = restaurant?.data?.name || \"Unknown Label\";\n this.display = DeliveryFoodModeUtils.buildModeDisplay(restaurants);\n this.deliveryTotalType = deliveryType;\n }\n}\n","function getHoursDisplay(totalTimeMinutes: number) {\n const hours = Math.floor(totalTimeMinutes / 60);\n const hoursDisplay = `${hours}h`;\n const minutes = Math.ceil(totalTimeMinutes - hours * 60);\n const minutesDisplay = minutes > 0 ? ` ${minutes}m` : \"\";\n\n return `${hoursDisplay}${minutesDisplay}`;\n}\n\nconst DeliveryFoodUtils = {\n getHoursDisplay,\n};\n\nexport default DeliveryFoodUtils;\n","import { AppRestaurant, AppRestaurantTypes } from \"../../../admin/AdminResources\";\nimport {\n DeliveryFoodIngredient,\n DeliveryFoodIngredientResultCom,\n DeliveryFoodIngredientResultRst,\n DeliveryFoodIngredientResults,\n DeliveryFoodIngredientResultsRst,\n DeliveryFoodOnHandSummary,\n DeliveryFoodSalesSummary,\n DeliveryFoodSummary,\n} from \"../types/DeliveryFoodTypes\";\nimport DeliveryFoodUtils from \"./DeliveryFoodUtils\";\n\nfunction extractOnHand(\n ingredient: DeliveryFoodIngredient,\n restaurant: AppRestaurant\n): DeliveryFoodOnHandSummary {\n const onHand = ingredient.dataForDelivery?.onHand;\n const size = ingredient.pack.data.size;\n const id = restaurant.data.id;\n\n const data = onHand?.filter(({ restaurantId }: any) => restaurantId === id) || [];\n\n if (data.length === 0) {\n return {\n data,\n total: null,\n totalDisplay: null,\n };\n }\n\n const total = data.reduce((acc: any, { bulk, portionRatio, quantity }: any) => {\n acc += bulk === \"BULK\" ? quantity : (quantity / size) * (portionRatio || 1);\n return acc;\n }, 0);\n const totalDisplay = Math.ceil(total * 100) / 100;\n\n return { data, total, totalDisplay };\n}\n\nfunction extractSales(\n ingredient: DeliveryFoodIngredient,\n restaurant: AppRestaurant,\n salesType: any\n): DeliveryFoodSalesSummary {\n const ingredientSales = ingredient.dataForDelivery?.sales;\n const packSize = ingredient.pack.data.size;\n const ingredientSalesRatio = ingredient.data.salesRatio;\n const id = restaurant.data.id;\n const restaurantRatio = restaurant.data.ratio;\n\n const data = ingredientSales?.filter(\n ({ restaurantId, type }: any) => restaurantId === id && type === salesType\n ) || [];\n\n if (data.length === 0) {\n return {\n data,\n total: null,\n totalWithoutRatio: null,\n totalPortions: null,\n totalDisplay: null,\n };\n }\n\n const totalPortions = data.reduce((acc: any, { quantitySold, quantityPerItem }: any) => {\n acc += quantitySold * quantityPerItem;\n return acc;\n }, 0);\n const totalWithoutRatio = Math.ceil((totalPortions / packSize) * 100) / 100;\n const totalWithoutSalesRatio = Math.ceil(totalWithoutRatio * (restaurantRatio || 1) * 100) / 100;\n const total = Math.ceil(totalWithoutSalesRatio * (ingredientSalesRatio || 1) * 100) / 100;\n const totalDisplay = Math.ceil(total * 100) / 100;\n\n return { data, total, totalWithoutSalesRatio, totalWithoutRatio, totalPortions, totalDisplay };\n}\n\nfunction extractDelivery(\n ingredient: DeliveryFoodIngredient,\n restaurant: AppRestaurant\n): DeliveryFoodSummary {\n if (!restaurant?.data?.id) {\n return { total: null, totalDisplay: null };\n }\n\n const DELIVERY = ingredient?.deliveryConfigsByRestaurantId?.[restaurant.data.id]?.data;\n const MULTIPLE = extractSales(ingredient, restaurant, \"MULTIPLE\");\n const ON_HAND = extractOnHand(ingredient, restaurant);\n const SINGLE = extractSales(ingredient, restaurant, \"SINGLE\");\n\n const data = { DELIVERY, MULTIPLE, ON_HAND, SINGLE };\n // todo: validate the extra .ceil on multipleSales\n const totalWithoutFixedNeeds = Math.max(\n 0,\n (MULTIPLE?.totalDisplay || 0) - (ON_HAND?.total || 0)\n );\n const totalFixedNeed = Math.ceil(DELIVERY?.fixedNeed - (ON_HAND?.total || 0));\n let total = Math.max(totalFixedNeed, totalWithoutFixedNeeds);\n let totalDisplay: string | number = Math.ceil(total * 10) / 10; // TODO: vary with seasonal strategy\n if (!totalDisplay && totalDisplay !== 0) {\n total = 0;\n totalDisplay = \"-\";\n }\n\n return {\n data,\n total,\n totalFixedNeed: DELIVERY?.fixedNeed,\n totalFixedNeedWithoutOnHand: totalFixedNeed,\n totalSalesNeed: totalWithoutFixedNeeds,\n totalDisplay,\n };\n}\n\nfunction extractPrepForDelivery(\n ingredient: DeliveryFoodIngredient,\n commissary: any,\n restaurants: any\n): DeliveryFoodSummary {\n const COMM_ON_HAND = extractOnHand(ingredient, commissary);\n const DELIVERY = restaurants.reduce((acc: any, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant?.data?.id] = {\n data: restaurant?.data,\n DELIVERY: extractDelivery(ingredient, restaurant),\n };\n\n return acc;\n }, {});\n\n const data = {\n COMM_ON_HAND,\n DELIVERY,\n restaurants,\n };\n const totalDelivery: any = Object.values(DELIVERY).reduce(\n (acc: any, restaurantDelivery: any) => {\n // here should be used totalDisplay, and not total, since the values seen\n // by the delivery guy is the one that should be prep-ed\n if (typeof restaurantDelivery?.DELIVERY?.totalDisplay !== \"number\") {\n return acc;\n }\n acc += restaurantDelivery?.DELIVERY?.totalDisplay;\n return acc;\n },\n 0\n );\n const totalCommOnHand = COMM_ON_HAND?.total;\n\n const total = totalDelivery - (totalCommOnHand || 0);\n const totalDisplay = Math.ceil(Math.max(0, total));\n\n return { data, total, totalDisplay };\n}\n\nfunction extractPrep(\n ingredient: DeliveryFoodIngredient,\n commissary: any,\n restaurants: any\n): DeliveryFoodSummary {\n const COMM_ON_HAND = extractOnHand(ingredient, commissary);\n const SINGLE_SALES = restaurants.reduce((acc: any, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant?.data?.id] = {\n data: restaurant?.data,\n SINGLE: extractSales(ingredient, restaurant, \"SINGLE\"),\n };\n return acc;\n }, {});\n const MULTIPLE_SALES = restaurants.reduce((acc: any, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n acc[restaurant?.data?.id] = {\n data: restaurant?.data,\n MULTIPLE: extractSales(ingredient, restaurant, \"MULTIPLE\"),\n };\n return acc;\n }, {});\n\n const data = {\n COMM_ON_HAND,\n SINGLE_SALES,\n MULTIPLE_SALES,\n };\n const totalCommOnHand = COMM_ON_HAND?.total;\n const totalSingle = restaurants.reduce(\n (acc: any, r: any) => acc + SINGLE_SALES[r?.data?.id]?.SINGLE?.total,\n 0\n );\n const totalDelivery = restaurants\n .filter(\n (restaurant: AppRestaurant) => restaurant?.data?.type === AppRestaurantTypes.RESTAURANT\n )\n .reduce((acc: any, restaurant: AppRestaurant) => {\n const DELIVERY = extractDelivery(ingredient, restaurant);\n if (typeof DELIVERY?.totalDisplay !== \"number\") {\n return acc;\n }\n acc += DELIVERY?.totalDisplay;\n return acc;\n }, 0);\n\n const total = totalSingle - Math.max(0, (totalCommOnHand || 0) - totalDelivery);\n const totalDisplay = Math.ceil(Math.max(0, total));\n\n return { data, total, totalDisplay };\n}\n\nfunction extractPrepTime(prep: any, ingredient: DeliveryFoodIngredient): DeliveryFoodSummary {\n const { laborTime, batchSize, portionTime } = ingredient?.data;\n const quantity = prep?.totalDisplay;\n const batches = Math.ceil(quantity / (batchSize || 1));\n const total = laborTime * batches + portionTime * quantity;\n const totalDisplay = DeliveryFoodUtils.getHoursDisplay(total);\n const data = { laborTime, portionTime, prepTotal: prep?.totalDisplay };\n return { data, total, totalDisplay };\n}\n\nfunction extractPrepForDeliveryTime(\n prepForDelivery: any,\n ingredient: DeliveryFoodIngredient\n): DeliveryFoodSummary {\n const { laborTime, batchSize, portionTime } = ingredient?.data;\n const quantity = prepForDelivery?.totalDisplay;\n const batches = Math.ceil(quantity / (batchSize || 1));\n const total = laborTime * batches + portionTime * quantity;\n const totalDisplay = DeliveryFoodUtils.getHoursDisplay(total);\n const data = { laborTime, portionTime, prepForDeliveryTotal: prepForDelivery?.totalDisplay };\n return { data, total, totalDisplay };\n}\n\nfunction extractIngredientResults(\n ingredient: DeliveryFoodIngredient,\n allRestaurants: AppRestaurant[]\n): DeliveryFoodIngredientResults {\n let result: DeliveryFoodIngredientResults = {\n COM: null,\n RST: null,\n };\n\n const [commissary] = allRestaurants.filter(\n ({ data: { type } }: any) => type === AppRestaurantTypes.COMMISSARY\n );\n const restaurants = allRestaurants.filter(\n ({ data: { type } }: any) => type === AppRestaurantTypes.RESTAURANT\n );\n\n const prep = extractPrep(ingredient, commissary, restaurants);\n const prepForDelivery = extractPrepForDelivery(ingredient, commissary, restaurants);\n\n const COM: DeliveryFoodIngredientResultCom = {\n type: AppRestaurantTypes.COMMISSARY,\n prepForDelivery: extractPrepForDelivery(ingredient, commissary, restaurants),\n prep,\n prepTime: extractPrepTime(prep, ingredient),\n prepForDeliveryTime: extractPrepForDeliveryTime(prepForDelivery, ingredient),\n onHand: extractOnHand(ingredient, commissary),\n };\n\n const RST: DeliveryFoodIngredientResultsRst = restaurants.reduce(\n (acc: DeliveryFoodIngredientResultsRst, restaurant: AppRestaurant) => {\n if (!restaurant?.data?.id) {\n return acc;\n }\n\n const restaurantResult: DeliveryFoodIngredientResultRst = {\n type: AppRestaurantTypes.RESTAURANT,\n delivery: extractDelivery(ingredient, restaurant),\n onHand: extractOnHand(ingredient, restaurant),\n sales: {\n SINGLE: extractSales(ingredient, restaurant, \"SINGLE\"),\n MULTIPLE: extractSales(ingredient, restaurant, \"MULTIPLE\"),\n },\n };\n\n acc[restaurant.data.id] = restaurantResult;\n\n return acc;\n },\n {}\n );\n\n result = {\n COM,\n RST,\n };\n\n return result;\n}\n\nexport {\n extractOnHand,\n extractSales,\n extractDelivery,\n extractPrepForDelivery,\n extractPrep,\n extractPrepTime,\n extractPrepForDeliveryTime,\n extractIngredientResults,\n};\n","import _ from \"lodash\";\nimport { createContext, useCallback, useReducer } from \"react\";\nimport AppDayModel from \"../../../components/day/AppDayModel\";\nimport { AppRestaurant } from \"../../admin/AdminResources\";\nimport DeliveryFoodMode from \"./modes/DeliveryFoodMode\";\nimport { extractIngredientResults } from \"./services/DeliveryFoodExtract\";\nimport {\n DeliveryFoodAction,\n DeliveryFoodContextType,\n DeliveryFoodIngredient,\n DeliveryFoodState,\n DeliveryFoodSummary,\n DELIVERY_FOOD_ACTIONS,\n} from \"./types/DeliveryFoodTypes\";\n\nconst DeliveryFoodContext = createContext({} as DeliveryFoodContextType);\n\nfunction DeliveryFoodReducer(\n deliveryFoodState: DeliveryFoodState,\n action: DeliveryFoodAction\n): DeliveryFoodState {\n switch (action.type as DELIVERY_FOOD_ACTIONS) {\n case \"UPDATE_DELIVERY_FOOD\":\n deliveryFoodState = action.payload.updatedDeliveryFoodState as DeliveryFoodState;\n break;\n\n case \"SET_SUMMARY\":\n deliveryFoodState.summary = action.payload.summary as DeliveryFoodSummary;\n break;\n\n case \"CLEAR_SUMMARY\":\n deliveryFoodState.summary = {\n key: \"\",\n total: 0,\n totalDisplay: \"\",\n data: [],\n };\n break;\n\n case \"SET_MODE\":\n deliveryFoodState.mode = action.payload.mode as DeliveryFoodMode;\n break;\n\n case \"UPDATE_FIXED_NEED\":\n // re-compute results\n const ingredient: DeliveryFoodIngredient = action.payload\n .updatedIngredient as DeliveryFoodIngredient;\n const restaurantsList: AppRestaurant[] = Object.values(\n deliveryFoodState.restaurantsById\n );\n const results = extractIngredientResults(ingredient, restaurantsList);\n ingredient.results = results;\n\n // update ingredient\n const ingredientIndex = deliveryFoodState.ingredients.findIndex(\n (oldIngredient) => oldIngredient.data.id === ingredient.data.id\n );\n\n if (ingredientIndex === -1) {\n break;\n }\n\n deliveryFoodState.ingredients[ingredientIndex] = ingredient;\n\n break;\n\n default:\n break;\n }\n\n return _.clone(deliveryFoodState);\n}\n\nconst deliveryFoodStateInit: DeliveryFoodState = {\n config: { router: { history: null, location: null } },\n ingredients: [],\n restaurantsById: {},\n deliverySections: {},\n summary: null,\n modes: [],\n mode: new DeliveryFoodMode({\n restaurants: [],\n restaurant: new AppRestaurant({ __typename: \"Restaurant\" }),\n }),\n locked: null,\n days: {\n salesDay: new AppDayModel(),\n onHandDay: new AppDayModel(),\n },\n};\n\nconst DeliveryFoodProvider = ({ children }: any) => {\n const [deliveryFoodState, dispatch] = useReducer(DeliveryFoodReducer, deliveryFoodStateInit);\n\n const updateDeliveryFood = useCallback(\n async (updatedDeliveryFoodState: DeliveryFoodState) => {\n const action: DeliveryFoodAction = {\n type: \"UPDATE_DELIVERY_FOOD\",\n payload: { updatedDeliveryFoodState },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const setSummary = useCallback(\n (summary, key) => {\n const action: DeliveryFoodAction = { type: \"SET_SUMMARY\", payload: { summary, key } };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const clearSummary = useCallback(() => {\n const action: DeliveryFoodAction = { type: \"CLEAR_SUMMARY\", payload: {} };\n\n return dispatch(action);\n }, [dispatch]);\n\n const setMode = useCallback(\n (mode) => {\n const action: DeliveryFoodAction = { type: \"SET_MODE\", payload: { mode } };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const updateFixedNeed = useCallback(\n (updatedIngredient) => {\n const action: DeliveryFoodAction = {\n type: \"UPDATE_FIXED_NEED\",\n payload: { updatedIngredient },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const value: DeliveryFoodContextType = {\n deliveryFoodState,\n updateDeliveryFood,\n setSummary,\n clearSummary,\n setMode,\n updateFixedNeed,\n };\n\n return {children};\n};\n\nexport { DeliveryFoodProvider, DeliveryFoodContext };\n","import { FaTasks, FaTruck } from \"react-icons/fa\";\nimport { GiChefToque, GiPlayerTime } from \"react-icons/gi\";\nimport { MdAttachMoney } from \"react-icons/md\";\nimport deliveryFoodHeaderStyles from \"../DeliveryFoodHeader.module.css\";\n\nconst onHand = {\n tooltip: \"On Hand\",\n headerCellPrintContent: () => On Hand,\n headerCellContent: () => {\n return (\n \n \n ON HAND\n
\n );\n },\n};\n\nconst salesSingle = {\n tooltip: \"Sales Single\",\n headerCellPrintContent: () => Sales Single,\n headerCellContent: () => {\n return (\n \n \n Single\n
\n );\n },\n};\n\nconst salesMultiple = {\n tooltip: \"Sales Multiple\",\n headerCellPrintContent: () => Sales Multiple,\n headerCellContent: () => {\n return (\n \n
\n \n \n
\n
Multiple\n
\n \n DELIVERY\n
\n );\n },\n};\n\nconst deliveryFixed = {\n tooltip: \"Delivery Fixed\",\n headerCellPrintContent: () => Delivery Fixed,\n headerCellContent: () => {\n return (\n \n \n Fixed\n
\n );\n },\n};\n\nconst deliverySales = {\n tooltip: \"Delivery Sales\",\n headerCellPrintContent: () => Delivery Sales,\n headerCellContent: () => {\n return (\n \n \n Sales\n
\n );\n },\n};\n\nconst prep = {\n tooltip: \"Prep\",\n headerCellPrintContent: () => Prep,\n headerCellContent: () => {\n return (\n \n \n Prep\n
\n );\n },\n};\n\nconst prepTime = {\n tooltip: \"Prep Time\",\n headerCellPrintContent: () => Prep time,\n headerCellContent: () => {\n return (\n \n \n Prep Time\n
\n );\n },\n};\n\nconst prepForDeliveryTime = {\n tooltip: \"Prep for Delivery Time\",\n headerCellPrintContent: () => Prep for delivery time,\n headerCellContent: () => {\n return (\n \n
\n \n \n
\n
Prep Dlv T\n
\n
\n \n \n
\n
Prep Dlv\n
\n
{config.headerCellPrintContent()}
\n
\n {config.headerCellContent()}
\n \n
\n
\n {restaurant.data.name}\n
\n
\n
\n
\n {restaurant.data.name}\n
\n
\n \n \n \n \n \n \n
\n
\n
\n
Item
\n
Pack
\n {restaurants\n .filter((restaurant) => mode.showRestaurant(mode, restaurant))\n .map(DeliveryFoodHeaderRestaurant)}\n {commissaries\n .filter((restaurant) => mode.showRestaurant(mode, restaurant))\n .map(DeliveryFoodHeaderCommissary)}\n
\n
\n On Hand for {ingredient.data.name} at{\" \"}\n {restaurant.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n ingredient,\n }: {\n data: DeliveryFoodOnHandFromItems[];\n total: string | number | null;\n ingredient: DeliveryFoodIngredient;\n }) => {\n return (\n \n
\n {data.map((onHandItem: DeliveryFoodOnHandFromItems) => {\n const { onHandAreaName, quantity, bulk, portionRatio } = onHandItem;\n return (\n - \n {onHandAreaName}: {quantity}{\" \"}\n {bulk}\n {portionRatio ? (\n \n {\" \"}\n x {portionRatio} Portion Ratio\n \n ) : null}\n
\n );\n })}\n
\n
Bulk Size: {ingredient.pack.data.size} Portions
\n
\n Total: {total} {ingredient.pack.data.alias}\n
\n
\n {type} Sales for {ingredient.data.name} at{\" \"}\n {restaurant.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalWithoutSalesRatio,\n totalWithoutRatio,\n totalPortions,\n ingredient,\n restaurant,\n }: any) => {\n const DeliveryFoodSummarySaleItem = ({ ingredientName, saleItem, index }: any) => {\n const {\n menuItem: { name },\n quantitySold,\n quantityPerItem,\n } = saleItem;\n return (\n \n Sold {quantitySold} x {name}, each had{\" \"}\n {quantityPerItem} portions of {ingredientName}\n \n );\n };\n\n return (\n \n
\n {data.map((item: any, i: any) => {\n return (\n \n );\n })}\n
\n
\n Total Portions sold: {totalPortions}\n
\n
\n Bulk size: {ingredient.pack.data.size}\n
\n
\n Total bulks sold: {totalWithoutRatio}\n
\n
\n Restaurant Ratio: {restaurant.data.ratio}\n
\n
\n Total bulks sold * restaurant ratio: {totalWithoutSalesRatio}\n
\n
\n Ingredient Ratio: {ingredient.data.salesRatio || 1}\n
\n
\n Total bulks sold * restaurant ratio * ingredient ratios:{\" \"}\n {total}\n
\n
\n Delivery for {ingredient.data.name} at{\" \"}\n {restaurant.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalDisplay,\n }: {\n data: any;\n total: number | string | null;\n totalDisplay: number | string | null;\n }) => {\n return (\n \n
\n - \n MULTIPLE Sales: {data?.MULTIPLE?.totalDisplay} Bulks\n
\n - \n ON HAND: {data?.ON_HAND?.totalDisplay} Bulks\n
\n - \n SINGLE Sales: {data?.SINGLE?.totalDisplay} Bulks\n
\n - \n Delivered to: {data?.DELIVERY?.name} Area\n
\n - \n Fixed Need: {data?.DELIVERY?.fixedNeed} Bulks\n
\n
\n
\n Total before rounding: {total} Bulks\n
\n
\n Total: {totalDisplay} Bulks\n
\n
\n Delivery Fixed Need for {ingredient.data.name} at{\" \"}\n {restaurant.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalDisplay,\n }: {\n data: any;\n total: number | string | null;\n totalDisplay: number | string | null;\n }) => {\n return (\n \n
\n - \n Fixed Need: {data?.DELIVERY?.fixedNeed} Bulks\n
\n
\n
\n Total before rounding: {total} Bulks\n
\n
\n Total: {totalDisplay} Bulks\n
\n
\n Delivery from Sales Need for {ingredient.data.name} at{\" \"}\n {restaurant.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalDisplay,\n }: {\n data: any;\n total: number | string | null;\n totalDisplay: number | string | null;\n }) => {\n return (\n \n
\n - \n {/* Sales Need: {data?.DELIVERY?.fixedNeed} Bulks */}\n Sales Need: ??? Bulks\n
\n
\n
\n Total before rounding: {total} Bulks\n
\n
\n Total: {totalDisplay} Bulks\n
\n
\n Prep for delivery {ingredient.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalDisplay,\n }: {\n data: any;\n total: number | string | null;\n totalDisplay: number | string | null;\n }) => {\n return (\n \n
\n
\n Total before rounding: {total} Bulks\n
\n
\n Total: {totalDisplay} Bulks\n
\n
\n Prep {ingredient.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalDisplay,\n }: {\n data: any;\n total: number | string | null;\n totalDisplay: number | string | null;\n }) => {\n return (\n \n
\n
\n Total before rounding: {total} Bulks\n
\n
\n Total: {totalDisplay} Bulks\n
\n
\n Prep Time for {ingredient.data.name}\n
\n );\n },\n content: ({ data, total, totalDisplay }: any) => {\n return (\n \n
\n - \n Labor time: {data?.laborTime} minutes\n
\n - \n Batch Size: {data?.batchSize}\n
\n - \n Portion time: {data?.portionTime} minutes\n
\n - \n Prep quantity: {data?.prepTotal}\n
\n
\n
\n Total minutes: {total}\n
\n
\n Total time: {totalDisplay}\n
\n
\n Prep for delivery Time for {ingredient.data.name}\n
\n );\n },\n content: ({\n data,\n total,\n totalDisplay,\n }: {\n data: any;\n total: number | string | null;\n totalDisplay: number | string | null;\n }) => {\n return (\n \n
\n - \n Labor time: {data?.laborTime} minutes\n
\n - \n Batch Size: {data?.batchSize}\n
\n - \n Portion time: {data?.portionTime} minutes\n
\n - \n Prep quantity: {data?.prepTotal}\n
\n
\n
\n Total minutes: {total}\n
\n
\n Total time: {totalDisplay}\n
\n
\n
\n \n {deliveryFoodState.modes.map((mode: any, index: number) => {\n return (\n \n );\n })}\n \n \n
{toolbarInfo}
\n
\n \n
\n
\n \n {typeof totalDisplayWrp !== \"number\" ? summary.totalDisplay : totalDisplayWrp}\n \n
\n );\n};\n\nexport default DeliveryFoodCell;\n","import { useContext } from \"react\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemRestaurantCell } from \"../../../../types/DeliveryFoodTypes\";\nimport DeliveryFoodCell from \"../../DeliveryFoodCell\";\n\nexport const DeliveryFoodItemRestaurantDeliveryCell = ({\n config,\n}: {\n config: DeliveryFoodItemRestaurantCell;\n}) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n const { ingredient, restaurant, restaurantId, index } = config;\n\n if (deliveryFoodState.mode.display.RST[restaurantId].delivery === false) {\n return null;\n }\n\n const key = `delivery-cell-${index}`;\n const summary = ingredient.results.RST?.[restaurantId].delivery;\n\n if (!summary) {\n return null;\n }\n\n return (\n \n );\n};\n","import { useContext } from \"react\";\nimport { BsChevronLeft, BsChevronRight } from \"react-icons/bs\";\nimport AppDayModel from \"../../../../../../../components/day/AppDayModel\";\nimport { AppContext } from \"../../../../../../../context/AppContext\";\nimport deliveryFoodStyles from \"../../../../DeliveryFood.module.css\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemRestaurantCell } from \"../../../../types/DeliveryFoodTypes\";\nimport styles from \"./DeliveryFoodItemRestaurantDeliveryFixedCell.module.css\";\n\nexport const DeliveryFoodItemRestaurantDeliveryFixedCell = ({\n config,\n}: {\n config: DeliveryFoodItemRestaurantCell;\n}) => {\n const { appState } = useContext(AppContext);\n const { deliveryFoodState, updateFixedNeed } = useContext(DeliveryFoodContext);\n const { ingredient, restaurant, restaurantId, index } = config;\n\n if (deliveryFoodState.mode.display.RST[restaurantId].delivery === false) {\n return null;\n }\n\n const summary = ingredient.results.RST?.[restaurantId].delivery;\n\n if (!summary) {\n return null;\n }\n\n if (typeof summary.totalFixedNeed !== \"number\" || summary.totalFixedNeed < 0) {\n return ;\n }\n\n const fieldName = \"deliveryFixed\";\n const styleName = \"DELIVERY_FIXED\";\n const totalDisplayWrp = Math.ceil(+(summary.totalFixedNeed || 0) * 100) / 100;\n const key = `delivery-fixed-item-cell-${fieldName}-${restaurant.data.id}-${index}`;\n const className = `truncate ${deliveryFoodStyles[styleName]} ${styles.Main}`;\n const textClassName = summary.totalFixedNeed <= 0 ? \"no-print\" : \"\";\n\n const deliveryConfig = ingredient.deliveryConfigsByRestaurantId[restaurantId];\n\n const handleUpdateFixedNeed = async (quantity: number) => {\n try {\n const newFixedNeed = Math.max(deliveryConfig.data.fixedNeed + quantity, 0);\n const newDeliveryConfig = Object.assign(deliveryConfig.data, {\n fixedNeed: newFixedNeed,\n lastUpdatedBy: appState.user.name,\n lastUpdatedAt: AppDayModel.getCurrentUnixTime(),\n });\n\n await deliveryConfig.getModel().api.update(newDeliveryConfig);\n\n ingredient.deliveryConfigsByRestaurantId[restaurantId].data = newDeliveryConfig;\n\n updateFixedNeed(ingredient);\n } catch (err) {\n alert(\"Cannot update item!\");\n }\n };\n\n const value = totalDisplayWrp;\n\n if (typeof value !== \"number\") {\n return (\n \n {value}\n
\n );\n }\n\n return (\n \n
{value}\n {value > 0 ? (\n
handleUpdateFixedNeed(-0.25)}>\n \n
\n ) : null}\n
handleUpdateFixedNeed(0.25)}>\n \n
\n
\n \n \n \n \n \n \n
\n );\n};\n\nexport default DeliveryFoodItemRestaurant;\n","import { useContext } from \"react\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemCommissaryCell } from \"../../../../types/DeliveryFoodTypes\";\nimport DeliveryFoodCell from \"../../DeliveryFoodCell\";\n\nexport const DeliveryFoodItemCommissaryOnHandCell = ({\n config,\n}: {\n config: DeliveryFoodItemCommissaryCell;\n}) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n const { commissary, index, ingredient } = config;\n\n if (deliveryFoodState.mode.display.COM.onHand === false) {\n return null;\n }\n\n const key = `on-hand-cell-${index}`;\n const commissaryId: string | number = commissary.data?.id || \"\";\n\n if (!commissaryId) {\n return null;\n }\n\n if (!ingredient.results.COM) {\n return null;\n }\n\n const summary = ingredient.results.COM.onHand;\n\n if (!summary) {\n return null;\n }\n\n return (\n \n );\n};\n","import { useContext } from \"react\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemCommissaryCell } from \"../../../../types/DeliveryFoodTypes\";\nimport DeliveryFoodCell from \"../../DeliveryFoodCell\";\n\nexport const DeliveryFoodItemCommissaryPrepCell = ({\n config,\n}: {\n config: DeliveryFoodItemCommissaryCell;\n}) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n const { commissary, index, ingredient } = config;\n\n if (deliveryFoodState.mode.display.COM.prep === false) {\n return null;\n }\n\n const key = `prep-cell-${index}`;\n const commissaryId: string | number = commissary.data?.id || \"\";\n\n if (!commissaryId) {\n return null;\n }\n\n if (!ingredient.results.COM) {\n return null;\n }\n\n const summary = ingredient.results.COM.prep;\n\n if (!summary) {\n return null;\n }\n\n return (\n \n );\n};\n","import { useContext } from \"react\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemCommissaryCell } from \"../../../../types/DeliveryFoodTypes\";\nimport DeliveryFoodCell from \"../../DeliveryFoodCell\";\n\nexport const DeliveryFoodItemCommissaryPrepForDeliveryCell = ({\n config,\n}: {\n config: DeliveryFoodItemCommissaryCell;\n}) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n const { commissary, index, ingredient } = config;\n\n if (deliveryFoodState.mode.display.COM.prepForDelivery === false) {\n return null;\n }\n\n const key = `prep-for-delivery-cell-${index}`;\n const commissaryId: string | number = commissary.data?.id || \"\";\n\n if (!commissaryId) {\n return null;\n }\n\n if (!ingredient.results.COM) {\n return null;\n }\n\n const summary = ingredient.results.COM.prepForDelivery;\n\n if (!summary) {\n return null;\n }\n\n return (\n \n );\n};\n","import { useContext } from \"react\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemCommissaryCell } from \"../../../../types/DeliveryFoodTypes\";\nimport DeliveryFoodCell from \"../../DeliveryFoodCell\";\n\nexport const DeliveryFoodItemCommissaryPrepForDeliveryTimeCell = ({\n config,\n}: {\n config: DeliveryFoodItemCommissaryCell;\n}) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n const { commissary, index, ingredient } = config;\n\n if (deliveryFoodState.mode.display.COM.prepForDeliveryTime === false) {\n return null;\n }\n\n const key = `prep-for-delivery-time-cell-${index}`;\n const commissaryId: string | number = commissary.data?.id || \"\";\n\n if (!commissaryId) {\n return null;\n }\n\n if (!ingredient.results.COM) {\n return null;\n }\n\n const summary = ingredient.results.COM.prepForDeliveryTime;\n\n if (!summary) {\n return null;\n }\n\n return (\n \n );\n};\n","import { useContext } from \"react\";\nimport { DeliveryFoodContext } from \"../../../../DeliveryFoodContext\";\nimport { DeliveryFoodItemCommissaryCell } from \"../../../../types/DeliveryFoodTypes\";\nimport DeliveryFoodCell from \"../../DeliveryFoodCell\";\n\nexport const DeliveryFoodItemCommissaryPrepTimeCell = ({\n config,\n}: {\n config: DeliveryFoodItemCommissaryCell;\n}) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n const { commissary, index, ingredient } = config;\n\n if (deliveryFoodState.mode.display.COM.prepTime === false) {\n return null;\n }\n\n const key = `prep-time-cell-${index}`;\n const commissaryId: string | number = commissary.data?.id || \"\";\n\n if (!commissaryId) {\n return null;\n }\n\n if (!ingredient.results.COM) {\n return null;\n }\n\n const summary = ingredient.results.COM.prepTime;\n\n if (!summary) {\n return null;\n }\n\n return (\n \n );\n};\n","import deliveryFoodStyles from \"../../../../DeliveryFood.module.css\";\nimport { DeliveryFoodItemCommissaryCell } from \"../../../../types/DeliveryFoodTypes\";\nimport { DeliveryFoodItemCommissaryOnHandCell } from \"./DeliveryFoodItemCommissaryOnHandCell\";\nimport { DeliveryFoodItemCommissaryPrepCell } from \"./DeliveryFoodItemCommissaryPrepCell\";\nimport { DeliveryFoodItemCommissaryPrepForDeliveryCell } from \"./DeliveryFoodItemCommissaryPrepForDeliveryCell\";\nimport { DeliveryFoodItemCommissaryPrepForDeliveryTimeCell } from \"./DeliveryFoodItemCommissaryPrepForDeliveryTimeCell\";\nimport { DeliveryFoodItemCommissaryPrepTimeCell } from \"./DeliveryFoodItemCommissaryPrepTimeCell\";\n\nconst DeliveryFoodItemCommissary = (config: DeliveryFoodItemCommissaryCell) => {\n const { commissary, index } = config;\n\n const key = `food-item-commissary-${commissary.data.id}-${index}`;\n\n return (\n \n \n \n \n \n \n
\n );\n};\n\nexport default DeliveryFoodItemCommissary;\n","import React, { useContext } from \"react\";\nimport deliveryFoodStyles from \"../../DeliveryFood.module.css\";\nimport { DeliveryFoodContext } from \"../../DeliveryFoodContext\";\nimport DeliveryFoodItemRestaurant from \"./cells/restaurant/DeliveryFoodItemRestaurant\";\nimport DeliveryFoodItemCommissary from \"./cells/commissary/DeliveryFoodItemCommissary\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport { AppRestaurant, AppRestaurantTypes } from \"../../../../admin/AdminResources\";\nimport { DeliveryFoodIngredient } from \"../../types/DeliveryFoodTypes\";\n\nconst DeliveryFoodItem = (ingredient: DeliveryFoodIngredient, index: number) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n\n const restaurants: AppRestaurant[] = Object.values(deliveryFoodState.restaurantsById)\n .filter(({ data: { type } }: any) => type === AppRestaurantTypes.RESTAURANT)\n .reverse();\n\n const commissaries: AppRestaurant[] = Object.values(deliveryFoodState.restaurantsById)\n .filter(({ data: { type } }: any) => type === AppRestaurantTypes.COMMISSARY)\n .reverse();\n\n const key = `ingredient-${index}`;\n const noPrint = !ingredient.dataForDelivery;\n const className = `${noPrint ? \"no-print\" : \"\"} ${deliveryFoodStyles.Item} ${\n deliveryFoodStyles.Row\n }`;\n const mode = deliveryFoodState.mode;\n\n return (\n \n
{ingredient.data.name}
\n
\n {ingredient.pack.data.name}
\n \n {restaurants\n .filter((restaurant) => mode.showRestaurant(mode, restaurant))\n .map((restaurant: AppRestaurant, index: number) => {\n if (!restaurant.data.id) {\n return null;\n }\n\n const restaurantId: string | number = restaurant.data.id;\n\n return (\n \n );\n })}\n {commissaries\n .filter((restaurant) => mode.showRestaurant(mode, restaurant))\n .map((restaurant: AppRestaurant, index: number) => {\n return (\n \n );\n })}\n \n {name}\n
\n );\n};\n","import { AppDeliveryArea } from \"../../../FoodResources\";\nimport {\n DeliveryFoodDeliveryTotalTypes,\n DeliveryFoodIngredient,\n} from \"../../types/DeliveryFoodTypes\";\n\nfunction doesIngredientBelongToSection(\n deliverySection: AppDeliveryArea,\n ingredient: DeliveryFoodIngredient,\n restaurantId: string | number\n): boolean {\n let result: boolean;\n\n result =\n ingredient.deliveryConfigsByRestaurantId[restaurantId]?.data.deliveryAreaId ===\n deliverySection.data.id;\n\n return result;\n}\n\nfunction sectionIngredientFilter(\n deliverySection: AppDeliveryArea,\n ingredient: DeliveryFoodIngredient,\n restaurantId: string | number | undefined\n): boolean {\n let result: boolean = true;\n\n if (!restaurantId) {\n return false;\n }\n\n if (!doesIngredientBelongToSection(deliverySection, ingredient, restaurantId)) {\n return false;\n }\n\n return result;\n}\n\nfunction nonEmptyIngredientDeliveryFilter(\n ingredient: DeliveryFoodIngredient,\n restaurantId: string | number | undefined,\n deliveryTotalType: keyof typeof DeliveryFoodDeliveryTotalTypes = \"total\"\n): boolean {\n let result = true;\n\n if (!restaurantId) {\n return false;\n }\n\n if (!ingredient.dataForDelivery || !ingredient.results || !ingredient.results.RST) {\n return false;\n }\n\n result = (ingredient.results.RST[restaurantId].delivery[deliveryTotalType] || 0) > 0;\n\n return result;\n}\n\nfunction sortFoodDeliverySectionSortByPackType(\n ingredientA: DeliveryFoodIngredient,\n ingredientB: DeliveryFoodIngredient\n) {\n const packNameA = ingredientA.pack.data.name;\n const packNameB = ingredientB.pack.data.name;\n\n return packNameA.localeCompare(packNameB);\n}\n\nexport {\n sectionIngredientFilter,\n sortFoodDeliverySectionSortByPackType,\n nonEmptyIngredientDeliveryFilter,\n};\n","import { useContext } from \"react\";\nimport { AppDeliveryArea } from \"../../../FoodResources\";\nimport deliveryFoodStyles from \"../../DeliveryFood.module.css\";\nimport { DeliveryFoodContext } from \"../../DeliveryFoodContext\";\nimport { DeliveryFoodIngredient, DeliveryFoodSummary } from \"../../types/DeliveryFoodTypes\";\nimport { DeliveryFoodSectionHeader } from \"./DeliveryFoodSectionHeader\";\nimport {\n nonEmptyIngredientDeliveryFilter,\n sectionIngredientFilter,\n sortFoodDeliverySectionSortByPackType,\n} from \"./DeliveryFoodSectionsUtils\";\n\nexport const DeliveryFoodSection = (deliverySection: AppDeliveryArea, index: number) => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n\n const sectionName = deliverySection.data.name;\n const restaurantId = deliveryFoodState.mode.restaurant?.data?.id;\n\n const sectionIngredients: DeliveryFoodIngredient[] = deliveryFoodState.ingredients.filter(\n (ingredient) => sectionIngredientFilter(deliverySection, ingredient, restaurantId)\n );\n\n if (sectionIngredients.length === 0) {\n return null;\n }\n\n const sectionIngredientsWithDelivery = sectionIngredients.filter((ingredient) =>\n nonEmptyIngredientDeliveryFilter(\n ingredient,\n restaurantId,\n deliveryFoodState.mode.deliveryTotalType\n )\n );\n\n if (sectionIngredientsWithDelivery.length === 0) {\n return null;\n }\n\n return (\n \n
\n
\n
Delivery
\n
Loaded
\n
Item
\n
Delivery (R)
\n
Loaded (R)
\n
\n {sectionIngredientsWithDelivery\n .sort(sortFoodDeliverySectionSortByPackType)\n .map((ingredient: DeliveryFoodIngredient, ingredientIndex: number) => {\n if (!ingredient.results) {\n return null;\n }\n\n if (!restaurantId) {\n return null;\n }\n\n const name = ingredient.data.name;\n const quantityField: keyof DeliveryFoodSummary =\n deliveryFoodState.mode.deliveryTotalType === \"totalFixedNeedWithoutOnHand\"\n ? \"totalFixedNeedWithoutOnHand\"\n : \"totalDisplay\";\n const quantity = ingredient.results.RST?.[restaurantId].delivery[quantityField];\n const packType = ingredient.pack.data.alias;\n\n return (\n
\n {quantity}
\n {packType}
\n \n {name}
\n {quantity}
\n {packType}
\n \n \n
Delivery Signature
\n
\n
Receiving Signature
\n
\n {modeRestaurantSections.map(DeliveryFoodSection)}\n \n
\n );\n};\n\nexport default DeliveryFoodSections;\n","import { useContext, useEffect } from \"react\";\nimport deliveryFoodStyles from \"../../DeliveryFood.module.css\";\nimport { DeliveryFoodContext } from \"../../DeliveryFoodContext\";\nimport DeliveryFoodHeader from \"../header/DeliveryFoodHeader\";\nimport DeliveryFoodSummary from \"../summary/DeliveryFoodSummary\";\nimport DeliveryFoodToolbar from \"../toolbar/DeliveryFoodToolbar\";\nimport DeliveryFoodItem from \"./DeliveryFoodItem\";\nimport DeliveryFoodSections from \"./DeliveryFoodSections\";\n\nconst DeliveryFoodContent = () => {\n const { deliveryFoodState } = useContext(DeliveryFoodContext);\n\n useEffect(() => {}, [\n deliveryFoodState.ingredients,\n deliveryFoodState.modes,\n deliveryFoodState.mode,\n ]);\n\n // Apply mode-ingredientFilter\n const { ingredients, mode } = deliveryFoodState;\n const displayedIngredients = ingredients.filter(mode.ingredientsFilter.bind(null, mode));\n\n const DeliveryFoodContentMain = () => {\n if (deliveryFoodState.mode.restaurant) {\n // display section by section\n return ;\n }\n\n // display ingredient by ingredient\n return (\n \n {displayedIngredients.map(DeliveryFoodItem)}\n
\n );\n };\n\n return (\n \n
\n
\n
\n {deliveryFoodState.mode ?
:
}\n
Total: {totalTimeDisplay}
;\n }\n\n ingredientsFilter(mode: DeliveryFoodMode, ingredient: DeliveryFoodIngredient, index: number) {\n const { dataForDelivery, results } = ingredient;\n\n if (!dataForDelivery || !results) {\n return false;\n }\n\n const hasPrepForDeliveryValues = (ingredient.results.COM?.prepForDelivery.total || 0) > 0;\n\n if (hasPrepForDeliveryValues) {\n console.info(`Selected ${ingredient.data.name} for prep!`);\n }\n\n return hasPrepForDeliveryValues;\n }\n\n constructor(rootData: DeliveryFoodModeRootData) {\n super(rootData);\n this.label = \"Prep for Delivery Times\";\n const { restaurants } = rootData;\n\n this.display = DeliveryFoodModeUtils.buildPrepForDeliveryModeDisplay(restaurants);\n }\n}\n","import { AppRestaurantTypes } from \"../../../admin/AdminResources\";\nimport DeliveryFoodModeUtils from \"../services/DeliveryFoodModeUtils\";\nimport { DeliveryFoodModeRootData } from \"../types/DeliveryFoodModeTypes\";\nimport { DeliveryFoodIngredient } from \"../types/DeliveryFoodTypes\";\nimport DeliveryFoodMode from \"./DeliveryFoodMode\";\n\nexport class DeliveryFoodPrepMode extends DeliveryFoodMode {\n ingredientsFilter(mode: DeliveryFoodMode, ingredient: DeliveryFoodIngredient, index: number) {\n const { dataForDelivery, results } = ingredient;\n\n if (!dataForDelivery || !results) {\n return false;\n }\n\n const hasPrepValues: boolean = (ingredient.results.COM?.prep.total || 0) > 0;\n\n if (hasPrepValues) {\n console.info(`Selected ${ingredient.data.name} for prep!`);\n }\n\n return hasPrepValues;\n }\n\n constructor(rootData: DeliveryFoodModeRootData) {\n super(rootData);\n this.label = \"Prep\";\n const { restaurants } = rootData;\n this.display = DeliveryFoodModeUtils.buildPrepModeDisplay(restaurants);\n }\n}\n","import DeliveryFoodModeUtils from \"../services/DeliveryFoodModeUtils\";\nimport DeliveryFoodUtils from \"../services/DeliveryFoodUtils\";\nimport { DeliveryFoodModeRootData } from \"../types/DeliveryFoodModeTypes\";\nimport { DeliveryFoodIngredient } from \"../types/DeliveryFoodTypes\";\nimport DeliveryFoodMode from \"./DeliveryFoodMode\";\n\nexport class DeliveryFoodPrepTimeMode extends DeliveryFoodMode {\n getToolbarInfo(state: any) {\n // in the case of prepTime extract the sum of all times for commissary, using context state\n const prepTimeTotalMinutes = state?.ingredients\n ?.map((ingredient: DeliveryFoodIngredient) => {\n return ingredient.results.COM?.prepTime.total || 0;\n })\n .reduce((a: any, c: any) => a + c, 0);\n\n const totalTimeDisplay = DeliveryFoodUtils.getHoursDisplay(prepTimeTotalMinutes);\n\n return Total: {totalTimeDisplay}
;\n }\n\n ingredientsFilter(mode: DeliveryFoodMode, ingredient: DeliveryFoodIngredient, index: number) {\n const { dataForDelivery, results } = ingredient;\n\n if (!dataForDelivery || !results) {\n return false;\n }\n\n const hasPrepValues = (ingredient.results.COM?.prep.total || 0) > 0;\n\n if (hasPrepValues) {\n console.info(`Selected ${ingredient.data.name} for prep!`);\n }\n\n return hasPrepValues;\n }\n\n constructor(rootData: DeliveryFoodModeRootData) {\n super(rootData);\n this.label = \"Prep Times\";\n const { restaurants } = rootData;\n this.display = DeliveryFoodModeUtils.buildPrepTimesModeDisplay(restaurants);\n }\n}\n","import AppDayModel from \"../../../../components/day/AppDayModel\";\nimport deliveryFoodStyle from \"../DeliveryFood.module.css\";\nimport DeliveryFoodMode from \"./DeliveryFoodMode\";\nimport { DeliveryFoodModeRootData } from \"../types/DeliveryFoodModeTypes\";\nimport { DeliveryFoodIngredient } from \"../types/DeliveryFoodTypes\";\nimport DeliveryFoodModeUtils from \"../services/DeliveryFoodModeUtils\";\n\nexport class DeliveryFoodRestaurantMode extends DeliveryFoodMode {\n renderHeader(mode: DeliveryFoodMode, day: any): JSX.Element {\n return (\n \n
{mode.restaurant?.data?.name || \"?\"} Delivery
\n
{AppDayModel.getDayTimeDisplay(day.data.time)}
\n
\n
{mode.restaurant?.data?.name || \"?\"} Delivery Fixed
\n
{AppDayModel.getDayTimeDisplay(day.data.time)}
\n
\n {name}\n
,\n ];\n};\n\nexport default DeliveryFoodMenuItem;\n","import React, { useContext } from \"react\";\nimport DataEditor from \"../../data-editor/DataEditor\";\nimport { DataEditorProvider } from \"../../data-editor/context/DataEditorContext\";\nimport {\n AppDeliveryArea,\n AppIngredient,\n AppIngredientDeliveryArea,\n AppIngredientInventory,\n AppIngredientInventoryMeta,\n AppIngredientOnHandArea,\n AppIngredientPack,\n AppMenuItem,\n AppMenuItemSale,\n AppMenuItemSaleMeta,\n AppOnHandArea,\n AppRecipeItem,\n} from \"../FoodResources\";\nimport { AppRestaurant } from \"../../admin/AdminResources\";\nimport { DataEditorResource } from \"../../data-editor/types/DataEditorTypes\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppUserGroups from \"../../../services/AppUserGroups\";\n\nconst DataEditorFood = (props: any) => {\n const { appState } = useContext(AppContext);\n const { history, location } = props;\n\n let resources: DataEditorResource[];\n\n const adminResources = [\n new DataEditorResource(AppIngredient, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientPack, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientDeliveryArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientOnHandArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppMenuItem, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppRecipeItem, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientInventory, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientInventoryMeta, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppMenuItemSale, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppMenuItemSaleMeta, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppDeliveryArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOnHandArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppRestaurant, { isVisibleInDataEditor: false }),\n ];\n\n const nonAdminResources: DataEditorResource[] = [\n new DataEditorResource(AppIngredient, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientDeliveryArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppIngredientOnHandArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppDeliveryArea, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOnHandArea, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppRestaurant, { isVisibleInDataEditor: false }),\n ];\n\n if (AppUserGroups.hasAdminAccess(appState.user.groups)) {\n resources = adminResources;\n } else {\n resources = nonAdminResources;\n }\n\n return (\n \n \n \n );\n};\n\nexport default DataEditorFood;\n","import React from \"react\";\nimport { FiEdit } from \"react-icons/fi\";\n\nconst DataEditorFoodMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default DataEditorFoodMenuItem;\n","import { ContainerConfigSection } from \"./../ContainerConfigSection\";\nimport ContainerConfigBuilder from \"../ContainerConfigBuilder\";\nimport { ContainerPaths } from \"../ContainerPaths\";\nimport {\n ADMINS,\n DATA_EDITOR_USERS,\n KITCHEN_DELIVERY_USERS,\n KITCHEN_USERS,\n MANAGERS,\n} from \"../../services/AppUserGroupsData\";\nimport OnHandFood from \"./on-hand/OnHandFood\";\nimport OnHandFoodMenuItem from \"./on-hand/OnHandFoodMenuItem\";\nimport DeliveryFoodWrp from \"./delivery/DeliveryFoodWrp\";\nimport DeliveryFoodMenuItem from \"./delivery/DeliveryFoodMenuItem\";\nimport DataEditorFood from \"./data-editor/DataEditorFood\";\nimport DataEditorFoodMenuItem from \"./data-editor/DataEditorFoodMenuItem\";\n\nexport const FoodContainerConfig: ContainerConfigSection = {\n OnHand: new ContainerConfigBuilder(\"On Hand\")\n .setPath(ContainerPaths.ON_HAND)\n .setUserAccess([KITCHEN_USERS, MANAGERS, ADMINS])\n .setComponent(OnHandFood)\n .setMenuItem(OnHandFoodMenuItem)\n .build(),\n Delivery: new ContainerConfigBuilder(\"Delivery\")\n .setPath(ContainerPaths.DELIVERY)\n .setUserAccess([KITCHEN_DELIVERY_USERS, ADMINS])\n .setComponent(DeliveryFoodWrp)\n .setMenuItem(DeliveryFoodMenuItem)\n .build(),\n DataEditor: new ContainerConfigBuilder(\"Editor\")\n .setPath(ContainerPaths.EDITOR)\n .setUserAccess([DATA_EDITOR_USERS, ADMINS])\n .setComponent(DataEditorFood)\n .setMenuItem(DataEditorFoodMenuItem)\n .build(),\n};\n","import {\n ADMINS,\n DEVS,\n KITCHEN_DELIVERY_USERS,\n KITCHEN_USERS,\n MANAGERS,\n} from \"../../services/AppUserGroupsData\";\nimport { MenusContainerConfig } from \"../menus-sales/MenusContainerConfig\";\nimport { SectionNames } from \"../sections/SectionNames\";\nimport { UserGroupType } from \"./../../services/AppUserGroupsData\";\nimport { ContainerConfig } from \"./../ContainerConfig\";\nimport { FoodContainerConfig } from \"./FoodContainerConfig\";\nimport { FoodSection } from \"./FoodSection\";\n\nconst foodSectionPages: ContainerConfig[] = [\n FoodContainerConfig.OnHand,\n MenusContainerConfig,\n FoodContainerConfig.Delivery,\n FoodContainerConfig.DataEditor,\n];\n\nconst foodSectionAllowedUserGroups: UserGroupType[] = [\n KITCHEN_USERS,\n KITCHEN_DELIVERY_USERS,\n MANAGERS,\n ADMINS,\n DEVS,\n];\n\nconst isFoodSectionDisabled = false;\n\nexport const FoodSectionConfig = new FoodSection(\n foodSectionPages,\n SectionNames.FOOD,\n foodSectionAllowedUserGroups,\n isFoodSectionDisabled\n);\n","import React from \"react\";\nimport { GiHotMeal } from \"react-icons/gi\";\nimport {\n ADMINS,\n DEVS,\n KITCHEN_USERS,\n MANAGERS,\n UserGroupType,\n} from \"../../services/AppUserGroupsData\";\nimport ContainerBasePaths from \"../ContainerBasePaths\";\nimport { ContainerConfig } from \"../ContainerConfig\";\nimport { MenusContainerConfig } from \"../menus-sales/MenusContainerConfig\";\nimport { Section } from \"../sections/Section\";\nimport { FoodContainerConfig } from \"./FoodContainerConfig\";\n\nexport class FoodSection extends Section {\n renderIcon(disabled: boolean) {\n return ;\n }\n\n renderHeaderIcon() {\n return ;\n }\n\n renderHomeIcon() {\n return ;\n }\n\n getDefaultPath(userGroups: UserGroupType[]) {\n if (userGroups.includes(DEVS)) {\n return FoodContainerConfig.DataEditor.url;\n }\n\n if (userGroups.includes(ADMINS)) {\n return MenusContainerConfig.url;\n }\n\n if (userGroups.includes(MANAGERS)) {\n return FoodContainerConfig.Delivery.url;\n }\n\n if (userGroups.includes(KITCHEN_USERS)) {\n return FoodContainerConfig.OnHand.url;\n }\n\n console.error(\"Couldn't match the user to any known section pages\", userGroups);\n return super.getDefaultPath(userGroups);\n }\n\n constructor(\n pages: ContainerConfig[],\n name: string,\n allowedGroups: UserGroupType[],\n disabled: boolean\n ) {\n super(pages, name, allowedGroups, disabled, ContainerBasePaths.FOOD);\n }\n}\n","import React, { useContext } from \"react\";\nimport DataEditor from \"../../data-editor/DataEditor\";\nimport { DataEditorProvider } from \"../../data-editor/context/DataEditorContext\";\nimport { AppRestaurant } from \"../../admin/AdminResources\";\nimport {\n AppOffSiteAlert,\n AppOffSiteArea,\n AppOffSiteItem,\n AppOffSiteTransaction,\n AppOffSiteUnit,\n} from \"../OffSiteResources\";\nimport { DataEditorResource } from \"../../data-editor/types/DataEditorTypes\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppUserGroups from \"../../../services/AppUserGroups\";\n\nconst DataEditorOffSite = (props: any) => {\n const { appState } = useContext(AppContext);\n const { history, location } = props;\n\n let resources: DataEditorResource[];\n\n const adminResources = [\n new DataEditorResource(AppOffSiteItem, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOffSiteArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOffSiteUnit, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOffSiteTransaction, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOffSiteAlert, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppRestaurant, { isVisibleInDataEditor: false }),\n ];\n\n const nonAdminResources: DataEditorResource[] = [];\n\n if (AppUserGroups.hasAdminAccess(appState.user.groups)) {\n resources = adminResources;\n } else {\n resources = nonAdminResources;\n }\n\n return (\n \n \n \n );\n};\n\nexport default DataEditorOffSite;\n","import React from \"react\";\nimport { FiEdit } from \"react-icons/fi\";\n\nconst DataEditorOffSiteMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default DataEditorOffSiteMenuItem;\n","import OnHandItemDisplayModel from \"../../on-hand/models/OnHandItemDisplayModel\";\n\nclass OffSiteOnHandItemDisplayModel extends OnHandItemDisplayModel {\n public views: any;\n\n constructor({ itemTab, item, views }: { itemTab: any; item: any; views: any }) {\n super(itemTab, item);\n this.views = views;\n }\n}\n\nexport default OffSiteOnHandItemDisplayModel;\n","import React, { useContext } from \"react\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport onHandItemInputStyles from \"../../../on-hand/components/item/OnHandItemInput.module.css\";\nimport OnHandItemQuickInput from \"../../../on-hand/components/item/OnHandItemQuickInput\";\n\nexport default function OffSiteDeliveryItemQuickInputs() {\n const { appState } = useContext(AppContext);\n const { onSelectedPendingDeliveryItemQuantityUpdate } = useContext(OnHandContext) as any;\n\n const handleChange = (addedQuickValue: number) => {\n return onSelectedPendingDeliveryItemQuantityUpdate(addedQuickValue, appState.user.name);\n };\n\n return (\n \n
\n \n \n
\n
\n \n \n
\n
\n {offSiteState.destinationRestaurants.map(\n (tasksDestinationRestaurant: AppRestaurant) => {\n const tasksDestinationRestaurantId = tasksDestinationRestaurant.data.id;\n if (!tasksDestinationRestaurantId) {\n return null;\n }\n const tasksDestinationRestaurantName = tasksDestinationRestaurant.data.name;\n const selectedItemDestinationRestaurantTasks =\n selectedItemTasks?.[tasksDestinationRestaurantId];\n const quantity = selectedItemDestinationRestaurantTasks?.[0].data.quantity || 0;\n\n const quantityDisplay = quantity === 0 ? \"\" : ` (${quantity})`;\n const variant = selectedItemDestinationRestaurantTasks\n ? \"contained\"\n : \"outlined\";\n // TODO: APPLY FILTER TOO AS A DISABLED CONDITION\n const disabled = !selectedItemDestinationRestaurantTasks;\n\n return (\n
\n \n \n {tasksDestinationRestaurantName}\n \n {quantityDisplay}\n
\n \n );\n }\n )}\n \n
\n \n {itemUnitDisplay}\n }\n aria-describedby=\"taking-amount-helper-text\"\n inputProps={{\n \"aria-label\": \"taking-amount\",\n }}\n />\n \n \n \n \n \n
\n );\n}\n","import { Button } from \"@material-ui/core\";\nimport { useContext } from \"react\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\n\nexport default function OffSiteDeliveryItemPrev() {\n const { offSiteState, goToPrevTask } = useContext(OffSiteContext);\n // TODO: replace when on hand is typescript-ified\n const { goToPrevItemTasks } = useContext(OnHandContext) as any;\n\n const handleGoToPrev = () => goToPrevItemTasks(goToPrevTask, offSiteState.taskSelectedKey);\n\n return (\n \n );\n}\n","import { Button } from \"@material-ui/core\";\nimport { useContext } from \"react\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\n\nexport default function OffSiteOnHandItemActionsSkip() {\n const { offSiteState, goToNextTask } = useContext(OffSiteContext);\n const { goToNextItemTasks } = useContext(OnHandContext) as any;\n\n const handleGoToNext = () => goToNextItemTasks(goToNextTask, offSiteState.taskSelectedKey);\n\n return (\n \n );\n}\n","import { Button } from \"@material-ui/core\";\nimport { useContext, useEffect } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\nimport OffSiteTasksUtils from \"../../tasks/OffSiteTasksUtils\";\n\nexport default function OffSiteDeliveryItemSubmit() {\n const { offSiteState, goToNextTask } = useContext(OffSiteContext);\n const { onHandState, lockSubmission, unlockSubmission, submitSelectedDeliveryItem } =\n useContext(OnHandContext) as any;\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n\n useEffect(() => {}, [onHandState?.restaurant?.group?.item]);\n\n if (!offSiteState.offSiteTasksByStatusAndIdAndRest) {\n return null;\n }\n\n const isNotTheExactlyRequiredValue = !OffSiteTasksUtils.hasExactRequiredValue(\n offSiteState.offSiteTasksByStatusAndIdAndRest,\n onHandState.restaurant.group.item\n );\n\n const isLockedSubmit = !!onHandState?.lockedSubmit;\n const disabledSubmit = isNotTheExactlyRequiredValue || isLockedSubmit;\n\n const handleSubmit = async () => {\n try {\n lockSubmission();\n setGlobalSpinner(true);\n\n await submitSelectedDeliveryItem(\n offSiteState.offSiteTasksByStatusAndIdAndRest,\n onHandState.restaurant?.group?.item,\n goToNextTask,\n offSiteState.taskSelectedKey\n );\n // TODO: update in offsite context too\n } catch (e) {\n throw Error(\"Failed to submit transaction\");\n } finally {\n setGlobalSpinner(false);\n unlockSubmission();\n }\n };\n\n return (\n \n Submit\n \n );\n}\n","import React from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport OffSiteDeliveryItemPrev from \"./OffSiteDeliveryItemPrev\";\nimport OffSiteDeliveryItemSkip from \"./OffSiteDeliveryItemSkip\";\nimport OffSiteDeliveryItemSubmit from \"./OffSiteDeliveryItemSubmit\";\n\nexport default function OffSiteDeliveryItemActions() {\n return (\n \n \n \n \n
\n );\n}\n","import { useContext, useEffect } from \"react\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\nimport OffSiteTasksUtils from \"../../tasks/OffSiteTasksUtils\";\nimport OffSiteDeliveryItemInput from \"./input/OffSiteDeliveryItemInput\";\nimport styles from \"./OffSiteDeliveryItem.module.css\";\nimport OffSiteDeliveryItemActions from \"./OffSiteDeliveryItemActions\";\n\nexport default function OffSiteDeliveryItem() {\n const { appState } = useContext(AppContext);\n const { offSiteState } = useContext(OffSiteContext);\n const { onHandState, onSelectedPendingDeliveryItemQuantityUpdate } = useContext(\n OnHandContext\n ) as any;\n\n const key = `on-hand-off-site-delivery-item-${onHandState.restaurant?.item?.data?.id}`;\n\n useEffect(() => {\n if (typeof onHandState.restaurant.group.item.deliveryQuantity !== \"number\") {\n if (offSiteState.offSiteTasksByStatusAndIdAndRest) {\n const defaultRequiredValue =\n OffSiteTasksUtils.getDefaultPendingAmountForSelectedItem(\n offSiteState.offSiteTasksByStatusAndIdAndRest,\n onHandState.restaurant.group.item\n );\n onSelectedPendingDeliveryItemQuantityUpdate(\n defaultRequiredValue,\n appState.user.name\n );\n }\n }\n }, [\n appState.user.name,\n offSiteState.offSiteTasksByStatusAndIdAndRest,\n onHandState.restaurant.group.item,\n onSelectedPendingDeliveryItemQuantityUpdate,\n ]);\n\n return (\n \n \n \n
\n );\n}\n","import { Button } from \"@material-ui/core\";\nimport React, { useContext } from \"react\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nexport default function OffSiteStockingItemPrev() {\n const { goToPrevItem } = useContext(OnHandContext) as any;\n\n const handleGoToPrev = () => goToPrevItem();\n\n return (\n \n );\n}\n","import { Button } from \"@material-ui/core\";\nimport React, { useContext } from \"react\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nexport default function OffSiteStockingItemSkip() {\n const { goToNextItem } = useContext(OnHandContext) as any;\n\n const handleGoToNext = () => goToNextItem();\n\n return (\n \n );\n}\n","import { Button } from \"@material-ui/core\";\nimport React, { useContext, useEffect } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nexport default function OffSiteStockingItemSubmit() {\n const { appState } = useContext(AppContext);\n const { onHandState, lockSubmission, submitSelectedStockingItem } = useContext(\n OnHandContext\n ) as any;\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n\n useEffect(() => {}, [onHandState?.restaurant?.group?.item]);\n\n const isLockedSubmit = !!onHandState?.lockedSubmit;\n\n const disabledSubmit =\n !onHandState?.restaurant?.group?.item?.stockingQuantity || isLockedSubmit;\n\n const handleSubmit = async () => {\n lockSubmission();\n try {\n setGlobalSpinner(true);\n await submitSelectedStockingItem(\n appState.user.name,\n onHandState?.restaurant?.group?.item,\n onHandState?.restaurant?.data?.id\n );\n } catch (e) {\n throw Error(\"Failed to submit transaction\");\n } finally {\n setGlobalSpinner(false);\n }\n };\n\n return (\n \n Submit\n \n );\n}\n","import React from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport OffSiteStockingItemPrev from \"./OffSiteStockingItemPrev\";\nimport OffSiteStockingItemSkip from \"./OffSiteStockingItemSkip\";\nimport OffSiteStockingItemSubmit from \"./OffSiteStockingItemSubmit\";\n\nexport default function OffSiteStockingItemActions() {\n return (\n \n \n \n \n
\n );\n}\n","import React, { useContext } from \"react\";\nimport styles from \"./OffSiteStockingItemQuickInputs.module.css\";\nimport OnHandItemQuickInput from \"../../../on-hand/components/item/OnHandItemQuickInput\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nexport default function OffSiteStockingItemQuickInputs({\n leftInputs,\n middleInputs,\n rightInputs,\n}: {\n leftInputs: any;\n middleInputs: any;\n rightInputs: any;\n}) {\n const { onSelectedItemStockingTransactionUpdate } = useContext(OnHandContext) as any;\n\n const handleChange = (addedQuickValue: any) => {\n return onSelectedItemStockingTransactionUpdate(addedQuickValue);\n };\n\n const OffSiteStockingItemQuickInputsDisplay = ({\n display,\n quickValue,\n }: {\n display: any;\n quickValue: any;\n }) => {\n return (\n \n );\n };\n\n return (\n \n
\n {leftInputs.map(OffSiteStockingItemQuickInputsDisplay)}\n
\n
\n {middleInputs.map(OffSiteStockingItemQuickInputsDisplay)}\n
\n
\n {rightInputs.map(OffSiteStockingItemQuickInputsDisplay)}\n
\n
\n \n
\n );\n}\n","import { FormControl, Input, InputAdornment } from \"@material-ui/core\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport OffSiteTasksUtils from \"../../tasks/OffSiteTasksUtils\";\nimport OffSiteStockingItemClearInput from \"./OffSiteStockingItemClearInput\";\nimport styles from \"./OffSiteStockingItemTotal.module.css\";\n\nexport default function OffSiteStockingItemTotal() {\n const { onHandState, onSelectedItemStockingTransactionUpdate } = useContext(\n OnHandContext\n ) as any;\n const [totalAmount, setTotalAmount] = useState(null);\n\n useEffect(() => {\n if (totalAmount === null) {\n OffSiteTasksUtils.getOffSiteItemInStockAmount(\n onHandState.restaurant?.group?.item?.data?.id\n ).then((totalAmount: any) => setTotalAmount(totalAmount));\n }\n }, []);\n\n const handleQuantityChange = (event: any) => {\n const addedQuantity = +event.target.value || 0;\n return addedQuantity === 0 ? null : onSelectedItemStockingTransactionUpdate(addedQuantity);\n };\n\n // TODO: until a solution is found, do not allow values below the sum of required values\n // TODO: propose solution for partial completion\n const itemUnitDisplay = OffSiteTasksUtils.getUnitDisplay(onHandState.restaurant?.group?.item);\n\n return (\n \n
\n {totalAmount}\n in stock\n
\n
\n \n {itemUnitDisplay}\n }\n aria-describedby=\"taking-amount-helper-text\"\n inputProps={{\n \"aria-label\": \"taking-amount\",\n }}\n />\n \n
\n
\n
\n \n \n \n
\n );\n}\n","import React, { useContext, useEffect } from \"react\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport styles from \"./OffSiteStockingItem.module.css\";\nimport OffSiteStockingItemActions from \"./OffSiteStockingItemActions\";\nimport OffSiteStockingItemInput from \"./OffSiteStockingItemInput\";\n\nexport default function OffSiteStockingItem() {\n const { onHandState } = useContext(OnHandContext) as any;\n\n const key = `on-hand-off-site-delivery-item-${onHandState.restaurant?.item?.data?.id}`;\n\n useEffect(() => {}, []);\n\n return (\n \n \n \n
\n );\n}\n","import moment from \"moment\";\nimport { useContext, useEffect, useState } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport OffSiteTasksUtils from \"../../tasks/OffSiteTasksUtils\";\nimport styles from \"./OffSiteHistoryItem.module.css\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\nimport { OffSiteTaskType } from \"../../context/OffSiteContextTypes\";\n\nexport default function OffSiteHistoryItem() {\n const { offSiteState } = useContext(OffSiteContext);\n const { onHandState } = useContext(OnHandContext) as any;\n const [transactions, setTransactions] = useState([] as OffSiteTaskType[]);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n\n useEffect(() => {\n // fetch the transactions history of the selected item and display them ordered by createdAt\n setGlobalSpinner(true);\n OffSiteTasksUtils.fetchItemTransactions(onHandState.restaurant.group.item.data.id).then(\n (transactions = []) => {\n setGlobalSpinner(false);\n setTransactions(transactions);\n }\n );\n }, []);\n\n return (\n \n - \n \n Type\n \n \n Status\n \n \n Rst\n \n \n Qty\n \n \n Created\n \n \n By\n \n \n Full Date\n \n
\n {transactions\n .sort(\n (transactionA, transactionB) =>\n transactionA?.data?.restaurantId - transactionB?.data?.restaurantId ||\n transactionA?.data?.createdAt - transactionB?.data?.createdAt\n )\n .map(({ data: { status, type, quantity, restaurantId, createdAt, createdBy } }) => {\n const createdAtMoment = moment(createdAt).tz(\"America/New_York\");\n const createdAtDisplay = createdAtMoment.format(\"h:mm:ss A, MMM Do\");\n const timeSinceCreated = createdAtMoment.fromNow();\n const restaurantAlias = offSiteState.destinationRestaurants.find(\n ({ data: { id } }) => id === restaurantId\n )?.data?.alias;\n\n return (\n - \n {type}\n {status}\n {restaurantAlias}\n {quantity}\n {timeSinceCreated}\n {createdBy}\n {createdAtDisplay}\n
\n );\n })}\n
\n );\n}\n","import _ from \"lodash\";\nimport moment, { Moment } from \"moment\";\nimport { fetchResources } from \"../../../resources/ResourcesService\";\nimport AppUtilsService from \"../../../services/AppUtilsService\";\nimport {\n AppOffSiteAlert,\n AppOffSiteAlertLocalTypes,\n AppOffSiteAlertStatuses,\n AppOffSiteItem,\n AppOffSiteTransaction,\n AppOffSiteTransactionStatuses,\n} from \"../OffSiteResources\";\nimport OffSiteTasksUtils from \"../tasks/OffSiteTasksUtils\";\nimport { OffSiteReordersAlertsType } from \"./context/OffSiteReordersContextTypes\";\nimport { OffSiteReordersSnoozedDurationType } from \"./OffSiteReordersSnoozedDurationType\";\nimport { OffSiteReordersAlertDisplay } from \"./types/OffSiteReordersTypes\";\n\nasync function getLastOffSiteAlerts() {\n return [];\n}\n\nasync function sendOffSiteAlert(message: any) {\n return null;\n}\n\nfunction makeMomentFromAWSDateTime(aWSDateTime: any) {\n return moment(aWSDateTime).tz(\"America/New_York\");\n}\n\nfunction getCurrentUSEast1Moment() {\n return moment().tz(\"America/New_York\");\n}\n\nfunction sortMomentsAsc(momentA?: Moment, momentB?: Moment) {\n return (momentA?.unix() || 0) - (momentB?.unix() || 0);\n}\n\nfunction sortMomentsDesc(momentA?: Moment, momentB?: Moment) {\n return (momentB?.unix() || 0) - (momentA?.unix() || 0);\n}\n\nfunction sortOpenAlerts(alertA: OffSiteReordersAlertDisplay, alertB: OffSiteReordersAlertDisplay) {\n return sortMomentsAsc(alertA.createdAtMoment, alertB.createdAtMoment);\n}\n\nfunction sortSnoozedAlerts(\n alertA: OffSiteReordersAlertDisplay,\n alertB: OffSiteReordersAlertDisplay\n) {\n return sortMomentsAsc(alertA.snoozedUntilMoment, alertB.snoozedUntilMoment);\n}\n\nfunction sortCompletedAlerts(\n alertA: OffSiteReordersAlertDisplay,\n alertB: OffSiteReordersAlertDisplay\n) {\n return sortMomentsDesc(alertA.updatedAtMoment, alertB.updatedAtMoment);\n}\n\nfunction getAlertType(alert: OffSiteReordersAlertDisplay, currentUSEast1Moment?: Moment) {\n // set conditions\n if (!alert?.data) {\n return undefined;\n }\n\n // set default\n if (!currentUSEast1Moment) {\n currentUSEast1Moment = getCurrentUSEast1Moment();\n }\n\n // completed\n if (alert.data.status === AppOffSiteAlertStatuses.COMPLETED) {\n return AppOffSiteAlertLocalTypes.COMPLETED;\n }\n\n // open or snooze\n if (alert.data.status === AppOffSiteAlertStatuses.PENDING) {\n return alert?.snoozedUntilMoment?.isBefore(currentUSEast1Moment)\n ? AppOffSiteAlertLocalTypes.OPEN\n : AppOffSiteAlertLocalTypes.SNOOZED;\n }\n\n // kind of error\n return AppOffSiteAlertLocalTypes.OTHER;\n}\n\nasync function loadReordersAlertsDecorated(): Promise {\n const [reordersAlertsRaw, offSiteItems, offSiteCompletedTransactions] = await fetchResources([\n [AppOffSiteAlert],\n [AppOffSiteItem],\n [AppOffSiteTransaction, { status: { eq: AppOffSiteTransactionStatuses.COMPLETED } }],\n ]);\n\n // prepare data\n const offSiteItemsById = (offSiteItems || []).reduce(AppUtilsService.groupDataByItem(\"id\"), {});\n const offSiteCompletedTransactionsByItemId = (offSiteCompletedTransactions || []).reduce(\n AppUtilsService.groupDataByList(\"offSiteItemId\"),\n {}\n );\n\n // decorate\n const currentUSEast1Moment = getCurrentUSEast1Moment();\n const reordersAlerts = (reordersAlertsRaw || []).map((alert: OffSiteReordersAlertDisplay) => {\n alert.offSiteItem = offSiteItemsById[alert?.data?.offSiteItemId];\n alert.createdAtMoment = makeMomentFromAWSDateTime(alert.data.createdAt);\n alert.snoozedUntilMoment = makeMomentFromAWSDateTime(alert.data.snoozedUntil);\n alert.updatedAtMoment = makeMomentFromAWSDateTime(alert.data.updatedAt);\n alert.type = getAlertType(alert, currentUSEast1Moment);\n alert.stock = OffSiteTasksUtils.sumUpItemStock(\n offSiteCompletedTransactionsByItemId[alert?.data?.offSiteItemId]\n );\n\n return alert;\n });\n\n // organize\n const alerts: OffSiteReordersAlertsType = {};\n const alertsRaw: [] = reordersAlerts;\n\n // TODO: move the processing of raw alerts earlier\n // OPEN ALERTS\n alerts[AppOffSiteAlertLocalTypes.OPEN] = alertsRaw\n .filter(OffSiteReordersUtils.isOpenAlert)\n .reduce(AppUtilsService.groupDataByItem(\"offSiteItemId\"), {});\n\n // SNOOZED ALERTS\n alerts[AppOffSiteAlertLocalTypes.SNOOZED] = alertsRaw\n .filter(OffSiteReordersUtils.isSnoozedAlert)\n .reduce(AppUtilsService.groupDataByItem(\"offSiteItemId\"), {});\n\n // COMPLETED ALERTS\n alerts[AppOffSiteAlertLocalTypes.COMPLETED] = alertsRaw\n .filter(OffSiteReordersUtils.isCompletedAlert)\n .reduce(AppUtilsService.groupDataByItem(\"offSiteItemId\"), {});\n\n return alerts;\n}\n\nfunction isOpenAlert(alert: OffSiteReordersAlertDisplay) {\n return alert.type === AppOffSiteAlertLocalTypes.OPEN;\n}\n\nfunction isSnoozedAlert(alert: OffSiteReordersAlertDisplay) {\n return alert.type === AppOffSiteAlertLocalTypes.SNOOZED;\n}\n\nfunction isCompletedAlert(alert: OffSiteReordersAlertDisplay) {\n return alert.type === AppOffSiteAlertLocalTypes.COMPLETED;\n}\n\nfunction getOpenAlertsList(reordersAlerts: OffSiteReordersAlertsType) {\n if (!reordersAlerts) {\n return [];\n }\n return Object.values(reordersAlerts[AppOffSiteAlertLocalTypes.OPEN] || {})\n .flat()\n .sort(sortOpenAlerts);\n}\n\nfunction getSnoozedAlertsList(reordersAlerts: OffSiteReordersAlertsType) {\n if (!reordersAlerts) {\n return [];\n }\n return Object.values(reordersAlerts[AppOffSiteAlertLocalTypes.SNOOZED] || {})\n .flat()\n .sort(sortSnoozedAlerts);\n}\n\nfunction getCompletedAlertsList(reordersAlerts: OffSiteReordersAlertsType) {\n if (!reordersAlerts) {\n return [];\n }\n return Object.values(reordersAlerts[AppOffSiteAlertLocalTypes.COMPLETED] || {})\n .flat()\n .sort(sortCompletedAlerts);\n}\n\nasync function completeAlert(\n alert: OffSiteReordersAlertDisplay,\n userName: string\n): Promise {\n const alertUpdateData = {\n ...alert.data,\n status: AppOffSiteAlertStatuses.COMPLETED,\n lastUpdatedBy: userName,\n };\n\n await AppOffSiteAlert.getModel().api.update(alertUpdateData, true);\n\n alert.data.status = AppOffSiteAlertStatuses.COMPLETED;\n alert.data.lastUpdatedBy = userName;\n alert.updatedAtMoment = moment().tz(\"America/New_York\");\n alert.type = AppOffSiteAlertLocalTypes.COMPLETED;\n\n return _.clone(alert);\n}\n\nasync function undoCompleteAlert(\n alert: OffSiteReordersAlertDisplay,\n userName: string\n): Promise {\n const alertUpdateData = {\n ...alert.data,\n status: AppOffSiteAlertStatuses.PENDING,\n lastUpdatedBy: userName,\n };\n\n await AppOffSiteAlert.getModel().api.update(alertUpdateData, true);\n const currentMoment = moment().tz(\"America/New_York\");\n const snoozedUntilMoment = currentMoment.subtract(1, \"days\");\n const snoozedUntil = snoozedUntilMoment.toISOString();\n\n alert.data.status = AppOffSiteAlertStatuses.PENDING;\n alert.data.lastUpdatedBy = userName;\n alert.data.snoozedUntil = snoozedUntil;\n alert.snoozedUntilMoment = snoozedUntilMoment;\n alert.updatedAtMoment = currentMoment;\n alert.type = getAlertType(alert);\n\n return _.clone(alert);\n}\n\nasync function snoozeAlert(\n alert: OffSiteReordersAlertDisplay,\n userName: string,\n snoozeDuration: OffSiteReordersSnoozedDurationType\n): Promise {\n const snoozedUntilMoment = snoozeDuration.getMoment();\n const snoozedUntil = snoozedUntilMoment.toISOString();\n\n const alertUpdateData = {\n ...alert.data,\n snoozedUntil,\n lastUpdatedBy: userName,\n };\n\n await AppOffSiteAlert.getModel().api.update(alertUpdateData, true);\n\n alert.snoozedUntilMoment = snoozedUntilMoment;\n alert.data.snoozedUntil = snoozedUntil;\n alert.data.lastUpdatedBy = userName;\n alert.updatedAtMoment = moment().tz(\"America/New_York\");\n alert.type = getAlertType(alert);\n\n return _.clone(alert);\n}\n\nfunction moveAlertToNewType(\n alerts: OffSiteReordersAlertsType,\n alert: OffSiteReordersAlertDisplay,\n prevType: string,\n newType: string\n): OffSiteReordersAlertsType {\n const result = _.clone(alerts);\n const offSiteItemId = alert.data.offSiteItemId;\n\n result[newType][offSiteItemId] = result?.[prevType]?.[offSiteItemId];\n delete result[prevType]?.[offSiteItemId];\n\n return result;\n}\n\nconst OffSiteReordersUtils = {\n getLastOffSiteAlerts,\n sendOffSiteAlert,\n loadReordersAlertsDecorated,\n sortOpenAlerts,\n sortSnoozedAlerts,\n sortCompletedAlerts,\n isOpenAlert,\n isSnoozedAlert,\n isCompletedAlert,\n getOpenAlertsList,\n getSnoozedAlertsList,\n getCompletedAlertsList,\n getAlertType,\n completeAlert,\n undoCompleteAlert,\n snoozeAlert,\n moveAlertToNewType,\n};\n\nexport default OffSiteReordersUtils;\n","import { Button, TextField } from \"@material-ui/core\";\nimport React, { useEffect, useState } from \"react\";\nimport styles from \"./OffSiteReordersItemAlert.module.css\";\nimport OffSiteReordersUtils from \"./OffSiteReordersUtils\";\n\nexport default function OffSiteReordersItemAlert() {\n const [message, setMessage] = useState(\"\");\n const [historyAlerts, setHistoryAlerts] = useState([]);\n // TODO: build a \"text-area\"\n // TODO: send button\n // TODO: preview of last 10 alerts\n\n useEffect(() => {\n OffSiteReordersUtils.getLastOffSiteAlerts().then((alerts) => setHistoryAlerts(alerts));\n }, []);\n\n const handleMessageUpdate = (event: any) => {\n setMessage(event.target.value);\n };\n\n const handleSend = () => {\n OffSiteReordersUtils.sendOffSiteAlert(message);\n };\n\n return (\n \n
\n
\n \n
\n
\n \n Send\n \n
\n
\n
\n
\n User\n Created\n Status\n
\n
\n {historyAlerts.map(({ data: { message, status, createdBy, createdAt } }) => {\n return [\n
\n {createdBy}\n {createdAt}\n {status}\n
,\n
{message}
,\n ];\n })}\n
\n
\n
\n {views.map((view: any) => {\n const isSelected = onHandState.view?.name === view.name;\n const isSelectedClass = isSelected ? styles.SelectedMenuItem : \"\";\n\n return (\n changeView(view)}\n color={\"primary\"}\n className={`${styles.MenuItem} ${isSelectedClass}`}\n >\n {view.name}\n \n );\n })}\n
\n );\n}\n","import React, { useContext } from \"react\";\nimport { OnHandContext } from \"../../on-hand/context/OnHandContext\";\nimport OnHandUtils from \"../../on-hand/OnHandUtils\";\nimport offSiteOnHandItemStyles from \"./OffSiteOnHandItem.module.css\";\nimport OffSiteOnHandItemHeader from \"./OffSiteOnHandItemHeader\";\n\nconst OffSiteOnHandItem = ({ item }: any) => {\n const { onHandState } = useContext(OnHandContext) as any;\n\n if (!OnHandUtils.isSelectedItem(onHandState, item) || !onHandState.view) {\n return null;\n }\n\n const key = `on-hand-off-site-item`;\n\n return (\n \n \n {onHandState.view.component}\n
\n );\n};\n\nexport default OffSiteOnHandItem;\n","import OnHandItemTab from \"../../on-hand/components/item/OnHandItemTab\";\n\nexport default function OffSiteOnHandItemTab(item: any, index: any) {\n const isSelected = (onHandState: any, name: any) => {\n let result = false;\n\n if (onHandState?.restaurant?.group?.item?.data?.name === name) {\n result = true;\n }\n\n return result;\n };\n\n return (\n \n );\n}\n","import React from \"react\";\nimport { FaTruck } from \"react-icons/fa\";\n\nconst OffSiteDeliveryMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default OffSiteDeliveryMenuItem;\n","import { Button } from \"@material-ui/core\";\nimport _ from \"lodash\";\nimport styles from \"../OffSiteTasks.module.css\";\nimport { useContext } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\nimport {\n OffSiteTasksByIdAndRestType,\n OffSiteTasksByStatusAndIdAndRestType,\n} from \"../../context/OffSiteContextTypes\";\nimport { AppOffSiteTransactionStatuses } from \"../../OffSiteResources\";\nimport { sendLoadedTasksToTransit, updateTasksStatus } from \"../../OffSiteUtils\";\n\nexport default function OffSiteTasksDialogActions() {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { offSiteState, toggleDeliveryTasksDialog, sendLoadedTasks } = useContext(OffSiteContext);\n\n const handleSendLoadedTasks = async () => {\n if (!offSiteState.offSiteTasksByStatusAndIdAndRest) {\n return;\n }\n\n const offSiteTasks: OffSiteTasksByStatusAndIdAndRestType = _.clone(\n offSiteState.offSiteTasksByStatusAndIdAndRest\n );\n\n try {\n setGlobalSpinner(true);\n // update transactions\n await sendLoadedTasksToTransit(offSiteTasks[AppOffSiteTransactionStatuses.LOADED]);\n } catch (e) {\n throw Error(\"Unable to send loaded items, please retry!\");\n } finally {\n setGlobalSpinner(false);\n }\n\n const loadedTasks: OffSiteTasksByIdAndRestType =\n offSiteTasks[AppOffSiteTransactionStatuses.LOADED];\n\n // set loaded tasks as \"in transit\"\n updateTasksStatus(loadedTasks, AppOffSiteTransactionStatuses.TRANSIT);\n\n // move LOADED to TRANSIT\n offSiteTasks[AppOffSiteTransactionStatuses.TRANSIT] =\n offSiteTasks[AppOffSiteTransactionStatuses.LOADED];\n\n // delete LOADED tasks\n delete offSiteState.offSiteTasksByStatusAndIdAndRest[AppOffSiteTransactionStatuses.LOADED];\n\n sendLoadedTasks(offSiteTasks);\n };\n\n return (\n \n \n \n
\n );\n}\n","import React from \"react\";\nimport { AppOffSiteTransactionStatuses } from \"../../OffSiteResources\";\nimport styles from \"../OffSiteTasks.module.css\";\n\nexport default function OffSiteTasksDialogContentItem({ task }: { task: any }) {\n const name = task?.offSiteItem?.data?.name;\n const quantity = task?.data?.quantity;\n const from = task?.offSiteRestaurant?.data?.alias;\n const status = task?.data?.status;\n\n const getStatusStyle = (status: any) => {\n switch (status) {\n case AppOffSiteTransactionStatuses.TRANSIT:\n return styles.RestaurantTasksTransit;\n case AppOffSiteTransactionStatuses.LOADED:\n return styles.RestaurantTasksLoaded;\n case AppOffSiteTransactionStatuses.PENDING:\n return styles.RestaurantTasksPending;\n default:\n return \"\";\n }\n };\n const className = `${styles.RestaurantTasksRow} ${getStatusStyle(status)} `;\n\n return (\n \n {name}\n {quantity}\n {from}\n {status}\n
\n );\n}\n","import React from \"react\";\nimport styles from \"../OffSiteTasks.module.css\";\n\nexport default function OffSiteTasksDialogHeader() {\n return (\n \n Item\n Qty\n From\n Status\n
\n );\n}\n","import { useContext } from \"react\";\nimport { OffSiteContext } from \"../../context/OffSiteContext\";\nimport { OffSiteTasksByRestIdType } from \"../../context/OffSiteContextTypes\";\nimport styles from \"../OffSiteTasks.module.css\";\nimport OffSiteTasksUtils from \"../OffSiteTasksUtils\";\nimport OffSiteTasksDialogContentItem from \"./OffSiteTasksDialogContentItem\";\nimport OffSiteTasksDialogHeader from \"./OffSiteTasksDialogHeader\";\n\nexport default function OffSiteTasksDialogContent() {\n const { offSiteState } = useContext(OffSiteContext);\n\n if (!offSiteState.offSiteTasksByStatusAndIdAndRest) {\n return null;\n }\n\n const tasksByDestinationRestaurantId: OffSiteTasksByRestIdType =\n OffSiteTasksUtils.getTasksByDestinationRestaurantId(\n offSiteState.offSiteTasksByStatusAndIdAndRest\n );\n\n const destinationRestaurantIds: (string | number)[] = Object.keys(\n tasksByDestinationRestaurantId\n );\n\n return (\n \n {destinationRestaurantIds.map((destinationRestaurantId) => {\n const tasks = tasksByDestinationRestaurantId[destinationRestaurantId]\n .flat()\n .sort(OffSiteTasksUtils.sortOffSiteTasksByStatus);\n const restaurantName = tasks?.[0]?.destinationRestaurant?.data?.name;\n\n if (!tasks || tasks.length === 0 || !restaurantName) {\n return null;\n }\n\n return (\n
\n
{restaurantName}
\n
\n {tasks.map((task) => (\n
\n ))}\n
\n );\n })}\n
\n
toggleDeliveryTasksDialog(true)}\n className={styles.TasksCounterButton}\n size={\"small\"}\n variant={\"contained\"}\n color={\"secondary\"}\n >\n \n
{pendingTasksCount}
\n
\n
\n
{loadedTasksCount}
\n
\n
\n
{transitTasksCount}
\n
\n
\n
goToPrevTask()}\n className={styles.TasksNavigatorLeft}\n size={\"medium\"}\n >\n \n \n\n goToNextTask()}>\n {selectedOffSiteItem?.data?.name}\n
\n\n goToNextTask()}\n className={styles.TasksNavigatorRight}\n size={\"medium\"}\n >\n \n \n \n goToNextTask()}\n size={\"small\"}\n variant={\"contained\"}\n >\n Start Delivery\n \n
\n );\n}\n","import { ReactNode } from \"react\";\nimport ContainerConfigBuilder from \"../ContainerConfigBuilder\";\n\nclass OffSiteContainerConfigBuilder extends ContainerConfigBuilder {\n public tasksHeaderComponent: ReactNode = null;\n\n setTasksHeaderComponent(tasksHeaderComponent: React.ReactNode) {\n this.tasksHeaderComponent = tasksHeaderComponent;\n return this;\n }\n\n build() {\n const containerConfig = super.build();\n containerConfig.tasksHeaderComponent = this.tasksHeaderComponent;\n return containerConfig;\n }\n}\n\nexport default OffSiteContainerConfigBuilder;\n","import { AppOffSiteAlertLocalTypes } from \"../../OffSiteResources\";\nimport { OffSiteReordersAlertDisplay } from \"../types/OffSiteReordersTypes\";\n\nexport enum OffSiteReordersContextActionType {\n SET_ALERTS = \"SET_ALERTS\",\n COMPLETE_ALERT = \"COMPLETE_ALERT\",\n UNDO_COMPLETE_ALERT = \"UNDO_COMPLETE_ALERT\",\n SNOOZE_ALERT = \"SNOOZE_ALERT\",\n}\n\nexport type OffSiteReordersContextAction = {\n type: keyof typeof OffSiteReordersContextActionType;\n payload: any;\n};\n\nexport type OffSiteReordersAlertsType = {\n // TODO: replace with type AppOffSiteAlertLocalType\n [alertType: string]: {\n [offSiteItemId: string]: OffSiteReordersAlertDisplay | [OffSiteReordersAlertDisplay];\n };\n};\n\nexport class OffSiteReordersContextStateType {\n constructor(\n public alerts: OffSiteReordersAlertsType = {},\n public lastUpdatedAlert?: OffSiteReordersAlertDisplay\n ) {}\n}\n\nexport type OffSiteReordersContextType = {\n offSiteReordersState: OffSiteReordersContextStateType;\n setAlerts: Function;\n completeAlert: Function;\n undoCompleteAlert: Function;\n snoozeAlert: Function;\n};\n","import _ from \"lodash\";\nimport { AppOffSiteAlertLocalTypes } from \"../../OffSiteResources\";\nimport OffSiteReordersUtils from \"../OffSiteReordersUtils\";\nimport {\n OffSiteReordersContextAction,\n OffSiteReordersContextActionType,\n OffSiteReordersContextStateType,\n} from \"./OffSiteReordersContextTypes\";\n\nfunction OffSiteReordersContextReducer(\n state: OffSiteReordersContextStateType,\n action: OffSiteReordersContextAction\n): OffSiteReordersContextStateType {\n if (action.type === OffSiteReordersContextActionType.SET_ALERTS) {\n state.alerts = action.payload.alerts;\n }\n\n if (action.type === OffSiteReordersContextActionType.COMPLETE_ALERT) {\n state.lastUpdatedAlert = action.payload.alert;\n state.alerts = OffSiteReordersUtils.moveAlertToNewType(\n state.alerts,\n action.payload.alert,\n action.payload.prevType,\n AppOffSiteAlertLocalTypes.COMPLETED\n );\n }\n\n if (action.type === OffSiteReordersContextActionType.UNDO_COMPLETE_ALERT) {\n state.lastUpdatedAlert = action.payload.alert;\n state.alerts = OffSiteReordersUtils.moveAlertToNewType(\n state.alerts,\n action.payload.alert,\n action.payload.prevType,\n AppOffSiteAlertLocalTypes.OPEN\n );\n }\n\n if (action.type === OffSiteReordersContextActionType.SNOOZE_ALERT) {\n state.lastUpdatedAlert = action.payload.alert;\n state.alerts = OffSiteReordersUtils.moveAlertToNewType(\n state.alerts,\n action.payload.alert,\n action.payload.prevType,\n AppOffSiteAlertLocalTypes.SNOOZED\n );\n }\n\n return _.clone(state);\n}\n\nexport default OffSiteReordersContextReducer;\n","import { createContext, ReactNode, useCallback, useReducer } from \"react\";\nimport { AppOffSiteAlertLocalTypes } from \"../../OffSiteResources\";\nimport { OffSiteReordersAlertDisplay } from \"../types/OffSiteReordersTypes\";\nimport OffSiteReordersContextReducer from \"./OffSiteReordersContextReducer\";\nimport {\n OffSiteReordersAlertsType,\n OffSiteReordersContextAction,\n OffSiteReordersContextActionType,\n OffSiteReordersContextStateType,\n OffSiteReordersContextType,\n} from \"./OffSiteReordersContextTypes\";\n\nconst OffSiteReordersContext = createContext({} as OffSiteReordersContextType);\n\nfunction OffSiteReordersContextProvider(props: any) {\n const { children }: { children: ReactNode } = props;\n const [offSiteReordersState, dispatch] = useReducer(\n OffSiteReordersContextReducer,\n new OffSiteReordersContextStateType()\n );\n\n const setAlerts = useCallback(\n (alerts: OffSiteReordersAlertsType) => {\n const action: OffSiteReordersContextAction = {\n type: OffSiteReordersContextActionType.SET_ALERTS,\n payload: { alerts },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const completeAlert = useCallback(\n (alert: OffSiteReordersAlertDisplay, prevType: keyof typeof AppOffSiteAlertLocalTypes) => {\n const action: OffSiteReordersContextAction = {\n type: OffSiteReordersContextActionType.COMPLETE_ALERT,\n payload: { alert, prevType },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const undoCompleteAlert = useCallback(\n (alert: OffSiteReordersAlertDisplay, prevType: keyof typeof AppOffSiteAlertLocalTypes) => {\n const action: OffSiteReordersContextAction = {\n type: OffSiteReordersContextActionType.UNDO_COMPLETE_ALERT,\n payload: { alert, prevType },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const snoozeAlert = useCallback(\n (alert: OffSiteReordersAlertDisplay, prevType: keyof typeof AppOffSiteAlertLocalTypes) => {\n const action: OffSiteReordersContextAction = {\n type: OffSiteReordersContextActionType.SNOOZE_ALERT,\n payload: { alert, prevType },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const value: OffSiteReordersContextType = {\n offSiteReordersState,\n setAlerts,\n completeAlert,\n undoCompleteAlert,\n snoozeAlert,\n };\n\n return (\n \n {children}\n \n );\n}\n\nexport { OffSiteReordersContext, OffSiteReordersContextProvider };\n","import { Button } from \"@material-ui/core\";\nimport { useContext } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport { AppOffSiteAlertLocalTypes } from \"../../OffSiteResources\";\nimport { OffSiteReordersContext } from \"../context/OffSiteReordersContext\";\nimport OffSiteReordersUtils from \"../OffSiteReordersUtils\";\nimport { OffSiteReordersAlertDisplay } from \"../types/OffSiteReordersTypes\";\n\nexport default function OffSiteReordersUndoButton({\n alert,\n}: {\n alert: OffSiteReordersAlertDisplay;\n}) {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { appState } = useContext(AppContext);\n const { undoCompleteAlert } = useContext(OffSiteReordersContext);\n\n const handleAlertUndoComplete = async () => {\n try {\n setGlobalSpinner(true);\n alert = await OffSiteReordersUtils.undoCompleteAlert(alert, appState.user.name);\n\n undoCompleteAlert(alert, AppOffSiteAlertLocalTypes.COMPLETED);\n } catch (e) {\n throw Error(\"Cannot complete alert!\");\n } finally {\n setGlobalSpinner(false);\n }\n };\n\n return (\n \n );\n}\n","import { useContext } from \"react\";\nimport { OffSiteReordersContext } from \"./context/OffSiteReordersContext\";\nimport styles from \"./OffSiteReorders.module.css\";\nimport OffSiteReordersUndoButton from \"./buttons/OffSiteReordersUndoButton\";\nimport { OffSiteReordersAlertDisplay } from \"./types/OffSiteReordersTypes\";\n\nexport default function OffSiteReordersCompletedAlert(props: any) {\n const { alert, index }: { alert: OffSiteReordersAlertDisplay; index: number } = props;\n const { offSiteReordersState } = useContext(OffSiteReordersContext);\n\n if (!alert?.data?.status) {\n return null;\n }\n\n const className =\n offSiteReordersState.lastUpdatedAlert == alert\n ? `${styles.CompletedAlert} ${styles.LastUpdatedAlert}`\n : styles.CompletedAlert;\n\n return (\n \n
{alert?.offSiteItem?.data.name}\n
{alert.stock}\n
{alert?.offSiteItem?.data.alertThreshold}\n
{`${\n alert.data.lastUpdatedBy || \"?\"\n }, ${alert?.updatedAtMoment?.fromNow()}`}\n
\n \n
\n
\n
\n
\n
Completed\n
\n
{completedAlerts.length}\n
\n {completedAlerts.map((alert, index) => (\n
\n ))}\n
\n \n Snooze\n \n
\n );\n}\n","import { useContext } from \"react\";\nimport { OffSiteReordersContext } from \"./context/OffSiteReordersContext\";\nimport styles from \"./OffSiteReorders.module.css\";\nimport OffSiteReordersCompleteButton from \"./buttons/OffSiteReordersCompleteButton\";\nimport OffSiteReordersSnoozeButton from \"./buttons/OffSiteReordersSnoozeButton\";\nimport { OffSiteReordersAlertDisplay } from \"./types/OffSiteReordersTypes\";\n\nexport default function OffSiteReordersOpenAlert({\n alert,\n index,\n}: {\n alert: OffSiteReordersAlertDisplay;\n index: number;\n}) {\n const { offSiteReordersState } = useContext(OffSiteReordersContext);\n\n if (!alert?.data?.status) {\n return null;\n }\n\n const className =\n offSiteReordersState.lastUpdatedAlert == alert\n ? `${styles.OpenAlert} ${styles.LastUpdatedAlert}`\n : styles.OpenAlert;\n\n return (\n \n
{alert?.offSiteItem?.data?.name}\n
{alert.stock}\n
{alert?.offSiteItem?.data?.alertThreshold}\n
{alert?.createdAtMoment?.fromNow()}\n
\n \n \n
\n
\n
\n
\n
Reorders\n
\n
{openAlerts.length}\n
\n {openAlerts.map((alert: OffSiteReordersAlertDisplay, index: number) => (\n
\n ))}\n
\n
{alert?.offSiteItem?.data.name}\n
{alert.stock}\n
{alert?.offSiteItem?.data.alertThreshold}\n
{alert?.snoozedUntilMoment?.fromNow()}\n
\n \n
\n
\n
\n
\n \n
\n
Snoozed\n
\n
{snoozedAlerts.length}\n
\n {snoozedAlerts.map((alert, index) => (\n
\n ))}\n
\n \n \n \n
\n );\n}\n","import { ADMINS, DATA_EDITOR_USERS, DEVS, MANAGERS } from \"../../services/AppUserGroupsData\";\nimport ContainerConfigBuilder from \"../ContainerConfigBuilder\";\nimport { ContainerPaths } from \"../ContainerPaths\";\nimport { ContainerConfigSection } from \"./../ContainerConfigSection\";\nimport DataEditorOffSite from \"./data-editor/DataEditorOffSite\";\nimport DataEditorOffSiteMenuItem from \"./data-editor/DataEditorOffSiteMenuItem\";\nimport OffSiteDelivery from \"./delivery/OffSiteDelivery\";\nimport OffSiteDeliveryMenuItem from \"./delivery/OffSiteDeliveryMenuItem\";\nimport OffSiteDeliveryTasks from \"./delivery/OffSiteDeliveryTasks\";\nimport OffSiteContainerConfigBuilder from \"./OffSiteContainerConfigBuilder\";\nimport OffSiteReception from \"./reception/OffSiteReception\";\nimport OffSiteReceptionMenuItem from \"./reception/OffSiteReceptionMenuItem\";\nimport OffSiteReceptionTasks from \"./reception/OffSiteReceptionTasks\";\nimport OffSiteReordersMenuItem from \"./reorders/OffSiteReordersMenuItem\";\nimport OffSiteReordersTasks from \"./reorders/OffSiteReordersTasks\";\nimport OffSiteReordersWrp from \"./reorders/OffSiteReordersWrp\";\nimport OffSiteStocking from \"./stocking/OffSiteStocking\";\nimport OffSiteStockingMenuItem from \"./stocking/OffSiteStockingMenuItem\";\nimport OffSiteStockingTasks from \"./stocking/OffSiteStockingTasks\";\n\nexport const OffSiteContainerConfig: ContainerConfigSection = {\n Delivery: new OffSiteContainerConfigBuilder(\"Delivery\")\n .setPath(ContainerPaths.DELIVERY)\n .setUserAccess([MANAGERS, ADMINS, DEVS])\n .setComponent(OffSiteDelivery)\n .setMenuItem(OffSiteDeliveryMenuItem)\n .setTasksHeaderComponent(OffSiteDeliveryTasks)\n .build(),\n Reception: new OffSiteContainerConfigBuilder(\"Receiving\")\n .setPath(ContainerPaths.RECEIVING)\n .setUserAccess([MANAGERS, ADMINS, DEVS])\n .setComponent(OffSiteReception)\n .setMenuItem(OffSiteReceptionMenuItem)\n .setTasksHeaderComponent(OffSiteReceptionTasks)\n .build(),\n Stocking: new OffSiteContainerConfigBuilder(\"Stocking\")\n .setPath(ContainerPaths.STOCKING)\n .setUserAccess([MANAGERS, ADMINS, DEVS])\n .setComponent(OffSiteStocking)\n .setMenuItem(OffSiteStockingMenuItem)\n .setTasksHeaderComponent(OffSiteStockingTasks)\n .build(),\n Reorders: new OffSiteContainerConfigBuilder(\"Reorders\")\n .setPath(ContainerPaths.REORDERS)\n .setUserAccess([MANAGERS, ADMINS, DEVS])\n .setComponent(OffSiteReordersWrp)\n .setMenuItem(OffSiteReordersMenuItem)\n .setTasksHeaderComponent(OffSiteReordersTasks)\n .build(),\n DataEditor: new ContainerConfigBuilder(\"Editor\")\n .setPath(ContainerPaths.EDITOR)\n .setUserAccess([DATA_EDITOR_USERS, ADMINS])\n .setComponent(DataEditorOffSite)\n .setMenuItem(DataEditorOffSiteMenuItem)\n .build(),\n};\n","import React from \"react\";\nimport OnHandConfigModel from \"../../on-hand/models/OnHandConfigModel\";\nimport OnHandWrp from \"../../on-hand/OnHandWrp\";\nimport OffSiteOnHandItemDisplayModel from \"../on-hand/OffSiteOnHandItemDisplayModel\";\nimport { VIEWS } from \"../on-hand/OffSiteOnHandItemViews\";\nimport OffSiteOnHandContextConfig from \"../on-hand/OffSiteOnHandContextConfig\";\nimport OffSiteOnHandItem from \"../on-hand/OffSiteOnHandItem\";\nimport OffSiteOnHandItemTab from \"../on-hand/OffSiteOnHandItemTab\";\n\nexport default function OffSiteDelivery({ history, location }: { history: any; location: any }) {\n const offSiteOnHandItemDisplayModel = new OffSiteOnHandItemDisplayModel({\n itemTab: OffSiteOnHandItemTab,\n item: OffSiteOnHandItem,\n views: VIEWS.DELIVERY,\n });\n\n const config = new OnHandConfigModel(\n OffSiteOnHandContextConfig,\n offSiteOnHandItemDisplayModel,\n {\n history,\n location,\n }\n );\n\n return ;\n}\n","import { useContext, useEffect } from \"react\";\nimport { OffSiteContext } from \"../context/OffSiteContext\";\nimport { OffSiteInitDataType } from \"../context/OffSiteContextTypes\";\nimport OffSiteTasksDialog from \"../tasks/dialog/OffSiteTasksDialog\";\nimport styles from \"../tasks/OffSiteTasks.module.css\";\nimport OffSiteTasksCounter from \"../tasks/OffSiteTasksCounter\";\nimport OffSiteTasksNavigator from \"../tasks/OffSiteTasksNavigator\";\nimport OffSiteTasksStart from \"../tasks/OffSiteTasksStart\";\nimport OffSiteTasksUtils from \"../tasks/OffSiteTasksUtils\";\n\nexport default function OffSiteDeliveryTasks() {\n const { offSiteState, loadDeliveryTasks } = useContext(OffSiteContext);\n\n useEffect(() => {\n if (!offSiteState.offSiteTasksByStatusAndIdAndRest) {\n OffSiteTasksUtils.getOffSiteOpenDeliveryTasksDecorated().then(\n (offSiteInitData: OffSiteInitDataType) => {\n return loadDeliveryTasks(offSiteInitData);\n }\n );\n }\n }, [loadDeliveryTasks, offSiteState.offSiteTasksByStatusAndIdAndRest]);\n\n return (\n \n
\n {offSiteState.taskSelectedKey ? : }\n
\n
\n
\n
\n
\n \n \n {destinationRestaurantsList.map(\n (restaurant: AppRestaurant, index: number) => (\n \n {restaurant.data.name}\n \n )\n )}\n \n \n
\n
\n {tasks.map((task: OffSiteTaskType) => {\n const offSiteItemName = task.offSiteItem.data.name;\n const quantity = task.data.quantity;\n const updatedAt = moment(task.data.updatedAt).tz(\"America/New_York\").fromNow();\n const status = task.data.status;\n\n return (\n
\n {offSiteItemName}\n {quantity}\n {updatedAt}\n {status === AppOffSiteTransactionStatuses.COMPLETED ? (\n \n ) : (\n handleItemUpdate(task)}\n size={\"small\"}\n >\n Got it!\n \n )}\n
\n );\n })}\n
\n
\n {name}\n
,\n ];\n}\n","import React from \"react\";\nimport styles from \"../tasks/OffSiteTasks.module.css\";\n\nexport default function OffSiteReceptionTasks() {\n return Reception
;\n}\n","import React from \"react\";\nimport OnHandConfigModel from \"../../on-hand/models/OnHandConfigModel\";\nimport OnHandWrp from \"../../on-hand/OnHandWrp\";\nimport OffSiteOnHandItemDisplayModel from \"../on-hand/OffSiteOnHandItemDisplayModel\";\nimport { VIEWS } from \"../on-hand/OffSiteOnHandItemViews\";\nimport OffSiteOnHandContextConfig from \"../on-hand/OffSiteOnHandContextConfig\";\nimport OffSiteOnHandItem from \"../on-hand/OffSiteOnHandItem\";\nimport OffSiteOnHandItemTab from \"../on-hand/OffSiteOnHandItemTab\";\n\nexport default function OffSiteStocking({ history, location }: { history: any; location: any }) {\n const offSiteOnHandItemDisplayModel = new OffSiteOnHandItemDisplayModel({\n itemTab: OffSiteOnHandItemTab,\n item: OffSiteOnHandItem,\n views: VIEWS.STOCKING,\n });\n\n const config = new OnHandConfigModel(\n OffSiteOnHandContextConfig,\n offSiteOnHandItemDisplayModel,\n {\n history,\n location,\n }\n );\n\n return ;\n}\n","import React from \"react\";\nimport { FiLayers } from \"react-icons/fi\";\n\nexport default function OffSiteStockingMenuItem(name: string) {\n return [\n ,\n \n {name}\n
,\n ];\n}\n","import React from \"react\";\nimport styles from \"../tasks/OffSiteTasks.module.css\";\n\nexport default function OffSiteStockingTasks() {\n return Stocking
;\n}\n","import React from \"react\";\nimport { OffSiteReordersContextProvider } from \"./context/OffSiteReordersContext\";\nimport OffSiteReorders from \"./OffSiteReorders\";\n\nexport default function OffSiteReordersWrp() {\n return (\n \n \n \n );\n}\n","import React from \"react\";\nimport { AiOutlineAlert } from \"react-icons/ai\";\n\nexport default function OffSiteReordersMenuItem(name: string) {\n return [\n ,\n \n {name}\n
,\n ];\n}\n","import React from \"react\";\nimport styles from \"../tasks/OffSiteTasks.module.css\";\n\nexport default function OffSiteReordersTasks() {\n return Reorders
;\n}\n","import { ADMINS, DEVS, OFFICE_USERS, WAREHOUSE_USERS } from \"../../services/AppUserGroupsData\";\nimport { SectionNames } from \"../sections/SectionNames\";\nimport { UserGroupType } from \"./../../services/AppUserGroupsData\";\nimport { ContainerConfig } from \"./../ContainerConfig\";\nimport OffSiteContextProvider from \"./context/OffSiteContext\";\nimport { OffSiteContainerConfig } from \"./OffSiteContainerConfig\";\nimport { OffSiteSection } from \"./OffSiteSection\";\nimport OffSiteTasks from \"./tasks/OffSiteTasks\";\n\nconst offSiteSectionPages: ContainerConfig[] = [\n OffSiteContainerConfig.Delivery,\n OffSiteContainerConfig.Reception,\n OffSiteContainerConfig.Stocking,\n OffSiteContainerConfig.Reorders,\n OffSiteContainerConfig.DataEditor,\n];\n\nconst offSiteSectionAllowedUserGroups: UserGroupType[] = [\n WAREHOUSE_USERS,\n OFFICE_USERS,\n ADMINS,\n DEVS,\n];\n\nconst isOffSiteSectionDisabled = false;\n\nconst offSiteSectionTasksComponent = OffSiteTasks;\n\nconst offSiteSectionWrapperComponent = OffSiteContextProvider;\n\nexport const OffSiteSectionConfig = new OffSiteSection(\n offSiteSectionPages,\n SectionNames.OFF_SITE,\n offSiteSectionAllowedUserGroups,\n isOffSiteSectionDisabled,\n offSiteSectionTasksComponent,\n offSiteSectionWrapperComponent\n);\n","import React from \"react\";\nimport { FaWarehouse } from \"react-icons/fa\";\nimport { DEVS, MANAGERS, UserGroupType } from \"../../services/AppUserGroupsData\";\nimport ContainerBasePaths from \"../ContainerBasePaths\";\nimport { ContainerConfig } from \"../ContainerConfig\";\nimport { Section } from \"../sections/Section\";\nimport { OffSiteContainerConfig } from \"./OffSiteContainerConfig\";\n\nexport class OffSiteSection extends Section {\n renderIcon(disabled: boolean) {\n return ;\n }\n\n renderHeaderIcon() {\n return ;\n }\n\n renderHomeIcon() {\n return ;\n }\n\n getDefaultPath(userGroups: UserGroupType[]) {\n if (userGroups.includes(DEVS)) {\n return OffSiteContainerConfig.DataEditor.url;\n }\n\n if (userGroups.includes(MANAGERS)) {\n return OffSiteContainerConfig.Delivery.url;\n }\n\n console.error(\"Couldn't match the user to any known section pages\", userGroups);\n return super.getDefaultPath(userGroups);\n }\n\n constructor(\n pages: ContainerConfig[],\n name: string,\n allowedGroups: UserGroupType[],\n disabled: boolean,\n tasksComponent: any,\n wrapperContextProvider: any\n ) {\n super(\n pages,\n name,\n allowedGroups,\n disabled,\n ContainerBasePaths.OFF_SITE,\n tasksComponent,\n wrapperContextProvider\n );\n }\n}\n","import React, { useContext, useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { AppContext } from \"../../../context/AppContext\";\n\nexport default function OffSiteTasks() {\n const { appState } = useContext(AppContext);\n const location = useLocation();\n const [currentPage, setCurrentPage] = useState(null as any);\n\n useEffect(() => {\n setCurrentPage(\n appState.section?.pages.find((page) => {\n return window.location.pathname.includes(page?.url);\n })\n );\n }, [location]);\n\n if (!currentPage?.tasksHeaderComponent) {\n return null;\n }\n\n const TasksHeader = currentPage.tasksHeaderComponent;\n\n return ;\n}\n","import OnHandItemTab from \"../../../on-hand/components/item/OnHandItemTab\";\n\nexport default function OnHandOrderItemTab(item, index) {\n const isSelected = (onHandState, name) => {\n let result = false;\n\n if (onHandState?.restaurant?.group?.item?.data?.name === name) {\n result = true;\n }\n\n return result;\n };\n\n return (\n \n );\n}\n","import React, { useContext, useEffect } from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nconst OnHandOrderItemTitle = () => {\n const { onHandState } = useContext(OnHandContext);\n\n useEffect(() => {}, [onHandState.restaurant.group.item]);\n\n const item = onHandState.restaurant.group.item;\n return (\n \n \n {item.onHandUnit?.data?.name} of {item?.data?.name}\n \n
\n );\n};\n\nexport default OnHandOrderItemTitle;\n","import React, { useContext, useEffect } from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport { Button } from \"@material-ui/core\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport OnHandUtils from \"../../../on-hand/OnHandUtils\";\nimport { AppContext } from \"../../../../context/AppContext\";\n// import AppEmailService from \"../../../../services/AppEmailService\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\n\nconst OnHandOrderItemActions = () => {\n const { appState } = useContext(AppContext);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { onHandState, goToPrevItem, goToNextItem, lockSubmission, submitSelectedItem } =\n useContext(OnHandContext);\n\n useEffect(() => {}, [onHandState.restaurant.group.item]);\n\n const handleSubmit = async () => {\n lockSubmission();\n try {\n console.log(\"Not the ideal place, but one place to put on hand check\");\n const inventory = OnHandUtils.buildInventory(appState, onHandState);\n\n // TODO: make this properly...\n // const alertThreshold = onHandState.restaurant.group.item?.data?.alertThreshold;\n // const inventoryQuantity = inventory?.data?.quantity;\n\n // TODO: re-enable this when we actually use alert transactions\n // if (OnHandUtils.isOnHandBelowAlert(alertThreshold, inventoryQuantity)) {\n // const email = {\n // subject: `[Alert][${onHandState.restaurant.data.name}] \"${onHandState.restaurant.group.item.data.name}\" is low`,\n // bodyHTML: `At \"${onHandState.restaurant.group.data.name}\", item \"${onHandState.restaurant.group.item.data.name}\" reached the minimum value of ${onHandState.restaurant.group.item.data.alertThreshold}`,\n // to: [\"orders@ocmdapp.com\"],\n // bcc: [],\n // sentAt: new Date().getTime(),\n // sender: \"orders@ocmdapp.com\",\n // };\n // setGlobalSpinner(true);\n // await AppEmailService.sendEmail(email);\n // setGlobalSpinner(false);\n // console.log(\"Sending email for alert\");\n // }\n await OnHandUtils.handleSubmit(onHandState, submitSelectedItem, inventory);\n } catch (e) {\n throw Error(\"Failed to submit on hand\");\n } finally {\n setGlobalSpinner(false);\n }\n };\n\n const disabledSubmit =\n !onHandState.restaurant.group.item ||\n !onHandState.restaurant.group.item.inventory ||\n onHandState.lockedSubmit;\n\n return (\n \n \n \n Submit\n \n \n
\n );\n};\n\nexport default OnHandOrderItemActions;\n","import React, { useContext, useEffect } from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport OnHandItemMetaData from \"../../../on-hand/components/item/OnHandItemMetaData\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nconst OnHandOrderItemMeta = () => {\n const { onHandState } = useContext(OnHandContext);\n\n useEffect(() => {}, [onHandState.restaurant.group.item]);\n\n const item = onHandState.restaurant.group.item;\n\n if (!(item.inventory && item.inventory.data)) {\n console.info(\"Invalid or missing inventory!\");\n return ;\n }\n\n const {\n inventory: {\n data: { lastUpdatedBy, lastUpdatedAt },\n },\n } = item;\n\n return (\n \n \n
\n );\n};\n\nexport default OnHandOrderItemMeta;\n","import React, { useContext } from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport onHandContentStyles from \"../../../on-hand/components/content/OnHandContent.module.css\";\nimport OnHandOrderItemTitle from \"./OnHandOrderItemTitle\";\nimport OnHandOrderItemActions from \"./OnHandOrderItemActions\";\nimport OnHandOrderItemMeta from \"./OnHandOrderItemMeta\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport OnHandUtils from \"../../../on-hand/OnHandUtils\";\nimport OnHandItemInput from \"../../../on-hand/components/item/OnHandItemInput\";\n\nconst OnHandOrderItem = (group, item) => {\n const { onHandState } = useContext(OnHandContext);\n\n if (!OnHandUtils.isSelectedItem(onHandState, item)) {\n return ;\n }\n\n const key = `on-hand-order-item-${item.data.id}`;\n\n return (\n \n );\n};\n\nexport default OnHandOrderItem;\n","import {\n Order,\n OrderArea,\n OrderUnit,\n OrderVendor,\n OrderInventory,\n OrderInventoryMeta,\n} from \"./../../graphql/API\";\nimport AppDayModel from \"../../components/day/AppDayModel\";\nimport { Model } from \"../../model/Model\";\nimport { ModelConfig } from \"../../model/ModelConfig\";\nimport { ResourceColumnDate } from \"../../resources/columns/ResourceColumnDate\";\nimport { ResourceColumnNumber } from \"../../resources/columns/ResourceColumnNumber\";\nimport { ResourceColumnSelect } from \"../../resources/columns/select/ResourceColumnSelect\";\nimport { ResourceColumnText } from \"../../resources/columns/ResourceColumnText\";\nimport { Resource } from \"../../resources/Resource\";\nimport { DataEditorState } from \"../data-editor/types/DataEditorTypes\";\n\n/* ---------- Order ---------- */\nconst appOrderModel = new Model(\n new ModelConfig(\"Order\", 10000, 500, \"orders\", \"Orders\", \"Order\", \"orderId\", [\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey().setWidth(\"M\"),\n new ResourceColumnSelect(\"orderAreaId\", \"Area\")\n .setVisible()\n .setKey()\n .setSortCallback((a, b) => parseInt(a) - parseInt(b))\n .setWidth(\"L\"),\n new ResourceColumnText(\"name\", \"Name\").setVisible().setEditable().setWidth(\"M\"),\n new ResourceColumnNumber(\"par\", \"par\").setVisible().setEditable().setWidth(\"S\"),\n new ResourceColumnNumber(\"stockLimit\", \"Stock Limit\")\n .setVisible()\n .setEditable()\n .setWidth(\"S\"),\n new ResourceColumnNumber(\"alertThreshold\", \"Alert\")\n .setVisible()\n .setEditable()\n .setWidth(\"S\"),\n new ResourceColumnSelect(\"orderVendorId\", \"from\").setVisible().setEditable().setWidth(\"S\"),\n new ResourceColumnText(\"discount\", \"Discount\").setVisible().setEditable().setWidth(\"S\"),\n new ResourceColumnSelect(\"orderOnHandUnitId\", \"OnHand\")\n .setVisible()\n .setResourceRefKeyAlias(\"orderUnitsId\")\n .setEditable()\n .setWidth(\"S\"),\n new ResourceColumnNumber(\"conversion\", \"conv.\").setVisible().setEditable().setWidth(\"S\"),\n new ResourceColumnSelect(\"orderDeliveryUnitId\", \"Delivered\")\n .setVisible()\n .setResourceRefKeyAlias(\"orderUnitsId\")\n .setEditable()\n .setWidth(\"S\"),\n new ResourceColumnSelect(\"offSiteItemId\", \"Off-Site Item\")\n .setWidth(\"S\")\n .setVisible()\n .setEditable()\n .setHideOnAdd(),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortDirection(\"ASC\", 0)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ])\n);\n\nclass AppOrder extends Resource {\n static getModel(): Model {\n return appOrderModel;\n }\n\n getModel(): Model {\n return appOrderModel;\n }\n\n constructor(data: Order) {\n super(data, appOrderModel);\n }\n}\n\n/* ---------- OrderArea ---------- */\nclass AppOrderAreaModel extends Model {\n refDisplay(data: OrderArea, dataEditorState?: DataEditorState) {\n if (dataEditorState) {\n return super.refChainDisplay(data, dataEditorState, \"restaurantId\");\n }\n return super.refDisplay(data);\n }\n}\n\nconst appOrderAreaModel = new AppOrderAreaModel(\n new ModelConfig(\n \"OrderArea\",\n 1000,\n 200,\n \"orderAreas\",\n \"Orders Areas\",\n \"OrderArea\",\n \"orderAreaId\",\n [\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey(),\n new ResourceColumnSelect(\"restaurantId\", \"Rest.\")\n .setKey()\n .setSortCallback((a, b) => parseInt(a) - parseInt(b))\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"name\", \"Name\").setVisible().setEditable().setWidth(\"M\"),\n new ResourceColumnSelect(\"type\", \"Type\", [\"DRY GOODS\", \"KITCHEN\"])\n .setVisible()\n .setWidth(\"XS\")\n .setEditable()\n .setOptional(),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortDirection(\"ASC\", 0)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ]\n )\n);\n\nclass AppOrderArea extends Resource {\n static getModel(): AppOrderAreaModel {\n return appOrderAreaModel;\n }\n\n getModel(): AppOrderAreaModel {\n return appOrderAreaModel;\n }\n\n constructor(data: OrderArea) {\n super(data, appOrderAreaModel);\n }\n}\n\n/* ---------- OrderUnits ---------- */\nconst appOrderUnitsModel = new Model(\n new ModelConfig(\n \"OrderUnit\",\n 1000,\n 200,\n \"orderUnits\",\n \"Orders Units\",\n \"OrderUnit\",\n \"orderUnitsId\",\n [\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey(),\n new ResourceColumnText(\"name\", \"Name\").setKey().setVisible().setWidth(\"S\"),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortDirection(\"ASC\", 0)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ]\n )\n);\n\nclass AppOrderUnits extends Resource {\n static getModel(): Model {\n return appOrderUnitsModel;\n }\n\n constructor(data: OrderUnit) {\n super(data, appOrderUnitsModel);\n }\n}\n\n/* ---------- OrderVendors ---------- */\nconst appOrderVendorModel = new Model(\n new ModelConfig(\n \"OrderVendor\",\n 1000,\n 200,\n \"orderVendors\",\n \"Orders Vendors\",\n \"OrderVendor\",\n \"orderVendorId\",\n [\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey(),\n new ResourceColumnText(\"name\", \"Name\").setKey().setVisible().setWidth(\"S\"),\n new ResourceColumnText(\"email\", \"Email\").setVisible().setEditable().setWidth(\"M\"),\n new ResourceColumnText(\"emailBcc\", \"BCC\").setVisible().setEditable().setWidth(\"M\"),\n new ResourceColumnNumber(\"isOffSite\", \"Off-Site\")\n .setVisible()\n .setEditable()\n .setWidth(\"XS\"),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortDirection(\"ASC\", 0)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ]\n )\n);\n\nclass AppOrderVendor extends Resource {\n static getModel(): Model {\n return appOrderVendorModel;\n }\n\n getModel(): Model {\n return appOrderVendorModel;\n }\n\n constructor(data: OrderVendor) {\n super(data, appOrderVendorModel);\n }\n}\n\n/* ---------- OrderInventory ---------- */\nclass AppOrderInventoryModel extends Model {\n getFilter(appState: any) {\n return {\n day: { eq: appState.day.data.time || AppDayModel.getTodayUnixTime() },\n };\n }\n}\n\nconst appOrderInventoryModel = new AppOrderInventoryModel(\n new ModelConfig(\n \"OrderInventory\",\n 200000,\n 200,\n \"orderInventories\",\n \"On Hand Today\",\n \"OrderInventory\",\n \"orderInventoryId\",\n [\n new ResourceColumnText(\"orderId\", \"Name\")\n .setVisible()\n .setWidth(\"S\")\n .setKey()\n .setSortDirection(\"ASC\", 0)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnDate(\"day\", \"Day\").setKey(),\n new ResourceColumnNumber(\"quantity\", \"Qty\")\n .setOptional()\n .setVisible()\n .setEditable()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"lastUpdatedBy\", \"By\").setOptional().setVisible().setWidth(\"XS\"),\n new ResourceColumnDate(\"lastUpdatedAt\", \"At\").setOptional().setVisible().setWidth(\"S\"),\n ]\n )\n);\n\nclass AppOrderInventory extends Resource {\n static getModel(): AppOrderInventoryModel {\n return appOrderInventoryModel;\n }\n\n getModel(): AppOrderInventoryModel {\n return appOrderInventoryModel;\n }\n\n constructor(data: OrderInventory) {\n super(data, appOrderInventoryModel);\n }\n}\n\n/* ---------- OrderInventoryMeta ---------- */\nconst appOrderInventoryMetaModel = new Model(\n new ModelConfig(\n \"OrderInventoryMeta\",\n 10000,\n 200,\n \"ordersInventoriesMeta\",\n \"On Hand Records\",\n \"OrderInventoryMeta\",\n \"orderInventoryMetaId\",\n [\n new ResourceColumnDate(\"day\", \"Day\", \"D MMM\")\n .setKey()\n .setSortDirection(\"DESC\", 0)\n .setSortCallback((a, b) => parseInt(b) - parseInt(a))\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnSelect(\"restaurantId\", \"Rest\")\n .setKey()\n .setSortDirection(\"ASC\", 1)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b))\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnSelect(\"status\", \"Status\", [\"UNLOCKED\", \"LOCKED\"])\n .setEditable()\n .setOptional()\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"storageKey\", \"S3 Path\")\n .setEditable()\n .setVisible()\n .setWidth(\"L\"),\n new ResourceColumnText(\"completion\", \"%\").setOptional().setWidth(\"XS\"),\n new ResourceColumnText(\"lastUpdatedBy\", \"By\").setOptional().setWidth(\"XS\"),\n new ResourceColumnDate(\"lastUpdatedAt\", \"At\").setOptional().setWidth(\"S\"),\n ]\n )\n);\n\nclass AppOrderInventoryMeta extends Resource {\n static getModel(): Model {\n return appOrderInventoryMetaModel;\n }\n\n getModel(): Model {\n return appOrderInventoryMetaModel;\n }\n\n constructor(data: OrderInventoryMeta) {\n super(data, appOrderInventoryMetaModel);\n }\n}\n\nexport {\n AppOrder,\n AppOrderArea,\n AppOrderUnits,\n AppOrderVendor,\n AppOrderInventory,\n AppOrderInventoryMeta,\n};\n","import { fetchResources } from \"../../../../resources/ResourcesService\";\nimport AppUtilsService from \"../../../../services/AppUtilsService\";\nimport OnHandItemContext from \"../../../on-hand/context/OnHandItemContext\";\nimport OnHandItemModel from \"../../../on-hand/models/OnHandItemModel\";\nimport { AppOrderUnits, AppOrderVendor } from \"../../OrdersResources\";\n\nconst ID = \"id\";\n\nexport default class OnHandOrderItemContext extends OnHandItemContext {\n async loadDependencies(day, userName, sectionName) {\n let [orderUnits, orderVendors] = await fetchResources([[AppOrderUnits], [AppOrderVendor]]);\n\n this.orderUnitsById = orderUnits.reduce(AppUtilsService.groupDataByItem(ID), {});\n this.orderVendorsById = orderVendors.reduce(AppUtilsService.groupDataByItem(ID), {});\n const inventories = await this.generator.loadInventories(\n this.rawRestaurants,\n this.rawItems,\n day,\n userName,\n sectionName\n );\n this.orderInventoriesById = inventories.reduce(\n AppUtilsService.groupDataByItem(this.resourceRefKey),\n {}\n );\n }\n\n decorate(item) {\n const {\n data: { id, orderOnHandUnitId, orderDeliveryUnitId, orderVendorId },\n } = item;\n\n const inventory = this.orderInventoriesById[id];\n const onHandUnit = this.orderUnitsById[orderOnHandUnitId];\n const deliveryUnit = this.orderUnitsById[orderDeliveryUnitId];\n const vendor = this.orderVendorsById[orderVendorId];\n\n return new OnHandItemModel(item, {\n inventory,\n onHandUnit,\n deliveryUnit,\n vendor,\n });\n }\n\n constructor(resource, inventoryResource, inventoryMetaResource, groupResource, utils) {\n super(resource, inventoryResource, inventoryMetaResource, groupResource, utils);\n\n // data dependencies\n this.orderUnitsById = {};\n this.orderVendorsById = {};\n this.orderInventoriesById = {};\n }\n}\n","import OnHandOrderItemContext from \"./OnHandOrderItemContext\";\nimport {\n AppOrder,\n AppOrderArea,\n AppOrderInventory,\n AppOrderInventoryMeta,\n} from \"../../OrdersResources\";\n\nconst extractItemName = (item) => item.data?.name;\n\n// this instance is re-used => is kept separated\nconst OnHandOrdersContextConfig = new OnHandOrderItemContext(\n AppOrder,\n AppOrderInventory,\n AppOrderInventoryMeta,\n AppOrderArea,\n { extractItemName }\n);\n\nexport default OnHandOrdersContextConfig;\n","import React from \"react\";\nimport OnHandConfigModel from \"../../on-hand/models/OnHandConfigModel\";\nimport OnHandWrp from \"../../on-hand/OnHandWrp\";\nimport OnHandOrderItemTab from \"./display/OnHandOrderItemTab\";\nimport OnHandOrderItem from \"./display/OnHandOrderItem\";\nimport OnHandItemDisplayModel from \"../../on-hand/models/OnHandItemDisplayModel\";\nimport OnHandOrdersContextConfig from \"./context/OnHandOrdersContextConfig\";\n\nconst OnHandOrders = ({ history, location }) => {\n const config = new OnHandConfigModel(\n OnHandOrdersContextConfig,\n new OnHandItemDisplayModel(OnHandOrderItemTab, OnHandOrderItem),\n { history, location }\n );\n\n return {console.info(\"RENDER: OnHand Orders\")};\n};\n\nexport default OnHandOrders;\n","import React from \"react\";\nimport { FaTasks } from \"react-icons/fa\";\n\nconst OnHandOrdersMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default OnHandOrdersMenuItem;\n","import React from \"react\";\nimport { FaTruck } from \"react-icons/fa\";\n\nconst DeliveryOrdersMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default DeliveryOrdersMenuItem;\n","import React, { useContext } from \"react\";\n\nimport { AppRestaurant } from \"../../admin/AdminResources\";\nimport DataEditor from \"../../data-editor/DataEditor\";\nimport { DataEditorProvider } from \"../../data-editor/context/DataEditorContext\";\nimport { DataEditorResource } from \"../../data-editor/types/DataEditorTypes\";\nimport { AppOffSiteArea, AppOffSiteItem, AppOffSiteUnit } from \"../../off-site/OffSiteResources\";\nimport {\n AppOrder,\n AppOrderArea,\n AppOrderInventory,\n AppOrderInventoryMeta,\n AppOrderUnits,\n AppOrderVendor,\n} from \"../OrdersResources\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppUserGroups from \"../../../services/AppUserGroups\";\n\nconst DataEditorOrders = (props: any) => {\n const { appState } = useContext(AppContext);\n const { history, location } = props;\n\n let resources: DataEditorResource[];\n\n const adminResources = [\n new DataEditorResource(AppOrder, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderArea, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderUnits, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderVendor, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderInventory, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderInventoryMeta, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOffSiteItem, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOffSiteArea, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOffSiteUnit, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppRestaurant, { isVisibleInDataEditor: false }),\n ];\n\n const nonAdminResources: DataEditorResource[] = [\n new DataEditorResource(AppOrder, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderVendor, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppOrderUnits, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOrderArea, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOrderUnits, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOffSiteItem, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOffSiteArea, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppOffSiteUnit, { isVisibleInDataEditor: false }),\n new DataEditorResource(AppRestaurant, { isVisibleInDataEditor: false }),\n ];\n\n if (AppUserGroups.hasDataEditorAdminAccess(appState.user.groups)) {\n resources = adminResources;\n } else {\n resources = nonAdminResources;\n }\n\n return (\n \n \n \n );\n};\n\nexport default DataEditorOrders;\n","import React from \"react\";\nimport { FiEdit } from \"react-icons/fi\";\n\nconst DataEditorOrdersMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default DataEditorOrdersMenuItem;\n","const OPEN_EMAIL_DIALOG = \"OPEN_EMAIL_DIALOG\";\nconst CLOSE_EMAIL_DIALOG = \"CLOSE_EMAIL_DIALOG\";\nconst LOAD_DATA = \"LOAD_DATA\";\nconst CHANGE_RESTAURANT = \"CHANGE_RESTAURANT\";\nconst SEND_EMAIL = \"SEND_EMAIL\";\nconst CHANGE_VENDOR = \"CHANGE_VENDOR\";\nconst SELECT_PREV_EMAIL_VENDOR = \"SELECT_PREV_EMAIL_VENDOR\";\nconst SELECT_NEXT_EMAIL_VENDOR = \"SELECT_NEXT_EMAIL_VENDOR\";\nconst UPDATE_EMAIL_VENDOR_NOTES = \"UPDATE_EMAIL_VENDOR_NOTES\";\nconst UPDATE_DELIVERY_ORDER = \"UPDATE_DELIVERY_ORDER\";\nconst SELECT_EMAIL_VENDOR_ORDERS = \"SELECT_EMAIL_VENDOR_ORDERS\";\nconst UPDATE_EMAIL_VENDOR_ORDERS = \"UPDATE_EMAIL_VENDOR_ORDERS\";\nconst ADD_NEW_VENDOR = \"ADD_NEW_VENDOR\";\nconst ENABLE_ADD_NEW_VENDOR = \"ENABLE_ADD_NEW_VENDOR\";\n\nexport {\n LOAD_DATA,\n OPEN_EMAIL_DIALOG,\n CLOSE_EMAIL_DIALOG,\n CHANGE_RESTAURANT,\n SEND_EMAIL,\n CHANGE_VENDOR,\n SELECT_PREV_EMAIL_VENDOR,\n SELECT_NEXT_EMAIL_VENDOR,\n UPDATE_EMAIL_VENDOR_NOTES,\n UPDATE_DELIVERY_ORDER,\n SELECT_EMAIL_VENDOR_ORDERS,\n UPDATE_EMAIL_VENDOR_ORDERS,\n ADD_NEW_VENDOR,\n ENABLE_ADD_NEW_VENDOR,\n};\n","import { seriesPromises } from \"../../../resources/ResourcesService\";\nimport {\n AppOffSiteTransaction,\n AppOffSiteTransactionStatuses,\n AppOffSiteTransactionTypes,\n} from \"../../off-site/OffSiteResources\";\n\nfunction extractInventoryQty(order) {\n if (typeof order?.inventory?.data?.quantity !== \"number\") {\n return null;\n }\n return order?.inventory?.data?.quantity || 0;\n}\n\nfunction extractConversion(order) {\n const onHandUnitName = order.onHandUnit?.data?.name;\n const deliveryUnitName = order.deliveryUnit.data.name;\n return onHandUnitName === deliveryUnitName ? 1 : order.data.conversion;\n}\n\nfunction extractDeliveryQty(order) {\n if (typeof order.editedQuantity === \"number\") {\n return order.editedQuantity;\n }\n const inventoryQty = extractInventoryQty(order);\n if (inventoryQty === null) {\n return null;\n }\n const conversion = extractConversion(order);\n return Math.ceil((order.data.par - inventoryQty) / conversion);\n}\n\nfunction extractOrderName(order) {\n return order?.data?.name;\n}\n\nfunction extractDeliveryUnitName(order) {\n return order?.deliveryUnit?.data?.name || \"No data\";\n}\n\nfunction isValidState({ restaurant }) {\n return restaurant?.displayVendor?.data?.name;\n}\n\nfunction filterForValidDelivery(order) {\n const inventoryQty = extractInventoryQty(order);\n const deliveryQuantity = extractDeliveryQty(order);\n\n return inventoryQty !== null && deliveryQuantity > 0;\n}\n\nfunction filterOutAllVendorsOption({ data: { id } }) {\n return id !== -1;\n}\n\nfunction findIndexOfSelectedVendor(vendors, selected) {\n return vendors.findIndex((vendor) => vendor?.data?.id === selected?.data?.id);\n}\n\nfunction clearVendorSelection(vendors) {\n return vendors.map((vendor) => {\n vendor.isSelected = false;\n return vendor;\n });\n}\n\nfunction findSelectedVendor(vendors) {\n if (!Array.isArray(vendors)) {\n return;\n }\n\n const selectedVendors = vendors.filter(({ isSelected }) => isSelected);\n if (selectedVendors.length > 1) {\n DeliveryOrdersUtils.clearVendorSelection(vendors);\n return null;\n }\n if (selectedVendors.length === 1) {\n return selectedVendors[0];\n }\n return null;\n}\n\nfunction extractDeliveryDisplay(order) {\n return `${extractDeliveryQty(order)} ${extractDeliveryUnitName(order)}`;\n}\n\nfunction getOrderQuantity(order) {\n return typeof order.editedQuantity === \"number\" ? order.editedQuantity : order.deliveryQuantity;\n}\n\nasync function createOrdersOffSiteTransactions(userName, restaurant, vendor, orders) {\n const transactionsData = orders\n .map((order) => buildOrderOffSiteTransaction(userName, restaurant, vendor, order))\n .filter((x) => x);\n const transactionCreationPromises = transactionsData.map((transactionData) =>\n AppOffSiteTransaction.getModel().api.create(transactionData)\n );\n\n try {\n await seriesPromises(transactionCreationPromises);\n\n console.log(\"Created transactions!\");\n } catch (e) {\n throw new Error(`Failed to create transactions! ${e.message}`);\n }\n}\n\nfunction buildOrderOffSiteTransaction(userName, restaurant, vendor, order) {\n if (!order?.data?.offSiteItemId || !restaurant?.data?.id) {\n return null;\n }\n\n return {\n offSiteItemId: order?.data?.offSiteItemId,\n type: AppOffSiteTransactionTypes.DELIVERY,\n status: AppOffSiteTransactionStatuses.PENDING,\n restaurantId: restaurant?.data?.id,\n quantity: getOrderQuantity(order),\n createdBy: userName,\n };\n}\n\nfunction isNonEmptyOrder({ editedQuantity, deliveryQuantity }) {\n return typeof editedQuantity === \"number\" ? editedQuantity > 0 : deliveryQuantity > 0;\n}\n\nfunction extractOrders(vendor) {\n if (!Array.isArray(vendor.deliveryOrders) || !Array.isArray(vendor.addedOrders)) {\n console.error(\"invalid vendor\");\n return [];\n }\n return [...vendor.deliveryOrders, ...vendor.addedOrders];\n}\n\nfunction extractNonEmptyOrders(vendor) {\n return extractOrders(vendor).filter(isNonEmptyOrder);\n}\n\nfunction sortOrders(a, b) {\n return a?.data?.name.localeCompare(b?.data?.name);\n}\n\nfunction isOffSiteVendor(vendor) {\n return vendor?.data?.isOffSite === 1;\n}\n\nfunction filterDeliveryOrders(emailVendor, order) {\n // filter out those that are already in emailVendor.deliveryOrders or emailVendor.addedOrders\n const isInDeliveryOrders = emailVendor.deliveryOrders.find(\n (deliveryOrder) => deliveryOrder.data.id === order.data.id\n );\n const isInAddedOrders = emailVendor.addedOrders.find(\n (addedOrder) => addedOrder.data.id === order.data.id\n );\n return !isInDeliveryOrders && !isInAddedOrders;\n}\n\nfunction getOrdersThatCanBeAdded(emailVendor) {\n return emailVendor.orders\n .sort((a, b) => a.data.name.localeCompare(b.data.name))\n .filter((order) => filterDeliveryOrders(emailVendor, order));\n}\n\nconst DeliveryOrdersUtils = {\n extractInventoryQty,\n extractOrderName,\n extractDeliveryQty,\n extractDeliveryUnitName,\n extractConversion,\n isValidState,\n filterForValidDelivery,\n filterOutAllVendorsOption,\n findIndexOfSelectedVendor,\n clearVendorSelection,\n findSelectedVendor,\n extractDeliveryDisplay,\n getOrderQuantity,\n createOrdersOffSiteTransactions,\n isNonEmptyOrder,\n extractOrders,\n extractNonEmptyOrders,\n sortOrders,\n isOffSiteVendor,\n getOrdersThatCanBeAdded,\n};\n\nexport default DeliveryOrdersUtils;\n","const ALL_VENDOR = {\n data: {\n id: -1,\n name: \"All\",\n order: -1,\n },\n orders: [],\n deliveryOrders: [],\n isAllVendor(vendor) {\n return vendor?.data?.id === -1;\n },\n};\n\nconst ADD_NEW_VENDOR_INDICATOR = \"ADD_NEW_VENDOR_INDICATOR\";\n\nexport { ALL_VENDOR, ADD_NEW_VENDOR_INDICATOR };\n","import AppDayModel from \"../../../../components/day/AppDayModel\";\nimport AppEmailService from \"../../../../services/AppEmailService\";\nimport AppEmail from \"../../../../types/AppEmail\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\n\nclass DeliveryOrdersEmail extends AppEmail {\n static getEmailSubject(vendor, restaurantName, day) {\n const vendorName = vendor?.data?.name;\n const dayDisplay = AppDayModel.getTimeDisplay(day.data.time, \"ddd, MMM Do\");\n return `${restaurantName} Order to ${vendorName} [${dayDisplay}]`;\n }\n\n static getEmailSubjectPreview(vendor, restaurantName, day) {\n return DeliveryOrdersEmail.getEmailSubject(vendor, restaurantName, day);\n }\n\n static getHTMLPreview(vendor) {\n const {\n notes,\n deliveryOrders,\n addedOrders,\n data: { name },\n } = vendor;\n const cellStyle = \"padding: 4px 8px\";\n\n const buildRow = (name, deliveryDisplay) => {\n const buildCell = (data) => {\n return `\n ${data} | \n `;\n };\n\n return `\n \n ${buildCell(name)}\n ${buildCell(deliveryDisplay)}\n
\n `;\n };\n\n // TODO: persist the orders that need delivery first time they are computed (use flag)\n const body = DeliveryOrdersUtils.extractNonEmptyOrders(vendor)\n .sort(DeliveryOrdersUtils.sortOrders)\n .map((order) => {\n const orderName = order.data.name;\n const orderDeliveryDisplay = DeliveryOrdersUtils.extractDeliveryDisplay(order);\n return buildRow(orderName, orderDeliveryDisplay);\n })\n .reduce((a, c) => (a += c), \"\");\n\n return `\n \n \n \n
\n Notes to ${name}\n
\n
${notes}
\n
\n \n \n Item | \n Delivery | \n
\n ${body}\n
\n
\n \n \n `;\n }\n\n async send(userName, restaurant, vendor) {\n const to = vendor?.data?.email;\n if (!to) {\n alert(\"Missing delivery address!\");\n return;\n }\n // subject is already defined\n this.to = to.split(/,| /).filter(AppEmailService.validateEmail);\n // TODO: insert input validation in Data Editor\n const bcc =\n vendor?.data?.emailBcc?.split(/,| /).filter(AppEmailService.validateEmail) || [];\n // TODO: insert input validation in Data Editor\n this.bcc = [\"orders@ocmdapp.com\", ...bcc];\n this.sentAt = new Date().getTime();\n this.sender = \"orders@ocmdapp.com\";\n this.bodyHTML = DeliveryOrdersEmail.getHTMLPreview(vendor);\n\n let response;\n\n try {\n response = await AppEmailService.sendEmail(this);\n vendor.emailSent = true;\n response = JSON.parse(response);\n if (response.code !== 200) {\n throw Error(response.body);\n }\n\n // create transactions for off-site locations\n // TODO: make sure all items are requested accordingly\n // TODO: move the request to create all transactions inside a lambda\n if (DeliveryOrdersUtils.isOffSiteVendor(vendor)) {\n await DeliveryOrdersUtils.createOrdersOffSiteTransactions(\n userName,\n restaurant,\n vendor,\n DeliveryOrdersUtils.extractNonEmptyOrders(vendor)\n );\n }\n } catch (e) {\n console.log(\"Error from sending email: \", JSON.stringify(e, null, 2));\n alert(\"Email sending failed!\");\n }\n\n return response;\n }\n}\n\nexport { DeliveryOrdersEmail };\n","class AppEmail {\n subject = \"\";\n bodyHTML = \"\";\n to = null;\n bcc = null;\n sentAt = -1;\n replyTo = \"\";\n\n constructor(sender) {\n if (typeof sender !== \"string\") {\n throw Error(\"Invalid sender!\");\n }\n\n this.sender = sender;\n }\n}\n\nexport default AppEmail;\n","import { fetchResources, readSectionS3Files } from \"../../../../resources/ResourcesService\";\n\nimport AppUserGroups from \"../../../../services/AppUserGroups\";\nimport AppUtilsService from \"../../../../services/AppUtilsService\";\nimport { AppRestaurant } from \"../../../admin/AdminResources\";\nimport {\n AppOrder,\n AppOrderArea,\n AppOrderInventoryMeta,\n AppOrderUnits,\n AppOrderVendor,\n} from \"../../OrdersResources\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\nimport { ALL_VENDOR } from \"../DeliveryOrdersValues\";\nimport { DeliveryOrdersEmail } from \"../email/DeliveryOrdersEmail\";\n\n// TODO: move this to lambda\nexport default async function DeliveryOrdersResolver(userGroups, day) {\n const [appRestaurants] = await fetchResources([[AppRestaurant]]);\n let { restaurants, restaurantFilter } = AppUserGroups.getUserRestaurantWithFilter(\n appRestaurants,\n userGroups\n );\n const dayFilter = { day: { eq: day.data.time } };\n\n // GET DATA\n let [orders, orderAreas, orderUnits, orderVendors, orderInventoriesMeta] = await fetchResources(\n [\n [AppOrder],\n [AppOrderArea, restaurantFilter],\n [AppOrderUnits],\n [AppOrderVendor],\n [AppOrderInventoryMeta, dayFilter],\n ]\n );\n\n const orderInventoriesMetaStorageKeys = orderInventoriesMeta\n .map((oim) => oim.data?.storageKey)\n .filter((x) => x);\n let orderInventories = await readSectionS3Files(\n orderInventoriesMetaStorageKeys,\n AppOrderInventoryMeta\n );\n\n const orderUnitsById = orderUnits.reduce(AppUtilsService.groupDataByItem(\"id\"), {});\n\n const orderVendorsById = orderVendors.reduce(AppUtilsService.groupDataByItem(\"id\"), {});\n\n const orderInventoriesByOrderId = orderInventories.reduce(\n AppUtilsService.groupDataByItem(\"orderId\"),\n {}\n );\n\n const ordersByAreaId = orders.reduce((acc, order) => {\n acc[order.data.orderAreaId] = acc[order.data.orderAreaId] || [];\n order.onHandUnit = orderUnitsById[order.data.orderOnHandUnitId];\n order.deliveryUnit = orderUnitsById[order.data.orderDeliveryUnitId];\n order.vendor = orderVendorsById[order.data.orderVendorId];\n order.inventory = orderInventoriesByOrderId[order.data.id];\n order.deliveryQuantity = DeliveryOrdersUtils.extractDeliveryQty(order);\n acc[order.data.orderAreaId].push(order);\n return acc;\n }, {});\n\n const orderAreasByRestId = orderAreas.reduce((acc, orderArea) => {\n acc[orderArea.data.restaurantId] = acc[orderArea.data.restaurantId] || [];\n orderArea.orders = ordersByAreaId[orderArea.data.id] || [];\n acc[orderArea.data.restaurantId].push(orderArea);\n return acc;\n }, {});\n\n const restaurantsById = Object.values(restaurants)\n .filter((restaurant) => orderAreasByRestId[restaurant.data.id])\n .reduce((acc, restaurant) => {\n const restaurantAreas = orderAreasByRestId[restaurant.data.id];\n const restaurantOrders = restaurantAreas.reduce((acc, area) => {\n acc = acc.concat(area.orders);\n return acc;\n }, []);\n const restaurantOrdersByVendorId = restaurantOrders.reduce(\n AppUtilsService.groupDataByList(\"orderVendorId\"),\n {}\n );\n\n restaurant.vendors = Object.keys(restaurantOrdersByVendorId).map((orderVendorId) => {\n const vendor = Object.assign({}, orderVendorsById[orderVendorId]);\n vendor.email = new DeliveryOrdersEmail(\"orders@ocmdapp.com\");\n vendor.email.subject = DeliveryOrdersEmail.getEmailSubject(\n vendor,\n restaurant.data.name,\n day\n );\n vendor.notes = \"\";\n vendor.orders = restaurantOrdersByVendorId[orderVendorId].sort((a, b) =>\n a?.data?.name.localeCompare(b?.data?.name)\n );\n // TODO: filter the orders that need delivery\n vendor.deliveryOrders = vendor.orders\n .filter((order) => order.deliveryQuantity > 0)\n .sort((a, b) => a?.data?.name.localeCompare(b?.data?.name));\n vendor.addedOrders = [];\n return vendor;\n });\n restaurant.allVendor = ALL_VENDOR;\n restaurant.displayVendor = restaurant.allVendor;\n restaurant.deliveryVendors = restaurant.vendors.filter(\n ({ deliveryOrders }) => deliveryOrders?.length > 0\n );\n restaurant.nonDeliveryVendors = restaurant.vendors.filter(\n ({ deliveryOrders }) => deliveryOrders?.length === 0\n );\n restaurant.deliveryVendor = restaurant.deliveryVendors[0];\n\n acc[restaurant.data.id] = restaurant;\n return acc;\n }, {});\n //\n return restaurantsById;\n}\n","import React, { createContext, useCallback, useContext, useEffect, useReducer } from \"react\";\nimport {\n LOAD_DATA,\n OPEN_EMAIL_DIALOG,\n CLOSE_EMAIL_DIALOG,\n CHANGE_RESTAURANT,\n SEND_EMAIL,\n CHANGE_VENDOR as CHANGE_DISPLAY_VENDOR,\n SELECT_NEXT_EMAIL_VENDOR,\n SELECT_PREV_EMAIL_VENDOR,\n UPDATE_EMAIL_VENDOR_NOTES,\n UPDATE_DELIVERY_ORDER,\n SELECT_EMAIL_VENDOR_ORDERS,\n UPDATE_EMAIL_VENDOR_ORDERS,\n ADD_NEW_VENDOR,\n ENABLE_ADD_NEW_VENDOR,\n} from \"./DeliveryOrdersContextActions\";\nimport DeliveryOrdersResolver from \"./DeliveryOrdersResolver\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport AppContextValidator from \"../../../../context/AppContextValidator\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { ADD_NEW_VENDOR_INDICATOR, ALL_VENDOR } from \"../DeliveryOrdersValues\";\nimport { getEmailVendorByPosition } from \"./DeliveryOrdersContextService\";\n\nconst DeliveryOrdersContext = createContext({});\n\nconst initDeliveryOrders = {\n restaurants: null,\n restaurant: null,\n isEmailDialogOpened: false,\n};\n\n// bring logic to this level if you need current state\nconst reducer = (state, action) => {\n if (action.type === SEND_EMAIL) {\n // mark the current vendor as \"sent\"\n state.restaurant.emailVendor = action.payload.vendor;\n // go to next vendor\n action.type = SELECT_NEXT_EMAIL_VENDOR;\n }\n\n if (action.type === CHANGE_DISPLAY_VENDOR) {\n state.restaurant.displayVendor = action.payload.vendor;\n // do not change delivery vendor if it's \"all\" vendor\n if (state.restaurant.displayVendor?.data?.id !== ALL_VENDOR.data.id) {\n state.restaurant.deliveryVendor = action.payload.vendor;\n }\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === SELECT_PREV_EMAIL_VENDOR) {\n if (state.restaurant.emailVendor === ADD_NEW_VENDOR_INDICATOR) {\n if (state.restaurant.deliveryVendors.length === 0) {\n return null;\n }\n state.restaurant.emailVendor =\n state.restaurant.deliveryVendors[state.restaurant.deliveryVendors.length - 1];\n } else {\n const currentDeliveryVendorIndex = state.restaurant.deliveryVendors.findIndex(\n (vendor) => vendor.data.id === state.restaurant.emailVendor?.data?.id\n );\n if (currentDeliveryVendorIndex === 0) {\n state.restaurant.emailVendor = ADD_NEW_VENDOR_INDICATOR;\n } else {\n state.restaurant.emailVendor = getEmailVendorByPosition(state.restaurant, -1);\n }\n }\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === SELECT_NEXT_EMAIL_VENDOR) {\n const currentDeliveryVendorIndex = state.restaurant.deliveryVendors.findIndex(\n (vendor) => vendor.data.id === state.restaurant.emailVendor?.data?.id\n );\n const currentVendorIsTheLastOne =\n currentDeliveryVendorIndex === state.restaurant.deliveryVendors.length - 1;\n\n if (currentVendorIsTheLastOne) {\n state.restaurant.emailVendor = ADD_NEW_VENDOR_INDICATOR;\n } else {\n state.restaurant.emailVendor =\n state.restaurant.deliveryVendors[currentDeliveryVendorIndex + 1];\n }\n\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === UPDATE_EMAIL_VENDOR_NOTES) {\n state.restaurant.emailVendor.notes = action.payload.notes;\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === UPDATE_DELIVERY_ORDER) {\n const findOrder = (order) => {\n return order.data.id === action.payload?.order?.data?.id;\n };\n\n const deliveryOrderIndex = state.restaurant.emailVendor.deliveryOrders.findIndex(findOrder);\n const addedOrderIndex = state.restaurant.emailVendor.addedOrders.findIndex(findOrder);\n\n if (deliveryOrderIndex !== -1) {\n state.restaurant.emailVendor.deliveryOrders[deliveryOrderIndex].editedQuantity =\n action.payload.quantity;\n } else if (addedOrderIndex !== -1) {\n state.restaurant.emailVendor.addedOrders[addedOrderIndex].editedQuantity =\n action.payload.quantity;\n }\n\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === SELECT_EMAIL_VENDOR_ORDERS) {\n state.restaurant.emailVendor.selectedOrderToBeAdded = action.payload.order;\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === UPDATE_EMAIL_VENDOR_ORDERS) {\n state.restaurant.emailVendor.addedOrders.push(\n state.restaurant.emailVendor.selectedOrderToBeAdded\n );\n state.restaurant.emailVendor.selectedOrderToBeAdded = null;\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === ADD_NEW_VENDOR) {\n if (!action.payload?.vendor?.data?.id) {\n return null;\n }\n\n // find the new vendor in the vendors list\n const nonDeliveryVendorIndex = state.restaurant.nonDeliveryVendors.findIndex(\n (vendor) => vendor?.data?.id === action.payload.vendor?.data?.id\n );\n if (nonDeliveryVendorIndex === -1) {\n return null;\n }\n\n // move the vendor from the delivery to the nonDelivery list\n const vendor = state.restaurant.nonDeliveryVendors[nonDeliveryVendorIndex];\n state.restaurant.deliveryVendors.push(vendor);\n state.restaurant.nonDeliveryVendors = state.restaurant.nonDeliveryVendors.filter(\n (vendor) => vendor?.data?.id !== action.payload.vendor?.data?.id\n );\n state.restaurant.emailVendor = vendor;\n\n return { ...state, restaurant: state.restaurant };\n }\n\n if (action.type === ENABLE_ADD_NEW_VENDOR) {\n state.restaurant.emailVendor = ADD_NEW_VENDOR_INDICATOR;\n return { ...state, restaurant: state.restaurant };\n }\n\n return { ...state, ...action.payload };\n};\n\nconst DeliveryOrdersProvider = ({ children }) => {\n const { appState } = useContext(AppContext);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const [deliveryOrders, dispatch] = useReducer(reducer, Object.assign({}, initDeliveryOrders));\n\n // TODO: move all logic from \"API\" to Actions\n const loadDataWrp = useCallback(\n async (userGroups, day, setGlobalSpinner) => {\n setGlobalSpinner(true);\n\n const restaurants = await DeliveryOrdersResolver(userGroups, day);\n const restaurant = Object.values(restaurants)[0];\n const isEmailDialogOpened = false;\n\n const disabledPrint = !restaurant.deliveryVendor?.orders?.some(\n (order) => typeof order?.inventory?.data?.quantity === \"number\"\n );\n\n setGlobalSpinner(false);\n\n return dispatch({\n type: LOAD_DATA,\n payload: { restaurants, restaurant, disabledPrint, isEmailDialogOpened },\n });\n },\n [dispatch]\n );\n\n const openEmailDialogWrp = useCallback(\n (restaurant) => {\n restaurant.emailVendor = restaurant.emailVendor || restaurant.deliveryVendors[0];\n return dispatch({ type: OPEN_EMAIL_DIALOG, payload: { isEmailDialogOpened: true } });\n },\n [dispatch]\n );\n\n const closeEmailDialogWrp = useCallback(() => {\n return dispatch({ type: CLOSE_EMAIL_DIALOG, payload: { isEmailDialogOpened: false } });\n }, [dispatch]);\n\n const changeRestaurantWrp = useCallback(\n // TODO: verify is valid restaurant\n (restaurant) => {\n restaurant.displayVendor = restaurant.allVendor;\n return dispatch({ type: CHANGE_RESTAURANT, payload: { restaurant } });\n },\n [dispatch]\n );\n\n const sendEmailWrp = useCallback(\n async (vendor, restaurant, setGlobalSpinner) => {\n try {\n setGlobalSpinner(true);\n await vendor.email.send(appState.user.name, restaurant, vendor);\n vendor.emailSent = true;\n } catch (e) {\n throw Error(e);\n } finally {\n setGlobalSpinner(false);\n }\n return dispatch({ type: SEND_EMAIL, payload: { vendor } });\n },\n [dispatch]\n );\n\n const changeDisplayVendorWrp = useCallback(\n (vendor) => {\n return dispatch({ type: CHANGE_DISPLAY_VENDOR, payload: { vendor } });\n },\n [dispatch]\n );\n\n const selectPrevEmailVendorWrp = useCallback(() => {\n return dispatch({ type: SELECT_PREV_EMAIL_VENDOR, payload: {} });\n }, [dispatch]);\n\n const selectNextEmailVendorWrp = useCallback(() => {\n return dispatch({ type: SELECT_NEXT_EMAIL_VENDOR, payload: {} });\n }, [dispatch]);\n\n const updateEmailVendorNotesWrp = useCallback(\n (notes) => {\n return dispatch({ type: UPDATE_EMAIL_VENDOR_NOTES, payload: { notes } });\n },\n [dispatch]\n );\n\n const updateDeliveryOrderWrp = useCallback(\n (order, quantity) => {\n return dispatch({ type: UPDATE_DELIVERY_ORDER, payload: { order, quantity } });\n },\n [dispatch]\n );\n\n const selectEmailVendorOrdersWrp = useCallback(\n (order) => {\n return dispatch({ type: SELECT_EMAIL_VENDOR_ORDERS, payload: { order } });\n },\n [dispatch]\n );\n\n const updateEmailVendorOrdersWrp = useCallback(() => {\n return dispatch({ type: UPDATE_EMAIL_VENDOR_ORDERS, payload: {} });\n }, [dispatch]);\n\n const addNewVendorWrp = useCallback(\n (vendor) => {\n return dispatch({ type: ADD_NEW_VENDOR, payload: { vendor } });\n },\n [dispatch]\n );\n\n const enableAddNewVendorWrp = useCallback(() => {\n return dispatch({ type: ENABLE_ADD_NEW_VENDOR, payload: {} });\n }, [dispatch]);\n\n useEffect(() => {\n if (AppContextValidator.isValid(appState)) {\n loadDataWrp(appState.user.groups, appState.day, setGlobalSpinner);\n }\n }, [appState.day, appState.user]);\n\n const value = {\n deliveryOrders,\n openEmailDialog: openEmailDialogWrp,\n closeEmailDialog: closeEmailDialogWrp,\n loadData: loadDataWrp,\n changeRestaurant: changeRestaurantWrp,\n sendEmail: sendEmailWrp,\n changeDisplayVendor: changeDisplayVendorWrp,\n selectPrevEmailVendor: selectPrevEmailVendorWrp,\n selectNextEmailVendor: selectNextEmailVendorWrp,\n updateEmailVendorNotes: updateEmailVendorNotesWrp,\n updateDeliveryOrder: updateDeliveryOrderWrp,\n selectEmailVendorOrders: selectEmailVendorOrdersWrp,\n updateEmailVendorOrders: updateEmailVendorOrdersWrp,\n addNewVendor: addNewVendorWrp,\n enableAddNewVendor: enableAddNewVendorWrp,\n };\n\n return (\n {children}\n );\n};\n\nexport { DeliveryOrdersContext, DeliveryOrdersProvider };\n","function getEmailVendorByPosition(restaurant, position) {\n const currentEmailVendorIndex = restaurant.deliveryVendors.findIndex((vendor) => {\n return vendor.data?.id === restaurant.emailVendor?.data?.id;\n });\n\n if (currentEmailVendorIndex === -1) {\n return null;\n }\n\n if (!Array.isArray(restaurant.deliveryVendors)) {\n return null;\n }\n\n return restaurant.deliveryVendors[\n (currentEmailVendorIndex + position) % restaurant.deliveryVendors.length\n ];\n}\n\nexport { getEmailVendorByPosition };\n","import React, { useContext } from \"react\";\nimport Select from \"@material-ui/core/Select\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\n\nconst DeliveryOrdersRestaurantSelector = () => {\n const { deliveryOrders, changeRestaurant } = useContext(DeliveryOrdersContext);\n\n if (!DeliveryOrdersUtils.isValidState(deliveryOrders)) {\n return null;\n }\n\n const handleRestaurantChange = (event) => {\n return changeRestaurant(event?.target?.value);\n };\n\n return (\n \n \n {Object.values(deliveryOrders.restaurants).map((restaurant, index) => (\n \n ))}\n \n \n );\n};\n\nexport default DeliveryOrdersRestaurantSelector;\n","import React, { useContext } from \"react\";\nimport Select from \"@material-ui/core/Select\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport { DeliveryOrdersContext } from \"../../context/DeliveryOrdersContext\";\n\nconst DeliveryOrdersVendorSelector = () => {\n const { deliveryOrders, changeDisplayVendor } = useContext(DeliveryOrdersContext);\n const allVendors = [deliveryOrders.restaurant.allVendor, ...deliveryOrders.restaurant.vendors];\n\n return (\n \n changeDisplayVendor(event.target.value)}\n >\n {allVendors.map((vendor, index) => {\n return (\n \n );\n })}\n \n \n );\n};\n\nexport default DeliveryOrdersVendorSelector;\n","import { Button } from \"@material-ui/core\";\nimport React, { useContext } from \"react\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\n\nexport default function DeliveryOrdersActions() {\n const { deliveryOrders, openEmailDialog } = useContext(DeliveryOrdersContext);\n\n const handleOpenEmailDialog = () => openEmailDialog(deliveryOrders.restaurant);\n\n return (\n \n \n
\n );\n}\n","import { Button } from \"@material-ui/core\";\nimport React, { useContext } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\n\nconst DeliveryOrdersEmailDialogSend = () => {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { deliveryOrders, sendEmail } = useContext(DeliveryOrdersContext);\n\n const sendEmailHandler = () => {\n return sendEmail(\n deliveryOrders.restaurant.emailVendor,\n deliveryOrders.restaurant,\n setGlobalSpinner\n );\n };\n\n const hasOrders =\n deliveryOrders.restaurant.emailVendor?.deliveryOrders?.length > 0 ||\n deliveryOrders.restaurant.emailVendor?.addedOrders?.length > 0;\n\n return deliveryOrders.restaurant.emailVendor?.emailSent ? (\n \n ) : (\n \n Send\n \n );\n};\n\nexport default DeliveryOrdersEmailDialogSend;\n","import React, { useContext } from \"react\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\n\nexport default function DeliveryOrdersEmailDialogSubject() {\n const { deliveryOrders } = useContext(DeliveryOrdersContext);\n\n return (\n \n {deliveryOrders.restaurant.emailVendor.email.subject}\n \n );\n}\n","import { TextField } from \"@material-ui/core\";\nimport React, { useContext } from \"react\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\n\nexport default function DeliveryOrdersEmailDialogNotes() {\n const { deliveryOrders, updateEmailVendorNotes } = useContext(DeliveryOrdersContext);\n\n const label = `Notes to ${deliveryOrders.restaurant.emailVendor?.data?.name}`;\n return (\n updateEmailVendorNotes(event.target.value)}\n value={deliveryOrders.restaurant.emailVendor.notes}\n />\n );\n}\n","import React, { useContext } from \"react\";\nimport { Button, InputAdornment, TextField } from \"@material-ui/core\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\nimport { MdClear } from \"react-icons/md\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\n\nexport default function DeliveryOrdersEmailOrderEditor({ order }) {\n const { updateDeliveryOrder } = useContext(DeliveryOrdersContext);\n\n const orderQuantity = DeliveryOrdersUtils.getOrderQuantity(order);\n const orderUnit = DeliveryOrdersUtils.extractDeliveryUnitName(order);\n\n const styles = { backgroundColor: orderQuantity <= 0 ? \"red\" : null };\n\n const handleQuantityChange = (event) => {\n return updateDeliveryOrder(order, +event.target.value);\n };\n\n const handleQuantityDecrease = () => {\n return updateDeliveryOrder(order, Math.max(0, orderQuantity - 1));\n };\n\n const handleQuantityIncrease = () => {\n return updateDeliveryOrder(order, Math.max(1, orderQuantity + 1));\n };\n\n const handleQuantityClear = () => {\n return updateDeliveryOrder(order, 0);\n };\n\n return (\n \n {orderUnit},\n }}\n value={orderQuantity}\n type={\"number\"}\n onChange={handleQuantityChange}\n className={deliveryOrdersStyles.DialogOrderEditorInput}\n />\n \n - 1\n \n \n + 1\n \n \n \n \n
\n );\n}\n","import { Button, FormControl, MenuItem, Select } from \"@material-ui/core\";\nimport { useContext, useEffect } from \"react\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\n\nexport default function DeliveryOrdersEmailOrderEditorAdd() {\n const { deliveryOrders, updateEmailVendorOrders, selectEmailVendorOrders } =\n useContext(DeliveryOrdersContext);\n\n useEffect(() => {}, [deliveryOrders.restaurant.emailVendor.addedOrders]);\n\n const handleOrdersChange = (event) => {\n selectEmailVendorOrders(event.target.value);\n };\n\n const ordersThatCanBeAdded = DeliveryOrdersUtils.getOrdersThatCanBeAdded(\n deliveryOrders.restaurant.emailVendor\n );\n\n if (ordersThatCanBeAdded.length === 0) {\n return null;\n }\n\n if (!deliveryOrders.restaurant.emailVendor.selectedOrderToBeAdded) {\n selectEmailVendorOrders(ordersThatCanBeAdded[0]);\n return null;\n }\n\n return (\n \n \n \n {ordersThatCanBeAdded.map((order, index) => {\n const orderQuantity = DeliveryOrdersUtils.getOrderQuantity(order);\n return (\n \n );\n })}\n \n \n \n Add\n \n
\n );\n}\n","import React from \"react\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\n\nexport default function DeliveryOrdersEmailOrderLabel({ order }) {\n const hasDiscount =\n typeof order?.data?.discount === \"string\" && order.data.discount.trim().length > 0;\n\n return (\n \n {order?.data?.name || \"Unknown!\"}\n {hasDiscount ? (\n \n {order?.data?.discount}\n \n ) : null}\n
\n );\n}\n","import React, { useContext } from \"react\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\nimport DeliveryOrdersEmailOrderEditor from \"./DeliveryOrdersEmailOrderEditor\";\nimport DeliveryOrdersEmailOrderEditorAdd from \"./DeliveryOrdersEmailOrderEditorAdd\";\nimport DeliveryOrdersEmailOrderLabel from \"./DeliveryOrdersEmailOrderLabel\";\n\nexport default function DeliveryOrdersEmailDialogEditor() {\n const { deliveryOrders } = useContext(DeliveryOrdersContext);\n\n const orders = DeliveryOrdersUtils.extractOrders(deliveryOrders.restaurant.emailVendor).sort(\n DeliveryOrdersUtils.sortOrders\n );\n\n return (\n \n
\n \n | \n Item\n | \n \n Delivery\n | \n
\n {orders.map((order) => {\n return (\n \n | \n \n | \n \n \n | \n
\n );\n })}\n
\n
\n
Missing any vendors!
;\n }\n\n return (\n \n \n \n \n {deliveryOrders.restaurant.nonDeliveryVendors.map(\n (nonDeliveryVendor, index) => (\n \n {nonDeliveryVendor?.data?.name}\n \n )\n )}\n \n \n addNewVendor(state)}\n color=\"secondary\"\n variant=\"outlined\"\n >\n Add\n \n
\n );\n}\n","import React, { useContext, useEffect } from \"react\";\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle } from \"@material-ui/core\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport DeliveryOrdersEmailDialogSend from \"./DeliveryOrdersEmailSendButton\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\nimport DeliveryOrdersEmailDialogSubject from \"./DeliveryOrdersEmailSubject\";\nimport DeliveryOrdersEmailDialogNotes from \"./DeliveryOrdersEmailNotes\";\nimport DeliveryOrdersEmailDialogEditor from \"./DeliveryOrdersEmailOrdersEditor\";\nimport DeliveryOrdersEmailDialogAddVendor from \"./DeliveryOrdersEmailDialogAddVendor\";\nimport { ADD_NEW_VENDOR_INDICATOR } from \"../DeliveryOrdersValues\";\n\nexport default function DeliveryOrdersEmailDialog() {\n const {\n deliveryOrders,\n closeEmailDialog,\n selectPrevEmailVendor,\n selectNextEmailVendor,\n enableAddNewVendor,\n } = useContext(DeliveryOrdersContext);\n\n useEffect(() => {}, [\n deliveryOrders.isEmailDialogOpened,\n deliveryOrders.restaurant.emailVendor,\n ]);\n\n if (!deliveryOrders.isEmailDialogOpened) {\n return null;\n }\n\n const thereAreNoDeliveryVendors = deliveryOrders.restaurant.deliveryVendors.length === 0;\n const reachedTheEndOfDeliveryVendorsList =\n deliveryOrders.restaurant.emailVendor === ADD_NEW_VENDOR_INDICATOR;\n\n const showAddNewVendor = thereAreNoDeliveryVendors || reachedTheEndOfDeliveryVendorsList;\n const disableNavigation = thereAreNoDeliveryVendors;\n\n return (\n {}}\n aria-labelledby=\"customized-dialog-title\"\n open={true}\n >\n {}}>\n \n {showAddNewVendor ? (\n
Add new Vendor
\n ) : (\n [
,
]\n )}\n
\n Name\n On Hand\n PAR\n Conversion\n Delivery\n
\n );\n};\n\nexport default DeliveryOrdersContentHeader;\n","import React from \"react\";\nimport deliveryOrdersStyles from \"../../DeliveryOrders.module.css\";\nimport DeliveryOrdersUtils from \"../../DeliveryOrdersUtils\";\n\nconst DeliveryOrdersCellConversion = ({ order }) => {\n const conversion = DeliveryOrdersUtils.extractConversion(order);\n const onHandUnit = order.onHandUnit.data.name;\n const deliveryUnit = order.deliveryUnit.data.name;\n\n if (onHandUnit === deliveryUnit) {\n return ;\n }\n return (\n \n {conversion} x {onHandUnit} = 1 x {deliveryUnit}\n \n );\n};\n\nexport default DeliveryOrdersCellConversion;\n","import React from \"react\";\n\nconst DeliveryOrdersCellName = ({ order }) => {\n return (\n \n {order?.data?.name}\n ,\n \n );\n};\n\nexport default DeliveryOrdersCellName;\n","import React from \"react\";\nimport deliveryOrdersStyles from \"../../DeliveryOrders.module.css\";\nimport DeliveryOrdersUtils from \"../../DeliveryOrdersUtils\";\n\nconst DeliveryOrdersCellOnHand = ({ order }) => {\n const inventory = DeliveryOrdersUtils.extractInventoryQty(order);\n const onHandUnit = order.onHandUnit.data.name;\n\n return (\n {`${\n inventory === null ? \"?\" : inventory\n } ${onHandUnit}`}\n );\n};\n\nexport default DeliveryOrdersCellOnHand;\n","import React from \"react\";\nimport deliveryOrdersStyles from \"../../DeliveryOrders.module.css\";\n\nconst DeliveryOrdersCellPar = ({ order }) => {\n const par = order.data.par;\n const onHandUnit = order.onHandUnit.data.name;\n\n return (\n \n {`${par}`} {onHandUnit}\n \n );\n};\n\nexport default DeliveryOrdersCellPar;\n","import React from \"react\";\nimport DeliveryOrdersUtils from \"../../DeliveryOrdersUtils\";\n\nconst DeliveryOrdersCellDelivery = ({ order }) => {\n const delivery = DeliveryOrdersUtils.extractDeliveryQty(order);\n const deliveryUnit = DeliveryOrdersUtils.extractDeliveryUnitName(order);\n\n return {`${delivery === null ? \"?\" : delivery} ${deliveryUnit}`};\n};\n\nexport default DeliveryOrdersCellDelivery;\n","import React from \"react\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\nimport DeliveryOrdersCellConversion from \"./cell/DeliveryOrdersCellConversion\";\nimport DeliveryOrdersCellName from \"./cell/DeliveryOrdersCellName\";\nimport DeliveryOrdersCellOnHand from \"./cell/DeliveryOrdersCellOnHand\";\nimport DeliveryOrdersCellPar from \"./cell/DeliveryOrdersCellPar\";\nimport DeliveryOrdersCellDelivery from \"./cell/DeliveryOrdersCellDelivery\";\n\nconst DeliveryOrdersItem = (order) => {\n const inventory = DeliveryOrdersUtils.extractInventoryQty(order);\n const delivery = DeliveryOrdersUtils.extractDeliveryQty(order);\n\n // MISSING ON HAND\n if (inventory === null) {\n return (\n \n \n \n \n \n \n
\n );\n }\n\n // OVER PAR\n if (delivery <= 0) {\n return (\n \n \n \n \n \n \n \n );\n }\n\n // NEEDS DELIVERY\n return (\n \n \n \n \n \n \n
\n );\n};\n\nexport default DeliveryOrdersItem;\n","import React from \"react\";\nimport DeliveryOrdersUtils from \"../../DeliveryOrdersUtils\";\nimport deliveryOrdersStyles from \"../../DeliveryOrders.module.css\";\nimport DeliveryOrdersCellName from \"../../item/cell/DeliveryOrdersCellName\";\nimport DeliveryOrdersCellDelivery from \"../../item/cell/DeliveryOrdersCellDelivery\";\n\nconst DeliveryOrdersVendorItem = (order) => {\n // MISSING ON HAND\n if (!DeliveryOrdersUtils.filterForValidDelivery(order)) {\n return null;\n }\n\n // NEEDS DELIVERY\n return (\n \n \n \n
\n );\n};\n\nexport default DeliveryOrdersVendorItem;\n","import React, { useContext } from \"react\";\nimport DeliveryOrdersUtils from \"../DeliveryOrdersUtils\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\nimport DeliveryOrdersVendorItem from \"../header/vendor/DeliveryOrdersVendorItem\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\n\nconst DeliveryOrdersContentVendor = ({ vendor }) => {\n const { changeDisplayVendor } = useContext(DeliveryOrdersContext);\n\n const hasNoDelivery = vendor.orders.every(\n (order) => !DeliveryOrdersUtils.filterForValidDelivery(order)\n );\n\n if (hasNoDelivery) {\n return null;\n }\n\n const handleVendorSelect = () => changeDisplayVendor(vendor);\n\n return (\n \n
\n {vendor.data.name}\n
\n {vendor.orders.map(DeliveryOrdersVendorItem)}\n \n );\n};\n\nexport default DeliveryOrdersContentVendor;\n","import React, { useContext } from \"react\";\nimport DeliveryOrdersContentHeader from \"./DeliveryOrdersContentHeader\";\nimport deliveryOrdersStyles from \"../DeliveryOrders.module.css\";\nimport DeliveryOrdersItem from \"../item/DeliveryOrdersItem\";\nimport DeliveryOrdersContentVendor from \"./DeliveryOrdersContentVendor\";\nimport { DeliveryOrdersContext } from \"../context/DeliveryOrdersContext\";\nimport { ALL_VENDOR } from \"../DeliveryOrdersValues\";\n\nconst DeliveryOrdersContent = () => {\n const { deliveryOrders } = useContext(DeliveryOrdersContext);\n\n const vendor = deliveryOrders.restaurant.displayVendor;\n const vendors = deliveryOrders.restaurant.vendors;\n\n if (ALL_VENDOR.isAllVendor(vendor)) {\n return (\n \n
\n {vendors.map((vendor) => (\n \n ))}\n
\n
\n
\n
\n {vendor.orders.map(DeliveryOrdersItem)}\n
\n
\n \n \n
\n );\n};\n\nexport default DeliveryOrders;\n","import { ContainerConfigSection } from \"./../ContainerConfigSection\";\nimport ContainerConfigBuilder from \"../ContainerConfigBuilder\";\nimport { ContainerPaths } from \"../ContainerPaths\";\nimport {\n ADMINS,\n DATA_EDITOR_USERS,\n KITCHEN_USERS,\n MANAGERS,\n ORDERS_ADMIN,\n ORDERS_DELIVERY_USERS,\n ORDERS_USERS,\n} from \"../../services/AppUserGroupsData\";\nimport OnHandOrders from \"./on-hand/OnHandOrders\";\nimport OnHandOrdersMenuItem from \"./on-hand/OnHandOrdersMenuItem\";\nimport DeliveryOrdersMenuItem from \"./delivery/DeliveryOrdersMenuItem\";\nimport DataEditorOrders from \"./data-editor/DataEditorOrders\";\nimport DataEditorOrdersMenuItem from \"./data-editor/DataEditorOrdersMenuItem\";\nimport DeliveryOrdersWrp from \"./delivery/DeliveryOrdersWrp\";\n\nexport const OrdersContainerConfig: ContainerConfigSection = {\n OnHand: new ContainerConfigBuilder(\"On Hand\")\n .setPath(ContainerPaths.ON_HAND)\n .setUserAccess([ORDERS_ADMIN, KITCHEN_USERS, ORDERS_USERS, MANAGERS, ADMINS])\n .setComponent(OnHandOrders)\n .setMenuItem(OnHandOrdersMenuItem)\n .build(),\n Delivery: new ContainerConfigBuilder(\"Delivery\")\n .setPath(ContainerPaths.DELIVERY)\n .setUserAccess([ORDERS_ADMIN, ORDERS_DELIVERY_USERS, ADMINS])\n .setComponent(DeliveryOrdersWrp)\n .setMenuItem(DeliveryOrdersMenuItem)\n .build(),\n DataEditor: new ContainerConfigBuilder(\"Editor\")\n .setPath(ContainerPaths.EDITOR)\n .setUserAccess([ORDERS_ADMIN, DATA_EDITOR_USERS, ADMINS])\n .setComponent(DataEditorOrders)\n .setMenuItem(DataEditorOrdersMenuItem)\n .build(),\n};\n","import React, { useContext, useEffect } from \"react\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppContextValidator from \"../../../context/AppContextValidator\";\nimport DeliveryOrders from \"./DeliveryOrders\";\nimport { DeliveryOrdersProvider } from \"./context/DeliveryOrdersContext\";\n\nexport default function DeliveryOrdersWrp({ config }) {\n const { appState } = useContext(AppContext);\n\n useEffect(() => {}, [appState.day, appState.user]);\n\n if (!AppContextValidator.isValid(appState)) {\n console.info(\"Invalid appState!\");\n return null;\n }\n\n return (\n \n \n \n );\n}\n","import {\n ADMINS,\n DEVS,\n KITCHEN_USERS,\n ORDERS_DELIVERY_USERS,\n ORDERS_USERS,\n ORDERS_ADMIN,\n} from \"../../services/AppUserGroupsData\";\nimport { SectionNames } from \"../sections/SectionNames\";\nimport { UserGroupType } from \"./../../services/AppUserGroupsData\";\nimport { ContainerConfig } from \"./../ContainerConfig\";\nimport { OrdersContainerConfig } from \"./OrdersContainerConfig\";\nimport { OrdersSection } from \"./OrdersSection\";\n\nconst ordersSectionPages: ContainerConfig[] = [\n OrdersContainerConfig.OnHand,\n OrdersContainerConfig.Delivery,\n OrdersContainerConfig.DataEditor,\n];\n\nconst ordersSectionAllowedUserGroups: UserGroupType[] = [\n KITCHEN_USERS,\n ORDERS_USERS,\n ORDERS_DELIVERY_USERS,\n ORDERS_ADMIN,\n ADMINS,\n DEVS,\n];\n\nconst isOrdersSectionDisabled = false;\n\nexport const OrdersSectionConfig = new OrdersSection(\n ordersSectionPages,\n SectionNames.ORDERS,\n ordersSectionAllowedUserGroups,\n isOrdersSectionDisabled\n);\n","import { AiOutlineFileSearch } from \"react-icons/ai\";\nimport { UserGroupType } from \"../../services/AppUserGroupsData\";\nimport ContainerBasePaths from \"../ContainerBasePaths\";\nimport { ContainerConfig } from \"../ContainerConfig\";\nimport { Section } from \"../sections/Section\";\n\nexport class OrdersSection extends Section {\n renderIcon(disabled: boolean) {\n return ;\n }\n\n renderHeaderIcon() {\n return ;\n }\n\n renderHomeIcon() {\n return ;\n }\n\n getDefaultPath(userGroups: UserGroupType[]) {\n console.error(\"Couldn't match the user to any known section pages\", userGroups);\n return super.getDefaultPath(userGroups);\n }\n\n constructor(\n pages: ContainerConfig[],\n name: string,\n allowedGroups: UserGroupType[],\n disabled: boolean\n ) {\n super(pages, name, allowedGroups, disabled, ContainerBasePaths.ORDERS);\n }\n}\n","import {\n TShirt,\n TShirtSize,\n TShirtStyle,\n TShirtInventory,\n TShirtInventoryMeta,\n TShirtSale,\n TShirtSaleMeta,\n TShirtTransaction,\n} from \"./../../graphql/API\";\nimport { Resource } from \"../../resources/Resource\";\nimport AppDayModel from \"../../components/day/AppDayModel\";\nimport { Model } from \"../../model/Model\";\nimport { ResourceColumnText } from \"../../resources/columns/ResourceColumnText\";\nimport { ResourceColumnSelect } from \"../../resources/columns/select/ResourceColumnSelect\";\nimport { ResourceColumnNumber } from \"../../resources/columns/ResourceColumnNumber\";\nimport { ResourceColumnDate } from \"../../resources/columns/ResourceColumnDate\";\nimport { ModelConfig } from \"../../model/ModelConfig\";\n\n/* ---------- TShirt ---------- */\nclass AppTShirtModel extends Model {\n prepForCreate(data: TShirt) {\n // TODO: get the name of the style\n data = { ...data, display: data.display || `${data.styleId} (${data.sizeId})` };\n return super.prepForCreate(data);\n }\n}\n\nconst appTShirtModel = new AppTShirtModel(\n new ModelConfig(\"TShirt\", 10000, 200, \"tShirts\", \"T-Shirts\", \"TShirt\", \"tShirtId\", [\n // visible\n new ResourceColumnText(\"display\", \"Style (Size)\").setKey(),\n new ResourceColumnText(\"restaurantId\", \"Restaurant\")\n .setKey()\n .setVisible()\n .setWidth(\"XS\")\n .setSortDirection(\"ASC\", 0),\n new ResourceColumnText(\"styleId\", \"Style\").setWidth(\"XS\").setVisible(),\n new ResourceColumnText(\"sizeId\", \"Size\")\n .setVisible()\n .setResourceRefKeyAlias(\"sizeId\")\n .setSortDirection(\"ASC\", 1),\n new ResourceColumnText(\"name\", \"Name\").setVisible(),\n new ResourceColumnSelect(\"packSize\", \"Pack Size\").setVisible(),\n // (sort) keys\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey(),\n // meta\n // others\n new ResourceColumnNumber(\"stockCapacity\", \"Max Stock\"),\n new ResourceColumnNumber(\"par\", \"PAR\"),\n new ResourceColumnNumber(\"discount\", \"Discount\"),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ])\n);\n\nclass AppTShirt extends Resource {\n static getModel(): AppTShirtModel {\n return appTShirtModel;\n }\n\n getModel(): AppTShirtModel {\n return appTShirtModel;\n }\n\n constructor(data: TShirt) {\n super(data, appTShirtModel);\n }\n}\n\n/* ---------- TShirtSize ---------- */\nconst appTShirtSizeModel = new Model(\n new ModelConfig(\"TShirtSize\", 1000, 200, \"tShirtSizes\", \"Sizes\", \"TShirtSize\", \"sizeId\", [\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey(),\n new ResourceColumnText(\"name\", \"Name\").setKey().setVisible(),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortDirection(\"ASC\", 0)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ])\n);\n\nclass AppTShirtSize extends Resource {\n static getModel(): Model {\n return appTShirtSizeModel;\n }\n\n getModel(): Model {\n return appTShirtSizeModel;\n }\n\n constructor(data: TShirtSize) {\n super(data, appTShirtSizeModel);\n }\n}\n\n/* ---------- TShirtStyle ---------- */\nconst appTShirtStyleModel = new Model(\n new ModelConfig(\"TShirtStyle\", 1000, 200, \"tShirtStyles\", \"Styles\", \"TShirtStyle\", \"styleId\", [\n new ResourceColumnText(\"id\", \"Id\").setHideOnAdd().setKey(),\n new ResourceColumnText(\"name\", \"Name\").setKey().setVisible().setSortDirection(\"ASC\", 1),\n new ResourceColumnText(\"restaurantId\", \"Restaurant\")\n .setVisible()\n .setSortDirection(\"ASC\", 0),\n new ResourceColumnNumber(\"order\", \"#\")\n .setHideOnAdd()\n .setEditable()\n .setVisible()\n .setWidth(\"XS\")\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ])\n);\n\nclass AppTShirtStyle extends Resource {\n static getModel(): Model {\n return appTShirtStyleModel;\n }\n\n getModel(): Model {\n return appTShirtStyleModel;\n }\n\n constructor(data: TShirtStyle) {\n super(data, appTShirtStyleModel);\n }\n}\n\n/* ---------- TShirtInventory ---------- */\nclass AppTShirtInventoryModel extends Model {\n getFilter(appState: any) {\n return {\n day: { eq: appState.day.data.time || AppDayModel.getTodayUnixTime() },\n };\n }\n}\n\nconst appTShirtInventoryModel = new AppTShirtInventoryModel(\n new ModelConfig(\n \"TShirtInventory\",\n 200000,\n 200,\n \"tShirtInventories\",\n \"On Hand\",\n \"TShirtInventory\",\n \"tShirtInventoryId\",\n [\n new ResourceColumnText(\"tShirtId\", \"TShirt\")\n .setVisible()\n .setKey()\n .setSortDirection(\"ASC\", 1)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b)),\n new ResourceColumnDate(\"day\", \"Day\").setSortDirection(\"DESC\", 0).setKey(),\n new ResourceColumnNumber(\"quantity\", \"Qty\").setOptional().setVisible().setEditable(),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ]\n )\n);\n\nclass AppTShirtInventory extends Resource {\n static getModel(): AppTShirtInventoryModel {\n return appTShirtInventoryModel;\n }\n\n getModel(): AppTShirtInventoryModel {\n return appTShirtInventoryModel;\n }\n\n constructor(data: TShirtInventory) {\n super(data, appTShirtInventoryModel);\n }\n}\n\n/* ---------- TShirtInventoryMeta ---------- */\nconst appTShirtInventoryMetaModel = new Model(\n new ModelConfig(\n \"TShirtInventoryMeta\",\n 10000,\n 200,\n \"tShirtInventoriesMeta\",\n \"On Hand Records\",\n \"TShirtInventoryMeta\",\n \"tShirtInventoryMetaId\",\n [\n new ResourceColumnDate(\"day\", \"Day\")\n .setKey()\n .setSortDirection(\"DESC\", 0)\n .setSortCallback((a, b) => parseInt(b) - parseInt(a))\n .setVisible()\n .setWidth(\"S\"),\n new ResourceColumnSelect(\"restaurantId\", \"Rest\")\n .setKey()\n .setSortDirection(\"ASC\", 1)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b))\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"storageKey\", \"S3 Path\")\n .setEditable()\n .setVisible()\n .setWidth(\"L\"),\n new ResourceColumnSelect(\"status\", \"Status\", [\"UNLOCKED\", \"LOCKED\"])\n .setEditable()\n .setOptional()\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"completion\", \"%\").setOptional().setWidth(\"XS\"),\n new ResourceColumnText(\"lastUpdatedBy\", \"By\").setOptional().setWidth(\"XS\"),\n new ResourceColumnDate(\"lastUpdatedAt\", \"At\").setOptional().setWidth(\"S\"),\n ]\n )\n);\n\nclass AppTShirtInventoryMeta extends Resource {\n static getModel(): Model {\n return appTShirtInventoryMetaModel;\n }\n\n getModel(): Model {\n return appTShirtInventoryMetaModel;\n }\n\n constructor(data: TShirtInventoryMeta) {\n super(data, appTShirtInventoryMetaModel);\n }\n}\n\n/* ---------- TShirtSale ---------- */\nclass AppTShirtSaleModel extends Model {\n getFilter(appState: any) {\n return {\n day: { eq: appState.day.data.time || AppDayModel.getTodayUnixTime() },\n };\n }\n}\n\nconst appTShirtSaleModel = new AppTShirtSaleModel(\n new ModelConfig(\n \"TShirtSale\",\n 200000,\n 200,\n \"tShirtSales\",\n \"Sales\",\n \"TShirtSale\",\n \"tShirtSaleId\",\n [\n new ResourceColumnText(\"tShirtId\", \"TShirt\").setVisible().setKey(),\n new ResourceColumnDate(\"day\", \"Day\").setKey().setSortDirection(\"DESC\", 1),\n new ResourceColumnNumber(\"quantity\", \"Items Sold\")\n .setOptional()\n .setVisible()\n .setEditable(),\n new ResourceColumnText(\"lastUpdatedBy\", \"Updated By\").setOptional(),\n new ResourceColumnNumber(\"lastUpdatedAt\", \"Update Time\").setOptional(),\n ]\n )\n);\n\nclass AppTShirtSale extends Resource {\n static getModel(): AppTShirtSaleModel {\n return appTShirtSaleModel;\n }\n\n getModel(): AppTShirtSaleModel {\n return appTShirtSaleModel;\n }\n\n constructor(data: TShirtSale) {\n super(data, appTShirtSaleModel);\n }\n}\n\n/* ---------- TShirtSaleMeta ---------- */\nconst appTShirtSaleMetaModel = new Model(\n new ModelConfig(\n \"TShirtSaleMeta\",\n 10000,\n 200,\n \"tShirtSalesMeta\",\n \"Sales Records\",\n \"TShirtSaleMeta\",\n \"tShirtSaleMetaId\",\n [\n new ResourceColumnDate(\"day\", \"Day\")\n .setKey()\n .setSortDirection(\"DESC\", 0)\n .setSortCallback((a, b) => parseInt(b) - parseInt(a))\n .setVisible()\n .setWidth(\"S\"),\n new ResourceColumnSelect(\"restaurantId\", \"Rest\")\n .setKey()\n .setSortDirection(\"ASC\", 1)\n .setSortCallback((a, b) => parseInt(a) - parseInt(b))\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"storageKey\", \"S3 Path\")\n .setEditable()\n .setVisible()\n .setWidth(\"L\"),\n new ResourceColumnSelect(\"status\", \"Status\", [\"UNLOCKED\", \"LOCKED\"])\n .setVisible()\n .setEditable()\n .setOptional()\n .setVisible()\n .setWidth(\"XS\"),\n new ResourceColumnText(\"completion\", \"%\").setVisible().setOptional().setWidth(\"XS\"),\n new ResourceColumnText(\"lastUpdatedBy\", \"By\").setOptional().setVisible().setWidth(\"XS\"),\n new ResourceColumnDate(\"lastUpdatedAt\", \"At\").setOptional().setVisible().setWidth(\"S\"),\n ]\n )\n);\n\nclass AppTShirtSaleMeta extends Resource {\n static getModel(): Model {\n return appTShirtSaleMetaModel;\n }\n\n getModel(): Model {\n return appTShirtSaleMetaModel;\n }\n\n constructor(data: TShirtSaleMeta) {\n super(data, appTShirtSaleMetaModel);\n }\n}\n\n/* ---------- TShirtInventory ---------- */\nclass AppTShirtTransactionModel extends Model {\n getFilter(appState: any) {\n return {\n createdAt: {\n gt:\n AppDayModel.getPrevDayUnixTime(appState.day.data.time) ||\n AppDayModel.getTodayUnixTime(),\n },\n };\n }\n}\n\nconst appTShirtTransactionModel = new AppTShirtTransactionModel(\n new ModelConfig(\n \"TShirtTransaction\",\n 200000,\n 200,\n \"tShirtTransaction\",\n \"Transactions\",\n \"TShirtTransaction\",\n \"tShirtTransactionId\",\n [\n new ResourceColumnText(\"tShirtId\", \"TShirt\").setVisible().setKey(),\n new ResourceColumnNumber(\"createdAt\", \"Created At\").setVisible().setKey(),\n new ResourceColumnText(\"type\", \"Type\").setVisible(),\n new ResourceColumnNumber(\"quantity\", \"Qty\").setVisible().setEditable(),\n new ResourceColumnText(\"createdBy\", \"Created By\").setVisible(),\n ]\n )\n);\n\nclass AppTShirtTransaction extends Resource {\n static getModel(): AppTShirtTransactionModel {\n return appTShirtTransactionModel;\n }\n\n getModel(): AppTShirtTransactionModel {\n return appTShirtTransactionModel;\n }\n\n constructor(data: TShirtTransaction) {\n super(data, appTShirtTransactionModel);\n }\n}\n\nexport {\n AppTShirt,\n AppTShirtSize,\n AppTShirtStyle,\n AppTShirtInventory,\n AppTShirtInventoryMeta,\n AppTShirtSale,\n AppTShirtSaleMeta,\n AppTShirtTransaction,\n};\n","import React, { useContext } from \"react\";\nimport DataEditor from \"../../data-editor/DataEditor\";\nimport { DataEditorProvider } from \"../../data-editor/context/DataEditorContext\";\nimport {\n AppTShirt,\n AppTShirtInventory,\n AppTShirtInventoryMeta,\n AppTShirtSale,\n AppTShirtSaleMeta,\n AppTShirtSize,\n AppTShirtStyle,\n AppTShirtTransaction,\n} from \"../TShirtsResources\";\nimport { AppRestaurant } from \"../../admin/AdminResources\";\nimport { DataEditorResource } from \"../../data-editor/types/DataEditorTypes\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppUserGroups from \"../../../services/AppUserGroups\";\n\nconst DataEditorTShirts = (props: any) => {\n const { appState } = useContext(AppContext);\n const { history, location } = props;\n\n let resources: DataEditorResource[];\n\n const adminResources = [\n new DataEditorResource(AppTShirt, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtStyle, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtSize, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtInventory, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtInventoryMeta, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtSale, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtSaleMeta, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppTShirtTransaction, { isVisibleInDataEditor: true }),\n new DataEditorResource(AppRestaurant, { isVisibleInDataEditor: false }),\n ];\n\n const nonAdminResources: DataEditorResource[] = [];\n\n if (AppUserGroups.hasAdminAccess(appState.user.groups)) {\n resources = adminResources;\n } else {\n resources = nonAdminResources;\n }\n\n return (\n \n \n \n );\n};\n\nexport default DataEditorTShirts;\n","import React from \"react\";\nimport { FiEdit } from \"react-icons/fi\";\n\nconst DataEditorTShirtsMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default DataEditorTShirtsMenuItem;\n","import OnHandItemTab from \"../../../on-hand/components/item/OnHandItemTab\";\n\nexport default function OnHandTShirtItemTab(item, index) {\n const isSelected = (onHandState, name) => {\n let result = false;\n\n if (onHandState?.restaurant?.group?.item?.data?.name === name) {\n result = true;\n }\n\n return result;\n };\n\n return (\n \n );\n}\n","import React, { useContext } from \"react\";\nimport onHandTShirtItemStyles from \"./OnHandTShirtItem.module.css\";\nimport Slider from \"@material-ui/core/Slider\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\n\nconst OnHandTShirtItemInput = ({ item }) => {\n const { onSelectedItemQuantityUpdate } = useContext(OnHandContext);\n\n const {\n data: { par, packSize, stockCapacity },\n inventory: {\n data: { quantity },\n },\n prevOnHand,\n } = item;\n\n const buildMarks = (par, packSize, stockCapacity) => {\n return Array.from(Array(stockCapacity + 1).keys()).map((value) => {\n let label = `${value}`;\n return { value, label };\n });\n };\n\n return (\n \n onSelectedItemQuantityUpdate(value)}\n step={1}\n valueLabelDisplay=\"on\"\n />\n
\n );\n};\n\nexport default OnHandTShirtItemInput;\n","import React, { useContext, useEffect } from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport Button from \"@material-ui/core/Button\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport OnHandUtils from \"../../../on-hand/OnHandUtils\";\n\n// TODO: make generic\nconst OnHandTShirtItemActions = () => {\n const { appState } = useContext(AppContext);\n const { onHandState, goToPrevItem, goToNextItem, lockSubmission, submitSelectedItem } =\n useContext(OnHandContext);\n\n useEffect(() => {}, [onHandState.restaurant.group.item]);\n\n const handleSubmit = async () => {\n lockSubmission();\n const inventory = OnHandUtils.buildInventory(appState, onHandState);\n await OnHandUtils.handleSubmit(onHandState, submitSelectedItem, inventory);\n };\n\n const disabledSubmit =\n !onHandState.restaurant.group.item ||\n !onHandState.restaurant.group.item.inventory ||\n onHandState.lockedSubmit;\n\n return (\n \n \n \n Submit\n \n \n
\n );\n};\n\nexport default OnHandTShirtItemActions;\n","import React from \"react\";\nimport onHandTShirtItemStyles from \"./OnHandTShirtItem.module.css\";\n\nconst OnHandTShirtItemTitle = ({ item }) => {\n const { data, size, inventory } = item;\n let quantity = \"?\";\n if (inventory.data.lastUpdatedBy && typeof inventory.data.quantity === \"number\") {\n quantity = inventory.data.quantity;\n }\n\n return (\n \n \n {quantity} {data.name} size {size.data.name} left\n \n
\n );\n};\n\nexport default OnHandTShirtItemTitle;\n","import React, { useContext, useEffect } from \"react\";\nimport OnHandItemMetaData from \"../../../on-hand/components/item/OnHandItemMetaData\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\n\n// TODO: make generic\nconst OnHandTShirtItemMeta = () => {\n const { onHandState } = useContext(OnHandContext);\n\n useEffect(() => {}, [onHandState.restaurant.group.item]);\n\n const item = onHandState.restaurant.group.item;\n\n if (!(item.inventory && item.inventory.data)) {\n console.info(\"Invalid or missing inventory!\");\n return ;\n }\n\n const {\n inventory: {\n data: { lastUpdatedBy, lastUpdatedAt },\n },\n } = item;\n\n return (\n \n \n
\n );\n};\n\nexport default OnHandTShirtItemMeta;\n","import React, { useContext } from \"react\";\nimport onHandItemStyles from \"../../../on-hand/components/item/OnHandItem.module.css\";\nimport onHandContentStyles from \"../../../on-hand/components/content/OnHandContent.module.css\";\nimport { OnHandContext } from \"../../../on-hand/context/OnHandContext\";\nimport OnHandUtils from \"../../../on-hand/OnHandUtils\";\nimport OnHandTShirtItemInput from \"./OnHandTShirtItemInput\";\nimport OnHandTShirtItemActions from \"./OnHandTShirtItemActions\";\nimport OnHandTShirtItemTitle from \"./OnHandTShirtItemTitle\";\nimport OnHandTShirtItemMeta from \"./OnHandTShirtItemMeta\";\n\nconst OnHandTShirtItem = (group, item) => {\n const { onHandState } = useContext(OnHandContext);\n\n if (!OnHandUtils.isSelectedItem(onHandState, item)) {\n return ;\n }\n\n const key = `on-hand-order-item-${item.data.id}`;\n\n return (\n \n
\n {/*TODO: check if title is compatible*/}\n \n
\n {/*TODO: check if this type of input is compatible*/}\n
\n
\n
\n
\n {item.data.display}\n {item.inventory.data.quantity}\n
\n );\n}\n","import React from \"react\";\nimport OnHandConfigModel from \"../../on-hand/models/OnHandConfigModel\";\nimport OnHandItemDisplayModel from \"../../on-hand/models/OnHandItemDisplayModel\";\nimport OnHandTShirtItemTab from \"./display/OnHandTShirtItemTab\";\nimport OnHandWrp from \"../../on-hand/OnHandWrp\";\nimport OnHandTShirtItem from \"./display/OnHandTShirtItem\";\nimport OnHandTShirtContextConfig from \"./context/OnHandTShirtContextConfig\";\nimport OnHandTShirtItemConfirm from \"./display/OnHandTShirtItemConfirm\";\n\nconst OnHandTShirts = ({ history, location }) => {\n const config = new OnHandConfigModel(\n OnHandTShirtContextConfig,\n new OnHandItemDisplayModel(OnHandTShirtItemTab, OnHandTShirtItem, OnHandTShirtItemConfirm),\n { history, location }\n );\n\n return {console.info(\"RENDER: OnHand TShirts\")};\n};\n\nexport default OnHandTShirts;\n","import React from \"react\";\nimport { FaTasks } from \"react-icons/fa\";\n\nconst OnHandTShirtsMenuItem = (name: string) => {\n return [\n ,\n \n {name}\n
,\n ];\n};\n\nexport default OnHandTShirtsMenuItem;\n","import React from \"react\";\nimport { MdDone, MdErrorOutline, MdHelpOutline } from \"react-icons/md\";\nimport salesTShirtStyle from \"./SalesTShirt.module.css\";\n\nconst getStatusIcon = (status) => {\n switch (status) {\n case 2:\n return ;\n case 1:\n return ;\n default:\n return ;\n }\n};\nconst getStatusClassName = (status) => {\n switch (status) {\n case 2:\n return salesTShirtStyle.done;\n case 1:\n return salesTShirtStyle.incomplete;\n default:\n return salesTShirtStyle.unknown;\n }\n};\n\nclass SalesTShirtState {\n static checkUpload(tShirts) {\n return tShirts.reduce((acc, tShirt) => {\n acc = acc || !!tShirt.sale.data.lastUpdatedBy;\n return acc;\n }, false);\n }\n\n static attachStatusToTShirts(uploaded, tShirts) {\n return tShirts.map((tShirt) => {\n if (!uploaded) {\n tShirt.status = 0;\n } else {\n tShirt.status = tShirt.sale.data.lastUpdatedBy ? 2 : 1;\n }\n tShirt.statusIcon = getStatusIcon(tShirt.status);\n tShirt.statusClassName = getStatusClassName(tShirt.status);\n return tShirt;\n });\n }\n\n static computeCompletionScore(tShirts) {\n const score = tShirts.reduce((acc, tShirt) => {\n acc += tShirt.status === 2;\n return acc;\n }, 0);\n const total = tShirts.length;\n return score / total;\n }\n\n constructor({ day, restaurants, tShirts, sizes, sales }) {\n this.restaurants = [];\n this.restaurant = null;\n\n if (!day) {\n return;\n }\n\n tShirts = tShirts.map((tShirt) => {\n tShirt.size = sizes.find(({ data: { id } }) => id === tShirt.data.sizeId);\n tShirt.sale = sales.find(({ data: { tShirtId } }) => tShirtId === tShirt.data.id);\n return tShirt;\n });\n restaurants = restaurants.map((restaurant, index) => {\n restaurant.index = index;\n restaurant.tShirts = tShirts.filter(\n (tShirt) => tShirt.data.restaurantId === restaurant.data.id\n );\n restaurant.uploaded = SalesTShirtState.checkUpload(restaurant.tShirts);\n restaurant.tShirts = SalesTShirtState.attachStatusToTShirts(\n restaurant.uploaded,\n restaurant.tShirts\n );\n restaurant.completionScore = SalesTShirtState.computeCompletionScore(\n restaurant.tShirts\n );\n return restaurant;\n });\n this.restaurants = restaurants;\n this.restaurant = restaurants[0];\n }\n}\n\nexport default SalesTShirtState;\n","import Papa from \"papaparse\";\nimport SalesParser from \"./SalesParser\";\n\nconst TShirtSalesParser = (onUpdate, reader) => {\n // TODO: expose these column names in settings\n // TODO: throw meaningful errors\n // TODO: check that all rows have the same size\n // TODO: test if quantities can be parsed\n try {\n let salesData = Papa.parse(reader.result).data;\n console.log(\"Raw sales data: \\n\", salesData);\n\n salesData = SalesParser.filterRows(salesData);\n console.log(\"Filtered sales data: \\n\", salesData);\n\n salesData = SalesParser.parseRawSales(salesData);\n console.log(\"Parsed sales data: \\n\", salesData);\n\n salesData = SalesParser.sortParsedSales(salesData);\n console.log(\"Sorted sales data: \\n\", salesData);\n\n salesData = filterSortedSales(salesData);\n console.log(\"Filtered sales data: \\n\", salesData);\n\n salesData = SalesParser.mergeFilteredSales(salesData);\n console.log(\"Merged sales data: \\n\", salesData);\n\n salesData = splitSales(salesData);\n console.log(\"Split sales data: \\n\", salesData);\n\n return onUpdate(salesData);\n } catch (e) {\n throw Error(`Cannot parse given file because of ${e}`);\n }\n\n /* ---------- IMPL ---------- */\n function filterSortedSales(salesData) {\n return salesData.filter(([name, sold]) => {\n return (\n typeof name === \"string\" &&\n name.indexOf(\" -\") > 0 &&\n typeof sold === \"number\" &&\n sold >= 0\n );\n });\n }\n\n function splitSales(salesData) {\n return salesData.map(([name, quantity]) => {\n const splitName = name.split(\" -\");\n name = splitName[0];\n const size = splitName[1];\n return { name, size, quantity };\n });\n }\n};\n\nexport default TShirtSalesParser;\n","import React, { useContext, useEffect, useReducer } from \"react\";\nimport salesTShirtStyle from \"./SalesTShirt.module.css\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport Select from \"@material-ui/core/Select\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport SalesTShirtState from \"./SalesTShirtState\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport { fetchResources, seriesPromises } from \"../../../resources/ResourcesService\";\nimport MenusSalesDropZone from \"../../menus-sales/components/drop-zone/MenusSalesDropZone\";\nimport TShirtSalesParser from \"../../menus-sales/components/drop-zone/parsers/TShirtSalesParser\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/global-spinner/GlobalSpinnerContext\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport AppDayModel from \"../../../components/day/AppDayModel\";\nimport { AppRestaurant } from \"../../admin/AdminResources\";\nimport { AppTShirt, AppTShirtSize } from \"../TShirtsResources\";\n\nconst INIT = \"init\";\nconst CHANGE_RESTAURANT = \"changeRestaurant\";\nconst reducer = (state, action) => {\n if (action.type === CHANGE_RESTAURANT) {\n const restaurant = action.payload;\n const restaurants = state.restaurants;\n restaurants[restaurant.index] = restaurant;\n return { ...state, restaurant, restaurants };\n }\n\n if (action.type === INIT) {\n return new SalesTShirtState(action.payload);\n }\n};\n\nconst SalesTShirts = ({ history, location }) => {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { appState } = useContext(AppContext);\n const [state, dispatch] = useReducer(reducer, new SalesTShirtState({}));\n\n const setStateData = async () => {\n setGlobalSpinner(true);\n\n let [restaurants, tShirts, sizes] = await fetchResources([\n [AppRestaurant, { type: { eq: \"RESTAURANT\" } }],\n [AppTShirt],\n [AppTShirtSize],\n ]);\n\n // const sales = await AppTShirtSale.getModel().getDailyValues(AppTShirtSale, tShirts, appState.day);\n const sales = []; // TODO: Update pattern\n\n const type = INIT;\n const payload = { day: appState.day, restaurants, tShirts, sizes, sales };\n return dispatch({ type, payload });\n };\n\n const changeRestaurant = (event) => {\n return dispatch({\n type: CHANGE_RESTAURANT,\n payload: event.target.value,\n });\n };\n\n const updateSales = async (salesData) => {\n setGlobalSpinner(true);\n const promises = [];\n salesData.forEach(({ name, size, quantity }) => {\n const tShirtIndex = state.restaurant.tShirts.findIndex((tShirt) => {\n return tShirt.data.name === name && tShirt.size.data.name === size;\n });\n if (tShirtIndex >= 0) {\n state.restaurant.tShirts[tShirtIndex].sale.data.quantity = quantity;\n state.restaurant.tShirts[tShirtIndex].sale.data.lastUpdatedBy = appState.user.name;\n state.restaurant.tShirts[tShirtIndex].sale.data.lastUpdatedAt =\n AppDayModel.getCurrentUnixTime();\n const saleData = state.restaurant.tShirts[tShirtIndex].sale.data;\n const promise =\n state.restaurant.tShirts[tShirtIndex].sale.model.api.update(saleData);\n promises.push(promise);\n } else {\n console.error(\"Cannot find \", name, size);\n }\n });\n await seriesPromises(promises);\n\n setStateData();\n };\n\n useEffect(() => {\n setStateData();\n }, [appState.day]);\n\n if (!state || !state.restaurant || !state.restaurant.tShirts) {\n console.info(\"Invalid restaurant or restaurant tShirts\");\n return ;\n }\n\n const toolbar = () => {\n return (\n \n
\n \n \n {state.restaurants.map((restaurant, index) => (\n \n ))}\n \n \n
\n
\n {state.restaurant.tShirts\n .filter((tShirt) => tShirt.data.restaurantId === state.restaurant.data.id)\n .map((tShirt, index) => {\n return (\n
\n {tShirt.statusIcon}\n {tShirt.data.name}\n {tShirt.size.data.name}\n {tShirt.sale.data.quantity}\n \n \n
\n );\n };\n\n return (\n \n {toolbar()}\n {salesDropZone()}\n
\n Status\n Name\n Size\n Items Sold\n \n {name}\n
,\n ];\n};\n\nexport default SalesTShirtsMenuItem;\n","import React from \"react\";\nimport deliveryTShirtsStyles from \"../TShirtsStocking.module.css\";\nimport { MdBlock, MdDone } from \"react-icons/md\";\n\nconst INVALID = {\n name: \"INVALID\",\n render: () => {\n return (\n \n \n \n );\n },\n};\n\nconst NEEDS_ON_HAND = {\n name: \"NEEDS_ON_HAND\",\n render: (text, selected) => {\n if (typeof text !== \"string\") {\n text = null;\n }\n let className = `${deliveryTShirtsStyles.Status} ${deliveryTShirtsStyles.StatusNeedsOnHand}`;\n if (selected) {\n className += ` ${deliveryTShirtsStyles.Selected}`;\n }\n return (\n \n {text || \"No On Hand\"}\n
\n );\n },\n};\n\nconst NEEDS_STOCKING = {\n name: \"NEEDS_STOCKING\",\n canSelect: true,\n render: (requiredStocks, selected) => {\n const content = requiredStocks === 1 ? \" 1 Pack\" : ` ${requiredStocks} Packs`;\n let className = `${deliveryTShirtsStyles.Status} ${deliveryTShirtsStyles.StatusNeedsStocking}`;\n if (selected) {\n className += ` ${deliveryTShirtsStyles.Selected}`;\n }\n return (\n \n Needs {content}\n
\n );\n },\n};\n\nconst COMPLETED = {\n name: \"COMPLETED\",\n render: () => {\n return (\n \n \n \n );\n },\n};\n\nconst getStatus = (requiredStocks, lastUpdatedBy) => {\n if (!lastUpdatedBy) {\n return NEEDS_ON_HAND;\n }\n if (requiredStocks === 0) {\n return COMPLETED;\n }\n if (requiredStocks > 0) {\n return NEEDS_STOCKING;\n }\n return INVALID;\n};\n\nexport { getStatus, INVALID, NEEDS_ON_HAND, NEEDS_STOCKING, COMPLETED };\n","import { NEEDS_STOCKING } from \"../t-shirt/TShirtsStockingStatus\";\nimport AppUserGroups from \"../../../../services/AppUserGroups\";\n\nconst INVENTORY = {\n name: \"Inventory\",\n canSelect: true,\n checkDisabled: () => false,\n canAccess: (userGroups) => AppUserGroups.hasAdminAccess(userGroups),\n};\n\nconst STOCKING = {\n name: \"Stocking\",\n canSelect: true,\n canAccess: (userGroups) => AppUserGroups.hasTShirtsStockingAccess(userGroups),\n checkDisabled: ({ mode, restaurant }) => {\n if (\n mode &&\n mode.name === INVENTORY.name &&\n restaurant &&\n restaurant.selectedTShirt &&\n restaurant.selectedTShirt.status\n ) {\n return restaurant.selectedTShirt.status.name !== NEEDS_STOCKING.name;\n }\n return false;\n },\n};\n\nexport { STOCKING, INVENTORY };\n","import React from \"react\";\nimport deliveryTShirtsStyles from \"./TShirtsStocking.module.css\";\nimport { COMPLETED, getStatus, NEEDS_ON_HAND } from \"./t-shirt/TShirtsStockingStatus\";\nimport AppDayModel from \"../../../components/day/AppDayModel\";\nimport { AppTShirtTransaction } from \"../TShirtsResources\";\nimport { STOCKING } from \"./mode/TShirtsStockingModes\";\n\nfunction computeGridColumns({ sizes, restaurant: { selectedTShirt } }, width) {\n if (!selectedTShirt?.data || !Array.isArray(sizes)) {\n return;\n }\n\n let labelWidth = 120; // px size of label on regular screen\n let selectedItemWidth = 300; // px size of selected item on regular screen\n\n if (width < 500) {\n labelWidth = 40; // px size of label on <500px screen\n selectedItemWidth = 120; // px size of selected item on <500px screen\n }\n\n if (width < 1000) {\n labelWidth = 60; // px size of label btw 500px and 1000px screen\n selectedItemWidth = 180; // px size of selected item btw 500px and 1000px screen\n }\n\n const gridTemplateColumns = sizes.reduce((acc, size) => {\n acc += `${\n size.data.id === selectedTShirt?.size?.data?.id\n ? `minmax(${selectedItemWidth}px, 2fr)`\n : \"1fr\"\n } `;\n return acc;\n }, `${labelWidth}px `);\n\n return { gridTemplateColumns };\n}\n\nfunction computeRequiredPacks(tShirt) {\n const max = tShirt.data.stockCapacity;\n const par = tShirt.data.par;\n const packSize = tShirt.data.packSize;\n const quantity = getInventoryQuantity(tShirt) - tShirt.stockedQuantity;\n\n return quantity >= par ? 0 : Math.floor((max - quantity) / packSize);\n}\n\nfunction computeAvailableInventory(tShirt) {\n const quantity = getMasterInventoryQuantity(tShirt);\n const packSize = tShirt.data.packSize;\n return splitQuantityIntoPacksAndItems(quantity, packSize);\n}\n\nfunction computeAvailableInventoryLabel(packs, items, quantity) {\n const display = (qty, nameSgl) => {\n if (qty === 1) {\n return {`${qty} ${nameSgl}`};\n }\n return {`${qty} ${nameSgl}s`};\n };\n\n const itemSgl = \"T-Shirt\";\n const packSgl = \"Pack\";\n\n let label = [];\n if (packs === 0) {\n if (items === 0) {\n label.push(No stock!);\n } else {\n label.push(display(items, itemSgl));\n }\n } else if (packs > 0) {\n if (items === 0) {\n label.push(display(packs, packSgl));\n } else {\n label.push([display(packs, packSgl), \" + \", display(items, itemSgl)]);\n }\n }\n if (typeof quantity === \"number\") {\n label.push(Total: {quantity});\n }\n\n return label;\n}\n\nfunction displayAvailableInventory(tShirt) {\n const quantity = getMasterInventoryQuantity(tShirt);\n const [packs, items] = computeAvailableInventory(tShirt);\n\n return (\n \n {computeAvailableInventoryLabel(packs, items, quantity)}\n
\n );\n}\n\nfunction splitQuantityIntoPacksAndItems(quantity, packSize) {\n return [Math.floor(quantity / packSize), quantity % packSize];\n}\n\nfunction getMasterInventoryQuantity(tShirt) {\n return tShirt.masterInventory;\n}\n\nfunction getInventoryQuantity(tShirt) {\n if (tShirt.inventory && tShirt.inventory.data) {\n return tShirt.inventory.data.quantity || 0;\n } else {\n throw Error(\"Invalid or missing inventory!\");\n }\n}\n\nfunction findNextTShirt(tShirtStyles, tShirt, status) {\n const tShirts = Object.values(tShirtStyles).flat();\n const index = tShirt\n ? tShirts.findIndex(\n ({ data: { id, name } }) => id === tShirt.data.id && name === tShirt.data.name\n )\n : -1;\n for (let i = index + 1; i < tShirts.length + index - 1; i++) {\n if (!status || tShirts[i % tShirts.length]?.status?.name === status.name) {\n return tShirts[i % tShirts.length];\n }\n }\n return null;\n}\n\nfunction updateTShirtMetadata(tShirt) {\n if (!tShirt?.inventory?.data) {\n return tShirt;\n }\n\n const requiredStock = TShirtsStockingUtils.computeRequiredPacks(tShirt);\n const status = getStatus(requiredStock, tShirt.inventory.data.lastUpdatedBy);\n return Object.assign(tShirt, {\n requiredStock,\n status,\n });\n}\n\nasync function createTShirtTransaction(tShirtId, type, quantity, createdAt, createdBy) {\n return AppTShirtTransaction.getModel().api.create({\n tShirtId,\n type,\n quantity,\n createdAt,\n createdBy,\n });\n}\n\nasync function submitStockTShirtTransaction(tShirt, quantity, appState) {\n const createdAt = AppDayModel.getCurrentUnixTime();\n const createdBy = appState.user.name;\n return createTShirtTransaction(tShirt.data.id, \"STOCK\", -quantity, createdAt, createdBy);\n}\n\nasync function supplyTShirt(tShirt, quantity, appState) {\n const createdAt = AppDayModel.getCurrentUnixTime();\n const createdBy = appState.user.name;\n return createTShirtTransaction(tShirt.data.id, \"SUPPLY\", quantity, createdAt, createdBy);\n}\n\nfunction findTShirtBySize(size, tShirt) {\n return tShirt?.size?.data?.id === size?.data?.id;\n}\n\nfunction isValidTShirtStocking(tShirtsStocking, tShirtStyleSet, appState) {\n return (\n !tShirtsStocking?.sizes ||\n !tShirtsStocking?.restaurant ||\n !tShirtsStocking?.mode ||\n !Array.isArray(tShirtStyleSet) ||\n !appState?.user\n );\n}\n\nfunction isValidTShirtStockingForStatus(tShirtsStocking) {\n return tShirtsStocking?.restaurant?.tShirtModels && tShirtsStocking?.mode;\n}\n\nfunction hasNoStocking(tShirtsStocking, tShirtStyleSet) {\n return (\n tShirtsStocking?.mode?.name === STOCKING.name &&\n tShirtStyleSet.every((tShirt) => tShirt?.status?.name === COMPLETED.name)\n );\n}\n\nfunction tShirtToSizeMappingReduce(tShirtStyleSet, tShirtStyleName, mapping, size) {\n const tShirt = tShirtStyleSet.find(TShirtsStockingUtils.findTShirtBySize.bind(null, size));\n const key = `tShirt-${tShirtStyleName}-size-${size?.data?.id}`;\n\n mapping.push({ key, tShirt, size });\n return mapping;\n}\n\nfunction isStockingMode(tShirtsStocking) {\n return tShirtsStocking?.mode?.name === STOCKING.name;\n}\n\nfunction extractAllTShirtsFromStyles(tShirtsStocking) {\n return Object.values(tShirtsStocking?.restaurant?.tShirtStyles).flat();\n}\n\nfunction someTShirtsNeedOnHand(tShirts) {\n return tShirts.some((tShirt) => tShirt?.status?.name === NEEDS_ON_HAND.name);\n}\n\nfunction allTShirtsAreCompleted(tShirts) {\n return tShirts.every((tShirt) => tShirt?.status?.name === COMPLETED.name);\n}\n\nconst TShirtsStockingUtils = {\n computeGridColumns,\n computeRequiredPacks,\n computeAvailableInventoryLabel,\n splitQuantityIntoPacksAndItems,\n displayAvailableInventory,\n getMasterInventoryQuantity,\n findNextTShirt,\n updateTShirtStockMetadata: updateTShirtMetadata,\n submitStockTShirtTransaction,\n supplyTShirt,\n findTShirtBySize,\n isValidTShirtStocking,\n hasNoStocking,\n tShirtToSizeMappingReduce,\n isValidTShirtStockingForStatus,\n isStockingMode,\n extractAllTShirtsFromStyles,\n someTShirtsNeedOnHand,\n allTShirtsAreCompleted,\n};\n\nexport default TShirtsStockingUtils;\n","import React, { createContext, useCallback, useContext, useEffect, useReducer } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/global-spinner/GlobalSpinnerContext\";\nimport { fetchResources } from \"../../../../resources/ResourcesService\";\n\nimport AppUserGroups from \"../../../../services/AppUserGroups\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport { STOCKING } from \"../mode/TShirtsStockingModes\";\nimport { NEEDS_STOCKING } from \"../t-shirt/TShirtsStockingStatus\";\nimport TShirtsStockingUtils from \"../TShirtsStockingUtils\";\nimport AppContextValidator from \"../../../../context/AppContextValidator\";\nimport AppDayModel from \"../../../../components/day/AppDayModel\";\nimport AppUtilsService from \"../../../../services/AppUtilsService\";\nimport { AppRestaurant } from \"../../../admin/AdminResources\";\nimport {\n AppTShirt,\n AppTShirtInventory,\n AppTShirtInventoryMeta,\n AppTShirtSize,\n AppTShirtStyle,\n AppTShirtTransaction,\n} from \"../../TShirtsResources\";\nimport OnHandDailyGenerator from \"../../../on-hand/services/OnHandDailyGenerator\";\nimport OnHandItemContext from \"../../../on-hand/context/OnHandItemContext\";\n\nconst TShirtsStockingContext = createContext({});\n\nconst INIT = \"INIT\";\nconst CHANGE_RESTAURANT = \"CHANGE_RESTAURANT\";\nconst CHANGE_MODE = \"CHANGE_MODE\";\nconst SELECT_T_SHIRT = \"SELECT_T_SHIRT\";\nconst STOCK_T_SHIRT = \"STOCK_T_SHIRT\";\nconst MASTER_INVENTORY_T_SHIRT = \"MASTER_INVENTORY_T_SHIRT\";\n\nconst reducer = (state, action) => {\n if (action.type === SELECT_T_SHIRT) {\n state.restaurant = Object.assign(state.restaurant, action.payload);\n state.restaurants[state.restaurant.index] = state.restaurant;\n return { ...state };\n }\n return { ...state, ...action.payload };\n};\n\nconst TShirtsStockingProvider = ({ children }) => {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { appState } = useContext(AppContext);\n const [tShirtsStocking, dispatch] = useReducer(reducer, {\n restaurants: [],\n restaurant: null,\n mode: STOCKING,\n });\n\n // methods\n const changeRestaurant = useCallback(\n (restaurant) => {\n return dispatch({ type: CHANGE_RESTAURANT, payload: { restaurant } });\n },\n [dispatch]\n );\n\n const changeMode = useCallback(\n (mode) => {\n return dispatch({ type: CHANGE_MODE, payload: { mode } });\n },\n [dispatch]\n );\n\n const selectTShirt = useCallback(\n (selectedTShirt) => {\n return dispatch({ type: SELECT_T_SHIRT, payload: { selectedTShirt } });\n },\n [dispatch]\n );\n\n // submit stock transaction\n // update t-Shirt metadata\n // load next t-Shirt\n const stockTShirt = useCallback(\n async (restaurant, tShirt, stockQuantity) => {\n setGlobalSpinner(true);\n await TShirtsStockingUtils.submitStockTShirtTransaction(\n tShirt,\n stockQuantity,\n appState\n );\n tShirt.masterInventory -= stockQuantity;\n // locally increase the on hand quantity\n tShirt.inventory.data.quantity += stockQuantity;\n\n // update tShirt local metadata\n updateLocalTShirtMetadata(restaurant, tShirt);\n navigateToNextTShirt(restaurant, tShirt);\n setGlobalSpinner(false);\n\n return dispatch({ type: STOCK_T_SHIRT, payload: { restaurant } });\n\n /* ----------- */\n function updateLocalTShirtMetadata(restaurant, tShirt) {\n const tShirtIndex = getTShirtByIndex(restaurant, tShirt);\n const tShirtStyleId = tShirt.data.styleId;\n restaurant.tShirtStyles[tShirtStyleId][tShirtIndex] =\n TShirtsStockingUtils.updateTShirtStockMetadata(tShirt);\n\n /* ----------- */\n function getTShirtByIndex(restaurant, tShirt) {\n return restaurant.tShirtStyles[tShirt.data.styleId].findIndex(\n ({ data: { id } }) => id === tShirt.data.id\n );\n }\n }\n\n function navigateToNextTShirt(restaurant, tShirt) {\n restaurant.selectedTShirt = TShirtsStockingUtils.findNextTShirt(\n restaurant.tShirtStyles,\n tShirt,\n NEEDS_STOCKING\n );\n }\n },\n [dispatch]\n );\n\n // todo: move to lambda\n const loadData = useCallback(\n async (userGroups, day, setGlobalSpinner, userName, sectionName) => {\n try {\n setGlobalSpinner(true);\n // 1. Gather data\n const appRestaurantsFilter = { type: { eq: \"RESTAURANT\" } };\n const [appRestaurants] = await fetchResources([\n [AppRestaurant, appRestaurantsFilter],\n ]);\n let { restaurants, restaurantFilter } = AppUserGroups.getUserRestaurantWithFilter(\n appRestaurants,\n userGroups\n );\n\n const createdUntilNextDayFilter = {\n createdAt: { lt: AppDayModel.getNextDayUnixTime(day.data.time) },\n };\n let [tShirts, sizes, styles, tShirtTransactions] = await fetchResources([\n [AppTShirt, restaurantFilter],\n [AppTShirtSize],\n [AppTShirtStyle],\n [AppTShirtTransaction, createdUntilNextDayFilter],\n ]);\n\n const onHandTShirtsDailyGenerator = new OnHandDailyGenerator(\n AppTShirtInventoryMeta,\n AppTShirtInventory,\n \"tShirtId\"\n );\n\n const tShirtsInventoryMeta = await OnHandDailyGenerator.listMeta(\n AppTShirtInventoryMeta,\n day\n );\n restaurants = OnHandItemContext.attachMetaToRestaurants(\n restaurants,\n tShirtsInventoryMeta,\n day\n );\n\n const inventories = await onHandTShirtsDailyGenerator.loadInventories(\n restaurants, // need inventory meta\n tShirts,\n day,\n userName,\n sectionName\n );\n\n // 2. Aggregate data\n const itemSizesById = sizes.reduce(AppUtilsService.groupDataByItem(\"id\"), {});\n const itemStylesById = styles.reduce(AppUtilsService.groupDataByItem(\"id\"), {});\n const inventoriesByItemId = inventories.reduce(\n AppUtilsService.groupDataByItem(\"tShirtId\"),\n {}\n );\n\n const tShirtTransactionsByTShirtId = tShirtTransactions.reduce(\n (acc, tShirtTransaction) => {\n const tShirtId = tShirtTransaction.data.tShirtId;\n acc[tShirtId] = acc[tShirtId] || [];\n acc[tShirtId].push(tShirtTransaction);\n return acc;\n },\n {}\n );\n\n // 3.1. Decorate data: attach related models (size, inventory, masterInventory)\n tShirts = tShirts.map((tShirt) => {\n const {\n data: { id, sizeId, styleId },\n } = tShirt;\n const size = itemSizesById[sizeId];\n const style = itemStylesById[styleId];\n const transactions = tShirtTransactionsByTShirtId[id] || [];\n const stockTransactions = getStockTransactionsForToday(\n transactions,\n day?.time || 0\n );\n const stockedQuantity = stockTransactions.reduce((acc, curr) => {\n const {\n data: { quantity },\n } = curr;\n acc += quantity;\n return acc;\n }, 0);\n const inventory = inventoriesByItemId[id];\n const masterInventory = getMasterInventoryFromTransactions(transactions);\n return Object.assign(tShirt, {\n size,\n style,\n inventory,\n masterInventory,\n stockTransactions,\n stockedQuantity,\n });\n });\n\n // 3.2. Decorate data: compute metadata (requiredPacks, status)\n tShirts = tShirts.map(TShirtsStockingUtils.updateTShirtStockMetadata);\n\n // 4. set context\n sizes = sizes.sort((a, b) => a.data.id - b.data.id);\n\n restaurants = restaurants.map((restaurant, index) => {\n restaurant.tShirtStyles = tShirts\n .filter((tShirt) => tShirt.data.restaurantId === restaurant.data.id)\n .reduce(AppUtilsService.groupDataByList(\"styleId\"), {});\n restaurant.index = index;\n restaurant.selectedTShirt = TShirtsStockingUtils.findNextTShirt(\n restaurant.tShirtStyles,\n null,\n NEEDS_STOCKING\n );\n return restaurant;\n });\n\n const restaurant = restaurants[0];\n\n setGlobalSpinner(false);\n\n return dispatch({\n type: INIT,\n payload: { restaurants, restaurant, sizes },\n });\n\n /* --------- */\n function getMasterInventoryFromTransactions(transactions) {\n return transactions.reduce(\n (acc, { data: { quantity } }) => (acc += quantity),\n 0\n );\n }\n\n function getStockTransactionsForToday(transactions, dayTime) {\n return transactions.filter((transaction) => {\n const {\n data: { createdAt, type },\n } = transaction;\n return isStockTransactionForToday(createdAt, dayTime, type);\n });\n\n /* ------- */\n function isStockTransactionForToday(createdAt, dayTime, type) {\n return (\n createdAt >= dayTime &&\n createdAt < dayTime + 24 * 60 * 60 &&\n type === \"STOCK\"\n );\n }\n }\n } catch (e) {\n throw Error(e.message);\n } finally {\n setGlobalSpinner(false);\n }\n },\n [dispatch]\n );\n\n const updateTShirtMasterInventory = useCallback(\n async (diff, tShirt, restaurant) => {\n setGlobalSpinner(true);\n await TShirtsStockingUtils.supplyTShirt(tShirt, diff, appState);\n tShirt.masterInventory += diff;\n // replace TShirt START\n const tShirtIndex = restaurant.tShirtStyles[tShirt.data.styleId].findIndex(\n ({ data: { id } }) => id === tShirt.data.id\n );\n if (tShirtIndex >= 0) {\n restaurant.tShirtStyles[tShirt.data.styleId][tShirtIndex] = tShirt;\n }\n // replace TShirt END\n restaurant.selectedTShirt = TShirtsStockingUtils.findNextTShirt(\n restaurant.tShirtStyles,\n tShirt\n );\n setGlobalSpinner(false);\n return dispatch({ type: MASTER_INVENTORY_T_SHIRT, payload: { restaurant } });\n },\n [dispatch]\n );\n\n useEffect(() => {\n if (AppContextValidator.isValid(appState)) {\n loadData(appState.user.groups, appState.day, setGlobalSpinner);\n }\n }, [appState.day, appState.user]);\n\n // define the methods exported, wrapped\n const value = {\n tShirtsStocking,\n changeRestaurant,\n changeMode,\n selectTShirt,\n stockTShirt,\n updateTShirtMasterInventory,\n };\n\n return (\n {children}\n );\n};\n\nexport { TShirtsStockingContext, TShirtsStockingProvider };\n","import React, { useContext } from \"react\";\nimport deliveryTShirtsStyles from \"./TShirtsStocking.module.css\";\n\nimport { TShirtsStockingContext } from \"./context/TShirtsStockingContext\";\nimport Select from \"@material-ui/core/Select\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\n\nconst TShirtsStockingRestaurant = () => {\n const { tShirtsStocking, changeRestaurant } = useContext(TShirtsStockingContext);\n\n if (!tShirtsStocking.restaurant) {\n console.info(\"Invalid restaurant\");\n return ;\n }\n\n return (\n \n changeRestaurant(event.target.value)}\n >\n {tShirtsStocking.restaurants.map((restaurant) => {\n return (\n \n );\n })}\n \n \n );\n};\n\nexport default TShirtsStockingRestaurant;\n","import React, { useContext } from \"react\";\nimport deliveryTShirtsStyles from \"../TShirtsStocking.module.css\";\nimport { TShirtsStockingContext } from \"../context/TShirtsStockingContext\";\nimport ButtonGroup from \"@material-ui/core/ButtonGroup\";\nimport Button from \"@material-ui/core/Button\";\nimport { INVENTORY, STOCKING } from \"./TShirtsStockingModes\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport AppContextValidator from \"../../../../context/AppContextValidator\";\n\nconst TShirtsStockingModeSwitch = () => {\n const { appState } = useContext(AppContext);\n const { tShirtsStocking, changeMode } = useContext(TShirtsStockingContext);\n\n if (!tShirtsStocking.mode || !AppContextValidator.isValidUser(appState.user)) {\n console.info(\"Invalid tShirtsStocking mode or app user\");\n return ;\n }\n\n const getVariant = ({ name }) => {\n return tShirtsStocking.mode.name === name ? \"contained\" : \"outlined\";\n };\n\n return (\n \n {[STOCKING, INVENTORY].map((mode) => {\n const disabled =\n mode.checkDisabled(tShirtsStocking) || !mode.canAccess(appState.user.groups);\n return (\n changeMode(mode)}\n >\n {mode.name}\n \n );\n })}\n \n );\n};\n\nexport default TShirtsStockingModeSwitch;\n","import { useEffect, useState } from \"react\";\n\nfunction getWindowDimensions() {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height,\n };\n}\n\nexport default function useWindowDimensions() {\n const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n\n useEffect(() => {\n function handleResize() {\n setWindowDimensions(getWindowDimensions());\n }\n\n window.addEventListener(\"resize\", handleResize);\n return () => window.removeEventListener(\"resize\", handleResize);\n }, []);\n\n return windowDimensions;\n}\n","import React, { useContext, useEffect } from \"react\";\nimport deliveryTShirtsStyles from \"./TShirtsStocking.module.css\";\nimport tShirtsStockingItemStyles from \"./TShirtsStockingItem.module.css\";\nimport tShirtsStockingHeaderStyles from \"./TShirtsStockingHeader.module.css\";\nimport { TShirtsStockingContext } from \"./context/TShirtsStockingContext\";\nimport TShirtsStockingUtils from \"./TShirtsStockingUtils\";\nimport useWindowDimensions from \"../../../hooks/useWindowDimensions\";\n\nconst TShirtsStockingHeader = () => {\n const { width } = useWindowDimensions();\n const { tShirtsStocking } = useContext(TShirtsStockingContext);\n\n useEffect(() => {}, [width]);\n\n if (!tShirtsStocking.sizes || !tShirtsStocking.restaurant) {\n console.info(\"Invalid tShirtsStocking sizes or restaurant\");\n return ;\n }\n\n const selectedSizeId = tShirtsStocking.restaurant.selectedTShirt\n ? tShirtsStocking.restaurant.selectedTShirt.size.data.id\n : null;\n\n return [\n \n Style/Size\n {tShirtsStocking.sizes.map(({ data: { id, name } }) => {\n const className = id === selectedSizeId ? deliveryTShirtsStyles.SizeSelected : \"\";\n return {name};\n })}\n ,\n ];\n};\n\nexport default TShirtsStockingHeader;\n","import React, { useContext } from \"react\";\nimport deliveryTShirtsSelectedStockingStyles from \"./TShirtsStockingSelectedStocking.module.css\";\nimport Button from \"@material-ui/core/Button\";\nimport { NEEDS_STOCKING } from \"../../TShirtsStockingStatus\";\nimport TShirtsStockingUtils from \"../../../TShirtsStockingUtils\";\nimport Divider from \"@material-ui/core/Divider\";\nimport { TShirtsStockingContext } from \"../../../context/TShirtsStockingContext\";\n\nconst TShirtsStockingSelectedStocking = ({ tShirt }) => {\n const { tShirtsStocking, stockTShirt } = useContext(TShirtsStockingContext);\n\n if (!tShirt.status || tShirt.status.name !== NEEDS_STOCKING.name) {\n console.info(\"Missing tShirt status or not stocking!\");\n return ;\n }\n\n const displayRequiredStock = (quantity, packSize) => {\n const disabled = quantity === 0;\n let message = No Stock!;\n if (!disabled) {\n const [takenPacks, takenItems] = TShirtsStockingUtils.splitQuantityIntoPacksAndItems(\n quantity,\n packSize\n );\n message = (\n \n Take{\" \"}\n {TShirtsStockingUtils.computeAvailableInventoryLabel(takenPacks, takenItems)}\n \n );\n }\n\n return { disabled, message };\n };\n\n const packSize = tShirt.data.packSize;\n const requiredStockQuantity = tShirt.requiredStock * packSize;\n const availableStockQuantity = TShirtsStockingUtils.getMasterInventoryQuantity(tShirt);\n const [availablePacks, availableItems] = TShirtsStockingUtils.splitQuantityIntoPacksAndItems(\n availableStockQuantity,\n packSize\n );\n const availableStockDisplay = TShirtsStockingUtils.computeAvailableInventoryLabel(\n availablePacks,\n availableItems\n );\n const possibleStockQuantity = Math.min(requiredStockQuantity, availableStockQuantity);\n\n const { disabled, message } = displayRequiredStock(possibleStockQuantity, packSize);\n\n const getTakeBtnClassName = () => {\n if (availableStockQuantity === 0) {\n return deliveryTShirtsSelectedStockingStyles.StockNoStock;\n }\n if (availableStockQuantity < requiredStockQuantity) {\n return deliveryTShirtsSelectedStockingStyles.StockPartial;\n }\n return deliveryTShirtsSelectedStockingStyles.StockSuccess;\n };\n\n return (\n \n
\n \n stockTShirt(tShirtsStocking.restaurant, tShirt, possibleStockQuantity)\n }\n disabled={disabled}\n size={\"small\"}\n className={getTakeBtnClassName()}\n variant={\"contained\"}\n >\n {message}\n \n
\n
\n
\n Available:\n {availableStockDisplay}\n
\n
\n {resourceEdit(\n \"packs\",\n () => update(-5),\n () => update(-1),\n () => update(1),\n () => update(5)\n )}\n {resourceEdit(\n \"items\",\n null,\n () => update(-1, 1),\n () => update(1, 1),\n null\n )}\n
\n \n \n Submit\n \n
\n
\n
\n
\n {header}\n
\n \n \n \n
\n
{content()}
\n
\n {tShirt?.status?.render(tShirt.requiredStock, isSelectedTShirt)}\n
\n );\n if (isSelectedTShirt) {\n return ;\n }\n return header;\n case INVENTORY.name:\n let className = `${deliveryTShirtsStyles.MasterInventory}`;\n if (isSelectedTShirt) {\n className += ` ${deliveryTShirtsStyles.Selected}`;\n }\n header = (\n \n {TShirtsStockingUtils.displayAvailableInventory(tShirt)}\n
\n );\n if (isSelectedTShirt) {\n return ;\n }\n return header;\n default:\n return header;\n }\n};\n\nexport default TShirtsStockingItem;\n","import React, { useContext, useEffect } from \"react\";\nimport deliveryTShirtsStyles from \"../TShirtsStocking.module.css\";\nimport tShirtsStockingItemStyles from \"../TShirtsStockingItem.module.css\";\nimport { TShirtsStockingContext } from \"../context/TShirtsStockingContext\";\nimport TShirtsStockingItem from \"./TShirtsStockingItem\";\nimport TShirtsStockingUtils from \"../TShirtsStockingUtils\";\nimport { AppContext } from \"../../../../context/AppContext\";\nimport useWindowDimensions from \"../../../../hooks/useWindowDimensions\";\n\nconst TShirtsStockingStyle = ({ tShirtStyleSet }) => {\n const { width } = useWindowDimensions();\n const { appState } = useContext(AppContext);\n const { tShirtsStocking } = useContext(TShirtsStockingContext);\n\n useEffect(() => {}, [width]);\n\n // expect sizes, restaurant, mode to be set and tShirtStyleSet to be a valid Array\n if (TShirtsStockingUtils.isValidTShirtStocking(tShirtsStocking, tShirtStyleSet, appState)) {\n return Invalid state!
;\n }\n\n // block users without access\n if (!tShirtsStocking.mode.canAccess(appState.user.groups)) {\n return Access Restricted!
;\n }\n\n // filter out fully completed tShirt models from STOCKING\n // if (TShirtsStockingUtils.hasNoStocking(tShirtStyleSet)) {\n // return null;\n // }\n\n const tShirtStyleName = tShirtStyleSet[0]?.style?.data?.name;\n const tShirtStyleSelected =\n tShirtsStocking?.restaurant?.selectedTShirt?.data?.name === tShirtStyleName;\n const tShirtStyleClassName = tShirtStyleSelected ? deliveryTShirtsStyles.NameSelected : \"\";\n const tShirtsDisplay = tShirtsStocking.sizes\n .reduce(\n TShirtsStockingUtils.tShirtToSizeMappingReduce.bind(\n null,\n tShirtStyleSet,\n tShirtStyleName\n ),\n []\n )\n .map(({ key, tShirt }) => );\n\n return (\n \n {tShirtStyleName}\n {tShirtsDisplay}\n \n );\n};\n\nexport default TShirtsStockingStyle;\n","import React, { useContext } from \"react\";\nimport deliveryTShirtsStyles from \"./TShirtsStocking.module.css\";\nimport { TShirtsStockingContext } from \"./context/TShirtsStockingContext\";\nimport TShirtsStockingStyle from \"./t-shirt/TShirtsStockingStyle\";\n\nconst TShirtsStockingContent = () => {\n const { tShirtsStocking } = useContext(TShirtsStockingContext);\n\n if (!tShirtsStocking.restaurant || !tShirtsStocking.restaurant.tShirtStyles) {\n console.info(\"Invalid dataEditorState restaurant or restaurant tShirtStyles\");\n return ;\n }\n\n const tShirtModelSets = Object.values(tShirtsStocking.restaurant.tShirtStyles)\n .map((tShirtStyleSet) => {\n return {\n order: tShirtStyleSet[0]?.style?.data?.order,\n tShirtStyleSet,\n };\n })\n .sort((a, b) => a.order - b.order);\n\n return (\n \n {tShirtModelSets.map(({ tShirtStyleSet }) => (\n \n ))}\n
\n );\n};\n\nexport default TShirtsStockingContent;\n","import React from \"react\";\nimport deliveryTShirtsStyles from \"../TShirtsStocking.module.css\";\nimport { COMPLETED } from \"../t-shirt/TShirtsStockingStatus\";\n\nconst TShirtsStockingStatusCompleted = () => {\n return {COMPLETED.render()}
;\n};\n\nexport default TShirtsStockingStatusCompleted;\n","import React from \"react\";\nimport deliveryTShirtsStyles from \"../TShirtsStocking.module.css\";\nimport { NEEDS_ON_HAND } from \"../t-shirt/TShirtsStockingStatus\";\n\nconst TShirtsStockingStatusNeedsOnHand = () => {\n return (\n \n {NEEDS_ON_HAND.render(\"On Hand Incomplete\", true)}\n
\n );\n};\n\nexport default TShirtsStockingStatusNeedsOnHand;\n","import React from \"react\";\nimport deliveryTShirtsStyles from \"../TShirtsStocking.module.css\";\nimport { NEEDS_STOCKING } from \"../t-shirt/TShirtsStockingStatus\";\n\nconst TShirtsStockingStatusRequiredStock = ({ tShirts }) => {\n const requiredStocks = tShirts.reduce((acc, { requiredStock }) => {\n acc += requiredStock;\n return acc;\n }, 0);\n\n return (\n \n {NEEDS_STOCKING.render(requiredStocks, true)}\n
\n );\n};\n\nexport default TShirtsStockingStatusRequiredStock;\n","import React, { useContext } from \"react\";\nimport { TShirtsStockingContext } from \"../context/TShirtsStockingContext\";\nimport TShirtsStockingUtils from \"../TShirtsStockingUtils\";\nimport TShirtsStockingStatusNeedsCompleted from \"./TShirtsStockingStatusNeedsCompleted\";\nimport TShirtsStockingStatusNeedsOnHand from \"./TShirtsStockingStatusNeedsOnHand\";\nimport TShirtsStockingStatusRequiredStock from \"./TShirtsStockingStatusRequiredStock\";\n\nconst TShirtsStockingStatus = () => {\n const { tShirtsStocking } = useContext(TShirtsStockingContext);\n\n // invalid data\n if (!TShirtsStockingUtils.isValidTShirtStockingForStatus(tShirtsStocking)) {\n return null;\n }\n\n // not stocking mode\n if (!TShirtsStockingUtils.isStockingMode(tShirtsStocking)) {\n return null;\n }\n\n const allTShirts = TShirtsStockingUtils.extractAllTShirtsFromStyles(tShirtsStocking);\n\n // needs on hand\n if (TShirtsStockingUtils.someTShirtsNeedOnHand(tShirtsStocking)) {\n return ;\n }\n\n // completed\n if (TShirtsStockingUtils.allTShirtsAreCompleted(tShirtsStocking)) {\n return ;\n }\n\n // required stock\n return ;\n};\n\nexport default TShirtsStockingStatus;\n","import React from \"react\";\nimport tShirtsStockingItemStyles from \"./TShirtsStockingItem.module.css\";\nimport TShirtsStockingRestaurant from \"./TShirtsStockingRestaurant\";\nimport TShirtsStockingModeSwitch from \"./mode/TShirtsStockingModeSwitch\";\nimport TShirtsStockingHeader from \"./TShirtsStockingHeader\";\nimport TShirtsStockingContent from \"./TShirtsStockingContent\";\nimport TShirtsStockingStatus from \"./status/TShirtsStockingStatus\";\n\nconst TShirtsStocking = () => {\n return (\n \n
\n \n \n \n
\n
\n \n \n
\n
\n {name}\n
,\n ];\n};\n\nexport default TShirtsStockingMenuItem;\n","import { ADMINS, DATA_EDITOR_USERS, MANAGERS, STORE_USERS } from \"../../services/AppUserGroupsData\";\nimport ContainerConfigBuilder from \"../ContainerConfigBuilder\";\nimport { ContainerPaths } from \"../ContainerPaths\";\nimport { ContainerConfigSection } from \"./../ContainerConfigSection\";\nimport DataEditorTShirts from \"./data-editor/DataEditorTShirts\";\nimport DataEditorTShirtsMenuItem from \"./data-editor/DataEditorTShirtsMenuItem\";\nimport OnHandTShirts from \"./on-hand/OnHandTShirts\";\nimport OnHandTShirtsMenuItem from \"./on-hand/OnHandTShirtsMenuItem\";\nimport SalesTShirts from \"./sales/SalesTShirts\";\nimport SalesTShirtsMenuItem from \"./sales/SalesTShirtsMenuItem\";\nimport TShirtsStockingWrp from \"./stocking/context/TShirtsStockingWrp\";\nimport TShirtsStockingMenuItem from \"./stocking/TShirtsStockingMenuItem\";\n\nexport const TShirtsContainerConfig: ContainerConfigSection = {\n OnHand: new ContainerConfigBuilder(\"On Hand\")\n .setPath(ContainerPaths.ON_HAND)\n .setUserAccess([STORE_USERS, MANAGERS, ADMINS])\n .setComponent(OnHandTShirts)\n .setMenuItem(OnHandTShirtsMenuItem)\n .build(),\n Delivery: new ContainerConfigBuilder(\"Stocking\")\n .setPath(ContainerPaths.STOCKING)\n .setUserAccess([STORE_USERS, MANAGERS, ADMINS])\n .setComponent(TShirtsStockingWrp)\n .setMenuItem(TShirtsStockingMenuItem)\n .build(),\n Sales: new ContainerConfigBuilder(\"Sales\")\n .setPath(ContainerPaths.SALES)\n .setUserAccess([MANAGERS, ADMINS])\n .setComponent(SalesTShirts)\n .setMenuItem(SalesTShirtsMenuItem)\n .build(),\n DataEditor: new ContainerConfigBuilder(\"Editor\")\n .setPath(ContainerPaths.EDITOR)\n .setUserAccess([DATA_EDITOR_USERS, ADMINS])\n .setComponent(DataEditorTShirts)\n .setMenuItem(DataEditorTShirtsMenuItem)\n .build(),\n};\n","import { AdminSectionConfig } from \"../admin/AdminSectionConfig\";\nimport { DpsSectionConfig } from \"../dps/DpsSectionConfig\";\nimport { FoodSectionConfig } from \"../food/FoodSectionConfig\";\nimport { OffSiteSectionConfig } from \"../off-site/OffSiteSectionConfig\";\nimport { OrdersSectionConfig } from \"../orders/OrdersSectionConfig\";\nimport { TShirtsSectionConfig } from \"../t-shirts/TShirtsSectionConfig\";\nimport { Section } from \"./Section\";\n\nconst Sections: Section[] = [\n FoodSectionConfig,\n OrdersSectionConfig,\n OffSiteSectionConfig,\n TShirtsSectionConfig,\n DpsSectionConfig,\n AdminSectionConfig,\n];\n\nexport default Sections;\n","import { ADMINS, DEVS, STORE_USERS } from \"../../services/AppUserGroupsData\";\nimport { SectionNames } from \"../sections/SectionNames\";\nimport { UserGroupType } from \"./../../services/AppUserGroupsData\";\nimport { ContainerConfig } from \"./../ContainerConfig\";\nimport { TShirtsContainerConfig } from \"./TShirtsContainerConfig\";\nimport { TShirtsSection } from \"./TShirtsSection\";\n\nconst tShirtsSectionPages: ContainerConfig[] = [\n TShirtsContainerConfig.OnHand,\n TShirtsContainerConfig.Delivery,\n TShirtsContainerConfig.DataEditor,\n];\n\nconst tShirtsSectionAllowedUserGroups: UserGroupType[] = [STORE_USERS, ADMINS, DEVS];\n\nconst isDisabledTShirtsSection = false;\n\nexport const TShirtsSectionConfig = new TShirtsSection(\n tShirtsSectionPages,\n SectionNames.T_SHIRTS,\n tShirtsSectionAllowedUserGroups,\n isDisabledTShirtsSection\n);\n","import React from \"react\";\nimport { IoIosShirt } from \"react-icons/io\";\nimport {\n ADMINS,\n DEVS,\n MANAGERS,\n STORE_USERS,\n UserGroupType,\n} from \"../../services/AppUserGroupsData\";\nimport ContainerBasePaths from \"../ContainerBasePaths\";\nimport { ContainerConfig } from \"../ContainerConfig\";\nimport { Section } from \"../sections/Section\";\nimport { TShirtsContainerConfig } from \"./TShirtsContainerConfig\";\n\nexport class TShirtsSection extends Section {\n renderIcon(disabled: boolean) {\n return ;\n }\n\n renderHeaderIcon() {\n return ;\n }\n\n renderHomeIcon() {\n return ;\n }\n\n getDefaultPath(userGroups: UserGroupType[]) {\n if (userGroups.includes(DEVS)) {\n return TShirtsContainerConfig.DataEditor.url;\n }\n\n if (userGroups.includes(ADMINS)) {\n return TShirtsContainerConfig.Sales.url;\n }\n\n if (userGroups.includes(MANAGERS)) {\n return TShirtsContainerConfig.Delivery.url;\n }\n\n if (userGroups.includes(STORE_USERS)) {\n return TShirtsContainerConfig.OnHand.url;\n }\n\n console.error(\"Couldn't match the user to any known section pages\", userGroups);\n return super.getDefaultPath(userGroups);\n }\n\n constructor(\n pages: ContainerConfig[],\n name: string,\n allowedGroups: UserGroupType[],\n disabled: boolean\n ) {\n super(pages, name, allowedGroups, disabled, ContainerBasePaths.T_SHIRTS);\n }\n}\n","import Sections from \"./Sections\";\n\nfunction checkIfGroupIsWithinAllowedListInSection(group, section) {\n return section.allowedGroups.includes(group);\n}\n\nfunction checkIfSectionShouldBeVisibleToGroups(section, groups) {\n return groups.some((group) => checkIfGroupIsWithinAllowedListInSection(group, section));\n}\n\nfunction getSectionsFromGroups(groups) {\n return Sections.filter((section) => checkIfSectionShouldBeVisibleToGroups(section, groups));\n}\n\nconst SectionsService = {\n getSectionsFromGroups,\n};\n\nexport default SectionsService;\n","import AppDayModel from \"../components/day/AppDayModel\";\nimport { Section } from \"../containers/sections/Section\";\nimport { UserGroupType } from \"../services/AppUserGroupsData\";\n\nexport type AppUserType = {\n name: string;\n groups: UserGroupType[];\n};\n\nexport enum AppContextActionType {\n INIT_APP = \"INIT_APP\",\n SELECT_DAY = \"SELECT_DAY\",\n SELECT_SECTION = \"SELECT_SECTION\",\n SHOW_SECTION_SELECTOR = \"SHOW_SECTION_SELECTOR\",\n HIDE_SECTION_SELECTOR = \"HIDE_SECTION_SELECTOR\",\n SET_SHOW_ERRORS = \"SET_SHOW_ERRORS\",\n SYNC_OFF_SITE_TASK_SELECTED_KEY = \"SYNC_OFF_SITE_TASK_SELECTED_KEY\",\n}\n\nexport type AppContextAction = {\n type: keyof typeof AppContextActionType;\n payload: any;\n};\n\nexport type AppStateType = {\n user: AppUserType;\n day: AppDayModel | null;\n sections: Section[];\n section: Section | null;\n showSectionSelector: boolean;\n showErrors: boolean;\n // exception to sync offsite; ideally this should not exist\n offSiteTaskSelectedKey?: undefined;\n};\n\nexport type AppContextType = {\n appState: AppStateType;\n initApp: Function;\n signOut: Function;\n selectDay: Function;\n selectSection: Function;\n showSectionSelector: Function;\n hideSectionSelector: Function;\n setShowErrors: Function;\n // exception: this should not be here\n syncOffSiteTaskSelectedKeyCallback: Function;\n};\n","import { AppStateType } from \"./AppContextTypes\";\n\nconst AppContextInit: AppStateType = {\n user: {\n name: \"Test\",\n groups: [],\n },\n day: null,\n sections: [],\n section: null,\n showSectionSelector: false,\n showErrors: false,\n};\n\nexport { AppContextInit };\n","import { AppContextAction } from \"./../types/AppTypes\";\nimport { AppStateType } from \"./AppContextTypes\";\n\nconst AppContextReducer = (state: AppStateType, action: AppContextAction): AppStateType => {\n return { ...state, ...action.payload };\n};\n\nexport { AppContextReducer };\n","export const APP_LOCAL_KEYS = {\n DAY_TIME: \"r20DayTime\",\n SECTION_NAME: \"r20SectionName\",\n};\n","import { Auth } from \"aws-amplify\";\nimport { createContext, ReactNode, useCallback, useReducer } from \"react\";\nimport AppDayModel from \"../components/day/AppDayModel\";\nimport { Section } from \"../containers/sections/Section\";\nimport SectionsService from \"../containers/sections/SectionsService\";\nimport { AppContextInit } from \"./AppContextInit\";\nimport { AppContextReducer } from \"./AppContextReducer\";\nimport { AppContextAction, AppContextActionType, AppContextType } from \"./AppContextTypes\";\nimport { APP_LOCAL_KEYS } from \"./AppLocalKeys\";\n\nconst AppContext = createContext({} as AppContextType);\n\nfunction AppContextProvider({ children }: { children: ReactNode }) {\n const [appState, dispatch] = useReducer(AppContextReducer, AppContextInit);\n\n const initApp = useCallback(async () => {\n const authUser = await Auth.currentAuthenticatedUser();\n\n const user = {\n name: authUser.username,\n groups: authUser.signInUserSession.idToken.payload[\"cognito:groups\"],\n };\n\n let day = new AppDayModel();\n let sections = SectionsService.getSectionsFromGroups(user.groups);\n let section = null;\n const showSectionSelector = false;\n\n // LOAD LOCAL SECTION\n const localSectionName = localStorage.getItem(APP_LOCAL_KEYS.SECTION_NAME);\n const localSections = sections.filter(({ name }) => name === localSectionName);\n if (localSections.length === 1 && !showSectionSelector) {\n section = localSections[0];\n }\n\n const action: AppContextAction = {\n type: AppContextActionType.INIT_APP,\n payload: { user, day, sections, section, showSectionSelector },\n };\n\n return dispatch(action);\n }, [dispatch]);\n\n const signOut = useCallback(() => {\n return Auth.signOut({ global: true })\n .then((data) => console.log(data))\n .catch((err) => console.log(err));\n }, [dispatch]);\n\n const selectDay = useCallback(\n async (day: AppDayModel) => {\n localStorage.setItem(APP_LOCAL_KEYS.DAY_TIME, String(day.data.time));\n\n const action: AppContextAction = {\n type: AppContextActionType.SELECT_DAY,\n payload: { day },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const selectSection = useCallback(\n (section: Section) => {\n if (!section || !Section.isValidSection(section)) {\n console.error(\"Failed to update context because of invalid section provided!\");\n return null;\n }\n\n localStorage.setItem(APP_LOCAL_KEYS.SECTION_NAME, section.name);\n\n const action: AppContextAction = {\n type: AppContextActionType.SELECT_SECTION,\n payload: { section, showSectionSelector: false },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const showSectionSelector = useCallback(() => {\n const action: AppContextAction = {\n type: AppContextActionType.SHOW_SECTION_SELECTOR,\n payload: { showSectionSelector: true },\n };\n\n return dispatch(action);\n }, [dispatch]);\n\n const hideSectionSelector = useCallback(() => {\n const action: AppContextAction = {\n type: AppContextActionType.HIDE_SECTION_SELECTOR,\n payload: { showSectionSelector: false },\n };\n\n return dispatch(action);\n }, [dispatch]);\n\n const setShowErrors = useCallback(\n (showErrors: boolean) => {\n const action: AppContextAction = {\n type: AppContextActionType.SET_SHOW_ERRORS,\n payload: { showErrors },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const syncOffSiteTaskSelectedKeyCallback = useCallback(\n (taskSelectedKey: string) => {\n const action: AppContextAction = {\n type: AppContextActionType.SYNC_OFF_SITE_TASK_SELECTED_KEY,\n payload: { offSiteTaskSelectedKey: taskSelectedKey },\n };\n\n return dispatch(action);\n },\n [dispatch]\n );\n\n const value: AppContextType = {\n appState,\n initApp,\n signOut,\n selectDay,\n selectSection,\n showSectionSelector,\n hideSectionSelector,\n setShowErrors,\n syncOffSiteTaskSelectedKeyCallback,\n };\n\n return {children};\n}\n\nexport { AppContext, AppContextProvider };\n","import React, { useContext } from \"react\";\nimport { AppContext } from \"../../context/AppContext\";\nimport AppContextValidator from \"../../context/AppContextValidator\";\nimport appHomeStyles from \"./AppHome.module.css\";\n\nfunction AppHome({ history, location }) {\n const { appState } = useContext(AppContext);\n\n if (!AppContextValidator.isValid(appState)) {\n console.info(\"Invalid appState in AppSectionHome\");\n return ;\n }\n\n return {appState.section.renderHome()}
;\n}\n\nexport default AppHome;\n","import DateFnsUtils from \"@date-io/date-fns\";\nimport { Button } from \"@material-ui/core\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport { KeyboardDatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\nimport \"date-fns\";\nimport React, { useContext, useEffect } from \"react\";\nimport { AiOutlineLeft, AiOutlineRight } from \"react-icons/ai\";\nimport { TiMediaRecord } from \"react-icons/ti\";\nimport { AppContext } from \"../../context/AppContext\";\nimport AppUserGroups from \"../../services/AppUserGroups\";\nimport appDayStyles from \"./AppDay.module.css\";\nimport AppDayModel from \"./AppDayModel\";\n\nexport default function AppDay() {\n const { appState, selectDay } = useContext(AppContext);\n const handleDateChange = (selectedDate, selectedDateLabel) => {\n return selectDay(new AppDayModel(selectedDate));\n };\n\n useEffect(() => {}, [appState.user]);\n\n if (!appState.day) {\n console.info(\"Invalid app day\");\n return ;\n }\n\n const currentDayIsToday = appState.day.data.time === AppDayModel.getTodayUnixTime();\n\n const disableFuture = !AppUserGroups.hasNonGuestAccess(appState.user.groups);\n\n const AppPrevDay = () => {\n const onGoPrevDay = () => {\n if (appState.day.data.time <= 1592193600) {\n // min date: 2020-06-15\n return;\n }\n selectDay(new AppDayModel(AppDayModel.getPrevDayUnixTime(appState.day.data.time)));\n };\n\n return (\n \n \n \n );\n };\n\n const AppToday = () => {\n const onGoToday = () => {\n if (!(currentDayIsToday && disableFuture)) {\n selectDay(new AppDayModel());\n }\n };\n\n return (\n \n \n \n );\n };\n\n const AppNextDay = () => {\n const onGoNextDay = () => {\n if (!(currentDayIsToday && disableFuture)) {\n selectDay(new AppDayModel(AppDayModel.getNextDayUnixTime(appState.day.data.time)));\n }\n };\n\n return (\n \n \n \n );\n };\n\n return (\n \n \n \n {AppPrevDay()}\n {AppToday()}\n {AppNextDay()}\n
\n \n \n \n );\n}\n","import React, { createContext, useCallback, useContext, useEffect, useReducer } from \"react\";\nimport { AppContext } from \"../../context/AppContext\";\nimport AppEmailService from \"../../services/AppEmailService\";\n\nconst AppFeedbackContext = createContext({});\n\nconst ACTIONS = {\n OPEN_DIALOG: \"OPEN_DIALOG\",\n CLOSE_DIALOG: \"CLOSE_DIALOG\",\n SEND_FEEDBACK: \"SEND_FEEDBACK\",\n};\n\nconst AppFeedbackReducer = (state, action) => {\n if (action.type === ACTIONS.SEND_FEEDBACK) {\n // ...\n state.isDialogOpen = false;\n }\n\n return { ...state, ...action.payload };\n};\n\nfunction AppFeedbackProvider({ children }) {\n const { appState } = useContext(AppContext);\n\n useEffect(() => {}, [appState.user, appState.day]);\n\n const [appFeedback, dispatch] = useReducer(AppFeedbackReducer, {\n isDialogOpen: false,\n });\n\n const openDialogWrp = useCallback(\n () => dispatch({ type: ACTIONS.OPEN_DIALOG, payload: { isDialogOpen: true } }),\n [dispatch]\n );\n\n const closeDialogWrp = useCallback(\n () => dispatch({ type: ACTIONS.CLOSE_DIALOG, payload: { isDialogOpen: false } }),\n [dispatch]\n );\n\n const sendFeedbackWrp = useCallback(\n async (email) => {\n let isDialogOpen = false;\n\n try {\n await AppEmailService.sendEmail(email);\n } catch (e) {\n throw Error(\"Failed to send feedback, please report error via email!\");\n }\n\n return dispatch({\n type: ACTIONS.SEND_FEEDBACK,\n payload: { feedback: null, isDialogOpen },\n });\n },\n [dispatch]\n );\n\n const value = {\n appFeedback,\n openDialog: openDialogWrp,\n closeDialog: closeDialogWrp,\n sendFeedback: sendFeedbackWrp,\n };\n\n return {children};\n}\n\nexport { AppFeedbackContext, AppFeedbackProvider };\n","import React, { useContext } from \"react\";\nimport { IconButton } from \"@material-ui/core\";\nimport { MdOutlineSmsFailed } from \"react-icons/md\";\nimport { AppFeedbackContext } from \"./AppFeedbackContext\";\n\nexport default function AppFeedbackButton() {\n const { openDialog } = useContext(AppFeedbackContext);\n\n return (\n \n \n \n );\n}\n","import React, { useContext, useState } from \"react\";\nimport styles from \"./AppFeedback.module.css\";\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n FormControl,\n FormControlLabel,\n FormLabel,\n Radio,\n RadioGroup,\n TextField,\n} from \"@material-ui/core\";\nimport { AppFeedbackContext } from \"./AppFeedbackContext\";\nimport { AppContext } from \"../../context/AppContext\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/global-spinner/GlobalSpinnerContext\";\nimport { buildEmailFeedback } from \"./AppFeedbackUtils\";\n\nconst TYPES = [\n { value: \"Bug\", label: \"Bug\" },\n { value: \"Proposal\", label: \"Proposal\" },\n];\n\nconst DEFAULT_TYPE_INDEX = 0;\n\nconst PRIORITIES = [\n { value: \"p1\", label: \"High\" },\n { value: \"p2\", label: \"Medium\" },\n { value: \"p3\", label: \"Low\" },\n];\n\nconst DEFAULT_PRIORITY_INDEX = 1;\n\nexport default function AppFeedbackDialog() {\n const { appState } = useContext(AppContext);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { appFeedback, closeDialog, sendFeedback } = useContext(AppFeedbackContext);\n const [typeIndexState, setTypeIndex] = useState(DEFAULT_TYPE_INDEX);\n const [priorityIndexState, setPriorityIndex] = useState(DEFAULT_PRIORITY_INDEX);\n const [detailsState, setDetails] = useState(\"\");\n\n const handleTypeChange = (event) => {\n return setTypeIndex(+event.target.value);\n };\n\n const handlePriorityChange = (event) => {\n return setPriorityIndex(+event.target.value);\n };\n\n const handleDetailsChange = (event) => {\n return setDetails(event.target.value);\n };\n\n const handleSendFeedback = async () => {\n setGlobalSpinner(true);\n const feedback = {\n type: TYPES[typeIndexState].value,\n priority: PRIORITIES[priorityIndexState].value,\n date: \"\",\n details: detailsState,\n userName: appState.user.name,\n day: appState.day.data.display,\n sentAt: new Date().getTime(),\n location: window.location.href,\n };\n const email = buildEmailFeedback(feedback);\n\n await sendFeedback(email);\n\n setGlobalSpinner(false);\n };\n\n return (\n \n \n Feedback Report\n \n \n \n \n Type\n \n \n {TYPES.map((type, typeIndex) => {\n return (\n }\n label={type.label}\n />\n );\n })}\n \n \n \n \n Priority\n \n \n {PRIORITIES.map((priority, priorityIndex) => {\n return (\n }\n label={priority.label}\n />\n );\n })}\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n","import React from \"react\";\nimport styles from \"./AppFeedback.module.css\";\nimport AppFeedbackButton from \"./AppFeedbackButton\";\nimport { AppFeedbackProvider } from \"./AppFeedbackContext\";\nimport AppFeedbackDialog from \"./AppFeedbackDialog\";\n\nexport default function AppFeedback() {\n return (\n \n \n \n );\n}\n","import React, { useContext } from \"react\";\nimport appSectionHeaderSelectorStyles from \"./SectionHeaderSelector.module.css\";\n\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppContextValidator from \"../../../context/AppContextValidator\";\nimport { Button } from \"@material-ui/core\";\n\nconst SectionHeaderSelector = () => {\n const { appState, showSectionSelector } = useContext(AppContext);\n\n if (!AppContextValidator.isValid(appState)) {\n console.info(\"Invalid app state for SectionHeaderSelector\");\n return ;\n }\n\n return (\n \n \n {appState.section.renderHeaderIcon()}\n
\n {appState.section.name}
\n \n );\n};\n\nexport default SectionHeaderSelector;\n","import React, { useContext, useEffect } from \"react\";\nimport AppDay from \"../../components/day/AppDay\";\nimport AppFeedback from \"../../containers/feedback/AppFeedback\";\nimport SectionHeaderSelector from \"../../containers/sections/header/SectionHeaderSelector\";\nimport { AppContext } from \"../../context/AppContext\";\nimport appHeaderStyles from \"./AppHeader.module.css\";\n\nexport default function AppHeader() {\n const { appState } = useContext(AppContext);\n\n useEffect(() => {}, [appState.section]);\n\n const AppHeaderComponent = appState.section.tasksComponent || AppDay;\n\n return (\n \n );\n}\n","import React, { useContext, useEffect } from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport { Section } from \"../../containers/sections/Section\";\nimport { AppContext } from \"../../context/AppContext\";\nimport AppContextValidator from \"../../context/AppContextValidator\";\nimport appMenuStyles from \"./AppMenu.module.css\";\n\nconst AppMenu = () => {\n const { appState } = useContext(AppContext);\n\n useEffect(() => {}, [appState.section, appState.user]);\n\n if (!AppContextValidator.isValidUser(appState.user)) {\n console.info(\"Invalid user!\");\n return ;\n }\n\n if (!Section.isValidSection(appState.section)) {\n console.info(\"Invalid section!\");\n return ;\n }\n\n const userAccessiblePages = appState.section.pages.filter(({ userAccess }) => {\n return userAccess(appState.user);\n });\n\n return (\n \n );\n};\n\nexport default AppMenu;\n","import React, { useContext, useEffect } from \"react\";\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\nimport { Auth } from \"aws-amplify\";\nimport { AppContext } from \"../context/AppContext\";\nimport AppContextValidator from \"../context/AppContextValidator\";\nimport AppUtilsService from \"../services/AppUtilsService\";\nimport \"./AppLayout.module.css\";\nimport appLayoutStyles from \"./AppLayout.module.css\";\nimport AppHeader from \"./header/AppHeader\";\nimport AppMenu from \"./menu/AppMenu\";\n\nexport default function AppLayout(props: any) {\n const { children } = props;\n const { appState } = useContext(AppContext);\n\n useEffect(() => {}, [appState.day, appState.section, appState.showSectionSelector]);\n\n if (!AppContextValidator.isValid(appState)) {\n console.info(\"Invalid app Stat\");\n return ;\n }\n\n const envName = AppUtilsService.getEnvName(Auth);\n\n if (envName === \"test\") {\n document.title = \"Test | OCMD App\";\n }\n\n const className = `${appLayoutStyles.Main} ${\n envName === \"test\" ? appLayoutStyles.TestEnv : \"\"\n }`;\n\n return (\n \n );\n}\n","import React, { useContext, useEffect } from \"react\";\nimport { BrowserRouter as Router, Redirect, Route, Switch } from \"react-router-dom\";\nimport { ContainerConfig } from \"../../containers/ContainerConfig\";\nimport AppHome from \"../../containers/home/AppHome\";\nimport { AppContext } from \"../../context/AppContext\";\nimport AppContextValidator from \"../../context/AppContextValidator\";\nimport AppLayout from \"../../layout/AppLayout\";\n\nconst AppRoutes = () => {\n const { appState } = useContext(AppContext);\n\n useEffect(() => {}, [appState.section, appState.user]);\n\n if (!AppContextValidator.isValidUser(appState.user)) {\n console.info(\"Invalid app user\");\n return ;\n }\n\n const routes =\n appState.section?.pages.filter((page: ContainerConfig) => page.userAccess(appState.user)) ||\n [];\n\n return (\n \n \n \n {routes.map(\n ({\n key,\n path,\n component,\n }: {\n key: string;\n path: string;\n component: any;\n }) => {\n return (\n \n );\n }\n )}\n \n \n \n \n \n \n );\n};\n\nexport default AppRoutes;\n","import React, { useContext, useEffect } from \"react\";\nimport appSectionInitSelectorStyles from \"./SectionInitSelector.module.css\";\nimport Button from \"@material-ui/core/Button\";\nimport { AppContext } from \"../../../context/AppContext\";\nimport AppContextValidator from \"../../../context/AppContextValidator\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport Typography from \"@material-ui/core/Typography\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\n\nconst SectionInitSelector = () => {\n const { appState, signOut, selectSection, hideSectionSelector } = useContext(AppContext);\n\n useEffect(() => {}, [appState.user, appState.sections, appState.section]);\n\n if (!AppContextValidator.isValidUser(appState.user)) {\n console.info(\"Invalid user!\");\n return ;\n }\n\n const SignOutButton = () => {\n return (\n \n );\n };\n\n if (appState.sections.length === 0) {\n return (\n \n );\n }\n\n if (appState.sections.length === 1) {\n selectSection(appState.sections[0]);\n return null;\n }\n\n const CancelButton = (appState) => {\n const handleCancelSelection = () => hideSectionSelector();\n\n return (\n \n Cancel\n \n );\n };\n\n const onSectionSelect = (section) => selectSection(section);\n\n return (\n \n );\n};\n\nexport default SectionInitSelector;\n","import { withAuthenticator } from \"@aws-amplify/ui-react\";\nimport \"@aws-amplify/ui-react/styles.css\";\nimport React, { useContext, useEffect } from \"react\";\nimport \"./App.css\";\nimport ErrorHandler from \"./components/error-handler/ErrorHandler\";\nimport { useGlobalSpinnerActionsContext } from \"./components/global-spinner/GlobalSpinnerContext\";\nimport AppRoutes from \"./components/routes/AppRoutes\";\nimport SectionInitSelector from \"./containers/sections/init/SectionInitSelector\";\nimport { AppContext } from \"./context/AppContext\";\nimport AppContextValidator from \"./context/AppContextValidator\";\n\nfunction App() {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const { appState, initApp } = useContext(AppContext);\n\n useEffect(() => {\n if (AppContextValidator.isValidUser()) {\n initApp();\n }\n }, [initApp]);\n\n if (!appState.user) {\n return Please wait...
;\n }\n\n if (!appState.section || appState.showSectionSelector) {\n return ;\n }\n\n console.log(\"Rendering App\");\n\n return (\n \n {appState.section.wrapperContextProvider ? (\n \n \n \n ) : (\n \n )}\n \n );\n}\n\nexport default withAuthenticator(App, false);\n","/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n \"aws_project_region\": \"us-east-1\",\n \"aws_cloud_logic_custom\": [\n {\n \"name\": \"AdminQueries\",\n \"endpoint\": \"https://7osy2ryyt4.execute-api.us-east-1.amazonaws.com/prod\",\n \"region\": \"us-east-1\"\n }\n ],\n \"aws_appsync_graphqlEndpoint\": \"https://4uwuhghivnhxvaipu5jtd2yoc4.appsync-api.us-east-1.amazonaws.com/graphql\",\n \"aws_appsync_region\": \"us-east-1\",\n \"aws_appsync_authenticationType\": \"AMAZON_COGNITO_USER_POOLS\",\n \"aws_cognito_identity_pool_id\": \"us-east-1:2dc51177-8472-4c34-85d8-0627846429ff\",\n \"aws_cognito_region\": \"us-east-1\",\n \"aws_user_pools_id\": \"us-east-1_XMA6Maodx\",\n \"aws_user_pools_web_client_id\": \"5ifkcadtu5an1v87sl1e28k3te\",\n \"oauth\": {},\n \"aws_cognito_username_attributes\": [],\n \"aws_cognito_social_providers\": [],\n \"aws_cognito_signup_attributes\": [\n \"EMAIL\"\n ],\n \"aws_cognito_mfa_configuration\": \"OFF\",\n \"aws_cognito_mfa_types\": [\n \"SMS\"\n ],\n \"aws_cognito_password_protection_settings\": {\n \"passwordPolicyMinLength\": 8,\n \"passwordPolicyCharacters\": []\n },\n \"aws_cognito_verification_mechanisms\": [\n \"EMAIL\"\n ],\n \"aws_user_files_s3_bucket\": \"r20v05initdata135044-prod\",\n \"aws_user_files_s3_bucket_region\": \"us-east-1\"\n};\n\n\nexport default awsmobile;\n","import React from \"react\";\nimport \"./GlobalSpinner.css\";\nimport { useGlobalSpinnerContext } from \"./GlobalSpinnerContext\";\n\nconst GlobalSpinner = (props) => {\n const isGlobalSpinnerOn = useGlobalSpinnerContext();\n return isGlobalSpinnerOn ? (\n \n ) : null;\n};\n\nexport default GlobalSpinner;\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// appResources 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.0/8 are considered localhost for IPv4.\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\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 headers: { \"Service-Worker\": \"script\" },\n })\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(\"No internet connection found. App is running in offline mode.\");\n });\n}\n\nexport function unregister() {\n if (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.ready\n .then((registration) => {\n registration.unregister();\n })\n .catch((error) => {\n console.error(error.message);\n });\n }\n}\n","import { Amplify } from \"aws-amplify\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport awsconfig from \"./aws-exports\";\nimport GlobalSpinner from \"./components/global-spinner/GlobalSpinner\";\nimport GlobalSpinnerContextProvider from \"./components/global-spinner/GlobalSpinnerContext\";\nimport { AppContextProvider } from \"./context/AppContext\";\nimport \"./index.css\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nAmplify.configure(awsconfig);\n\nwindow.errorsReport = [];\nwindow.addEventListener(\"error\", (ev) => {\n window.errorsReport.push(ev);\n});\n\nReactDOM.render(\n \n \n \n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Main\":\"OffSiteHistoryItem_Main__t40si\",\"Item\":\"OffSiteHistoryItem_Item__EjNVq\",\"Value\":\"OffSiteHistoryItem_Value__Ubkkv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Main\":\"OnHandItemInput_Main__3bgDq\",\"InputWrp\":\"OnHandItemInput_InputWrp__2e1So\",\"Error\":\"OnHandItemInput_Error__3Cr38\",\"Input\":\"OnHandItemInput_Input__1jfxW\",\"Middle\":\"OnHandItemInput_Middle__2edr0\",\"Negatives\":\"OnHandItemInput_Negatives__RTSwA\",\"Positives\":\"OnHandItemInput_Positives__2iyIv\",\"Delivery\":\"OnHandItemInput_Delivery__3NLzf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Items\":\"SalesTShirt_Items__1ANCB\",\"Toolbar\":\"SalesTShirt_Toolbar__3-JxR\",\"ToolbarSelection\":\"SalesTShirt_ToolbarSelection__HcnBF\",\"ToolbarSelectionForm\":\"SalesTShirt_ToolbarSelectionForm__2gXzK\",\"Content\":\"SalesTShirt_Content__2U67r\",\"Header\":\"SalesTShirt_Header__KjsKx\",\"Row\":\"SalesTShirt_Row__22X1D\",\"done\":\"SalesTShirt_done__3XcLd\",\"incomplete\":\"SalesTShirt_incomplete__2YbUQ\",\"unknown\":\"SalesTShirt_unknown__1ccKn\"};"],"sourceRoot":""}