@licklist/design 0.76.0 → 0.78.0

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

@@ -7,10 +7,7 @@ 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'
@@ -55,7 +52,7 @@ export interface ProductSetFormProps
   serverErrors?: ServerError
   providerHasMap?: boolean
   venueMapSets?: VenueMapSet[]
-  providerHasBookingManagement?: ProviderBookingManagementSetting['hasBookingManagement']
+  providerHasBookingManagement?: boolean
   zones?: Zone[] | null
   isCreateAction?: boolean
   isOverrides?: boolean

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

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

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

@@ -9,18 +9,14 @@ import {
 } from 'react-hook-form'
 import { useSensor, MouseSensor } from '@dnd-kit/core'
 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'
@@ -60,7 +56,6 @@ const getDefaultProductValue = (sort: number): Product => ({
   hasSpecialNotes: false,
   weight: 0,
   originalProductId: null,
-  type: DEFAULT_PRODUCT_TYPE,
   tierId: Number(uniqueId()),
   subProducts: [],
   images: [],
@@ -289,7 +284,6 @@ export function ProductsControl({
                     trigger(`${productControlFieldName}.${index}`)
                   }
                   saveValidField={saveValidField}
-                  // preItem={<Popover className="d-none d-sm-block" />}
                 >
                   <SubProductsControl
                     isLoading={isLoading}
@@ -315,9 +309,7 @@ export function ProductsControl({
           }
         }}
       />
-      <div className='manual-form-error'>
-        {categoryProductErrors && categoryProductErrors.message}
-      </div>
+      <div className='manual-form-error'>{categoryProductErrors?.message}</div>
     </>
   )
 }

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

@@ -167,9 +167,7 @@ export function StepsControl({
           }
         }}
       />
-      <div className='manual-form-error'>
-        {errors.steps && errors.steps.message}
-      </div>
+      <div className='manual-form-error'>{errors.steps?.message}</div>
     </>
   )
 }

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

@@ -70,9 +70,6 @@ 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,9 +46,6 @@ 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}

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

@@ -8,12 +8,9 @@ import {
 } 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
@@ -21,7 +18,7 @@ interface LoadingContext {
   modifiersSetList?: ModifierSet[] | null
   providerHasMap?: boolean | null
   venueMapSets?: VenueMapSet[]
-  providerHasBookingManagement?: ProviderBookingManagementSetting['hasBookingManagement']
+  providerHasBookingManagement?: boolean
   zones?: Zone[] | null
   expandedProductCategories: Record<string, boolean>
   setExpandedProductCategories: Dispatch<
@@ -46,7 +43,7 @@ type ProductSetContextProviderProps = PropsWithChildren<
 export function ProductSetContextProvider({
   children,
   productGroupList = [],
-  modifiersSetList =[],
+  modifiersSetList = [],
   providerHasMap = false,
   venueMapSets = [],
   providerHasBookingManagement,

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

@@ -1,9 +1,6 @@
 import {
   CategoryType,
   QuantityType,
-  QUANTITY_TYPE_CONSTANT,
-  QUANTITY_TYPE_LIST_DTO,
-  QUANTITY_TYPE_RECHARGING,
 } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper'
 import { ProductType } from '@licklist/core/dist/DataMapper/Product/ProductDataMapper'
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService'
@@ -28,13 +25,11 @@ import {
   Controller,
   Path,
   useFormContext,
-  useWatch,
   UnpackNestedValue,
   PathValue,
 } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
 import { useImages } from '@licklist/plugins/dist/hooks/Media/useImages'
-
 import {
   Image,
   IMAGE_TYPE_IMAGE,
@@ -417,6 +412,7 @@ export function ProductControl<T extends FormValues>({
             name={`${fieldNamePrefix}.isSoldOut` as Path<T>}
           />
         </Form.Group>
+
         <Form.Group controlId={advancedId} className='custom-checkbox'>
           <Form.Check
             custom

package/src/product-set/product/advanced-options/AdvancedOptions.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react'
+import { useContext } from 'react'
 import { Col, Form } from 'react-bootstrap'
 import { Controller, Path, useFormContext } from 'react-hook-form'
 import { HookFormService } from '@licklist/plugins'

package/src/product-set/product-zone/ProductZoneControl.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo } from 'react'
+import { useContext, useEffect, useMemo } from 'react'
 import { Col, Form, Row } from 'react-bootstrap'
 import {
   ArrayPath,

package/src/sales/booking/results/components/ResultCard.tsx

@@ -20,8 +20,6 @@ export type ResultCardProps = {
   onCardClick?: (id: number) => void
 }
 
-// @TODO integrate when API will be available
-// activity and staff keys
 export const ResultCard = ({
   order,
   className,

package/src/sortable-tree/SortableTreeItem.tsx

@@ -1,9 +1,4 @@
-import {
-  ReactNode,
-  useCallback,
-  useEffect,
-  useState,
-} from 'react'
+import { ReactNode, useCallback, useEffect, useState } from 'react'
 import { DndContext, useDraggable } from '@dnd-kit/core'
 import {
   SortableContext,

package/src/styles/product-set/ProductSetForm.scss

@@ -1,5 +1,4 @@
 .product-set-form {
-
   input,
   textarea,
   select,
@@ -211,8 +210,8 @@
 
 .sortable-tree-item-toggle {
   .product-zone-badge {
-    background-color: #EFE9F5;
-    color: #84269B;
+    background-color: #efe9f5;
+    color: #84269b;
     font-size: 0.875rem;
     font-weight: 600;
   }