@licklist/design 0.63.3-dev.3 → 0.63.3

package/jest.config.js

@@ -0,0 +1,29 @@
+// For a detailed explanation regarding each configuration property, visit:
+// https://jestjs.io/docs/en/configuration.html
+
+module.exports = {
+  modulePathIgnorePatterns: ["/dist/"],
+  roots: ["<rootDir>/src", "<rootDir>/tests"],
+  globals: {
+    "ts-jest": {
+      isolatedModules: true,
+      babelConfig: {
+        presets: ["@babel/preset-env", "@babel/preset-react"],
+      },
+    },
+  },
+  transform: {
+    "^.+\\.(t|j)sx?$": "ts-jest",
+  },
+  transformIgnorePatterns: [
+    "node_modules/(?!(redux-persist)/)",
+    "node_modules/(?!(@licklist)/)",
+  ],
+  testRegex: ["(\\/tests\\/.*.(test|spec))\\.tsx?$"],
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
+  setupFilesAfterEnv: ["<rootDir>/tests/setupTests.ts"],
+  moduleNameMapper: {
+    "^.+\\.(css|scss|sass|less)$": "<rootDir>/tests/__mock__/styleMock.js",
+    ".+\\.(svg|png|jpg)$": "identity-obj-proxy",
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.63.3-dev.3",
+  "version": "0.63.3",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -16,11 +16,14 @@
     "type-check:watch": "yarn type-check -- --watch",
     "build": "rollup -c",
     "watch": "yarn build -- -w",
+    "test": "jest --verbose --coverage --watchAll=false",
+    "run-test": "jest --verbose --watchAll=false",
     "lint": "eslint --ext .ts,.tsx .",
     "lint:fix": "yarn run lint -- --fix",
     "lint:format": "prettier \"**/*.{md,json,yml,scss}\" --check",
     "lint:format:fix": "prettier \"**/*.{md,json,yml,scss}\" --write",
     "prepare": "husky install",
+    "test-staged": "CI=true jest --passWithNoTests --findRelatedTests",
     "tests": "yarn tests-staged",
     "prettier-write": "prettier --write",
     "tsc": "bash -c tsc -p tsconfig.json -b"
@@ -40,7 +43,7 @@
     ]
   },
   "dependencies": {
-    "@babel/core": "7.16.0",
+    "@babel/core": "7.13.8",
     "@babel/plugin-proposal-private-property-in-object": "7.16.7",
     "@dnd-kit/core": "3.1.1",
     "@dnd-kit/modifiers": "4.0.0",
@@ -50,9 +53,9 @@
     "@fortawesome/free-brands-svg-icons": "5.15.2",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
     "@fortawesome/react-fontawesome": "0.1.9",
-    "@licklist/core": ">=0.25.1-dev.2 < 0.25.1",
-    "@licklist/eslint-config": "0.4.5",
-    "@licklist/plugins": ">=0.28.0-dev.3 < 0.28.0",
+    "@licklist/core": "^0.25.3",
+    "@licklist/eslint-config": "0.3.4",
+    "@licklist/plugins": "^0.27.2",
     "@mdx-js/react": "1.6.22",
     "@popperjs/core": "2.11.8",
     "@react-aria/utils": "3.9.0",
@@ -70,6 +73,10 @@
     "@svgr/rollup": "5.5.0",
     "@svgr/webpack": "5.5.0",
     "@tanstack/react-table": "8.10.6",
+    "@testing-library/jest-dom": "5.16.1",
+    "@testing-library/react": "11.2.5",
+    "@testing-library/react-hooks": "5.1.0",
+    "@testing-library/user-event": "13.5.0",
     "@tiptap/core": "2.0.0-beta.176",
     "@tiptap/extension-blockquote": "2.0.0-beta.29",
     "@tiptap/extension-bold": "2.0.0-beta.28",
@@ -91,11 +98,15 @@
     "@tiptap/pm": "2.0.0-beta.212",
     "@tiptap/react": "2.0.0-beta.109",
     "@tiptap/suggestion": "2.0.0-beta.92",
-    "@types/babel__core": "7.1.16",
+    "@types/babel__core": "7.1.12",
+    "@types/enzyme-adapter-react-16": "1.0.6",
+    "@types/jest": "26.0.20",
     "@types/luxon": "1.26.2",
     "@types/mdx-js__react": "1.5.3",
+    "@types/react": "17.0.2",
     "@types/react-bootstrap": "1.0.1",
-    "@types/react-date-range": "1.4.9",
+    "@types/react-date-range": "^1.4.4",
+    "@types/react-dom": "17.0.1",
     "@types/react-email-editor": "1.1.7",
     "@types/react-loader": "2.4.4",
     "@types/react-phone-number-input": "3.0.6",
@@ -105,6 +116,7 @@
     "@typescript-eslint/eslint-plugin": "5.8.1",
     "@typescript-eslint/parser": "5.8.1",
     "@wojtekmaj/react-daterange-picker": "^4.1.0",
+    "babel-jest": "26.6.3",
     "babel-loader": "8.2.2",
     "babel-plugin-inline-react-svg": "2.0.1",
     "bootstrap": "4.6.0",
@@ -116,16 +128,21 @@
     "emojibase": "6.1.0",
     "emojibase-data": "7.0.1",
     "emojibase-regex": "6.0.1",
+    "enzyme": "3.11.0",
+    "enzyme-adapter-react-16": "1.15.6",
     "eslint": "7.32.0",
     "eslint-config-airbnb": "18.2.1",
     "eslint-config-prettier": "8.3.0",
+    "eslint-plugin-jest": "25.3.2",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react-hooks": "4.2.0",
+    "eslint-plugin-testing-library": "5.0.1",
     "framer-motion": "4.1.17",
     "history": "5.3.0",
     "husky": "7.0.4",
     "i18next": "19.4.5",
+    "jest": "26.6.0",
     "klona": "2.0.4",
     "konva": "6.0.0",
     "lint-staged": "11.1.2",
@@ -133,18 +150,18 @@
     "luxon": "1.26.0",
     "moment": "2.29.1",
     "prettier": "2.5.1",
-    "react": "17.0.2",
+    "react": "16.14.0",
     "react-bootstrap": "1.6.1",
     "react-color": "2.19.3",
     "react-copy-to-clipboard": "5.0.3",
-    "react-date-range": "1.4.0",
-    "react-dom": "17.0.2",
+    "react-date-range": "^1.4.0",
+    "react-dom": "16.14.0",
     "react-email-editor": "1.6.1",
     "react-highlighter": "0.4.3",
     "react-hook-form": "7.13.0",
     "react-i18next": "11.8.8",
     "react-intl": "5.15.8",
-    "react-konva": "^17.0.2-6",
+    "react-konva": "16.13.0-6",
     "react-loader": "2.4.7",
     "react-loading-skeleton": "^3.3.1",
     "react-overlays": "4.1.1",
@@ -169,6 +186,7 @@
     "sass": "1.32.8",
     "sass-loader": "10.1.1",
     "style-loader": "2.0.0",
+    "ts-jest": "26.5.2",
     "twemoji-parser": "14.0.0",
     "typescript": "4.9.5",
     "url-loader": "4.1.1",
@@ -176,17 +194,24 @@
   },
   "resolutions": {
     "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2"
+    "@types/react-dom": "17.0.1"
+  },
+  "jest": {
+    "setupFilesAfterEnv": [
+      "./jest.config.js"
+    ],
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
+    ]
   },
   "lint-staged": {
     "*.{ts,tsx}": [
+      "yarn test-staged",
       "yarn prettier-write",
       "yarn lint:fix"
     ]
   },
   "devDependencies": {
-    "@types/react": "17.0.2",
-    "@types/react-dom": "17.0.2",
     "identity-obj-proxy": "^3.0.0"
   },
   "volta": {

package/src/date-time-button/DateTimeButton.stories.tsx

@@ -8,7 +8,7 @@ export default {
   component: DateTimeButton,
 } as Meta;
 
-const date = DateTime.now().plus({ hour: 1 });
+const date = DateTime.now();
 
 export const Default: Story<DateTimeButtonProps> = (args) => {
   return <DateTimeButton {...args} />;
@@ -19,7 +19,6 @@ Default.args = {
   isSelected: false,
   isDisabled: false,
   onSelect: () => null,
-  shouldCalculateResources: false,
 };
 
 export const Selected: Story<DateTimeButtonProps> = (args) => {

package/src/date-time-button/DateTimeButton.tsx

@@ -46,7 +46,7 @@ export const DateTimeButton = ({
 
   const isTimeVariant = variant === Variant.time;
 
-  const isPast = variant === Variant.time ? isPastTime(date) : isPastDate(date);
+  const isTimeInPast = isTimeVariant && isDateInPast(date);
 
   const noResources =
     shouldCalculateResources &&
@@ -55,7 +55,7 @@ export const DateTimeButton = ({
       !has(resources, "bookedResources") ||
       !has(resources, "totalResources"));
 
-  const isDisabled = _isDisabled || isSoldOut || isPast || noResources;
+  const isDisabled = _isDisabled || isSoldOut || isTimeInPast || noResources;
 
   return (
     <button
@@ -85,7 +85,7 @@ export const DateTimeButton = ({
       {showResources && resources && (
         <AvailabilityIndicator
           resources={resources}
-          isUnavailable={_isDisabled || isPast}
+          isUnavailable={_isDisabled || isTimeInPast}
           isSoldOut={isSoldOut}
         />
       )}
@@ -93,7 +93,5 @@ export const DateTimeButton = ({
   );
 };
 
-const isPastTime = (date: DateTime): boolean => DateTime.now() > date;
-
-const isPastDate = (date: DateTime): boolean =>
-  DateTime.now() > date.set({ hour: 23, minute: 59, second: 59 });
+const isDateInPast = (date: DateTime): boolean =>
+  date.toUTC() <= DateTime.now().toUTC();

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

@@ -40,10 +40,6 @@ 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));
@@ -88,9 +84,6 @@ export const SelectEventProductSet = ({
     setValue("productSetId", value);
   };
 
-  const showOverrideProductSet =
-    !showEditProductSet && productSetId && !selectedProductSet;
-
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const onSubmit = (value: EditEventFormValues["editedProductSet"]) => {
     setShowEditProductSet(false);
@@ -166,7 +159,7 @@ export const SelectEventProductSet = ({
                           {t("addNewProductSet")}
                         </Button>
                       )}
-                      {showOverrideProductSet && (
+                      {!showEditProductSet && productSetId && (
                         <Button
                           variant=""
                           className="btn product-set-button "
@@ -206,12 +199,14 @@ export const SelectEventProductSet = ({
         </Form.Group>
       </div>
       {showEditProductSet && productSetId && (
-        <EditEventProductSet
-          onSubmit={onSubmit}
-          defaultValues={
-            productSetId === editedProductSet?.id && editedProductSet
-          }
-        />
+        <>
+          <EditEventProductSet
+            onSubmit={onSubmit}
+            defaultValues={
+              productSetId === editedProductSet?.id && editedProductSet
+            }
+          />
+        </>
       )}
     </>
   );

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

@@ -124,8 +124,6 @@ export const EditEventProductSet = ({
             companyName={selectedCompany?.title}
             fee={feeInPercent}
             isEventEditProductSet
-            isOverrides
-            workHours={undefined}
           />
           <Button
             disabled={isLoading}

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/iframe/ryft/RyftPaymentForm.tsx

@@ -36,9 +36,6 @@ export interface RyftPaymentFormProps {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   accountId: any;
   isCreateLoading: boolean;
-  isAppUsingInIframe?: boolean;
-  onApplePayButtonClick: () => void;
-  applePayButtonDisabled?: boolean;
   initRyft: (
     onSuccess: () => void,
     onFailure: (error?: string) => void
@@ -51,19 +48,15 @@ export interface RyftPaymentFormProps {
 export const RyftPaymentForm = ({
   accountId,
   isCreateLoading,
-  isAppUsingInIframe,
   providerPaymentSettings,
-  onApplePayButtonClick,
   initRyft,
   resetReferrer,
   onSubmit,
 }: RyftPaymentFormProps) => {
   const { t } = useTranslation(["Design", "Validation", "Ryft"]);
   const formRef = useRef<HTMLFormElement | null>(null);
-  const showApplePayButton =
-    isAppUsingInIframe &&
-    providerPaymentSettings?.additionalPaymentMethodsEnabled;
   const history = useHistory();
+
   const [isValid, setIsValid] = useState(false);
   const [isBtnDisabled, setIsBtnDisabled] = useState(false);
   const [ryftInitFailure, setRyftInitFailure] = useState<boolean>(false);
@@ -140,14 +133,12 @@ export const RyftPaymentForm = ({
       }
       injectComponentsInRyftForm({
         t,
-        isAppUsingInIframe,
-        onApplePayButtonClick,
         additionalPaymentMethodsEnabled:
           providerPaymentSettings?.additionalPaymentMethodsEnabled,
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [formRef.current?.childNodes?.length, showApplePayButton]
+    [formRef.current?.childNodes?.length]
   );
 
   useEffect(() => {

package/src/iframe/ryft/utils/ryft-form.ts

@@ -1,21 +1,12 @@
 import { TFunction } from "react-i18next";
-import { RyftPaymentFormProps } from "../RyftPaymentForm";
-
-interface InjectComponentsInRyftForm
-  extends Pick<
-    RyftPaymentFormProps,
-    "onApplePayButtonClick" | "isAppUsingInIframe"
-  > {
-  t: TFunction<string[]>;
-  additionalPaymentMethodsEnabled?: boolean;
-}
 
 export const injectComponentsInRyftForm = ({
   t,
   additionalPaymentMethodsEnabled,
-  isAppUsingInIframe,
-  onApplePayButtonClick,
-}: InjectComponentsInRyftForm) => {
+}: {
+  t: TFunction<string[]>;
+  additionalPaymentMethodsEnabled?: boolean;
+}) => {
   const cardContainer = document.getElementById("ryft-pay-iframe");
 
   if (!cardContainer) {
@@ -43,7 +34,6 @@ export const injectComponentsInRyftForm = ({
   // Removing of the old mobile  title container  and divider container
   document.getElementById("mobile-pay-title")?.remove();
   document.getElementById("mobile-pay-divider-container")?.remove();
-  document.getElementById("apple-pay")?.remove();
 
   // Adding title and divider for apple and google pay button
   const mobilePayTitle = document.createElement("div");
@@ -58,15 +48,6 @@ export const injectComponentsInRyftForm = ({
   divider.id = "mobile-pay-divider";
   container.id = "mobile-pay-divider-container";
   container.append(dividerText, divider);
-  if (isAppUsingInIframe) {
-    const applePayButton = document.createElement("button");
-    applePayButton.id = "apple-pay";
-    applePayButton.type = "button";
-    applePayButton.className = "bg-dark btn btn-primary apple-pay-button";
-    applePayButton.textContent = t("Events:payWithApple");
-    applePayButton.onclick = onApplePayButtonClick;
-    payGrid.append(applePayButton);
-  }
   payGrid.before(mobilePayTitle);
   payGrid.after(container);
 };

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

@@ -5,7 +5,7 @@ import { Form, OverlayTrigger, Popover } from "react-bootstrap";
 import { useFieldArray, useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { useClickAway } from "react-use";
-import { UTC_TIMEZONE, TIME_FORMAT } from "@licklist/core/dist/Config/Date";
+import { TIMEZONE, TIME_FORMAT } from "@licklist/core/dist/Config/Date";
 import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
 import { DateTime } from "luxon";
 import RRule, { Frequency } from "rrule";
@@ -136,7 +136,7 @@ export const DateInput = ({
       until: (start as DateTime).toJSDate(),
       byweekday: [],
       freq: Frequency.DAILY,
-      tzid: UTC_TIMEZONE,
+      tzid: TIMEZONE,
       interval: 1,
     }).replace("RRULE:", "");
 

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

@@ -85,10 +85,9 @@ export interface ProductSetControlProps {
   fieldSets?: FieldSet[];
   showEmailTemplate?: boolean;
   showSmsTemplate?: boolean;
-  workHours: WorkHour[] | undefined;
+  workHours?: WorkHour[];
   providerHasBookingManagement?: boolean;
   isOverrides?: boolean;
-  isCreateNewOverrides?: boolean;
 }
 
 export function ProductSetControl({
@@ -105,7 +104,6 @@ export function ProductSetControl({
   workHours,
   providerHasBookingManagement = false,
   isOverrides = false,
-  isCreateNewOverrides = false,
 }: ProductSetControlProps) {
   const { t } = useTranslation(["Design", "Validation", "Notification"]);
   const {
@@ -125,7 +123,7 @@ export function ProductSetControl({
 
   const showSmsTemplateSelector = showSmsTemplate && !isOverrides;
   const showEmailTemplateSelector = showEmailTemplate && !isOverrides;
-  const showDateSelector = !isEventEditProductSet && isOverrides;
+
   return (
     <Row
       className={`product-set-form ${
@@ -167,7 +165,7 @@ export function ProductSetControl({
           </Form.Control.Feedback>
         </Form.Group>
 
-        {showDateSelector ? (
+        {isOverrides ? (
           <DateInput
             workHours={workHours}
             isLoading={isLoading}
@@ -190,12 +188,7 @@ export function ProductSetControl({
 
         <TutorialGifCard isOverrides={isOverrides} />
 
-        <StepsControl
-          isLoading={isLoading}
-          isEventEditProductSet={isEventEditProductSet}
-          isOverrides={isOverrides}
-          isCreateNewOverrides={isCreateNewOverrides}
-        />
+        <StepsControl isLoading={isLoading} isOverrides={isOverrides} />
       </Col>
       <Col md={6} sm={12}>
         <div className="second-column">

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

@@ -36,8 +36,6 @@ import { useSortableTreeFunctions } from "../hooks/useSortableTreeFunctions";
 interface ProductCategoriesControlProps extends WithIsLoading {
   stepIndex: number;
   isOverrides?: boolean;
-  isEventEditProductSet?: boolean;
-  isCreateNewOverrides?: boolean;
 }
 
 const getCategoryDefaultValue = (
@@ -69,8 +67,6 @@ export function ProductCategoriesControl({
   isLoading,
   stepIndex,
   isOverrides,
-  isEventEditProductSet,
-  isCreateNewOverrides,
 }: ProductCategoriesControlProps) {
   const { t } = useTranslation("Design");
   const {
@@ -218,11 +214,6 @@ export function ProductCategoriesControl({
             ? String(productCategory.id)
             : productCategory.uniqueId;
 
-          const isOverridesCategory = productCategory.products.some((product) =>
-            isEventEditProductSet ? !!product.id : !!product.originalProductId
-          );
-          const isNewOverridesCategory =
-            isCreateNewOverrides && !!productCategory.id;
           const onSetIsExpanded = () => {
             setIsExpanded(productCategoryId);
           };
@@ -278,10 +269,7 @@ export function ProductCategoriesControl({
                       categoryName={value}
                       stepIndex={stepIndex}
                       productCategoryIndex={index}
-                      isOverride={
-                        isNewOverridesCategory ||
-                        (isOverrides && isOverridesCategory)
-                      }
+                      isOverride={isOverrides}
                     />
                   }
                   isOverride={isOverrides}
@@ -308,8 +296,6 @@ export function ProductCategoriesControl({
                     productCategoryIndex={index}
                     categoryType={productCategory.type}
                     isOverrides={isOverrides}
-                    isEventEditProductSet={isEventEditProductSet}
-                    isCreateNewOverrides={isCreateNewOverrides}
                   />
                 </SortableTree.Item>
               )}
@@ -319,7 +305,9 @@ export function ProductCategoriesControl({
       </SortableTree>
       <CreateProductSetItem
         title={t("addCategory")}
+        isOverride={isOverrides}
         onClick={() => {
+          if (isOverrides) return;
           setIsSelectCategoryVisible(true);
         }}
       />
@@ -328,6 +316,7 @@ export function ProductCategoriesControl({
         isVisible={isSelectCategoryVisible}
         onHide={() => setIsSelectCategoryVisible(false)}
         onCategorySelect={(categoryType) => {
+          if (isOverrides) return;
           append(getCategoryDefaultValue(categoryType, fields.length));
           setShowCategoryModal(true);
           if (

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

@@ -26,16 +26,12 @@ import { checkAvailableTimesErrors, getFilteredTemplates } from "../utils";
 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;
@@ -57,7 +53,6 @@ export interface ProductSetFormProps
   isCreateAction?: boolean;
   isOverrides?: boolean;
   workHours?: WorkHour[];
-  isCreateNewOverrides?: boolean;
 }
 
 export function ProductSetForm({
@@ -75,7 +70,6 @@ export function ProductSetForm({
   isCreateAction,
   workHours,
   isOverrides,
-  isCreateNewOverrides,
   ...shared
 }: ProductSetFormProps) {
   const { t } = useTranslation("Design");
@@ -121,11 +115,7 @@ export function ProductSetForm({
   }, [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);
 
@@ -176,7 +166,6 @@ export function ProductSetForm({
                     workHours={workHours}
                     providerHasBookingManagement={providerHasBookingManagement}
                     isOverrides={isOverrides}
-                    isCreateNewOverrides={isCreateNewOverrides}
                   />
                   <Row>
                     <Col md={6} sm={12} />