@licklist/design 0.74.0-dev.1 → 0.74.0

package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx

@@ -36,6 +36,7 @@ import { ProductSetFormValues } from '../../../../product-set/form/ProductSetFor
 import { isUrlValid } from '../../utils/isUrlValid'
 import { toSimpleDateTime } from '../../utils/checkIfEventBooked'
 
+
 export interface EditEventFormValues extends IntervalInputValues {
   name: string
   startAt: string
@@ -71,7 +72,6 @@ export interface EditEventFormProps extends HasPermissionProp {
   disabledRecurrent?: boolean
   isCopyCreate?: boolean
   isBooked?: boolean
-  isWaiverEnabled: boolean
 }
 
 const eventImageTypes = {
@@ -97,7 +97,6 @@ export const EditEventForm = ({
   disabledRecurrent = false,
   isCopyCreate = false,
   isBooked = false,
-  isWaiverEnabled,
 }: EditEventFormProps) => {
   const { t } = useTranslation(['Design', 'Validation'])
 
@@ -201,13 +200,9 @@ export const EditEventForm = ({
     rrule && setValue('rrule', rrule?.concat(`;EXDATE=${defaultExDate}`))
   }, [defaultExDate, rrule])
 
-  const isChanged = !isEqual(
-    watchedValues,
-    sanitizeDefaultValues(defaultEventValues),
-  )
+  const isChanged = !isEqual(watchedValues, sanitizeDefaultValues(defaultEventValues));
   const isChangedTime =
-    watchedValues?.start !==
-      toSimpleDateTime(defaultEventValues?.startAt || '') ||
+    watchedValues?.start !== toSimpleDateTime(defaultEventValues?.startAt || '') ||
     watchedValues?.end !== toSimpleDateTime(defaultEventValues?.endAt || '')
   const isSinglEventWithBooked = !rrule && isBooked && isChangedTime
 
@@ -443,7 +438,6 @@ export const EditEventForm = ({
             timeZone={timeZone}
             eventProductSet={eventProductSet}
             overrideNameError={overrideNameError}
-            isWaiverEnabled={isWaiverEnabled}
           />
 
           {isSinglEventWithBooked && (
@@ -459,13 +453,9 @@ export const EditEventForm = ({
                   }
                   className='save-event'
                   type='button'
-                  onClick={() =>
-                    confirm(handleSubmit(onSaveEvent, onErrorSubmit))
-                  }
+                  onClick={() => confirm(handleSubmit(onSaveEvent, onErrorSubmit))}
                 >
-                  {formState.isSubmitting
-                    ? `${t('saveAndAdd')}...`
-                    : t('saveAndAdd')}
+                  {formState.isSubmitting ? `${t('saveAndAdd')}...` : t('saveAndAdd')}
                 </Button>
               )}
             </ConfirmModal>
@@ -529,3 +519,5 @@ const sanitizeDefaultValues = (
     recurrenceEndAt: values?.recurrenceEndAt ?? undefined,
   }
 }
+
+

package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx

@@ -21,7 +21,6 @@ interface SelectEventProductSetProps extends HasPermissionProp {
   timeZone: string
   eventProductSet?: ProductSet
   overrideNameError?: string
-  isWaiverEnabled: boolean
 }
 
 export const SelectEventProductSet = ({
@@ -33,7 +32,6 @@ export const SelectEventProductSet = ({
   timeZone,
   eventProductSet,
   overrideNameError,
-  isWaiverEnabled,
 }: SelectEventProductSetProps) => {
   const productSets = eventProductSet
     ? [..._productSets, eventProductSet]
@@ -218,7 +216,6 @@ export const SelectEventProductSet = ({
           }
           timeZone={timeZone}
           overrideNameError={overrideNameError}
-          isWaiverEnabled={isWaiverEnabled}
         />
       )}
     </>

package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx

@@ -24,7 +24,6 @@ interface EditEventProductSetProps {
   defaultValues?: EditEventFormValues['editedProductSet']
   timeZone: string
   overrideNameError?: string
-  isWaiverEnabled: boolean
 }
 
 export const EditEventProductSet = ({
@@ -32,7 +31,6 @@ export const EditEventProductSet = ({
   defaultValues,
   timeZone,
   overrideNameError,
-  isWaiverEnabled,
 }: EditEventProductSetProps) => {
   const { companyId } = useParams<{
     companyId: string
@@ -141,7 +139,6 @@ export const EditEventProductSet = ({
             isOverrides
             workHours={undefined}
             timeZone={timeZone}
-            isWaiverEnabled={isWaiverEnabled}
           />
           <Button
             disabled={isLoading}

package/src/events/edit-event-modal/utils/getDefaultProductSet.ts

@@ -14,7 +14,6 @@ export const getDefaultValues = (
   name: productSet?.name ?? '',
   description: productSet?.description ?? '',
   image: productSet?.image,
-  hasGeneralTicket: productSet?.hasGeneralTicket,
   type: productSet?.type ?? DEFAULT_PRODUCT_SET_TYPE,
   termsAndConditions: productSet?.termsAndConditions ?? '',
   operationalCost: productSet?.operationalCost ?? DEFAULT_OPERATIONAL_COST_TYPE,
@@ -41,6 +40,7 @@ export const getDefaultValues = (
               ...product,
               subProducts: subProducts?.map(({ ...subProducts }) => ({
                 ...subProducts,
+                originalProductId: null,
                 productCategoryId: undefined,
               })),
               productCategoryId: undefined,

package/src/events/event-statistic-modal/EventStatisticModal.tsx

@@ -12,7 +12,6 @@ export type EventStatisticModalProps = {
   date?: Event['startAt'] | null
   eventStatistic?: EventStatistic | null
   title?: string
-  eventId?: string
 }
 
 export const EventStatisticModal = ({
@@ -21,11 +20,10 @@ export const EventStatisticModal = ({
   date,
   eventStatistic,
   title,
-  eventId,
 }: EventStatisticModalProps) => {
   const { t } = useTranslation('Design')
 
-  const data = useTableData(date, eventStatistic, eventId)
+  const data = useTableData(date, eventStatistic)
   const handleClose = () => {
     setIsOpen(false)
   }

package/src/events/event-statistic-modal/hooks/useTableData.tsx

@@ -11,7 +11,6 @@ import { StaticTableData } from '../../../table'
 export const useTableData = (
   date: Event['startAt'] | null,
   eventStatistic: EventStatistic | null,
-  eventId: string,
 ) => {
   const { t } = useTranslation('Design')
   const { formatNumber } = useIntl()
@@ -85,7 +84,7 @@ export const useTableData = (
   useEffect(() => {
     setTableRows(transformStatisticToTableRows(date, eventStatistic))
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [date, eventId, eventStatistic])
+  }, [date, eventStatistic])
 
   return tableRows
 }

package/src/events/event-statistic-modal/utils/index.ts

@@ -33,15 +33,15 @@ export const convertEventStatisticToTableData = (
     return []
   }
 
-  const summaryFormattedDate = DateTime.fromISO(date).toFormat(
-    DATE_TIME_FULL_FORMAT,
-  )
+  const summaryFormattedDate = DateTime.fromISO(date)
+    .toUTC()
+    .toFormat(DATE_FORMAT)
 
   const summaryDays =
     Object.keys(eventStatistic?.productCategorySummary)?.filter(
       (date) =>
         DateTime.fromFormat(date, DATE_TIME_FULL_FORMAT).toFormat(
-          DATE_TIME_FULL_FORMAT,
+          DATE_FORMAT,
         ) === summaryFormattedDate,
     ) ?? []
 

package/src/events/event-venue-map/EventVenueMap.tsx

@@ -49,7 +49,6 @@ export const EventVenueMap = forwardRef<VenueMapRef, EventVenueMapProps>(
     },
     ref,
   ) => {
-    // TODO fix often updating of canvasSizes, which leads to flashing poingts
     const canvasSizes = useCanvasSize({ width, height })
 
     return (

package/src/events/event-venue-map/hooks/useCanvasSize.ts

@@ -10,17 +10,13 @@ export const useCanvasSize = ({
   width: componentWidth,
   height: componentHeight,
 }: CanvasSizeProps) => {
-  // TODO Fix often updating of width and height
   const { width, height } = useWindowDimensions()
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const memoizedDimensions = useMemo(() => ({ width, height }), [width])
-
   const memoedComponentParameters = useMemo(() => {
     if (!componentWidth && !componentHeight) return null
 
     return { width: componentWidth, height: componentHeight }
   }, [componentWidth, componentHeight])
 
-  return memoedComponentParameters || memoizedDimensions
+  return memoedComponentParameters || { width, height }
 }

package/src/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.tsx

@@ -48,12 +48,12 @@ export const ProductWithModifierSetModal = ({
           </button>
         </div>
         <div className='right-block' id='select-event-container'>
-          <div className={clsx('manual-booking-container', !product.images.length && 'tw-mt-8')}>
+          <div className={clsx('manual-booking-container', !product?.images?.length && 'tw-mt-8')}>
             <div className='manual-booking-header'>
               <TicketDescription
                 title={product.name}
                 description={product.description}
-                className={clsx('iframe-event__product-description', !product.images.length && 'mt-6')}
+                className={clsx('iframe-event__product-description', !product?.images?.length && 'mt-6')}
                 classNameProductModal='d-block'
                 images={product.images}
                 isRequired={product.isRequired}

package/src/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.tsx

@@ -35,6 +35,9 @@ export const ModifiersSetControl = ({
   const { t } = useTranslation('App')
 
   const orderModifiersSets = watch(`${productId}.orderProductModifiers`)
+  const filteredOrderModifiersSets = orderModifiersSets
+    ?.flat(Infinity)
+    ?.filter((item) => item && typeof item === 'object')
 
   const { formatNumber } = useIntl()
   const formatToCurrency = (value: number) =>
@@ -58,8 +61,9 @@ export const ModifiersSetControl = ({
     const selectedModifier = modifiers?.find(
       (item) => item.id === Number(e.target.defaultValue || e.target.id),
     )
+
     const checkSelectedModifier =
-      orderModifiersSets?.find(
+      filteredOrderModifiersSets?.find(
         (modifier) => modifier?.modifierId === selectedModifier?.id,
       )?.quantity === 1
 
@@ -125,9 +129,11 @@ export const ModifiersSetControl = ({
     )
   }, [isEditMode])
 
-  const radioButtonDefaultModifier = currentOrderModifiersSets.find((modifier) => 
-    modifierSet.modifiers.some((rl) => rl.id === modifier.modifierId)
-)?.modifierId.toString();
+  const radioButtonDefaultModifier = currentOrderModifiersSets
+    .find((modifier) =>
+      modifierSet.modifiers.some((rl) => rl.id === modifier.modifierId),
+    )
+    ?.modifierId.toString()
 
   return (
     <>
@@ -167,7 +173,9 @@ export const ModifiersSetControl = ({
                             inline
                             id={modifier.id.toString()}
                             defaultChecked={!!selectedOrderModifierId}
-                            defaultValue={selectedOrderModifierId || modifier.id.toString()}
+                            defaultValue={
+                              selectedOrderModifierId || modifier.id.toString()
+                            }
                             checked={field.value === modifier.id.toString()}
                             onChange={onChange}
                             type='radio'

package/src/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.tsx

@@ -3,7 +3,6 @@ import { useIntl } from 'react-intl'
 import * as Config from '@licklist/core/dist/Config'
 import { OrderItem } from '@licklist/plugins/dist/types/context/Iframe/orderItems'
 import { OrderModifierByProduct } from '@licklist/core/dist/DataMapper/Order/OrderModifiierByProduct'
-import { calculateTotalModifiersPrice } from '../../utils'
 import { ProductWithModifier } from '../../../CategoryProduct/components/ProductWithModifier/ProductWithModifier'
 
 

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

@@ -89,7 +89,6 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
         <FormControl
           type='number'
           onChange={(e) => handleChangeValue(Number(e.target.value))}
-          onWheel={(event) => event.currentTarget.blur()}
           value={value}
           min={0}
           max={max}
@@ -102,14 +101,6 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
         <button
           type='button'
           onClick={handleArrowUpClick}
-          onWheel={(event) => event.currentTarget.blur()}
-          onFocus={(event) =>
-            event.target.addEventListener(
-              'wheel',
-              (event) => event.preventDefault(),
-              { passive: false },
-            )
-          }
           className={`payment-number-input__btn-up ${
             plusButtonGreyedOut && 'disabled-number-input-button'
           }`}

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

@@ -61,7 +61,6 @@ const processedPaymentSummary = ({
   const total = order.fullAmount || calculateTotalPrice(order, externalPaymentDetail)
 
   const totalDiscount = calculateTotalDiscount(order.payments)
-
   let summaryItems: SummaryItem[] = [
     {
       translateKey: AMOUNT_TOTAL,

package/src/iframe/ryft/utils/ryft-form.ts

@@ -61,22 +61,20 @@ export const injectComponentsInRyftForm = ({
   divider.id = 'mobile-pay-divider'
   container.id = 'mobile-pay-divider-container'
   container.append(dividerText, divider)
-  const payIframe = document.getElementById('ryft-pay-iframe')
+  const payIframe = document.getElementById("ryft-pay-iframe");
   if (payIframe) {
     const formBox = document.getElementById('form-disable-box')
     if (formBox) {
-      formBox.style.display = isDisableButton ? 'block' : 'none'
+      formBox.style.display = isDisableButton ? "block" : "none"
     }
 
     const googleButton = document.getElementById(
       'gpay-button-online-api-id',
     ) as HTMLButtonElement
-    const appleButton = document.getElementById(
-      'ryft-pay-apple-pay-button',
-    ) as HTMLButtonElement
+    const appleButton =document.getElementById("ryft-pay-apple-pay-button") as HTMLButtonElement
     if (googleButton) {
       googleButton.disabled = isDisableButton
-      googleButton.style.opacity = !isDisableButton ? '1' : '0.6'
+      googleButton.style.opacity = isDisableButton ? '1' : '0.6'
     }
     if (appleButton) {
       appleButton.disabled = isDisableButton
@@ -88,6 +86,7 @@ export const injectComponentsInRyftForm = ({
     const applePayButton = document.createElement('button')
     applePayButton.id = 'apple-pay'
     applePayButton.type = 'button'
+    applePayButton.style.opacity = !isDisableButton ? '1' : '0.6'
     applePayButton.className = 'bg-dark btn btn-primary apple-pay-button'
     applePayButton.textContent = t('Events:payWithApple')
     applePayButton.onclick = onApplePayButtonClick

package/src/layout/DropDown.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react'
+import { forwardRef } from 'react'
 
 interface Props {
   children?: React.ReactNode | React.ReactNode[]

package/src/notification/email-template/control/EmailTemplateControl.tsx

@@ -434,7 +434,6 @@ export const EmailTemplateControl = forwardRef(
                           `templateOptionValues.${option?.id}.value`,
                         )}
                         type='number'
-                        onWheel={(event) => event.currentTarget.blur()}
                         placeholder={t(`Design:${option.name}`)}
                         id={option.name + option.id}
                         defaultValue={option.selectedValue || ''}

package/src/product-set/control/ProductSetControl.tsx

@@ -69,7 +69,6 @@ export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
   fieldSetId?: number
   saleDeadline?: number
   steps: Step[]
-  hasGeneralTicket?: boolean
   emailTemplates?: TemplateItem[]
   smsTemplates?: TemplateItem[]
   localImageBlobURL?: string
@@ -97,10 +96,8 @@ export interface ProductSetControlProps {
   providerHasBookingManagement?: boolean
   isOverrides?: boolean
   saleDeadline?: number
-  hasGeneralTicket?: boolean
   isCreateNewOverrides?: boolean
   timeZone: string
-  isWaiverEnabled: boolean
 }
 
 export function ProductSetControl({
@@ -119,7 +116,6 @@ export function ProductSetControl({
   isOverrides = false,
   isCreateNewOverrides = false,
   timeZone,
-  isWaiverEnabled,
 }: ProductSetControlProps) {
   const { t } = useTranslation(['Design', 'Validation', 'Notification'])
   const {
@@ -240,7 +236,6 @@ export function ProductSetControl({
           isEventEditProductSet={isEventEditProductSet}
           isOverrides={isOverrides}
           isCreateNewOverrides={isCreateNewOverrides}
-          isWaiverEnabled={isWaiverEnabled}
         />
       </Col>
       <Col md={6} sm={12}>
@@ -312,18 +307,6 @@ export function ProductSetControl({
             </Form.Control.Feedback>
           </Form.Group>
 
-          <Form.Group
-            controlId='hasGeneralTicket'
-            className='checkbox-second-column mt-4'
-          >
-            <Form.Check
-              data-testid='save-as-template-checkbox'
-              label={t('Design:hasGeneralTicket')}
-              {...register('hasGeneralTicket')}
-              custom
-            />
-          </Form.Group>
-
           <Form.Group controlId={termsAndConditionsId}>
             <Form.Label>{t('Design:termsAndConditions')}</Form.Label>
             <Form.Control

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

@@ -66,7 +66,6 @@ interface ProductCategoriesControlProps extends WithIsLoading {
   isOverrides?: boolean
   isEventEditProductSet?: boolean
   isCreateNewOverrides?: boolean
-  isWaiverEnabled: boolean
 }
 
 const getCategoryDefaultValue = (
@@ -100,7 +99,6 @@ export function ProductCategoriesControl({
   isOverrides,
   isEventEditProductSet,
   isCreateNewOverrides,
-  isWaiverEnabled,
 }: ProductCategoriesControlProps) {
   const { t } = useTranslation('Design')
   const {
@@ -349,7 +347,6 @@ export function ProductCategoriesControl({
                     isOverrides={isOverrides}
                     isEventEditProductSet={isEventEditProductSet}
                     isCreateNewOverrides={isCreateNewOverrides}
-                    isWaiverEnabled={isWaiverEnabled}
                   />
                 </SortableTree.Item>
               )}

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

@@ -7,10 +7,13 @@ import { VenueMapSet } from '@licklist/core/dist/DataMapper/Product/VenueMapSetD
 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
+import { ProviderBookingManagementSetting } from '@licklist/core/dist/DataMapper/Provider/ProviderBookingManagementSettingDataMapper'
 import { Zone } from '@licklist/core/dist/DataMapper/Provider/ZoneDataMapper'
 import { WorkHour } from '@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper'
-import { transformErrorToMessage } from '@licklist/plugins/dist/utils/error'
+import { transformErrorToMessage } from '@licklist/plugins'
 import { Dialog, useDialogContext } from '../../modals/dialog'
 import {
   ProductSetControl,
@@ -30,16 +33,12 @@ import { ErrorModal } from '../../iframe/order-process/components/ErrorModal'
 export interface WithIsLoading {
   isLoading: boolean
 }
-export interface WithIdOptional {
-  id?: number
-}
-
 export interface WithId {
   id: number
 }
 export interface ProductSetFormValues
   extends FormValues,
-    WithIdOptional,
+    WithId,
     ProductSetControlValues {
   steps: Step[]
   isOverrides?: boolean
@@ -56,8 +55,7 @@ export interface ProductSetFormProps
   serverErrors?: ServerError
   providerHasMap?: boolean
   venueMapSets?: VenueMapSet[]
-  providerHasBookingManagement?: boolean
-  isWaiverEnabled: boolean
+  providerHasBookingManagement?: ProviderBookingManagementSetting['hasBookingManagement']
   zones?: Zone[] | null
   isCreateAction?: boolean
   isOverrides?: boolean
@@ -80,7 +78,6 @@ export function ProductSetForm({
   providerHasMap = false,
   venueMapSets = [],
   providerHasBookingManagement,
-  isWaiverEnabled,
   zones,
   isCreateAction,
   workHours,
@@ -212,7 +209,6 @@ export function ProductSetForm({
                   isOverrides={isOverrides}
                   isCreateNewOverrides={isCreateNewOverrides}
                   timeZone={timeZone}
-                  isWaiverEnabled={isWaiverEnabled}
                 />
                 <Row>
                   <Col md={6} sm={12} />

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

@@ -1,4 +1,7 @@
-import { useContext, useState } from 'react'
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+import React, { useContext, useState } from 'react'
+
 import {
   ArrayPath,
   Controller,

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

@@ -12,12 +12,15 @@ import { useTranslation } from 'react-i18next'
 import { DEFAULT_PRODUCT_TYPE } from '@licklist/core/dist/DataMapper/Product/ProductDataMapper'
 import { generateUuid } from '@licklist/core/dist/Services'
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService'
+
 import { CategoryType } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper'
 import { ProductControl, ProductControlProps, ProductSetFormValues } from '..'
 import { SortableTree } from '../../sortable-tree'
 import { CreateProductSetItem } from '../item/CreateProductSetItem'
 import { Product } from '../types'
 import { WithIsLoading } from './ProductSetForm'
+// @TODO not for first release
+// import Popover from "./ProductSetFormPopover";
 import { useSortableTreeFunctions } from '../hooks/useSortableTreeFunctions'
 import { SubProductsControl } from './SubProductsControl'
 import { ProductSetModalClasses } from '../../sortable-tree/SortableTreeItem'
@@ -32,7 +35,6 @@ interface ProductsControlProps extends WithIsLoading {
   isOverrides?: boolean
   isEventEditProductSet?: boolean
   isCreateNewOverrides?: boolean
-  isWaiverEnabled: boolean
 }
 
 const getDefaultProductValue = (sort: number): Product => ({
@@ -45,8 +47,6 @@ const getDefaultProductValue = (sort: number): Product => ({
   deposit: 0,
   minQuantity: null,
   maxQuantity: null,
-  scanRangeStart: null,
-  scanRangeEnd: null,
   totalQuantity: 0,
   isAvailable: true,
   modifiersSet: [],
@@ -76,7 +76,6 @@ export function ProductsControl({
   isOverrides,
   isEventEditProductSet,
   isCreateNewOverrides,
-  isWaiverEnabled,
 }: ProductsControlProps) {
   const { t } = useTranslation('Design')
   const form = useFormContext<ProductSetFormValues>()
@@ -281,7 +280,6 @@ export function ProductsControl({
                       isOverrides={
                         isNewProductOverrides || isOverridesProductSet
                       }
-                      isWaiverEnabled={isWaiverEnabled}
                     />
                   }
                   onDelete={() => onProductRemove(index)}
@@ -289,6 +287,7 @@ export function ProductsControl({
                     trigger(`${productControlFieldName}.${index}`)
                   }
                   saveValidField={saveValidField}
+                  // preItem={<Popover className="d-none d-sm-block" />}
                 >
                   <SubProductsControl
                     isLoading={isLoading}
@@ -314,7 +313,9 @@ export function ProductsControl({
           }
         }}
       />
-      <div className='manual-form-error'>{categoryProductErrors?.message}</div>
+      <div className='manual-form-error'>
+        {categoryProductErrors && categoryProductErrors.message}
+      </div>
     </>
   )
 }

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

@@ -21,7 +21,6 @@ interface StepsControlProps {
   isOverrides?: boolean
   isEventEditProductSet?: boolean
   isCreateNewOverrides?: boolean
-  isWaiverEnabled: boolean
 }
 
 export function StepsControl({
@@ -29,7 +28,6 @@ export function StepsControl({
   isOverrides,
   isEventEditProductSet,
   isCreateNewOverrides,
-  isWaiverEnabled,
 }: StepsControlProps) {
   const form = useFormContext<ProductSetFormValues>()
   const { t } = useTranslation('Design')
@@ -152,7 +150,6 @@ export function StepsControl({
                   isOverrides={isOverrides}
                   isCreateNewOverrides={isCreateNewOverrides}
                   isEventEditProductSet={isEventEditProductSet}
-                  isWaiverEnabled={isWaiverEnabled}
                 />
               </SortableTree.Item>
             )}
@@ -170,7 +167,9 @@ export function StepsControl({
           }
         }}
       />
-      <div className='manual-form-error'>{errors.steps?.message}</div>
+      <div className='manual-form-error'>
+        {errors.steps && errors.steps.message}
+      </div>
     </>
   )
 }

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

@@ -56,7 +56,6 @@ export function SubProductsControl({
               quantityType={quantityType}
               allowDeposits={false}
               hasBookingManagement={false}
-              isWaiverEnabled={false}
               fieldNamePrefix={
                 // eslint-disable-next-line max-len
                 `steps.${stepIndex}.productCategories.${productCategoryIndex}.products.${productIndex}.subProducts.${index}` as const
@@ -71,6 +70,9 @@ export function SubProductsControl({
                   images: subProducts[index]?.images as Image[],
                 }
                 // @ts-expect-error TS2345
+                // @TODO fix prod type error
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 append(subProductCopy)
               }}
             />

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

@@ -46,6 +46,9 @@ export const VenueMapsControl = ({
                             url={image.url}
                             name={name}
                             points={points}
+                            // @TODO fix prod type error
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-ignore
                             products={products}
                             pointProducts={pointProducts}
                             onPointProductsChange={onPointProductsChange}