@licklist/design 0.71.6-dev.10 → 0.71.6-dev.2

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/form/VenueMapsControl.tsx

@@ -3,9 +3,9 @@ import { Button } from 'react-bootstrap'
 import { VenueMap } from '@licklist/core/dist/DataMapper/Product/VenueMapDataMapper'
 import MediaService from '@licklist/plugins/dist/services/Media/MediaService'
 import { PointProduct } from '@licklist/core/dist/DataMapper/Product/PointProductDataMapper'
-import { Product } from '@licklist/core/dist/DataMapper/Product/ProductDataMapper'
 import { FullscreenModal } from '../../modals/fullscreen'
 import { EventVenueMap } from '../../events/event-venue-map'
+import { Product } from '../types'
 
 type VenueMapsControlProps = {
   venueMaps?: VenueMap[]

package/src/sales/modals/refund-modal/RefundModal.tsx

@@ -110,7 +110,6 @@ export const RefundModal = ({
                       }) as string
                     },
                   })}
-                  step={0.01}
                   disabled={isLoading || isFullRefund}
                   isInvalid={!!errors.amount}
                   min={0}

package/src/setting/admin/AdminSettingForm.tsx

@@ -145,14 +145,10 @@ export const AdminSettingForm = ({
                       ) && (
                         <>
                           {t('noCountryIsProvided')}
-                          {/* TODO fix issue react router types
-      @ts-expect-error */}
                           <Link
                             role='button'
                             to={`/provider/${providerMetadata?.providerType}/${providerMetadata?.providableId}/update`}
                           >
-                            {/* TODO fix issue react router types
-      @ts-expect-error */}
                             {t('here')}
                           </Link>
                         </>

package/src/setting/dashboard/snippet-templates/card/SnippetTemplateCard.tsx

@@ -24,8 +24,6 @@ export function SnippetTemplateCard({
   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 && !isDefault && (
           <button

package/src/snippet/snippet-template/preview/Preview.tsx

@@ -29,6 +29,7 @@ import {
 import { NumberInput } from '../../../iframe/order-process/components/CategoryProduct/components/NumberInput'
 import { SnippetTemplateContext } from '../context/snippetTemplate'
 
+
 const DEFAULT_IMAGE =
   'https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80'
 
@@ -57,7 +58,7 @@ export function Preview({
 
   const [currentDate, setCurrentDate] = useState<DateTime>(defaultStartDay)
   const [selectedDate, setSelectedDate] = useState<DateTime | null>(null)
-  const calendarDates = getMonthCalendarDates({ initialDate: currentDate })
+  const calendarDates = getMonthCalendarDates(currentDate)
 
   return (
     <div className='w-100 h-100 snippet-template-preview'>
@@ -308,6 +309,7 @@ export function Preview({
                                   productCategoryId: 57,
                                   productGroupId: null,
                                   availableQuantity: 980,
+                                  zoneId: null,
                                   name: 'Cofee',
                                   description: '',
                                   price: 15,
@@ -316,6 +318,8 @@ export function Preview({
                                   maxQuantity: 15,
                                   totalQuantity: 980,
                                   type: 'sale' as const,
+                                  capacity: 0,
+                                  duration: 0,
                                   weight: 0,
                                   isAvailable: true,
                                   isSoldOut: false,
@@ -334,6 +338,7 @@ export function Preview({
                                   productCategoryId: 57,
                                   productGroupId: null,
                                   availableQuantity: 980,
+                                  zoneId: null,
                                   name: 'Cofee 2',
                                   description: '',
                                   price: 15,
@@ -342,6 +347,8 @@ export function Preview({
                                   maxQuantity: 15,
                                   totalQuantity: 980,
                                   type: 'sale' as const,
+                                  capacity: 0,
+                                  duration: 0,
                                   weight: 0,
                                   isAvailable: true,
                                   isSoldOut: false,

package/src/static/date-range-input/utils/index.ts

@@ -58,7 +58,7 @@ export const stringDatesToInputValue = ({
   )} - ${DateTime.fromJSDate(nextEndDate).toFormat(INPUT_DATE_FORMAT)}`
 }
 
-export const getDateParams = (date: Date): [number, number, number] => {
+export const getDateParams = (date: Date) => {
   const year = date.getFullYear()
   const month = date.getMonth() + 1
   const monthDate = date.getDate()

package/src/static/loader/LoaderIndicator.tsx

@@ -1,17 +1,16 @@
 /* eslint-disable react/jsx-pascal-case */
-import { PropsWithChildren } from 'react'
+import { ReactNode } from 'react'
 import * as ReactLoader from 'react-loader'
 import ILoaderOptions from '../../types/static/ILoaderOptions'
 
 export interface LoaderIndicatorProps {
+  children?: ReactNode | ReactNode[]
   isLoaded?: boolean
   options?: ILoaderOptions
   className?: string
 }
 
-export function LoaderIndicator(
-  props: PropsWithChildren<LoaderIndicatorProps>,
-) {
+export function LoaderIndicator(props: LoaderIndicatorProps) {
   const { children, isLoaded, options, className = '' } = props
 
   const defaultOptions: ILoaderOptions = {
@@ -38,8 +37,6 @@ export function LoaderIndicator(
   } as ILoaderOptions
 
   return (
-    // TODO Remove this library, it's deprecated and even removed from npm packages
-    // @ts-expect-error
     <ReactLoader.default
       loaded={isLoaded!}
       options={mergedOptions}

package/src/static/loader/index.ts

@@ -5,4 +5,3 @@ export { ButtonLoader } from './ButtonLoader'
 export { SnippetLoader } from './SnippetLoader'
 export { PaymentLoader } from './PaymentLoader'
 export type { PaymentLoaderProps } from './PaymentLoader'
-export { FullScreenLoader } from './FullScreenLoader'

package/src/styles/availability-indicator/AvailabilityIndicator.scss

@@ -6,6 +6,7 @@
   font-weight: 300;
   width: 100%;
 
+
   .indicator-label {
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -24,6 +25,8 @@
   }
 }
 
+
+
 .activity-card {
   .availability-indicator {
     margin-top: 0.5rem;

package/src/styles/ryft-payment-form/RyftPaymentForm.scss

@@ -179,7 +179,7 @@
     .form-disable-box {
       top: 20rem;
     }
-  }
+}
 }
 
 @include media-breakpoint-up(md) {

package/src/styles/static/Loader.scss

@@ -27,15 +27,6 @@
   }
 }
 
-.fullscreen-loader {
-  width: 100vw;
-  height: 100vh;
-  position: fixed;
-  z-index: 5000;
-  top: 0;
-  left: 0;
-}
-
 .payment-loader {
   position: absolute;
   top: 50%;