@licklist/design 0.71.5-dev.8 → 0.71.5

package/dist/zone/form/components/GameDurationControl.js

@@ -77,9 +77,6 @@ var GameDurationControl = function(param) {
                 required: false,
                 min: 1
             })), {
-                onWheel: function(event) {
-                    return event.currentTarget.blur();
-                },
                 placeholder: t('Design:duration'),
                 isInvalid: Boolean(errors.defaultDuration),
                 disabled: isLoading

package/dist/zone/form/components/SortControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAoC1D,CAAA"}
+{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAmC1D,CAAA"}

package/dist/zone/form/components/SortControl.js

@@ -77,9 +77,6 @@ var SortControl = function(param) {
                 required: false,
                 min: 1
             })), {
-                onWheel: function(event) {
-                    return event.currentTarget.blur();
-                },
                 placeholder: t('Design:ordering'),
                 isInvalid: Boolean(errors.sort),
                 disabled: isLoading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.71.5-dev.8",
+  "version": "0.71.5",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.31.2-dev.2",
+    "@licklist/core": "0.32.1",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.35.0-dev.0",
+    "@licklist/plugins": "0.34.0",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "react": "17.0.2",
@@ -61,9 +61,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.31.2-dev.2",
+    "@licklist/core": "0.32.0",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.35.0-dev.0",
+    "@licklist/plugins": "0.35.0",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -202,10 +202,8 @@
       "yarn tsc"
     ]
   },
-  "packageManager": "yarn@4.4.0",
   "volta": {
     "node": "20.9.0",
     "yarn": "4.4.0"
-  },
-  "stableVersion": "0.71.4-dev.1"
-}
+  }
+}

package/src/affiliate/form/AffiliateForm.tsx

@@ -76,7 +76,6 @@ export const AffiliateForm = ({
   const copyToClipboard = () =>
     // eslint-disable-next-line consistent-return
     window.navigator.clipboard.writeText(formValues.link)
-
   return (
     <FormProvider {...form}>
       <Form onSubmit={form.handleSubmit(handleSubmit)}>

package/src/auth/Login/LoginComponent.tsx

@@ -44,7 +44,7 @@ const LoginComponent = ({
   const handleError = (error: any) => {
     notification.danger({
       title: 'Error',
-      message: error?.response?.data?.message || error.message,
+      message: error.message,
     })
   }
 

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

@@ -9,9 +9,6 @@ import { Switch, NumberInput } from '../../../../static'
 const SALE_DEADLINE_BEFORE_TYPE = 'before'
 const SALE_DEADLINE_AFTER_TYPE = 'after'
 
-export const SALE_DEADLINE_NAME_CATEGORY = 'saleDeadlineCategory'
-export const SALE_DEADLINE_NAME = 'saleDeadline'
-
 const SALE_DEADLINES_EVENT_START_TYPES = [
   { type: SALE_DEADLINE_BEFORE_TYPE },
   { type: SALE_DEADLINE_AFTER_TYPE },
@@ -21,28 +18,11 @@ type DeadlineType =
   | typeof SALE_DEADLINE_BEFORE_TYPE
   | typeof SALE_DEADLINE_AFTER_TYPE
 
-export const DEADLINE_NAME = [
-  SALE_DEADLINE_NAME_CATEGORY,
-  SALE_DEADLINE_NAME,
-] as const
-
-export type DeadLineNameType = (typeof DEADLINE_NAME)[number]
-
 type SaleDeadlineType = {
   saleDeadline: null | number
-} | {
-  [key: string] : null | number
 }
 
-export const SaleDeadline = ({
-  disabled = false,
-  onlyBefore = false,
-  deadLineCategory,
-}: {
-  disabled?: boolean
-  onlyBefore?: boolean
-  deadLineCategory?: string
-}) => {
+export const SaleDeadline = ({ disabled = false }: { disabled?: boolean }) => {
   const { t } = useTranslation(['Design'])
   const {
     control,
@@ -52,11 +32,9 @@ export const SaleDeadline = ({
   const [deadlineType, setDeadlineType] = useState<DeadlineType>(
     SALE_DEADLINE_BEFORE_TYPE,
   )
-  
-  const saleDeadline = watch(deadLineCategory || SALE_DEADLINE_NAME) 
+  const saleDeadline = watch('saleDeadline')
 
   useEffect(() => {
-    if (onlyBefore) return
     if (saleDeadline > 0) {
       setDeadlineType(SALE_DEADLINE_AFTER_TYPE)
     }
@@ -67,11 +45,11 @@ export const SaleDeadline = ({
     <Form.Group className='sales-deadline'>
       <Form.Label>{t('Design:salesDeadline')}</Form.Label>
       <Form.Control.Feedback type='invalid'>
-        {errors.root?.message}
+        {errors.saleDeadline?.message}
       </Form.Control.Feedback>
       <Controller
         control={control}
-        name={deadLineCategory || SALE_DEADLINE_NAME}
+        name='saleDeadline'
         render={({
           field: { value, onChange },
           fieldState: { invalid, error },
@@ -133,22 +111,18 @@ export const SaleDeadline = ({
 
           return (
             <>
-              {!onlyBefore && (
-                <Form.Group className='d-flex flex-column flex-grow-1 align-items-start'>
-                  <Switch
-                    name='sale-deadline'
-                    options={SALE_DEADLINES_EVENT_START_TYPES.map(
-                      ({ type }) => ({
-                        id: type,
-                        value: t(`Design:${type}`),
-                      }),
-                    )}
-                    value={deadlineType}
-                    onChange={changeValueByType}
-                    disabled={disabled}
-                  />
-                </Form.Group>
-              )}
+              <Form.Group className='d-flex flex-column flex-grow-1 align-items-start'>
+                <Switch
+                  name='sale-deadline'
+                  options={SALE_DEADLINES_EVENT_START_TYPES.map(({ type }) => ({
+                    id: type,
+                    value: t(`Design:${type}`),
+                  }))}
+                  value={deadlineType}
+                  onChange={changeValueByType}
+                  disabled={disabled}
+                />
+              </Form.Group>
               <div className='d-flex'>
                 <Form.Group className='d-flex flex-column col-4 pl-0'>
                   <Form.Label>{t('Design:saleDays')}</Form.Label>

package/src/events/edit-event-modal/hooks/useValidationOptions.tsx

@@ -12,6 +12,11 @@ export const useValidationOptions = () => {
       required: t('Validation:fieldRequired', {
         attribute: t('start'),
       }) as string,
+      // TODO: uncomment when event splitting is implemented
+      // and extract into plugins
+      validate: (value) =>
+        DateTime.fromISO(value).diffNow().toMillis() > 0 ||
+        (t('Validation:fieldValidEventStart') as string),
     },
 
     end: {

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

@@ -20,7 +20,6 @@ export const getDefaultValues = (
   relyOnPeopleType: productSet?.relyOnPeopleType ?? null,
   thankYouPageUrl: productSet?.thankYouPageUrl ?? '',
   fieldSetId: productSet?.fieldSetId,
-  saleDeadline: productSet?.saleDeadline,
   emailTemplates:
     productSet?.mailTemplates && productSet?.mailTemplates?.length > 0
       ? getFilteredTemplates(productSet?.mailTemplates)
@@ -40,6 +39,7 @@ export const getDefaultValues = (
               ...product,
               subProducts: subProducts?.map(({ ...subProducts }) => ({
                 ...subProducts,
+                originalProductId: null,
                 productCategoryId: undefined,
               })),
               productCategoryId: undefined,

package/src/events/edit-recurrent-event-modal/EditRecurrentEventModal.tsx

@@ -61,12 +61,7 @@ export const EditRecurrentEventModal = ({
       <Form onSubmit={handleSubmit(onSubmit)} noValidate>
         <Modal.Header className='border-0'>
           <Modal.Title as='h6'>{title}</Modal.Title>
-          <Button
-            variant='danger'
-            className='btn-sm rounded'
-            disabled={disabled}
-            onClick={onHide}
-          >
+          <Button variant='danger' className='btn-sm rounded' onClick={onHide}>
             <FaTimes size={16} />
           </Button>
         </Modal.Header>

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()
@@ -34,7 +33,6 @@ export const useTableData = (
   const transformStatisticToTableRows = (
     date: Event['startAt'],
     statistic: EventStatistic | null,
-    eventId: string
   ) => {
     if (!statistic) {
       return []
@@ -42,7 +40,7 @@ export const useTableData = (
 
     const tableDataRows: StaticTableData[] = []
 
-    convertEventStatisticToTableData(date, statistic, eventId).forEach(
+    convertEventStatisticToTableData(date, statistic).forEach(
       ({ name, quantity, total, isBold, isHeader, key }) => {
         const formattedTotal = !Object.keys(TRANSLATION_KEYS).includes(
           String(total),
@@ -84,9 +82,9 @@ export const useTableData = (
   }
 
   useEffect(() => {
-    setTableRows(transformStatisticToTableRows(date, eventStatistic, eventId))
+    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

@@ -1,7 +1,6 @@
 import { EventStatistic } from '@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper'
 import { DateTime } from 'luxon'
 import { DATE_FORMAT, DATE_TIME_FULL_FORMAT } from '@licklist/core/dist/Config'
-import { max } from 'lodash'
 
 export const TRANSLATION_KEYS = {
   shortQuantity: 'shortQuantity',
@@ -25,7 +24,6 @@ type TableDataRecord = {
 export const convertEventStatisticToTableData = (
   date: string,
   eventStatistic: EventStatistic,
-  eventId: string,
 ) => {
   let totalAmount = 0
   let totalQuantity = 0
@@ -58,19 +56,11 @@ export const convertEventStatisticToTableData = (
           ? 1
           : -1,
     )
-    .filter((item) => item.eventId === Number(eventId))
     .forEach(
-      (
-        { totalPerCategory, productsSummary = [], categoryName, eventId },
-        _,
-        selfCategory,
-      ) => {
+      ({ totalPerCategory, productsSummary = [], categoryName, eventId }) => {
         let quantity = 0
-        totalAmount += totalPerCategory || 0
 
-        const allProductSummaryAtCategory = selfCategory
-          .filter((category) => category.categoryName === categoryName)
-          .flatMap((categorySummary) => categorySummary.productsSummary)
+        totalAmount += totalPerCategory || 0
 
         if (!summaryMap.has(`${categoryName}`)) {
           summaryMap.set(`${categoryName}`, {
@@ -83,62 +73,36 @@ export const convertEventStatisticToTableData = (
           })
         }
 
-        productsSummary?.forEach((productSummary, productIndex) => {
-          quantity += productSummary.productsSold
-
-          const existingProduct = summaryMap.get(
-            `${categoryName}.${productSummary.name}`,
-          ) ?? {
-            metadata: {
-              _productsSold: 0,
-              _total: 0,
-            },
-          }
-
-          const overrides = allProductSummaryAtCategory.filter(
-            (summary) => summary.originalProductId === productSummary.id,
-          )
-
-          const highestOverrideTotalQuantity = overrides.reduce<number | null>(
-            (acc, override) => {
-              if (!override.totalQuantity) return acc
-
-              if (override.totalQuantity > (acc || 0)) {
-                return override.totalQuantity
-              }
-
-              return acc
-            },
-            null,
-          )
-
-          const totalQuantity =
-            (productSummary.totalQuantity || highestOverrideTotalQuantity) &&
-            max([productSummary.totalQuantity, highestOverrideTotalQuantity])
-
-          summaryMap.set(`${categoryName}.${productSummary.name}`, {
-            name: productSummary.name,
-            key: `${eventId}.${categoryName}${productIndex}${productSummary.name}`,
-            quantity: totalQuantity
-              ? `${
-                  existingProduct.metadata._productsSold +
-                  productSummary.productsSold
-                } / ${totalQuantity}`
-              : String(
-                  existingProduct.metadata._productsSold +
-                    productSummary.productsSold,
-                ),
-            total: String(
-              existingProduct.metadata._total + productSummary.total,
-            ),
-            metadata: {
-              _productsSold:
-                existingProduct.metadata._productsSold +
-                productSummary.productsSold,
-              _total: existingProduct.metadata._total + productSummary.total,
-            },
-          })
-        })
+        productsSummary?.forEach(
+          ({ productsSold, name, totalQuantity, total }) => {
+            quantity += productsSold
+
+            const existingProduct = summaryMap.get(
+              `${categoryName}.${name}`,
+            ) ?? {
+              metadata: {
+                _productsSold: 0,
+                _total: 0,
+              },
+            }
+
+            summaryMap.set(`${categoryName}.${name}`, {
+              name,
+              key: `${eventId}.${categoryName}.${name}`,
+              quantity: totalQuantity
+                ? `${
+                    existingProduct.metadata._productsSold + productsSold
+                  } / ${totalQuantity}`
+                : String(existingProduct.metadata._productsSold + productsSold),
+              total: String(existingProduct.metadata._total + total),
+              metadata: {
+                _productsSold:
+                  existingProduct.metadata._productsSold + productsSold,
+                _total: existingProduct.metadata._total + total,
+              },
+            })
+          },
+        )
 
         const prevTotalPerCategory = summaryMap.get(
           `${categoryName}.${TRANSLATION_KEYS.totalPerCategory}`,

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/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,16 +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 -
@@ -98,6 +87,7 @@ export const useResizePageBody = () => {
 
     if (width >= TAB_WIDTH && !isContainerSizeApplied) {
       isContainerSizeApplied.current = true
+
       setLeftBlockContainerSizes({
         width: leftBlockContainer.clientWidth,
         height: leftBlockContainer.clientHeight,
@@ -127,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/ryft/RyftPaymentForm.tsx

@@ -5,14 +5,12 @@ import { useForm } from 'react-hook-form'
 import Button from 'react-bootstrap/Button'
 import { useHistory } from 'react-router-dom'
 import Alert from 'react-bootstrap/Alert'
-import {
-  STATUS_APPROVED,
-  STATUS_CAPTURED,
-  STATUS_PENDING_ACTION,
-  STATUS_PENDING_PAYMENT,
-} from '@licklist/core/dist/DataMapper/Order/PaymentSessionOrderDataMapper'
 import {
   useRyftPayment,
+  RYFT_STATUS_APPROVED,
+  RYFT_STATUS_CAPTURED,
+  RYFT_STATUS_PENDING_ACTION,
+  RYFT_STATUS_PENDING_PAYMENT,
   AttemptPaymentResponse,
 } from '@licklist/plugins/dist/hooks/Ryft/useRyftPayment'
 import { ProviderPaymentSettings } from '@licklist/core/dist/DataMapper/Setting/ProviderPaymentSettingsDataMapper'
@@ -107,7 +105,7 @@ export const RyftPaymentForm = ({
 
       if ('requiredAction' in paymentSession) {
         if (
-          paymentSession.status !== STATUS_PENDING_ACTION ||
+          paymentSession.status !== RYFT_STATUS_PENDING_ACTION ||
           !paymentSession.requiredAction?.url
         ) {
           redirectOnFailAttempt(paymentSession)
@@ -119,9 +117,9 @@ export const RyftPaymentForm = ({
       }
 
       if (
-        paymentSession.status === STATUS_APPROVED ||
-        paymentSession.status === STATUS_CAPTURED ||
-        paymentSession.status === STATUS_PENDING_PAYMENT
+        paymentSession.status === RYFT_STATUS_APPROVED ||
+        paymentSession.status === RYFT_STATUS_CAPTURED ||
+        paymentSession.status === RYFT_STATUS_PENDING_PAYMENT
       ) {
         redirectOnFailAttempt(paymentSession)
         return

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

@@ -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} />