@licklist/design 0.72.2 → 0.72.4

package/dist/sales/manual-booking/select-menu/SelectMenu.js

@@ -5,6 +5,7 @@ import 'react-loader';
 import { BlockLoader } from '../../../static/loader/BlockLoader.js';
 import 'react';
 import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
+import 'clsx';
 import { MenuButton } from './components/MenuButton.js';
 
 var SelectMenu = function(param) {

package/dist/sales/manual-booking/summary/ManualBookingSummary.js

@@ -10,6 +10,7 @@ import 'react-loader';
 import { BlockLoader } from '../../../static/loader/BlockLoader.js';
 import 'react';
 import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
+import 'clsx';
 
 var ManualBookingSummary = function(param) {
     var eventName = param.eventName, orders = param.orders, ordersSum = param.ordersSum, orderSumIncludingFee = param.orderSumIncludingFee, isFeeFetching = param.isFeeFetching, orderDate = param.orderDate, relyOnPeopleType = param.relyOnPeopleType, hasBookingCategory = param.hasBookingCategory, isMobileView = param.isMobileView;

package/dist/setting/admin/AdminSettingForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminSettingForm.d.ts","sourceRoot":"","sources":["../../../src/setting/admin/AdminSettingForm.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAOtF,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAA;AAE7F,OAAO,EAAkB,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,MAAM,MAAM,2BAA2B,GAAG;IACxC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,IAAI,GAAG,OAAO,CAAA;IAC9B,oBAAoB,EAAE,IAAI,GAAG,OAAO,CAAA;IACpC,+BAA+B,EAAE,IAAI,GAAG,OAAO,CAAA;IAC/C,0BAA0B,EAAE,IAAI,GAAG,OAAO,CAAA;CAC3C,GAAG,yBAAyB,CAAA;AAE7B,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAA;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAA;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC5B,gBAAgB,EAAE;QAChB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,YAAY,CAAC,EAAE,cAAc,CAAA;KAC9B,CAAA;CACF;AAED,eAAO,MAAM,gBAAgB,yFAO1B,qBAAqB,4CAkJvB,CAAA"}
+{"version":3,"file":"AdminSettingForm.d.ts","sourceRoot":"","sources":["../../../src/setting/admin/AdminSettingForm.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAOtF,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAA;AAE7F,OAAO,EAAkB,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,MAAM,MAAM,2BAA2B,GAAG;IACxC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,IAAI,GAAG,OAAO,CAAA;IAC9B,oBAAoB,EAAE,IAAI,GAAG,OAAO,CAAA;IACpC,+BAA+B,EAAE,IAAI,GAAG,OAAO,CAAA;IAC/C,0BAA0B,EAAE,IAAI,GAAG,OAAO,CAAA;CAC3C,GAAG,yBAAyB,CAAA;AAE7B,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,IAAI,CAAA;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAA;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC5B,gBAAgB,EAAE;QAChB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,YAAY,CAAC,EAAE,cAAc,CAAA;KAC9B,CAAA;CACF;AAED,eAAO,MAAM,gBAAgB,yFAO1B,qBAAqB,4CAsJvB,CAAA"}

package/dist/setting/dashboard/snippet-templates/card/SnippetTemplateCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnippetTemplateCard.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippet-templates/card/SnippetTemplateCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAItF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAW,EACX,IAAI,EACJ,QAAQ,EACR,aAAoB,EACpB,SAAiB,GAClB,EAAE,wBAAwB,2CAiC1B"}
+{"version":3,"file":"SnippetTemplateCard.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippet-templates/card/SnippetTemplateCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAItF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAW,EACX,IAAI,EACJ,QAAQ,EACR,aAAoB,EACpB,SAAiB,GAClB,EAAE,wBAAwB,2CAmC1B"}

package/dist/snippet/snippet-template/preview/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAmCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,2CAgWd"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAkCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,2CAgWd"}

package/dist/snippet/snippet-template/preview/Preview.js

@@ -125,7 +125,9 @@ function Preview(param) {
     };
     var _useState2 = _sliced_to_array(useState(defaultStartDay), 2), currentDate = _useState2[0], setCurrentDate = _useState2[1];
     var _useState3 = _sliced_to_array(useState(null), 2), selectedDate = _useState3[0], setSelectedDate = _useState3[1];
-    var calendarDates = getMonthCalendarDates(currentDate);
+    var calendarDates = getMonthCalendarDates({
+        initialDate: currentDate
+    });
     return /*#__PURE__*/ jsx("div", {
         className: "w-100 h-100 snippet-template-preview",
         children: /*#__PURE__*/ jsxs(Page, {

package/dist/static/date-range-input/utils/index.d.ts

@@ -14,5 +14,5 @@ export declare const stringDatesToInputValue: ({ startDate, endDate, }: {
     startDate?: string;
     endDate?: string;
 }) => string;
-export declare const getDateParams: (date: Date) => number[];
+export declare const getDateParams: (date: Date) => [number, number, number];
 //# sourceMappingURL=index.d.ts.map

package/dist/static/date-range-input/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/date-range-input/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAKxC,eAAO,MAAM,oBAAoB,4BAG9B;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB;;;CAaA,CAAA;AAED,eAAO,MAAM,uBAAuB,WAAW,KAAK,EAAE;;;CAYrD,CAAA;AAED,eAAO,MAAM,uBAAuB,4BAGjC;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,WAWA,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,IAAI,aAKvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/date-range-input/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAKxC,eAAO,MAAM,oBAAoB,4BAG9B;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB;;;CAaA,CAAA;AAED,eAAO,MAAM,uBAAuB,WAAW,KAAK,EAAE;;;CAYrD,CAAA;AAED,eAAO,MAAM,uBAAuB,4BAGjC;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,WAWA,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,IAAI,KAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAKjE,CAAA"}

package/dist/static/loader/FullScreenLoader.d.ts

@@ -0,0 +1,8 @@
+import { LoaderIndicatorProps } from './LoaderIndicator';
+interface FullScreenLoaderProps {
+    containerClassName?: string;
+    indicatorProps?: LoaderIndicatorProps;
+}
+export declare const FullScreenLoader: ({ containerClassName, indicatorProps, }: FullScreenLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FullScreenLoader.d.ts.map

package/dist/static/loader/FullScreenLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenLoader.d.ts","sourceRoot":"","sources":["../../../src/static/loader/FullScreenLoader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAEzE,UAAU,qBAAqB;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,gBAAgB,4CAG1B,qBAAqB,4CAIvB,CAAA"}

package/dist/static/loader/FullScreenLoader.js

@@ -0,0 +1,41 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { LoaderIndicator } from './LoaderIndicator.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var FullScreenLoader = function(param) {
+    var containerClassName = param.containerClassName, indicatorProps = param.indicatorProps;
+    return /*#__PURE__*/ jsx("div", {
+        className: clsx('fullscreen-loader', containerClassName),
+        children: /*#__PURE__*/ jsx(LoaderIndicator, _object_spread({}, indicatorProps))
+    });
+};
+
+export { FullScreenLoader };

package/dist/static/loader/LoaderIndicator.d.ts

@@ -1,10 +1,9 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import ILoaderOptions from '../../types/static/ILoaderOptions';
 export interface LoaderIndicatorProps {
-    children?: ReactNode | ReactNode[];
     isLoaded?: boolean;
     options?: ILoaderOptions;
     className?: string;
 }
-export declare function LoaderIndicator(props: LoaderIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoaderIndicator(props: PropsWithChildren<LoaderIndicatorProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LoaderIndicator.d.ts.map

package/dist/static/loader/LoaderIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderIndicator.d.ts","sourceRoot":"","sources":["../../../src/static/loader/LoaderIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,cAAc,MAAM,mCAAmC,CAAA;AAE9D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmC1D"}
+{"version":3,"file":"LoaderIndicator.d.ts","sourceRoot":"","sources":["../../../src/static/loader/LoaderIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,MAAM,mCAAmC,CAAA;AAE9D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAsC/C"}

package/dist/static/loader/LoaderIndicator.js

@@ -49,12 +49,14 @@ function LoaderIndicator(props) {
         position: 'absolute'
     };
     var mergedOptions = _object_spread({}, defaultOptions, options);
-    return /*#__PURE__*/ jsx(ReactLoader.default, {
+    return(// TODO Remove this library, it's deprecated and even removed from npm packages
+    // @ts-expect-error
+    /*#__PURE__*/ jsx(ReactLoader.default, {
         loaded: isLoaded,
         options: mergedOptions,
         className: "spinner ".concat(className),
         children: children
-    });
+    }));
 }
 
 export { LoaderIndicator };

package/dist/static/loader/index.d.ts

@@ -5,4 +5,5 @@ export { ButtonLoader } from './ButtonLoader';
 export { SnippetLoader } from './SnippetLoader';
 export { PaymentLoader } from './PaymentLoader';
 export type { PaymentLoaderProps } from './PaymentLoader';
+export { FullScreenLoader } from './FullScreenLoader';
 //# sourceMappingURL=index.d.ts.map

package/dist/static/loader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/static/loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/static/loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

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

@@ -4,8 +4,7 @@
   align-items: center;
   gap: 0.5rem;
   font-weight: 300;
-  max-width: 100%;
-
+  width: 100%;
 
   .indicator-label {
     text-overflow: ellipsis;
@@ -25,8 +24,6 @@
   }
 }
 
-
-
 .activity-card {
   .availability-indicator {
     margin-top: 0.5rem;

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

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

package/dist/styles/static/Loader.scss

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.72.2",
+  "version": "0.72.4",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.32.10",
+    "@licklist/core": "0.32.12",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.35.9",
+    "@licklist/plugins": "0.35.10",
     "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.32.10",
+    "@licklist/core": "0.32.12",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.35.9",
+    "@licklist/plugins": "0.35.10",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",

package/src/auth/Layout/AuthNavComponent.tsx

@@ -8,11 +8,15 @@ function AuthNavComponent() {
 
   return (
     <Router>
+      {/* TODO fix issue react router types
+        @ts-expect-error */}
       <Link to='/login'>
         <StyledButton size='sm' className='rounded-pill mr-2'>
           {t('login')}
         </StyledButton>
       </Link>
+      {/* TODO fix issue react router types
+        @ts-expect-error */}
       <Link to='/register'>
         <StyledButton
           size='sm'

package/src/auth/Login/LoginComponent.tsx

@@ -112,6 +112,8 @@ const LoginComponent = ({
             {!hideSignUpLink && (
               <h6 className='text-center'>
                 <Trans t={t} i18nKey='loginPromo'>
+                  {/* TODO fix issue react router types
+        @ts-expect-error */}
                   Don&apos;t have account? <Link to='/register'>Sign up</Link>.
                 </Trans>
               </h6>

package/src/auth/Login/LoginFormComponent.tsx

@@ -147,6 +147,8 @@ function LoginFormComponent(props: LoginFormComponentProps) {
         <p className='text-center mb-0 mt-3'>
           <Trans t={t} i18nKey='User:resetPromo'>
             Forgot your password?{' '}
+            {/* TODO fix issue react router types
+        @ts-expect-error */}
             <Link
               to='/forgot-password'
               className={[isLoading && 'disabled'].join(' ')}

package/src/auth/Register/RegisterComponent.tsx

@@ -105,6 +105,8 @@ function RegisterComponent({
             <h6 className='text-center'>
               <Trans t={t} i18nKey='registerPromo'>
                 Fill out the form below to sign up for {{ name: t('bookedit') }}
+                {/* TODO fix issue react router types
+        @ts-expect-error */}
                 . Already signed up? Then just <Link to='/login'>Log in</Link>.
               </Trans>
             </h6>

package/src/auth/Register/RegisterFormComponent.tsx

@@ -400,10 +400,14 @@ function RegisterFormComponent({
           <Trans t={t} i18nKey='User:agreementsPromo'>
             By creating an account, I agree to {{ name: t('User:bookedit') }}
             &apos;s{' '}
+            {/* TODO fix issue react router types
+        @ts-expect-error */}
             <Link to='/terms' className={[isLoading && 'disabled'].join(' ')}>
               terms of service
             </Link>{' '}
             and{' '}
+            {/* TODO fix issue react router types
+        @ts-expect-error */}
             <Link to='/privacy' className={[isLoading && 'disabled'].join(' ')}>
               privacy policy
             </Link>

package/src/auth/ResetPassword/ResetPasswordFormComponent.tsx

@@ -97,6 +97,8 @@ function ResetPasswordFormComponent(props: ResetPasswordFormComponentProps) {
         <p className='text-center mb-0 mt-3'>
           <Trans t={t} i18nKey='User:signinPromo'>
             Already a user?{' '}
+            {/* TODO fix issue react router types
+        @ts-expect-error */}
             <Link to='/login' className={[isLoading && 'disabled'].join(' ')}>
               Sign in
             </Link>
@@ -106,6 +108,8 @@ function ResetPasswordFormComponent(props: ResetPasswordFormComponentProps) {
         <p className='text-center mb-0 mt-3'>
           <Trans t={t} i18nKey='User:loginPromo'>
             Don&apos;t have an account?{' '}
+            {/* TODO fix issue react router types
+        @ts-expect-error */}
             <Link
               to='/register'
               className={[isLoading && 'disabled'].join(' ')}

package/src/auth/Router.tsx

@@ -29,6 +29,8 @@ function Router(props: RouterProps) {
     }
   }, [])
 
+  // TODO fix issue react router types
+  // @ts-expect-error
   return <BrowserRouter history={history}>{children}</BrowserRouter>
 }
 

package/src/calendar/Calendar.stories.tsx

@@ -28,7 +28,7 @@ Default.args = {
   fromPrice: 'from £10',
   selectedDate: null,
   setSelectedDate: () => null,
-  calendarDates: getMonthCalendarDates(now),
+  calendarDates: getMonthCalendarDates({ initialDate: now }),
   currentDate: now,
   getDateTimeButtonProps: () => ({
     resources: [],
@@ -50,7 +50,7 @@ Loading.args = {
   fromPrice: 'from £10',
   selectedDate: null,
   setSelectedDate: () => null,
-  calendarDates: getMonthCalendarDates(now),
+  calendarDates: getMonthCalendarDates({ initialDate: now }),
   currentDate: now,
   getDateTimeButtonProps: () => ({
     resources: [],

package/src/calendar/utils/index.ts

@@ -3,7 +3,7 @@ import { DateTime, Interval } from 'luxon'
 
 type Builder = (args: {
   initialDate?: DateTime
-  timeZone: TimeZone['name']
+  timeZone?: TimeZone['name']
 }) => DateTime[]
 
 export const getMonthCalendarDates: Builder = ({

package/src/events/edit-event-modal/IntervalInput.tsx

@@ -17,6 +17,8 @@ interface IntervalInputProps {
   productSets?: ProductSet[]
   productSetId?: number
   disabled?: boolean
+  disabledRecurrent?: boolean
+  isCopyCreate?: boolean
 }
 
 export interface IntervalInputValues {
@@ -30,6 +32,8 @@ export function IntervalInput({
   editedProductSet,
   productSetId,
   productSets,
+  disabledRecurrent = false,
+  isCopyCreate = false
 }: IntervalInputProps) {
   const { t } = useTranslation(['Design', 'Validation'])
   const {
@@ -54,7 +58,6 @@ export function IntervalInput({
   const endDateInput = useRef<HTMLInputDateElement | null>(null)
 
   const updateEndDate = ({ target: { value: nextStartDate } }) => {
-    setRecurrent(false)
     setValue('start', nextStartDate)
 
     if (
@@ -72,6 +75,13 @@ export function IntervalInput({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editedProductSet])
 
+  useEffect(() => {
+    if (!isCopyCreate) return
+    setRecurrent(false)
+    setValue('rrule', null)
+     // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isCopyCreate])
+
   useEffect(() => {
     if (!productSets) return
 
@@ -153,7 +163,7 @@ export function IntervalInput({
             onChange={({ target: { checked } }) => {
               onChangeRecurrent(checked)
             }}
-            disabled={disabled || Boolean(editedProductSet)}
+            disabled={disabled || Boolean(editedProductSet) || disabledRecurrent}
           />
           {!recurrent && (
             <Form.Text muted>
@@ -178,7 +188,7 @@ export function IntervalInput({
                 minDate={DateTime.fromISO(start)
                   .plus({ day: 1 })
                   .toFormat('yyyy-MM-dd')}
-                disabled={disabled}
+                disabled={disabled || disabledRecurrent}
               />
             )}
           />

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

@@ -8,6 +8,7 @@ import {
 } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
 import { useId } from '@react-aria/utils'
 import { Accordion, Button, Form, Modal } from 'react-bootstrap'
+import { isEqual } from 'lodash'
 import { FormProvider, useForm, Controller } from 'react-hook-form'
 import { DateTime } from 'luxon'
 import { useTranslation } from 'react-i18next'
@@ -65,6 +66,8 @@ export interface EditEventFormProps extends HasPermissionProp {
   timeZone: string
   eventProductSet?: ProductSet
   overrideNameError?: string
+  disabledRecurrent?: boolean
+  isCopyCreate?: boolean
 }
 
 const eventImageTypes = {
@@ -87,6 +90,8 @@ export const EditEventForm = ({
   timeZone,
   eventProductSet,
   overrideNameError,
+  disabledRecurrent = false,
+  isCopyCreate = false,
 }: EditEventFormProps) => {
   const { t } = useTranslation(['Design', 'Validation'])
 
@@ -126,7 +131,7 @@ export const EditEventForm = ({
   const visible = watch('visible')
   const editedProductSet = watch('editedProductSet')
   const productSetId = watch('productSetId')
-
+  const rrule = watch('rrule')
   const {
     images,
     handleImageRemove,
@@ -135,6 +140,8 @@ export const EditEventForm = ({
     isCoverImagesLoading,
   } = useMultipleImages(initialImages)
 
+  const watchedValues = watch()
+
   const onErrorSubmit = (submitErrors) => {
     scrollToError(getFirstErrorKey(submitErrors))
   }
@@ -179,6 +186,18 @@ export const EditEventForm = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
+  const defaultExDate = defaultEventValues?.rrule?.includes('EXDATE')
+    ? defaultEventValues?.rrule?.split(';EXDATE=')[1]
+    : ''
+
+  useEffect(() => {
+    if (!defaultExDate || rrule?.includes('EXDATE')) return
+    rrule && setValue('rrule', rrule?.concat(`;EXDATE=${defaultExDate}`))
+  }, [defaultExDate, rrule])
+
+
+  const isChanged = !isEqual(watchedValues, sanitizeDefaultValues(defaultEventValues));
+
   return (
     <>
       <Dialog
@@ -273,7 +292,9 @@ export const EditEventForm = ({
             disabled={disabled}
             productSetId={productSetId}
             productSets={productSets}
+            disabledRecurrent={disabledRecurrent}
             editedProductSet={editedProductSet}
+            isCopyCreate={isCopyCreate}
           />
           {categories.length !== 0 && (
             <Form.Group>
@@ -416,6 +437,7 @@ export const EditEventForm = ({
               disabled={
                 disabled ||
                 formState.isSubmitting ||
+                !isChanged ||
                 isImagesLoading ||
                 isCoverImagesLoading
               }
@@ -462,7 +484,7 @@ const sanitizeDefaultValues = (
     visible: values?.visible ?? '',
     externalPaymentLink: values?.externalPaymentLink ?? '',
     productSetId: values?.productSetId,
-    images: values?.images,
+    images: values?.images ?? [],
     saleDeadline: values?.saleDeadline,
     integrationUrl: values?.integrationUrl ?? '',
     recurrenceEndAt: values?.recurrenceEndAt ?? undefined,

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

@@ -28,11 +28,13 @@ export const DEADLINE_NAME = [
 
 export type DeadLineNameType = (typeof DEADLINE_NAME)[number]
 
-type SaleDeadlineType = {
-  saleDeadline: null | number
-} | {
-  [key: string] : null | number
-}
+type SaleDeadlineType =
+  | {
+      saleDeadline: null | number
+    }
+  | {
+      [key: string]: null | number
+    }
 
 export const SaleDeadline = ({
   disabled = false,
@@ -52,8 +54,8 @@ export const SaleDeadline = ({
   const [deadlineType, setDeadlineType] = useState<DeadlineType>(
     SALE_DEADLINE_BEFORE_TYPE,
   )
-  
-  const saleDeadline = watch(deadLineCategory || SALE_DEADLINE_NAME) 
+
+  const saleDeadline = watch(deadLineCategory || SALE_DEADLINE_NAME)
 
   useEffect(() => {
     if (onlyBefore) return

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

@@ -21,6 +21,10 @@ export const RECURRENT_MODE_TYPES_LIST = {
   [MODE_ALL_EVENTS]: 3,
 }
 
+export const RECURRENT_MODE_TYPES_WITHOUT_ALL = {
+  [MODE_THIS_EVENT]: 1,
+}
+
 export type RecurrentEventMode = (typeof MODES)[number]
 
 export type EditRecurrentEventModalValues = {
@@ -33,6 +37,7 @@ export type EditRecurrentEventModalProps = {
   onHide: () => void
   title: string
   onSubmit: (values: EditRecurrentEventModalValues) => void
+  isDateWasChanged?: boolean
 }
 
 export const EditRecurrentEventModal = ({
@@ -41,6 +46,7 @@ export const EditRecurrentEventModal = ({
   onHide,
   title,
   onSubmit,
+  isDateWasChanged = false
 }: EditRecurrentEventModalProps) => {
   const { t } = useTranslation('Design')
 
@@ -50,6 +56,8 @@ export const EditRecurrentEventModal = ({
     },
   })
 
+  const recurrentListMode = isDateWasChanged? RECURRENT_MODE_TYPES_WITHOUT_ALL : RECURRENT_MODE_TYPES_LIST
+
   return (
     <Modal
       show={isOpen}
@@ -75,7 +83,7 @@ export const EditRecurrentEventModal = ({
             <Controller
               render={({ field: { value, onChange } }) => (
                 <>
-                  {Object.keys(RECURRENT_MODE_TYPES_LIST).map((option) => (
+                  {Object.keys(recurrentListMode).map((option) => (
                     <Form.Check
                       type='radio'
                       id={option}

package/src/events/event-card/utils.ts

@@ -2,24 +2,25 @@ import { DATE_FORMAT, DATE_TIME_FULL_FORMAT } from '@licklist/core/dist/Config'
 import { EventStatistic } from '@licklist/core/dist/DataMapper/Provider/EventStatisticDataMapper'
 import { DateTime } from 'luxon'
 
-export const MIN_EVENT_DESCRIPTION_SIZE = 150;
-export const EVENT_DESCRIPTION_SIZE = 350;
-export const EMOJI_REGEX = /<span data-emoji-replacer=""><img[^>]*alt="([^"]+)"[^>]*><\/span>/g;
+export const MIN_EVENT_DESCRIPTION_SIZE = 150
+export const EVENT_DESCRIPTION_SIZE = 350
+export const EMOJI_REGEX =
+  /<span data-emoji-replacer=""><img[^>]*alt="([^"]+)"[^>]*><\/span>/g
 
 export const formatContent = (content, maxLength = EVENT_DESCRIPTION_SIZE) => {
-  if (!content) return '';
+  if (!content) return ''
 
-  const replacedContent = replaceEmojiImagesWithText(content);
+  const replacedContent = replaceEmojiImagesWithText(content)
 
   if (replacedContent.length <= maxLength) {
-    return replacedContent;
+    return replacedContent
   }
 
-  return replacedContent.slice(0, maxLength).concat('...');
-};
+  return replacedContent.slice(0, maxLength).concat('...')
+}
 
 function replaceEmojiImagesWithText(text) {
-  return text.replace(EMOJI_REGEX, (_, emojiText) => emojiText);
+  return text.replace(EMOJI_REGEX, (_, emojiText) => emojiText)
 }
 
 /**

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

@@ -23,7 +23,7 @@ export const EventStatisticModal = ({
 }: EventStatisticModalProps) => {
   const { t } = useTranslation('Design')
 
-  const data = useTableData(date, eventStatistic)
+  const data = useTableData(date, eventStatistic, eventId)
   const handleClose = () => {
     setIsOpen(false)
   }

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

@@ -11,6 +11,7 @@ import { StaticTableData } from '../../../table'
 export const useTableData = (
   date: Event['startAt'] | null,
   eventStatistic: EventStatistic | null,
+  eventId: string,
 ) => {
   const { t } = useTranslation('Design')
   const { formatNumber } = useIntl()