@licklist/design 0.67.2-dev.5 → 0.67.2

package/dist/zone/form/ZoneForm.js

@@ -86,7 +86,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 var ZoneForm = function(param) {
-    var defaultValues = param.defaultValues, onSubmit = param.onSubmit, serverErrors = param.serverErrors, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, workHours = param.workHours;
+    var defaultValues = param.defaultValues, onSubmit = param.onSubmit, serverErrors = param.serverErrors, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading;
     var t = useTranslation("Design").t;
     var form = useForm({
         mode: "onChange",
@@ -121,8 +121,7 @@ var ZoneForm = function(param) {
             onSubmit: handleSubmit(onFormSubmit),
             children: [
                 /*#__PURE__*/ jsx(ZoneControl, {
-                    isLoading: isLoading,
-                    workHours: workHours
+                    isLoading: isLoading
                 }),
                 /*#__PURE__*/ jsxs(Row, {
                     children: [

package/dist/zone/form/components/ZoneControl.d.ts

@@ -1,7 +1,7 @@
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 export type ZoneControlProps = {
     isLoading: boolean;
-    workHours: WorkHour[] | undefined;
+    workHours?: WorkHour[];
 };
-export declare const ZoneControl: ({ isLoading, workHours }: ZoneControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoneControl: ({ isLoading }: ZoneControlProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ZoneControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAStF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,WAAW,6BAA8B,gBAAgB,4CA0BrE,CAAC"}
+{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAStF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CA0B1D,CAAC"}

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

@@ -9,7 +9,7 @@ import { ZoneImageControl } from './ZoneImageControl.js';
 import { GameDurationControl } from './GameDurationControl.js';
 
 var ZoneControl = function(param) {
-    var isLoading = param.isLoading, workHours = param.workHours;
+    var isLoading = param.isLoading;
     return /*#__PURE__*/ jsx(Row, {
         children: /*#__PURE__*/ jsxs(Col, {
             md: 6,
@@ -19,9 +19,7 @@ var ZoneControl = function(param) {
                 /*#__PURE__*/ jsx(NameControl, {
                     isLoading: isLoading
                 }),
-                /*#__PURE__*/ jsx(ZoneRecurrencesControl, {
-                    workHours: workHours
-                }),
+                /*#__PURE__*/ jsx(ZoneRecurrencesControl, {}),
                 /*#__PURE__*/ jsx("hr", {}),
                 /*#__PURE__*/ jsxs(Row, {
                     children: [

package/dist/zone/form/components/ZoneRecurrencesControl.d.ts

@@ -3,9 +3,9 @@ import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMa
 export interface DateAndRecurrenceInputValues {
     zoneRecurrences?: Partial<ZoneRecurrence>[];
 }
-type ZoneRecurrenceControlProps = {
-    workHours: WorkHour[] | undefined;
+export type ZoneRecurrenceControlProps = {
+    workHours?: WorkHour[];
+    isLoading?: boolean;
 };
-export declare const ZoneRecurrencesControl: ({ workHours, }: ZoneRecurrenceControlProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const ZoneRecurrencesControl: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ZoneRecurrencesControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAWtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBAEhC,0BAA0B,4CAmM5B,CAAC"}
+{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAWtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAkMlC,CAAC"}

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

@@ -211,8 +211,7 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-var ZoneRecurrencesControl = function(param) {
-    var workHours = param.workHours;
+var ZoneRecurrencesControl = function() {
     var _errors_zoneRecurrences;
     var _useFormContext = useFormContext(), control = _useFormContext.control, register = _useFormContext.register, errors = _useFormContext.formState.errors, getValues = _useFormContext.getValues, setValue = _useFormContext.setValue, clearErrors = _useFormContext.clearErrors;
     var _useFieldArray = useFieldArray({
@@ -349,8 +348,7 @@ var ZoneRecurrencesControl = function(param) {
                             defaultValues: editState.values,
                             onChange: handleRecurringDateChange,
                             onDelete: handleDelete,
-                            setInitialStartDateAfterSelect: true,
-                            workHours: workHours
+                            setInitialStartDateAfterSelect: true
                         })
                     })
                 }),

package/dist/zone/form/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAOtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAuChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aAyC9D,CAAC"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAOtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAuChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aA0C9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.67.2-dev.5",
+  "version": "0.67.2",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.28.6-dev.3",
+    "@licklist/core": "0.29.1",
     "@licklist/eslint-config": "0.5.5",
-    "@licklist/plugins": "0.32.0-dev.0",
+    "@licklist/plugins": "0.32.0",
     "lodash": "4.17.21",
     "luxon": "1.26.0",
     "react": "17.0.2",
@@ -61,9 +61,10 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.28.6-dev.3",
+    "@fortawesome/react-fontawesome": "0.1.9",
+    "@licklist/core": "0.29.1",
     "@licklist/eslint-config": "0.5.5",
-    "@licklist/plugins": "0.30.4-dev.3",
+    "@licklist/plugins": "0.32.0",
     "@mdx-js/react": "1.6.22",
     "@popperjs/core": "2.11.8",
     "@react-aria/utils": "3.9.0",
@@ -199,6 +200,5 @@
   "volta": {
     "node": "20.9.0",
     "yarn": "4.4.0"
-  },
-  "stableVersion": "0.66.7-dev.5"
-}
+  }
+}

package/src/auth/ChangePassword/ChangePassword.stories.tsx

@@ -15,7 +15,7 @@ export const ChangePassword: Story<{}> = (args) => (
 );
 
 export const ChangePasswordForm: Story<ChangePasswordFormComponentProps> = (
-  args
+  args,
 ) => (
   <>
     <Router>

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/auth/ResetPassword/ResetPassword.stories.tsx

@@ -14,7 +14,7 @@ export const ResetPassword: Story<{}> = (args) => (
   <ResetPasswordComponent {...args} />
 );
 export const ResetPasswordForm: Story<ResetPasswordFormComponentProps> = (
-  args
+  args,
 ) => (
   <>
     <Router>

package/src/calendar/components/CalendarButtons/CalendarButtons.tsx

@@ -2,7 +2,7 @@ import { useCallback, useMemo } from "react";
 import { Button } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { range } from "lodash";
-import { DateTime } from "luxon";
+import { ReactComponent as SelectArrow } from "../../../assets/iframe/selectArrow.svg";
 import { CalendarSelect } from "../CalendarSelect";
 import { CalendarProps } from "../../Calendar";
 
@@ -26,21 +26,15 @@ export const CalendarButtons = ({
 }: CalendarButtonsProps) => {
   const { t } = useTranslation("Design");
 
-  const onSelectMonth = useCallback(
-    (value: string) => {
-      const selectedMonth = Number(value);
-      const nextDateTime = currentDate.set({ month: selectedMonth });
-
-      if (nextDateTime <= initialDate) {
-        setCurrentDate(initialDate);
-        return;
-      }
+  const onSelectNextMonth = useCallback(() => {
+    setCurrentDate((prevDate) => prevDate.plus({ months: 1 }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
-      setCurrentDate(nextDateTime);
-    },
+  const onSelectPreviousMonth = useCallback(() => {
+    setCurrentDate((prevDate) => prevDate.minus({ month: 1 }));
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [setCurrentDate, currentDate],
-  );
+  }, []);
 
   const yearOptions = useMemo(() => {
     return range(initialDate.year, initialDate.year + 5, 1).map((year) => {
@@ -48,18 +42,10 @@ export const CalendarButtons = ({
     });
   }, [initialDate]);
 
-  const monthOptions = useMemo(() => {
-    const initialMonth =
-      currentDate.year > initialDate.year ? 1 : initialDate.month;
-    return range(initialMonth, 13).map((monthNumber) => {
-      return {
-        label: DateTime.fromObject({ month: monthNumber }).toLocaleString({
-          month: "long",
-        }),
-        value: monthNumber,
-      };
-    });
-  }, [initialDate, currentDate]);
+  const canMoveBack = useMemo(
+    () => currentDate > initialDate,
+    [currentDate, initialDate],
+  );
 
   const onSelectYear = (value: string) => {
     const selectedYear = Number(value);
@@ -121,11 +107,22 @@ export const CalendarButtons = ({
       <hr />
       <div className="calendar-buttons">
         <div className="buttons-wrapper">
-          <CalendarSelect
-            options={monthOptions}
-            onChange={onSelectMonth}
-            value={currentDate.month}
-          />
+          <Button
+            className="calendar-button left-button"
+            onClick={onSelectPreviousMonth}
+            disabled={!canMoveBack}
+            variant="link"
+          >
+            <SelectArrow />
+          </Button>
+          <div className="month-title">{currentDate.toFormat("MMMM")}</div>
+          <Button
+            className="calendar-button"
+            onClick={onSelectNextMonth}
+            variant="link"
+          >
+            <SelectArrow />
+          </Button>
         </div>
         <CalendarSelect
           options={yearOptions}

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

@@ -35,11 +35,13 @@ export const SaleDeadline = ({ disabled = false }: { disabled?: boolean }) => {
   const saleDeadline = watch("saleDeadline");
 
   useEffect(() => {
-    if (saleDeadline > 0) {
-      setDeadlineType(SALE_DEADLINE_AFTER_TYPE);
+    if (saleDeadline) {
+      setDeadlineType(
+        saleDeadline < 0 ? SALE_DEADLINE_BEFORE_TYPE : SALE_DEADLINE_AFTER_TYPE,
+      );
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [saleDeadline]);
+  }, []);
 
   return (
     <Form.Group className="sales-deadline">

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

@@ -42,6 +42,10 @@ export const SelectEventProductSet = ({
   const productSetId = watch("productSetId");
   const editedProductSet = watch("editedProductSet");
 
+  const selectedProductSet = productSets.find(
+    (productSet) => productSet.id === productSetId,
+  )?.parentMenuId;
+
   const onEditProductSet = useCallback(
     () => {
       setEditProductSetId(String(productSetId));

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

@@ -37,6 +37,7 @@ export const getDefaultValues = (
               ...product,
               subProducts: subProducts?.map(({ ...subProducts }) => ({
                 ...subProducts,
+                originalProductId: null,
                 productCategoryId: undefined,
               })),
               productCategoryId: undefined,

package/src/header/elements/Elements.stories.tsx

@@ -22,7 +22,7 @@ CompanySelector.args = {
 };
 
 export const CompanySelectorWithOneItem: Story<CompanySelectorProps> = (
-  args
+  args,
 ) => {
   return <CompanySelectorComponent {...args} />;
 };

package/src/help/popover/Popover.stories.tsx

@@ -17,7 +17,7 @@ export const HelpPopoverPrimaryVariant: Story<HelpPopoverProps> = (args) => (
   <HelpPopover {...args} />
 );
 export const HelpPopoverOutlinedInfoVariant: Story<HelpPopoverProps> = (
-  args
+  args,
 ) => <HelpPopover {...args} />;
 
 DefaultHelpPopover.args = {

package/src/iframe/event/event-card/IframeEventCard.tsx

@@ -1,4 +1,4 @@
-import { Button, Card } from "react-bootstrap";
+import { Card } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useIntl } from "react-intl";
 import clsx from "clsx";
@@ -47,7 +47,6 @@ export function IframeEventCard({
   descriptionId,
   imageClassName,
   showMoreInfo,
-  snippetSetting,
 }: IframeEventCardProps) {
   const { formatNumber } = useIntl();
   const { t } = useTranslation("Design");
@@ -70,11 +69,7 @@ export function IframeEventCard({
         { "list-view": isListView },
         className,
       )}
-      onClick={
-        goToDetails || !snippetSetting.displayBookingButtonOnEventList
-          ? onClick
-          : undefined
-      }
+      onClick={goToDetails ? onClick : undefined}
     >
       {showMoreInfo && <div className="iframe-event-card__info-icon">i</div>}
       {imageSrc && (
@@ -138,15 +133,6 @@ export function IframeEventCard({
               />
             </Card.Text>
           )}
-          {!!snippetSetting.displayBookingButtonOnEventList && showMoreInfo && (
-            <Button
-              className="step-save-btn w-25 mt-4"
-              type="button"
-              onClick={onClick}
-            >
-              {t("book")}
-            </Button>
-          )}
         </div>
       </Card.Body>
     </Card>

package/src/iframe/event/event-venue-map/IframeEventVenueMap.stories.tsx

@@ -260,9 +260,9 @@ export function Default() {
                 (point) =>
                   Boolean(
                     MENU_STEPS[0].pointProducts.find(
-                      (pointProduct) => pointProduct.pointId === point.id
-                    )
-                  )
+                      (pointProduct) => pointProduct.pointId === point.id,
+                    ),
+                  ),
               )}
               pointProducts={MENU_STEPS[0].pointProducts}
               usedInIframe={usedInIframe}

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

@@ -51,7 +51,6 @@ export const ProductQuantityInput = ({
       hasDeposit: category.allowDeposits && product?.deposit < product.price,
       price: product.price,
       productCategoryId: category.id,
-      zoneId: category.zone?.id,
       quantity,
       capacity: product?.capacity,
     });

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

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

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[];
@@ -24,5 +24,4 @@ const DropDown = forwardRef((props: Props, ref: any) => {
 });
 
 DropDown.displayName = "DropDown";
-
 export default DropDown;

package/src/layout/DropDownToggle.tsx

@@ -19,6 +19,4 @@ const DropDownToggle = forwardRef((props: Props, ref: any) => {
   );
 });
 
-DropDownToggle.displayName = "DropDownToggle";
-
 export default DropDownToggle;

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

@@ -9,8 +9,7 @@ export default {
 
 export const Default: Story<ProductSetCardProps> = (args) => (
   <ProductSetCard {...args} />
-)
-
+);
 
 Default.args = {
   href: "#",
@@ -18,4 +17,3 @@ Default.args = {
   rrule: "FREQ=WEEKLY;BYDAY=WE",
   hasPermission: true,
 };
-

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

@@ -28,13 +28,15 @@ import {
   AvailableTimesControlRef,
 } from "../../zone/form/components/AvailableTimesControl";
 
+// eslint-disable-next-line max-len
+
 export interface DateAndRecurrenceInputValues {
   menuRecurrences?: Partial<ProductSetRecurrence>[];
 }
 
 interface DateAndRecurrenceInputProps {
   isEventEditProductSet?: boolean;
-  workHours: WorkHour[] | undefined;
+  workHours?: WorkHour[];
   providerHasBookingManagement: boolean;
   isLoading?: boolean;
 }
@@ -88,7 +90,7 @@ export const DateAndRecurrenceInput = ({
     clearEditState();
   });
 
-  const popoverId = useId();
+  const popoverId = useId()!;
 
   const { t } = useTranslation("Design");
 
@@ -226,7 +228,6 @@ export const DateAndRecurrenceInput = ({
                 defaultValues={editState.values}
                 onChange={handleRecurringDateChange}
                 onDelete={handleDelete}
-                workHours={workHours}
               >
                 {providerHasBookingManagement && (
                   <AvailableTimesControl

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

@@ -247,8 +247,7 @@ export const DateInput = ({
               menuRecurrence={menuRecurrence}
               onEdit={() => handleOnEdit(menuRecurrence, index)}
               errorMessage={
-                errors?.menuRecurrences?.[`${index}`]?.availableTimes
-                  ?.message || errors?.menuRecurrences?.[`${index}`]?.message
+                errors?.menuRecurrences?.[`${index}`]?.availableTimes?.message
               }
             />
           ))}

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

@@ -88,7 +88,7 @@ export interface ProductSetControlProps {
   fieldSets?: FieldSet[];
   showEmailTemplate?: boolean;
   showSmsTemplate?: boolean;
-  workHours: WorkHour[] | undefined;
+  workHours?: WorkHour[];
   providerHasBookingManagement?: boolean;
   isOverrides?: boolean;
   occurrenceStartAtDate?: string;

package/src/product-set/control/ProductSetRecurrenceControl.stories.tsx

@@ -23,7 +23,7 @@ interface ProductSetRecurrences {
 
 export const Default: Story<ProductSetRecurrences> = (args) => {
   const [items, setItems] = useState(
-    args.menuRecurrences?.sort((a, b) => a.sort - b.sort) ?? []
+    args.menuRecurrences?.sort((a, b) => a.sort - b.sort) ?? [],
   );
 
   const onDragEnd = ({ over, active }) => {
@@ -31,7 +31,7 @@ export const Default: Story<ProductSetRecurrences> = (args) => {
 
     setItems((items) => {
       const prevIndex = items.findIndex(
-        (item) => String(item.id) === active.id
+        (item) => String(item.id) === active.id,
       );
       const nextIndex = items.findIndex((item) => String(item.id) === over.id);
 

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;
@@ -256,8 +228,6 @@ export function ProductCategoriesControl({
             setIsExpanded(productCategoryId);
           };
 
-          const categoryType = CATEGORIES_TYPE[productCategory.type];
-
           return (
             <Controller
               key={`product-category-${productCategory._id}`}
@@ -302,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

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form-service";
 import { Button, Form, Col, Row } from "react-bootstrap";
 import { FormProvider, useForm } from "react-hook-form";
@@ -22,21 +22,16 @@ import { Step } from "../types";
 import { ProductSetContextProvider, ProductSetLoadingContext } from "./context";
 import { SelectItem } from "../../types/generic/SelectItem";
 import { checkAvailableTimesErrors, getFilteredTemplates } from "../utils";
-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;
@@ -87,7 +82,6 @@ export function ProductSetForm({
     onApproveDialog,
     onDeclineDialog,
   } = useDialogContext();
-  const [errorMessage, setErrorMessage] = useState("");
 
   const form = useForm<ProductSetFormValues>({
     defaultValues,
@@ -125,18 +119,11 @@ export function ProductSetForm({
     if (!serverErrors) {
       return;
     }
-    if (Array.isArray(serverErrors) && serverErrors[0]) {
-      setErrorMessage(serverErrors[0]);
-    }
     FormErrorService.handleServerErrors(serverErrors, setError);
   }, [serverErrors, setError]);
 
   useEffect(() => {
-    window.history.pushState(
-      null,
-      "",
-      window.location.pathname + window.location.search,
-    );
+    window.history.pushState(null, "", window.location.pathname);
     window.addEventListener("beforeunload", onBeforeUnload);
     window.addEventListener("popstate", onPopState);
 
@@ -163,12 +150,6 @@ export function ProductSetForm({
         onDecline={onDeclineDialog}
       />
 
-      <ErrorModal
-        message={errorMessage}
-        isOpen={!!errorMessage}
-        onClose={() => setErrorMessage("")}
-      />
-
       <FormProvider {...form}>
         <Form onSubmit={form.handleSubmit(submitHandler(onSubmitAndRedirect))}>
           <ProductSetLoadingContext.Consumer>