@licklist/design 0.71.6-dev.8 → 0.71.6

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

@@ -28,12 +28,14 @@ export type ProductsByMenuStepsProps = {
   orderItems: OrderItems
   step: MenuStep
   productsWithErrors?: QuantityCheckProductInfo[]
+  isPaymentLink?: boolean
 }
 
 export const ProductsByMenuStep = ({
   orderItems,
   step,
   productsWithErrors = [],
+  isPaymentLink,
 }: ProductsByMenuStepsProps) => {
   const { productCategories } = step
 
@@ -61,6 +63,7 @@ export const ProductsByMenuStep = ({
 
               return (
                 <ProductSummary
+                  isPaymentLink={isPaymentLink}
                   key={orderItem.id}
                   name={orderItem.name}
                   productQuantityError={productQuantityError}

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

@@ -22,14 +22,7 @@ export const SummaryTotal = ({
 
   const cartSum = isFreePayment
     ? 0
-    : cartSumByOrderProducts({ orderProducts }) + transactionFee
-
-  const totalSum = isFreePayment
-    ? 0
-    : cartSumByOrderProducts({ orderProducts, isTotalSum: true }) +
-      transactionFee
-
-  const hasRemaingToPay = totalSum > cartSum
+    : cartSumByOrderProducts(orderProducts) + transactionFee
 
   if (!orderProducts.length) {
     return null
@@ -37,26 +30,14 @@ export const SummaryTotal = ({
 
   return (
     <div className='d-flex flex-column justify-content-between'>
-      <SummaryTotalBlock
-        label={t(hasRemaingToPay ? 'payNow' : 'total')}
-        amount={cartSum}
-      />
+      <SummaryTotalBlock label={t('total')} amount={cartSum} />
+
       {!!totalWithDiscount && !isFreePayment && (
         <SummaryTotalBlock
           label={t('totalWithDiscount')}
           amount={totalWithDiscount + transactionFee}
         />
       )}
-      {hasRemaingToPay && (
-        <>
-          <SummaryTotalBlock
-            label={t('remaining')}
-            amount={totalSum - cartSum}
-          />
-
-          <SummaryTotalBlock label={t('total')} amount={totalSum} />
-        </>
-      )}
     </div>
   )
 }

package/src/iframe/order-process/components/BookingSummary/utils/index.ts

@@ -1,21 +1,13 @@
 import { QuantityCheckProductInfo } from '@licklist/plugins/dist/types/Api/verifyStock'
 import { OrderItem } from '@licklist/plugins/dist/types/context/Iframe/orderItems'
 
-export const cartSumByOrderProducts = ({
-  orderProducts,
-  isTotalSum,
-}: {
-  orderProducts?: OrderItem[]
-  isTotalSum?: boolean
-}) => {
+export const cartSumByOrderProducts = (orderProducts?: OrderItem[]) => {
   if (!orderProducts || !orderProducts.length) {
     return 0
   }
   return orderProducts.reduce((prevSumValue: number, product) => {
     if (!product) return 0
-    const price = isTotalSum
-      ? product?.price
-      : product?.deposit || product?.price
+    const price = product?.hasDeposit ? product?.deposit : product?.price
     return prevSumValue + price * product.quantity
   }, 0)
 }

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

@@ -132,10 +132,13 @@ export const CategoryProduct = ({
           </div>
           <div className='iframe-event__product-price-wrapper'>
             <span className='product-price'>
-              {formatNumber(product.price, {
-                style: 'currency',
-                currency: Config.Currency.GBP,
-              })}
+              {formatNumber(
+                category.allowDeposits ? product?.deposit : product.price,
+                {
+                  style: 'currency',
+                  currency: Config.Currency.GBP,
+                },
+              )}
             </span>
             <ProductQuantityInput
               onChange={onChange}

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/page/components/PageBody/constants.ts

@@ -1,5 +1,4 @@
 export const TAB_WIDTH = 768
-export const MOBILE_WIDTH = 480
 export const RIGHT_BLOCK_RESIZED_EVENT = 'RIGHT_BLOCK_RESIZED_EVENT'
 // The sum of paddings in PageBody + header for first block
 export const STANDARD_BODY_PADDING = 48 + 49

package/src/iframe/page/components/PageBody/hooks/useResizePageBody.ts

@@ -2,7 +2,6 @@ import { useEffect, useMemo, useState, useRef } from 'react'
 import { useWindowDimensions } from '@licklist/plugins/dist/hooks/Media/useWindowDimensions'
 import {
   TAB_WIDTH,
-  MOBILE_WIDTH,
   STANDARD_BODY_PADDING,
   STANDARD_HEADER_FOOTER_SIZE,
   RIGHT_BLOCK_RESIZED_EVENT,
@@ -61,15 +60,6 @@ export const useResizePageBody = () => {
       })
     }
 
-    if (width <= MOBILE_WIDTH && Boolean(CALENDAR_WRAPPER_HEIGHT)) {
-      return {
-        maxHeight:
-          height -
-          STANDARD_BODY_PADDING -
-          rightBlockHeight -
-          CALENDAR_WRAPPER_HEIGHT,
-      }
-    }
     return {
       maxHeight:
         height -
@@ -97,6 +87,7 @@ export const useResizePageBody = () => {
 
     if (width >= TAB_WIDTH && !isContainerSizeApplied) {
       isContainerSizeApplied.current = true
+
       setLeftBlockContainerSizes({
         width: leftBlockContainer.clientWidth,
         height: leftBlockContainer.clientHeight,
@@ -126,6 +117,7 @@ export const useResizePageBody = () => {
       ) {
         minimalMapSize.current = calculatedMinimalMapSize
       }
+
       return {
         width: leftBlockContainer.clientWidth,
         height: minimalMapSize.current,

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

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

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

@@ -28,7 +28,7 @@ interface PaymentProps extends RyftPaymentFormProps {
   onFailIframePayment?: () => void
   data?: PaymentLinkResponse | null
   isLoading: boolean
-  bookingSummaryProps: BookingSummaryProps
+  bookingSummaryProps: Omit<BookingSummaryProps, 'totallWithDiscount'>
   paymentMetadata?: PaymentMetadata
 }
 
@@ -103,33 +103,17 @@ export const PaymentPage = ({
     )
   }
 
-  const orderCartAmountByFormValues = cartSumByOrderProducts({
-    orderProducts:
-      bookingSummaryProps?.formValues &&
+  const orderTotalAmountByFormValues = cartSumByOrderProducts(
+    bookingSummaryProps?.formValues &&
       Object.values(bookingSummaryProps?.formValues),
-  })
-
-  const orderTotalAmountByFormValues = cartSumByOrderProducts({
-    orderProducts:
-      bookingSummaryProps?.formValues &&
-      Object.values(bookingSummaryProps?.formValues),
-    isTotalSum: true,
-  })
-
-  const hasRemaingToPay =
-    orderTotalAmountByFormValues > orderCartAmountByFormValues
+  )
 
   // User can fill promo code only in iframe application.
   // It isn't possible via payment link. This check will
   // be applied when there is no metadata and in case when
   // orderValues sum is greater than amount in order.
   const isCalculatedAmountGreaterThanOrderAmount =
-    !hasRemaingToPay && orderCartAmountByFormValues > data?.amount
-
-  const isPaymentLinkWithRemainingToPay =
-    data?.remaining_to_pay && !!Number(data?.remaining_to_pay)
-  const totalPaidWithRemainingToPay =
-    data?.amount_to_pay && !!Number(data?.amount_to_pay)
+    orderTotalAmountByFormValues > data?.amount
 
   return (
     <Page className='payment_link'>
@@ -189,56 +173,25 @@ export const PaymentPage = ({
                     <>
                       {isCalculatedAmountGreaterThanOrderAmount && (
                         <SummaryTotalBlock
-                          label={t(hasRemaingToPay ? 'payNow' : 'total')}
+                          label={t('total')}
                           amount={
-                            orderCartAmountByFormValues +
+                            orderTotalAmountByFormValues +
                             (bookingSummaryProps?.transactionFee || 0)
                           }
                         />
                       )}
 
-                      {hasRemaingToPay && (
-                        <SummaryTotalBlock
-                          label={t('remaining')}
-                          amount={
-                            orderTotalAmountByFormValues -
-                            orderCartAmountByFormValues
-                          }
-                        />
-                      )}
-
-                      {isPaymentLinkWithRemainingToPay && (
-                        <SummaryTotalBlock
-                          label={t('remaningToPay')}
-                          amount={Number(data?.remaining_to_pay)}
-                        />
-                      )}
-
-                      {totalPaidWithRemainingToPay && (
-                        <SummaryTotalBlock
-                          label={t('totalAmount')}
-                          amount={Number(data?.amount_to_pay)}
-                        />
-                      )}
-                      {isPaymentLinkWithRemainingToPay &&
-                      totalPaidWithRemainingToPay ? (
-                        <SummaryTotalBlock
-                          label={t('payNow')}
-                          amount={data?.amount}
-                        />
-                      ) : (
-                        <SummaryTotalBlock
-                          label={t(
-                            isCalculatedAmountGreaterThanOrderAmount
-                              ? 'totalWithDiscount'
-                              : 'total',
-                          )}
-                          amount={
-                            data?.amount +
-                            (bookingSummaryProps?.transactionFee || 0)
-                          }
-                        />
-                      )}
+                      <SummaryTotalBlock
+                        label={t(
+                          isCalculatedAmountGreaterThanOrderAmount
+                            ? 'totalWithDiscount'
+                            : 'total',
+                        )}
+                        amount={
+                          data?.amount +
+                          (bookingSummaryProps?.transactionFee || 0)
+                        }
+                      />
                     </>
                   )}
                 </div>

package/src/iframe/payment/payment-status-page/PaymentStatusPage.tsx

@@ -59,19 +59,9 @@ export const PaymentStatusPage = ({
 
   if (isLoading) return <LoaderIndicator isLoaded={false} />
 
-  const orderCartAmountByFormValues = cartSumByOrderProducts({
-    orderProducts:
-      bookingSummaryProps?.formValues &&
-      Object.values(bookingSummaryProps?.formValues),
-  })
-  const orderTotalAmountByFormValues = cartSumByOrderProducts({
-    orderProducts:
-      bookingSummaryProps?.formValues &&
-      Object.values(bookingSummaryProps?.formValues),
-    isTotalSum: true,
-  })
-  const hasRemaingToPay =
-    orderTotalAmountByFormValues > orderCartAmountByFormValues
+  const orderTotalAmounByFormValues = cartSumByOrderProducts(
+    Object.values(bookingSummaryProps?.formValues ?? {}),
+  )
 
   // User can fill promocode only in iframe appcliation.
   // It didn't possible via payment link. This check will
@@ -80,9 +70,7 @@ export const PaymentStatusPage = ({
   // For payment status page booking summary props can be empty
   // so we should also check for them
   const isCalculatedAmountGreaterThanOrderAmount =
-    !hasRemaingToPay &&
-    bookingSummaryProps &&
-    orderCartAmountByFormValues > totalAmount
+    bookingSummaryProps && orderTotalAmounByFormValues > totalAmount
 
   return (
     <Page
@@ -139,9 +127,9 @@ export const PaymentStatusPage = ({
                     <>
                       {isCalculatedAmountGreaterThanOrderAmount && (
                         <SummaryTotalBlock
-                          label={t(hasRemaingToPay ? 'payNow' : 'total')}
+                          label={t('total')}
                           amount={
-                            orderCartAmountByFormValues +
+                            orderTotalAmounByFormValues +
                             (bookingSummaryProps?.transactionFee || 0)
                           }
                         />
@@ -158,15 +146,6 @@ export const PaymentStatusPage = ({
                           (bookingSummaryProps?.transactionFee || 0)
                         }
                       />
-                      {hasRemaingToPay && (
-                        <SummaryTotalBlock
-                          label={t('remaining')}
-                          amount={
-                            orderTotalAmountByFormValues -
-                            orderCartAmountByFormValues
-                          }
-                        />
-                      )}
                     </>
                   )}
                 </div>

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/card/EmailTemplateCard.tsx

@@ -35,8 +35,6 @@ export function EmailTemplateCard({
   return (
     <div className='snippet-template-card'>
       <div className='snippet-template-card-header'>
-        {/* TODO fix issue react router types
-      @ts-expect-error */}
         <Link to={href}>{name}</Link>
         {hasPermission && Boolean(onRemove) && (
           <ConfirmModal

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/notification/sms-template/card/SmsTemplateCard.tsx

@@ -33,8 +33,6 @@ export function SmsTemplateCard({
   return (
     <div className='snippet-template-card'>
       <div className='snippet-template-card-header'>
-        {/* TODO fix issue react router types
-      @ts-expect-error */}
         <Link to={href}>{name}</Link>
         {hasPermission && Boolean(onRemove) && (
           <ConfirmModal

package/src/product-set/card/ProductSetCard.tsx

@@ -136,13 +136,7 @@ export function ProductSetCard({
                         onClick={(e) => e.stopPropagation()}
                       >
                         {Boolean(onRemove) && (
-                          <ConfirmModal
-                            content={t(
-                              override
-                                ? 'confirmRemoveProductSetWithOverrides'
-                                : 'areUSureYouWantToPerformThisAction',
-                            )}
-                          >
+                          <ConfirmModal>
                             {(confirm) => (
                               <MenuButton
                                 onClick={() => {

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

@@ -198,8 +198,7 @@ export const DateAndRecurrenceInput = ({
     move(prevIndex, nextIndex)
   }
 
-  const errorMessage =
-    errors.menuRecurrences?.message || errors.menuRecurrences?.root?.message
+  const errorMessage = errors.menuRecurrences?.message || errors.menuRecurrences?.root?.message 
 
   useEffect(() => {
     if (fields.length) {
@@ -309,7 +308,9 @@ export const DateAndRecurrenceInput = ({
             })}
           />
 
-          <div className='manual-form-error'>{errorMessage}</div>
+          <div className='manual-form-error'>
+            {errorMessage}
+          </div>
         </div>
       </OverlayTrigger>
     </Form.Group>

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

@@ -195,8 +195,7 @@ export const DateInput = ({
     }, 100)
   }
 
-  const errorMessage =
-    errors.menuRecurrences?.message || errors.menuRecurrences?.root?.message
+  const errorMessage = errors.menuRecurrences?.message || errors.menuRecurrences?.root?.message 
 
   return (
     <Form.Group>
@@ -285,7 +284,9 @@ export const DateInput = ({
             })}
           />
 
-          <div className='manual-form-error'>{errorMessage}</div>
+          <div className='manual-form-error'>
+            {errorMessage}
+          </div>
         </div>
       </OverlayTrigger>
     </Form.Group>

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

@@ -23,7 +23,6 @@ import { ruleForUrlWithProtocol } from '@licklist/plugins/dist/validation/Rules/
 import { WorkHour } from '@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper'
 import { checkIfZoneCategory } from '@licklist/plugins'
 import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
-import { SaleDeadline } from 'src/events/edit-event-modal/component/SaleDeadline'
 import { WarningMessage } from '../../static'
 import { SelectItem } from '../../types/generic/SelectItem'
 import {
@@ -67,7 +66,6 @@ export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
   productGroups?: SelectItem[]
   relyOnPeopleType?: RelyOnPeopleType | null
   fieldSetId?: number
-  saleDeadline?: number
   steps: Step[]
   emailTemplates?: TemplateItem[]
   smsTemplates?: TemplateItem[]
@@ -95,7 +93,6 @@ export interface ProductSetControlProps {
   workHours: WorkHour[] | undefined
   providerHasBookingManagement?: boolean
   isOverrides?: boolean
-  saleDeadline?: number
   isCreateNewOverrides?: boolean
   timeZone: string
 }
@@ -225,8 +222,6 @@ export function ProductSetControl({
           </>
         )}
 
-        <SaleDeadline disabled={false} onlyBefore />
-
         <div className='divider' />
 
         <TutorialGifCard isOverrides={isOverrides} />

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

@@ -8,7 +8,6 @@ import {
   useFormContext,
   useWatch,
 } from 'react-hook-form'
-import { FaBars, FaBowlingBall, FaCalendar, FaTicketAlt } from 'react-icons/fa'
 import { useTranslation } from 'react-i18next'
 import { useSensor, MouseSensor } from '@dnd-kit/core'
 import {
@@ -26,11 +25,7 @@ import { ProductCategoryControl } from '../product-category'
 import { ProductCategory } from '../types'
 import { ProductsControl } from './ProductsControl'
 import { ProductSetFormValues, WithIsLoading } from './ProductSetForm'
-import {
-  SelectCategoryModal,
-  CATEGORY_TYPES_NAMES,
-  CategoryConfig,
-} from './SelectCategoryModal'
+import { SelectCategoryModal } from './SelectCategoryModal'
 import { ProductSetLoadingContext } from './context'
 import { VenueMapSetModal } from './VenueMapSetModal'
 import { moveArrayElements, sortArrayByIndex } from '../utils'
@@ -38,29 +33,6 @@ import { useSortableTreeFunctions } from '../hooks/useSortableTreeFunctions'
 // @TODO not for first release
 // import Popover from "./ProductSetFormPopover";
 
-const CATEGORIES_TYPE: Partial<Record<CategoryType, CategoryConfig>> = {
-  [CATEGORY_TYPES_NAMES.tickets]: {
-    label: 'tickets',
-    icon: <FaTicketAlt color='#0e8ce2' size={10} />,
-  },
-  [CATEGORY_TYPES_NAMES.bookings]: {
-    label: 'bookings',
-    icon: <FaCalendar color='#0e8ce2' size={10} />,
-  },
-  [CATEGORY_TYPES_NAMES.menuItems]: {
-    label: 'menuItems',
-    icon: <FaBars color='#0e8ce2' size={10} />,
-  },
-  [CATEGORY_TYPES_NAMES.game]: {
-    label: 'game',
-    icon: <FaBowlingBall color='#0e8ce2' size={10} />,
-  },
-  [CATEGORY_TYPES_NAMES.fixedDuration]: {
-    label: 'fixedDuration',
-    icon: <FaCalendar color='#0e8ce2' size={10} />,
-  },
-}
-
 interface ProductCategoriesControlProps extends WithIsLoading {
   stepIndex: number
   isOverrides?: boolean
@@ -86,7 +58,6 @@ const getCategoryDefaultValue = (
   remainderExpireAfter: undefined,
   hasBookingManagement: false,
   weight: 0,
-  saleDeadlineCategory: 0,
   isReusable: false,
   hasSubEvents: false,
   products: [],
@@ -257,8 +228,6 @@ export function ProductCategoriesControl({
             setIsExpanded(productCategoryId)
           }
 
-          const categoryType = CATEGORIES_TYPE[productCategory.type]
-
           return (
             <Controller
               key={`product-category-${productCategory._id}`}
@@ -303,12 +272,6 @@ export function ProductCategoriesControl({
                   )}
                   modalClass={ProductSetModalClasses.category}
                   isNewAdded={showCategoryModal}
-                  itemButton={
-                    <div className='btn-outline-primary item-icon sm border border-primary rounded-sm'>
-                      {categoryType.icon}
-                      <span className='ml-2'>{t(categoryType.label)}</span>
-                    </div>
-                  }
                   body={
                     <ProductCategoryControl
                       isLoading={isLoading}

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

@@ -12,7 +12,7 @@ import { isEqual } from 'lodash'
 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,
@@ -28,16 +28,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
@@ -59,7 +55,6 @@ export interface ProductSetFormProps
   isCreateAction?: boolean
   isOverrides?: boolean
   workHours?: WorkHour[]
-  saleDeadline?: number
   isCreateNewOverrides?: boolean
   timeZone: string
 }
@@ -78,7 +73,6 @@ export function ProductSetForm({
   zones,
   isCreateAction,
   workHours,
-  saleDeadline,
   isOverrides,
   isCreateNewOverrides,
   timeZone,

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,