@licklist/design 0.71.18-dev.18 → 0.71.18-dev.2

package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx

@@ -1,19 +1,14 @@
-import { useState } from 'react'
 import clsx from 'clsx'
 import { Button } from 'react-bootstrap'
-import { isEmpty } from 'lodash'
 import { useTranslation } from 'react-i18next'
 import { FieldValues, RefCallBack, UseFormClearErrors } from 'react-hook-form'
 import {
   Product,
   ProductCategory,
 } from '@licklist/plugins/dist/types/context/sale/menuSteps'
-import { OrderModifierByProduct } from '@licklist/core/dist/DataMapper/Order/OrderModifiierByProduct'
 import { NumberInput } from '../NumberInput'
- // eslint-disable-next-line
-import { ProductWithModifierSetModal } from '../../../../../ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal'
 
-export interface FormOrderItem {
+interface FormOrderItem {
   id: number
   name: string
   price: number
@@ -22,7 +17,6 @@ export interface FormOrderItem {
   deposit?: number | null
   quantity: number
   capacity?: number | null
-  orderModifiersSets?: OrderModifierByProduct[] | null
 }
 
 interface ProductQuantityInputProps {
@@ -46,7 +40,6 @@ export const ProductQuantityInput = ({
   invalid,
 }: ProductQuantityInputProps) => {
   const { t } = useTranslation('Design')
-  const [open, handleOpenModal] = useState(false)
 
   const onChange = (quantity: number | null) => {
     _onChange({
@@ -55,35 +48,12 @@ export const ProductQuantityInput = ({
       deposit: product?.deposit,
       hasDeposit: category.allowDeposits && product?.deposit < product.price,
       price: product.price,
-      orderModifiersSets: [],
       productCategoryId: category.id,
       quantity,
       capacity: product?.capacity,
     })
   }
 
-  const onChangeWithModifierSets = (productOrder: FormOrderItem) => {
-    if (isEmpty(productInfo)) {
-      _onChange(productOrder)
-      return handleOpenModal(false)
-    }
-
-    _onChange({
-      id: productInfo.id,
-      name: productInfo.name,
-      deposit: productInfo?.deposit,
-      hasDeposit: productInfo.hasDeposit,
-      price: productInfo.price,
-      orderModifiersSets: productInfo.orderModifiersSets?.concat(
-        productOrder.orderModifiersSets,
-      ),
-      productCategoryId: category.id,
-      quantity: productInfo.quantity + productOrder.quantity,
-      capacity: productInfo?.capacity,
-    })
-    return handleOpenModal(false)
-  }
-
   if (product.isSoldOut) {
     return (
       <div className='iframe-event__sold-out-wrapper'>
@@ -92,33 +62,6 @@ export const ProductQuantityInput = ({
     )
   }
 
-  if ((product as Product).modifiersSet.length) {
-    return (
-      <>
-        <Button
-          ref={refCallback}
-          disabled={product.isSoldOut}
-          className={clsx(
-            `iframe-event__${
-              productInfo?.quantity ? 'unselect-product' : 'select-product'
-            }`,
-            invalid && 'error',
-          )}
-          onClick={() => handleOpenModal(true)}
-        >
-          +
-        </Button>
-        <ProductWithModifierSetModal
-          show={open}
-          onHide={() => handleOpenModal(false)}
-          onChange={onChangeWithModifierSets}
-          product={product}
-          category={category}
-        />
-      </>
-    )
-  }
-
   if (product?.maxAmount === 1) {
     return (
       <Button

package/src/iframe/payment/order-items-table/hooks/useTableData.tsx

@@ -1,9 +1,8 @@
 import { useMemo } from 'react'
-import { uniqueId, flatMap, flatten, map } from 'lodash'
+import { uniqueId } from 'lodash'
 import { useIntl } from 'react-intl'
 import { useTranslation } from 'react-i18next'
 import { Product } from '@licklist/core/dist/DataMapper/Product/ProductDataMapper'
-import { OrderModifier } from '@licklist/core/dist/DataMapper/Order/OrderModifierDataMapper'
 import {
   PAYMENT_TYPE_VAT,
   PAYMENT_TYPE_FEE,
@@ -13,10 +12,6 @@ import { StaticTableData } from '../../../../table'
 import { getProductQuantityAndPrice, getTotalSumByCategory } from '../utils'
 import { OrderItemsTableProps, SummaryItem } from '../types'
 import { getOrderSummaryItems } from '../utils/paymentSummary'
-import { Order } from '@licklist/core/dist/DataMapper'
-import { OrderPayment } from '@licklist/core/dist/DataMapper/Order/OrderPaymentDataMapper'
-import { OrderProduct } from '@licklist/core/dist/DataMapper/Order/OrderProductDataMapper'
-import { OrderModifierByProduct } from '@licklist/core/dist/DataMapper/Order/OrderModifiierByProduct'
 
 const CURRENCY_DEFAULT = 'GBP'
 export const PAYMENT_TYPE_TRANSLATE_KEYS = {
@@ -55,67 +50,19 @@ export const useTableData = ({
     ),
   })
 
-  const reworkProductStructure = (order: OrderProduct) =>
-    order
-      ? flatMap(order, (item) => {
-          if (!item || !Array.isArray(item)) return []
-          return item.map((modGroup, idx) => ({
-            deletedAt: order.deletedAt ?? null,
-            id: `${order.id}-${idx + 1}`, // Ensuring uniqueness with string concatenation
-            orderId: order.orderId ?? null,
-            price: order.price ?? 0,
-            productId: order.productId ?? '',
-            quantity: modGroup.productQuantity ?? 1,
-            deposit: order.deposit ?? 0,
-            orderProductModifiers: modGroup.modifiers.map((mod) => ({
-              modifierId: mod.modifierId ?? '',
-              price: mod.price ?? 0,
-              productId: mod.productId ?? '',
-              quantity: mod.quantity ?? 1,
-              modifierSetId: mod.modifierSetId ?? '',
-              modifier: mod.modifier ?? null,
-            })),
-          }))
-        })
-      : []
-
-  const renderProductItem = ({
-    product,
-    productsForCategory,
-  }: {
-    product: OrderProduct
-    productsForCategory: Product[]
-  }) => {
-    if (product.quantity === 0) {
-      return null
-    }
- 
-    const name =
-      productsForCategory.find((item) => item.id === product.productId)?.name || ''
-
-    return {
-      key: product.id,
-      name,
-      quantity: (
-        <div className='quantity'>
-          <div className='multiplier'>x</div>
-          {product.quantity}
-        </div>
-      ),
-      price: formatPrice(product.price),
-      modifier: product?.orderProductModifiers?.map(renderModifierItem) || [],
-    }
-  }
+  const renderProductItem = (product: Product) => {
+    const { quantity, price } = getProductQuantityAndPrice(
+      order.orderProducts,
+      product,
+    )
 
-  const renderModifierItem = (orderModifier: OrderModifier) => {
-    const { quantity, modifier, modifierId, price } = orderModifier
     if (quantity === 0) {
       return null
     }
 
     return {
-      key: modifierId,
-      name: ` - ${modifier?.name || ''}`,
+      key: product.id,
+      name: product.name,
       quantity: (
         <div className='quantity'>
           <div className='multiplier'>x</div>
@@ -133,33 +80,15 @@ export const useTableData = ({
 
     return productCategories.reduce(
       (previousValues: StaticTableData[], categoryId) => {
-        const productsForCategory = order?.products.filter(
+        const products = order.products.filter(
           (product) => product.productCategoryId === categoryId,
         )
 
-        const products = order.orderProducts.filter((el) =>
-          productsForCategory
-            .map((product) => product.id)
-            .includes(el.productId),
-        )
-
         if (!products.length) {
           return previousValues
         }
-        const productsWithReworkedModifier = products.map((product) => {
-          if (!product.orderProductModifiers.length) return product
-          return reworkProductStructure(product)
-        })
-
-        const filteredProducts =  flatten(productsWithReworkedModifier).map(
-          (product) =>
-            renderProductItem({ product , productsForCategory }),
-        )
- 
-        const productWithModifier = flatMap(filteredProducts, (item) => [
-          item,
-          ...item.modifier,
-        ])
+
+        const filteredProducts = products.map(renderProductItem).filter(Boolean)
 
         if (!filteredProducts.length) {
           return previousValues
@@ -167,8 +96,8 @@ export const useTableData = ({
 
         return [
           ...previousValues,
-          renderCategoryItem(productsForCategory),
-          ...productWithModifier,
+          renderCategoryItem(products),
+          ...filteredProducts,
         ]
       },
       [],
@@ -204,5 +133,6 @@ export const useTableData = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [order, externalDiscount, isPaymentProcessed],
   )
+
   return data
 }

package/src/iframe/payment/order-items-table/utils/index.ts

@@ -6,7 +6,6 @@ import { Product } from '@licklist/core/dist/DataMapper/Product/ProductDataMappe
 import { PAYMENT_TYPE_DISCOUNT } from '@licklist/core/dist/DataMapper/Order/PaymentDataMapper'
 import { PaymentDetail } from '@licklist/core/dist/DataMapper/Order/PaymentDetailDataMapper'
 import { PAYMENT_TYPE_TRANSLATE_KEYS } from '../hooks/useTableData'
-import { OrderModifier } from '@licklist/core/dist/DataMapper/Order/OrderModifierDataMapper'
 
 const TRANSLATE_KEYS = {
   totalAmount: 'totalPaid',
@@ -29,7 +28,6 @@ export const calculateTotalPrice = (
   order: Order,
   externalPaymentDetails?: ExternalPaymnetDetail[],
 ) => {
-
   const totalPrice =
     order?.orderProducts?.reduce(
       (total: number, product) =>
@@ -127,26 +125,5 @@ export const getTotalSumByCategory = (
       product,
     )
 
-    const modifierFromProduct = orderProducts.find(
-      (orderProduct) => orderProduct.productId === product.id,
-    )?.orderProductModifiers
-    if (modifierFromProduct) {
-      const modifierPrice = modifierFromProduct.reduce(
-        (prevSum: number, { modifiers }) => {
-          const modifiersPrices = modifiers.reduce(
-            (prevSumModifier: number, modifier: OrderModifier) =>
-              prevSumModifier + modifier.price * modifier.quantity,
-            0,
-          )
-
-          return prevSum + modifiersPrices
-        },
-        0,
-      )
-      const priceWithModifier = price + modifierPrice
-
-      return prevSum + priceWithModifier * quantity
-    }
-
     return prevSum + price * quantity
   }, 0)

package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx

@@ -23,7 +23,7 @@ const paymentNotProcessedSummary = ({
     ? getExternalPaymentDetail(paymentDetail)
     : undefined
 
-  const total = order?.fullAmount || calculateTotalPrice(order, externalPaymentDetail)
+  const total = calculateTotalPrice(order, externalPaymentDetail)
 
   const summaryItems: SummaryItem[] = [
     {
@@ -58,7 +58,7 @@ const processedPaymentSummary = ({
           price: getPaymentValueByType(order.payments, key),
         }))
 
-  const total = order.fullAmount || calculateTotalPrice(order, externalPaymentDetail)
+  const total = calculateTotalPrice(order, externalPaymentDetail)
 
   const totalDiscount = calculateTotalDiscount(order.payments)
 

package/src/iframe/payment/payment-page/PaymentPage.tsx

@@ -131,12 +131,6 @@ export const PaymentPage = ({
   const totalPaidWithRemainingToPay =
     data?.amount_to_pay && !!Number(data?.amount_to_pay)
 
-  const totalBooked = paymentMetadata
-    ? paymentMetadata.paid
-      ? paymentMetadata.total - paymentMetadata.paid
-      : paymentMetadata.total
-    : orderTotalAmountByFormValues + (bookingSummaryProps?.transactionFee ?? 0)
-
   return (
     <Page className='payment_link'>
       {/* TODO wait for Brad's design for close and go back buttons */}
@@ -162,8 +156,16 @@ export const PaymentPage = ({
             <BookingSummary
               {...bookingSummaryProps}
               isPaymentPage
-              headerTitle={t('totalBooking')}
-              headerComponent={<SummaryTotalBlock amount={totalBooked} />}
+              headerComponent={
+                <SummaryTotalBlock
+                  amount={
+                    paymentMetadata
+                      ? paymentMetadata.total
+                      : orderTotalAmountByFormValues +
+                        (bookingSummaryProps?.transactionFee || 0)
+                  }
+                />
+              }
               footer={
                 <div className='d-flex flex-column justify-content-between'>
                   {paymentMetadata ? (

package/src/product-set/form/ProductSetForm.tsx

@@ -6,7 +6,6 @@ import { TFunction, useTranslation } from 'react-i18next'
 import { VenueMapSet } from '@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper'
 import { ServerError } from '@licklist/plugins/dist/hooks/Api/useHttpQuery'
 import FormErrorService from '@licklist/plugins/dist/services/Form/FormErrorService'
-import { ModifierSet } from '@licklist/core/dist/DataMapper/Product/ModifierSetDataMapper'
 
 import { isEqual } from 'lodash'
 // eslint-disable-next-line max-len
@@ -23,11 +22,7 @@ import {
 import { Step } from '../types'
 import { ProductSetContextProvider, ProductSetLoadingContext } from './context'
 import { SelectItem } from '../../types/generic/SelectItem'
-import {
-  checkAvailableTimesErrors,
-  updateModifiersSetAtProductSetForm,
-  getFilteredTemplates,
-} from '../utils'
+import { checkAvailableTimesErrors, getFilteredTemplates } from '../utils'
 import { ErrorModal } from '../../iframe/order-process/components/ErrorModal'
 
 export interface WithIsLoading {
@@ -67,7 +62,6 @@ export interface ProductSetFormProps
   saleDeadline?: number
   isCreateNewOverrides?: boolean
   timeZone: string
-  modifiersSetList?: ModifierSet[]
 }
 
 export function ProductSetForm({
@@ -77,7 +71,6 @@ export function ProductSetForm({
   onSubmitAndRedirect,
   onSubmitNoRedirect,
   productGroupList,
-  modifiersSetList,
   serverErrors,
   providerHasMap = false,
   venueMapSets = [],
@@ -102,7 +95,7 @@ export function ProductSetForm({
   const [errorMessage, setErrorMessage] = useState('')
 
   const form = useForm<ProductSetFormValues>({
-    defaultValues: updateModifiersSetAtProductSetForm(defaultValues),
+    defaultValues,
     mode: 'onChange',
   })
 
@@ -129,7 +122,7 @@ export function ProductSetForm({
     if (!defaultValues || isEqual(defaultValues, formValues)) {
       return
     }
-    reset(updateModifiersSetAtProductSetForm(defaultValues))
+    reset(defaultValues)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultValues])
 
@@ -169,7 +162,6 @@ export function ProductSetForm({
     <ProductSetContextProvider
       productGroupList={productGroupList}
       providerHasMap={providerHasMap}
-      modifiersSetList={modifiersSetList}
       venueMapSets={venueMapSets}
       providerHasBookingManagement={providerHasBookingManagement}
       zones={zones}

package/src/product-set/form/ProductsControl.tsx

@@ -49,8 +49,6 @@ const getDefaultProductValue = (sort: number): Product => ({
   maxQuantity: null,
   totalQuantity: 0,
   isAvailable: true,
-  modifiersSet: [],
-  modifiersSetsId: [],
   isSoldOut: false,
   isRequired: false,
   isUnlimited: false,
@@ -141,16 +139,6 @@ export function ProductsControl({
     ],
   })
 
-  const modifierSets = useWatch({
-    control,
-    name: [
-      ...fields.map(
-        (_, index) =>
-          `${productControlFieldName}.${index}.modifiersSet` as const,
-      ),
-    ],
-  })
-
   const categoryProductErrors =
     errors?.steps?.[stepIndex]?.productCategories?.[productCategoryIndex]
       ?.products
@@ -211,7 +199,6 @@ export function ProductsControl({
             : isOverrides && !!product.originalProductId
 
           const isNewProductOverrides = isCreateNewOverrides && !!product.id
-          const modifiersSets = modifierSets[index]?.length || 0
 
           return (
             <Controller
@@ -239,26 +226,21 @@ export function ProductsControl({
                   edit={() => edit(index)}
                   secondaryBadge={getBadgeConfig(categoryType, t(categoryType))}
                   subTitle={
-                    <div className='d-flex justify-content-between'>
-                      <div className='product-set-badges-container'>
-                        <div className='product-set-subtitle-dot product-set-subtitle-product-dot' />
-                        <span>
-                          {`£${prices[index]} ${t('each')} - ${t('qty')}:${
-                            !isUnlimitedQuantities[index]
-                              ? ` ${quantities[index]}`
-                              : t(' unlimited')
-                          } ${
-                            !isUnlimitedQuantities[index]
-                              ? ` - ${t('possibleRevenue')} £${
-                                  prices[index] * quantities[index]
-                                }`
-                              : ''
-                          } `}
-                        </span>
-                      </div>
-                      {!!modifiersSets && (
-                        <Badge className='modifier-badge'>{`${modifiersSets} ${t('modifiersSets')}`}</Badge>
-                      )}
+                    <div className='product-set-badges-container'>
+                      <div className='product-set-subtitle-dot product-set-subtitle-product-dot' />
+                      <span>
+                        {`£${prices[index]} ${t('each')} - ${t('qty')}:${
+                          !isUnlimitedQuantities[index]
+                            ? ` ${quantities[index]}`
+                            : t(' unlimited')
+                        } ${
+                          !isUnlimitedQuantities[index]
+                            ? ` - ${t('possibleRevenue')} £${
+                                prices[index] * quantities[index]
+                              }`
+                            : ''
+                        } `}
+                      </span>
                     </div>
                   }
                   modalLabel={t('addNewProduct')}

package/src/product-set/form/context.tsx

@@ -7,18 +7,15 @@ import {
   Dispatch,
 } from 'react'
 import { VenueMapSet } from '@licklist/core/dist/DataMapper/Product/VenueMapSetDataMapper'
-import { ModifierSet } from '@licklist/core/dist/DataMapper/Product/ModifierSetDataMapper'
 // eslint-disable-next-line max-len
 import { ProviderBookingManagementSetting } from '@licklist/core/dist/DataMapper/Provider/ProviderBookingManagementSettingDataMapper'
 import { Zone } from '@licklist/core/dist/DataMapper/Provider/ZoneDataMapper'
 import { SelectItem } from '../../types/generic/SelectItem'
 
-
 interface LoadingContext {
   isLoading: boolean
   setLoading: (loading: boolean) => void
   productGroupList?: SelectItem[]
-  modifiersSetList?: ModifierSet[] | null
   providerHasMap?: boolean | null
   venueMapSets?: VenueMapSet[]
   providerHasBookingManagement?: ProviderBookingManagementSetting['hasBookingManagement']
@@ -46,7 +43,6 @@ type ProductSetContextProviderProps = PropsWithChildren<
 export function ProductSetContextProvider({
   children,
   productGroupList = [],
-  modifiersSetList =[],
   providerHasMap = false,
   venueMapSets = [],
   providerHasBookingManagement,
@@ -66,7 +62,6 @@ export function ProductSetContextProvider({
         isLoading: loading,
         setLoading,
         productGroupList,
-        modifiersSetList,
         providerHasMap,
         venueMapSets,
         providerHasBookingManagement,

package/src/product-set/product/ProductControl.tsx

@@ -39,8 +39,6 @@ import {
   IMAGE_TYPE_IMAGE,
 } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
 import { FaClipboard } from 'react-icons/fa'
-import { Typeahead } from 'src/typeahead'
-import { convertToTypeaheadOptions } from 'src/sales/coupon/utils'
 import { checkIfZoneCategory } from '@licklist/plugins'
 import { FileUpload } from '../../file-upload'
 import { BooleanSwitch } from '../../static'
@@ -67,14 +65,6 @@ import { ProductZoneControlValues } from '../product-zone'
 import { AdvancedOptions } from './advanced-options'
 import { ProductZonesControl } from '../form/ProductZonesControl'
 
-
-export interface ModifiersSet {
-  id: number
-  value?: string
-  name?: string
-  label?: string
-}
-
 // TO DO refactor this file
 // and add correct types
 export interface ProductControlValues
@@ -98,8 +88,6 @@ export interface ProductControlValues
   hasSpecialNotes: boolean
   minSpend?: number | null
   type?: ProductType
-  modifiersSetsId?: Array<ModifiersSet>
-  modifiersSet?: Array<ModifiersSet>
   weight?: number
   tierId?: number
   images: Image[] | null
@@ -123,7 +111,6 @@ export interface ProductControlProps<T>
   hasTicket?: boolean
   categoryType?: CategoryType
   isOverrides?: boolean
-
 }
 
 export function ProductControl<T extends FormValues>({
@@ -139,7 +126,6 @@ export function ProductControl<T extends FormValues>({
   categoryType,
   isOverrides = false,
 }: ProductControlProps<T>) {
-
   const {
     register,
     control,
@@ -149,16 +135,14 @@ export function ProductControl<T extends FormValues>({
     watch,
   } = useFormContext<T>()
 
-  const { setLoading, modifiersSetList } = useContext(ProductSetLoadingContext)
+  const { setLoading } = useContext(ProductSetLoadingContext)
   const { t } = useTranslation(['Design', 'Validation', 'ProductSet'])
   const [expanded, setExpanded] = useState(false)
-
   const [initialImages, setInitialImages] = useState<Image[] | null>(null)
   // @TODO: After checking "isUnlimited" checkbox need to reset field totalQuantity
   const isUnlimited = Boolean(
     watch(`${fieldNamePrefix}.isUnlimited` as Path<T>),
   )
-
   const advancedId = useId()
   const nameId = useId()
 
@@ -216,7 +200,6 @@ export function ProductControl<T extends FormValues>({
     setInitialImages(formImages as Image[])
   }, [getValues, setInitialImages, fieldNamePrefix])
 
-
   useEffect(() => {
     if (Array.isArray(images)) {
       setValue(
@@ -229,9 +212,6 @@ export function ProductControl<T extends FormValues>({
 
   const quantitySelector = quantityValue ?? '1'
   const quantity = QUANTITY_TYPE_LIST_DTO[quantitySelector as string]
-
-  const modifierList = convertToTypeaheadOptions(modifiersSetList)
-
   return (
     <>
       <Row>
@@ -374,22 +354,6 @@ export function ProductControl<T extends FormValues>({
           </Form.Group>
         </Col>
       </Row>
-      <Row>
-        <Col>
-          <Form.Group className='mb-3'>
-            <Form.Label>{t('Design:addModifierSet')}</Form.Label>
-            <Typeahead
-              name='modifierList'
-              options={modifierList}
-              {...register(`${fieldNamePrefix}.modifiersSet` as Path<T>)}
-              isMultipleChoise
-              isCouponForm
-              placeholder={t('Design:choose')}
-              noOptionsMessage={t('Design:noSelectedModifier')}
-            />
-          </Form.Group>
-        </Col>
-      </Row>
 
       <Row className='my-4 mx-0 d-flex flex-column'>
         {isZoneCategory && (

package/src/product-set/utils/index.ts

@@ -1,7 +1,5 @@
 import { EmailTemplate } from '@licklist/core/dist/DataMapper/Notification/EmailTemplateDataMapper'
 import { SmsTemplate } from '@licklist/core/dist/DataMapper/Notification/SmsTemplateDataMapper'
-import { ModifierSet } from '@licklist/core/dist/DataMapper/Product/ModifierSetDataMapper'
-import { convertToTypeaheadOptions } from 'src/sales/coupon/utils'
 import { TFunction } from 'react-i18next'
 import { UseFormSetError } from 'react-hook-form'
 import { checkIfZoneCategory } from '@licklist/plugins'
@@ -9,7 +7,6 @@ import { ProductSet } from '@licklist/core/dist/DataMapper/Product/ProductSetDat
 import { TemplateItem } from '../control/ProductSetControl'
 import { ProductSetFormValues } from '../form/ProductSetForm'
 
-
 interface CheckAvailableTimesErrors {
   values: ProductSetFormValues
   setError: UseFormSetError<ProductSetFormValues>
@@ -61,22 +58,6 @@ export const getFilteredTemplates = (
     }))
 }
 
-export  const updateModifiersSetAtProductSetForm = (data: ProductSetFormValues) => ({
-  ...data,
-  steps: data.steps.map(step => ({
-      ...step,
-      productCategories: step.productCategories.map(category => ({
-          ...category,
-          products: category.products.map(product => ({
-              ...product,
-              modifiersSet: product?.modifiersSet
-                  ? convertToTypeaheadOptions(product.modifiersSet as ModifierSet[])
-                  : [],
-          })),
-      })),
-  })),
-});
-
 export const checkAvailableTimesErrors = ({
   values,
   setError,