@licklist/design 0.68.1 → 0.68.2-dev.1

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

@@ -1,64 +1,64 @@
-import { useState } from "react";
-import { Meta, Story } from "@storybook/react";
-import { boolean } from "@storybook/addon-knobs";
+import { useState } from 'react'
+import { Meta, Story } from '@storybook/react'
+import { boolean } from '@storybook/addon-knobs'
 
 import {
   OPERATIONAL_COST_CUSTOMER,
   OPERATIONAL_COST_TYPES,
   PRODUCT_SET_TYPES,
-} from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
-import { FieldSet } from "@licklist/core/dist/DataMapper/Order/FieldSetDataMapper";
-import { EventEditProductSetContext } from "@licklist/plugins/dist/context/event/EventEditProductSetContext";
-import { EditEventForm, EditEventFormProps } from "./EditEventForm";
+} from '@licklist/core/dist/DataMapper/Product/ProductSetDataMapper'
+import { FieldSet } from '@licklist/core/dist/DataMapper/Order/FieldSetDataMapper'
+import { EventEditProductSetContext } from '@licklist/plugins/dist/context/event/EventEditProductSetContext'
+import { EditEventForm, EditEventFormProps } from './EditEventForm'
 
 export default {
-  title: "Events/EditEventForm",
+  title: 'Events/EditEventForm',
   component: EditEventForm,
-} as Meta;
+} as Meta
 
 const categories = Array.from({ length: 6 }, (_, i) => ({
   id: `${i}`,
   name: `Category group ${i}`,
   categories: Array.from({ length: 12 }, (_, j) => {
-    const id = `${i * 12 + j}`;
-    return { id, name: `Category name ${id}` };
+    const id = `${i * 12 + j}`
+    return { id, name: `Category name ${id}` }
   }),
-}));
+}))
 
 const defaultValues = {
-  id: "1102",
-  name: "One more event",
-  endAt: "2023-12-30T12:14:00.000+01:00",
-  startAt: "2023-12-29T18:18:00.000+01:00",
-  description: "One more description",
+  id: '1102',
+  name: 'One more event',
+  endAt: '2023-12-30T12:14:00.000+01:00',
+  startAt: '2023-12-29T18:18:00.000+01:00',
+  description: 'One more description',
   externalPaymentLink: null,
   images: [],
-  rrule: "INTERVAL=1;FREQ=MONTHLY;BYDAY=-1FR;UNTIL=20240428T000000",
-  recurrenceEndAt: "2024-04-28",
-  termsAndConditions: "<h1>Test Terms</h1><p></p>",
+  rrule: 'INTERVAL=1;FREQ=MONTHLY;BYDAY=-1FR;UNTIL=20240428T000000',
+  recurrenceEndAt: '2024-04-28',
+  termsAndConditions: '<h1>Test Terms</h1><p></p>',
   productSetId: undefined,
   saleDeadline: -1232,
-};
+}
 
 const contextValue = {
   isLoading: false,
   productSetData: {
     id: 1,
-    name: "Example",
-    type: "sale",
-    termsAndConditions: "",
+    name: 'Example',
+    type: 'sale',
+    termsAndConditions: '',
     operationalCost: OPERATIONAL_COST_CUSTOMER,
     steps: [
       {
         id: 1,
-        name: "Step #1",
+        name: 'Step #1',
         productCategories: [
           {
             id: 1,
-            name: "Product category #1",
+            name: 'Product category #1',
             minSubItems: 1,
             maxSubItems: 10,
-            quantityType: "constant",
+            quantityType: 'constant',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -66,11 +66,11 @@ const contextValue = {
             products: [
               {
                 id: 1,
-                name: "Product #1",
-                termsAndConditions: "Product #1 T&C",
+                name: 'Product #1',
+                termsAndConditions: 'Product #1 T&C',
                 productGroupId: 0,
                 zoneId: 0,
-                description: "description",
+                description: 'description',
                 price: 10,
                 deposit: 0,
                 minQuantity: 1,
@@ -87,11 +87,11 @@ const contextValue = {
                 subProducts: [
                   {
                     id: 11,
-                    name: "Sub Product #11",
-                    termsAndConditions: "Sub Product #11 T&C",
+                    name: 'Sub Product #11',
+                    termsAndConditions: 'Sub Product #11 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "Sub Product #11 T&C",
+                    description: 'Sub Product #11 T&C',
                     price: 11,
                     deposit: 0,
                     minQuantity: 1,
@@ -105,10 +105,10 @@ const contextValue = {
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-11",
+                    uuid: 'subproduct-11',
                   },
                 ],
-                uuid: "product-1",
+                uuid: 'product-1',
               },
             ],
           },
@@ -116,14 +116,14 @@ const contextValue = {
       },
       {
         id: 2,
-        name: "Step #2",
+        name: 'Step #2',
         productCategories: [
           {
             id: 2,
-            name: "Product category #1-2",
+            name: 'Product category #1-2',
             minSubItems: 0,
             maxSubItems: 0,
-            quantityType: "recharging",
+            quantityType: 'recharging',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -133,14 +133,14 @@ const contextValue = {
       },
       {
         id: 3,
-        name: "Step #3",
+        name: 'Step #3',
         productCategories: [
           {
             id: 3,
-            name: "Product category #3",
+            name: 'Product category #3',
             minSubItems: 0,
             maxSubItems: 0,
-            quantityType: "recharging",
+            quantityType: 'recharging',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -148,11 +148,11 @@ const contextValue = {
             products: [
               {
                 id: 4,
-                name: "Product #4",
-                termsAndConditions: "Product #1 T&C",
+                name: 'Product #4',
+                termsAndConditions: 'Product #1 T&C',
                 productGroupId: 0,
                 zoneId: 0,
-                description: "description",
+                description: 'description',
                 price: 0,
                 deposit: 0,
                 minQuantity: 0,
@@ -169,11 +169,11 @@ const contextValue = {
                 subProducts: [
                   {
                     id: 5,
-                    name: "Sub Product #5",
-                    termsAndConditions: "Sub Product #5 T&C",
+                    name: 'Sub Product #5',
+                    termsAndConditions: 'Sub Product #5 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "description",
+                    description: 'description',
                     price: 0,
                     deposit: 0,
                     minQuantity: 0,
@@ -187,15 +187,15 @@ const contextValue = {
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-5",
+                    uuid: 'subproduct-5',
                   },
                   {
                     id: 6,
-                    name: "Sub Product #6",
-                    termsAndConditions: "Sub Product #6 T&C",
+                    name: 'Sub Product #6',
+                    termsAndConditions: 'Sub Product #6 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "description",
+                    description: 'description',
                     price: 0,
                     deposit: 0,
                     minQuantity: 0,
@@ -209,10 +209,10 @@ const contextValue = {
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-5",
+                    uuid: 'subproduct-5',
                   },
                 ],
-                uuid: "product-3",
+                uuid: 'product-3',
               },
             ],
           },
@@ -224,33 +224,33 @@ const contextValue = {
   fieldSets: [
     {
       id: 1,
-      name: "test",
+      name: 'test',
     } as FieldSet,
   ],
   emailTemplates: [
     {
-      id: "1",
-      subject: "",
-      body: "",
-      meta: "",
+      id: '1',
+      subject: '',
+      body: '',
+      meta: '',
       notification: {
         isActive: false,
         isDefault: false,
-        name: "Template name 1",
+        name: 'Template name 1',
         companyId: 1,
         providerId: 1,
         fieldSetId: 1,
       },
     },
     {
-      id: "2",
-      subject: "",
-      body: "",
-      meta: "",
+      id: '2',
+      subject: '',
+      body: '',
+      meta: '',
       notification: {
         isActive: false,
         isDefault: false,
-        name: "Tempalte name 2",
+        name: 'Tempalte name 2',
         companyId: 1,
         providerId: 1,
         fieldSetId: 1,
@@ -262,33 +262,33 @@ const contextValue = {
     {
       id: 12,
       providerId: 2,
-      name: "test",
-      createdAt: "2023-03-01 14:35:28",
-      updatedAt: "2023-03-01 14:35:28",
+      name: 'test',
+      createdAt: '2023-03-01 14:35:28',
+      updatedAt: '2023-03-01 14:35:28',
       deletedAt: null,
       venueMaps: [
         {
           id: 18,
           venueMapSetId: 12,
-          name: "zone1",
-          createdAt: "2023-03-01 14:35:28",
-          updatedAt: "2023-03-01 14:35:28",
+          name: 'zone1',
+          createdAt: '2023-03-01 14:35:28',
+          updatedAt: '2023-03-01 14:35:28',
           deletedAt: null,
           image: {
             id: 278,
             imageableId: 18,
-            imageableType: "venue_map",
-            path: "images/original/000/000/000/000/278-a7a8d16235edf3a5.jpg",
-            imageType: "image",
-            hash: "a7a8d16235edf3a5",
-            url: "https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/278-a7a8d16235edf3a5.jpg",
+            imageableType: 'venue_map',
+            path: 'images/original/000/000/000/000/278-a7a8d16235edf3a5.jpg',
+            imageType: 'image',
+            hash: 'a7a8d16235edf3a5',
+            url: 'https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/278-a7a8d16235edf3a5.jpg',
           },
           points: [
             {
               id: 65,
               venueMapId: 18,
-              createdAt: "2023-03-13 13:18:39",
-              updatedAt: "2023-03-13 13:18:39",
+              createdAt: '2023-03-13 13:18:39',
+              updatedAt: '2023-03-13 13:18:39',
               deletedAt: null,
               xCoordinate: 830.99,
               yCoordinate: 545.68,
@@ -296,8 +296,8 @@ const contextValue = {
             {
               id: 66,
               venueMapId: 18,
-              createdAt: "2023-03-13 13:18:39",
-              updatedAt: "2023-03-13 13:18:39",
+              createdAt: '2023-03-13 13:18:39',
+              updatedAt: '2023-03-13 13:18:39',
               deletedAt: null,
               xCoordinate: 1487.43,
               yCoordinate: 435.64,
@@ -305,8 +305,8 @@ const contextValue = {
             {
               id: 67,
               venueMapId: 18,
-              createdAt: "2023-03-13 13:18:39",
-              updatedAt: "2023-03-13 13:18:39",
+              createdAt: '2023-03-13 13:18:39',
+              updatedAt: '2023-03-13 13:18:39',
               deletedAt: null,
               xCoordinate: 1424.82,
               yCoordinate: 927.03,
@@ -314,8 +314,8 @@ const contextValue = {
             {
               id: 68,
               venueMapId: 18,
-              createdAt: "2023-03-13 13:18:39",
-              updatedAt: "2023-03-13 13:18:39",
+              createdAt: '2023-03-13 13:18:39',
+              updatedAt: '2023-03-13 13:18:39',
               deletedAt: null,
               xCoordinate: 508.46,
               yCoordinate: 898.57,
@@ -323,8 +323,8 @@ const contextValue = {
             {
               id: 69,
               venueMapId: 18,
-              createdAt: "2023-03-13 13:18:39",
-              updatedAt: "2023-03-13 13:18:39",
+              createdAt: '2023-03-13 13:18:39',
+              updatedAt: '2023-03-13 13:18:39',
               deletedAt: null,
               xCoordinate: 559.68,
               yCoordinate: 293.35,
@@ -332,8 +332,8 @@ const contextValue = {
             {
               id: 70,
               venueMapId: 18,
-              createdAt: "2023-03-13 13:18:39",
-              updatedAt: "2023-03-13 13:18:39",
+              createdAt: '2023-03-13 13:18:39',
+              updatedAt: '2023-03-13 13:18:39',
               deletedAt: null,
               xCoordinate: 1214.23,
               yCoordinate: 280.07,
@@ -345,25 +345,25 @@ const contextValue = {
     {
       id: 13,
       providerId: 2,
-      name: "test",
-      createdAt: "2023-03-01 14:35:57",
-      updatedAt: "2023-03-01 15:51:14",
+      name: 'test',
+      createdAt: '2023-03-01 14:35:57',
+      updatedAt: '2023-03-01 15:51:14',
       deletedAt: null,
       venueMaps: [
         {
           id: 19,
           venueMapSetId: 13,
-          name: "Zone 1",
-          createdAt: "2023-03-01 14:35:57",
-          updatedAt: "2023-03-01 14:49:46",
+          name: 'Zone 1',
+          createdAt: '2023-03-01 14:35:57',
+          updatedAt: '2023-03-01 14:49:46',
           deletedAt: null,
           image: null,
           points: [
             {
               id: 27,
               venueMapId: 19,
-              createdAt: "2023-03-01 14:49:27",
-              updatedAt: "2023-03-01 14:49:27",
+              createdAt: '2023-03-01 14:49:27',
+              updatedAt: '2023-03-01 14:49:27',
               deletedAt: null,
               xCoordinate: 422.99,
               yCoordinate: 253.75,
@@ -371,8 +371,8 @@ const contextValue = {
             {
               id: 28,
               venueMapId: 19,
-              createdAt: "2023-03-01 14:49:27",
-              updatedAt: "2023-03-01 14:49:27",
+              createdAt: '2023-03-01 14:49:27',
+              updatedAt: '2023-03-01 14:49:27',
               deletedAt: null,
               xCoordinate: 424.1,
               yCoordinate: 281.29,
@@ -380,8 +380,8 @@ const contextValue = {
             {
               id: 29,
               venueMapId: 19,
-              createdAt: "2023-03-01 14:49:27",
-              updatedAt: "2023-03-01 14:49:27",
+              createdAt: '2023-03-01 14:49:27',
+              updatedAt: '2023-03-01 14:49:27',
               deletedAt: null,
               xCoordinate: 424.1,
               yCoordinate: 309.93,
@@ -389,8 +389,8 @@ const contextValue = {
             {
               id: 30,
               venueMapId: 19,
-              createdAt: "2023-03-01 14:49:27",
-              updatedAt: "2023-03-01 14:49:27",
+              createdAt: '2023-03-01 14:49:27',
+              updatedAt: '2023-03-01 14:49:27',
               deletedAt: null,
               xCoordinate: 425.2,
               yCoordinate: 344.08,
@@ -398,8 +398,8 @@ const contextValue = {
             {
               id: 31,
               venueMapId: 19,
-              createdAt: "2023-03-01 14:49:27",
-              updatedAt: "2023-03-01 14:49:27",
+              createdAt: '2023-03-01 14:49:27',
+              updatedAt: '2023-03-01 14:49:27',
               deletedAt: null,
               xCoordinate: 425.2,
               yCoordinate: 383.74,
@@ -407,8 +407,8 @@ const contextValue = {
             {
               id: 32,
               venueMapId: 19,
-              createdAt: "2023-03-01 21:16:50",
-              updatedAt: "2023-03-01 21:16:50",
+              createdAt: '2023-03-01 21:16:50',
+              updatedAt: '2023-03-01 21:16:50',
               deletedAt: null,
               xCoordinate: 421.15,
               yCoordinate: 206.04,
@@ -420,33 +420,33 @@ const contextValue = {
     {
       id: 29,
       providerId: 2,
-      name: "1",
-      createdAt: "2023-03-02 09:48:30",
-      updatedAt: "2023-03-02 09:48:30",
+      name: '1',
+      createdAt: '2023-03-02 09:48:30',
+      updatedAt: '2023-03-02 09:48:30',
       deletedAt: null,
       venueMaps: [
         {
           id: 36,
           venueMapSetId: 29,
-          name: "1",
-          createdAt: "2023-03-02 09:48:30",
-          updatedAt: "2023-03-02 09:48:30",
+          name: '1',
+          createdAt: '2023-03-02 09:48:30',
+          updatedAt: '2023-03-02 09:48:30',
           deletedAt: null,
           image: {
             id: 264,
             imageableId: 36,
-            imageableType: "venue_map",
-            path: "images/original/000/000/000/000/264-a7a8d162b4931032.jpg",
-            imageType: "image",
-            hash: "a7a8d162b4931032",
-            url: "https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/264-a7a8d162b4931032.jpg",
+            imageableType: 'venue_map',
+            path: 'images/original/000/000/000/000/264-a7a8d162b4931032.jpg',
+            imageType: 'image',
+            hash: 'a7a8d162b4931032',
+            url: 'https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/264-a7a8d162b4931032.jpg',
           },
           points: [
             {
               id: 61,
               venueMapId: 36,
-              createdAt: "2023-03-10 12:10:47",
-              updatedAt: "2023-03-10 12:10:47",
+              createdAt: '2023-03-10 12:10:47',
+              updatedAt: '2023-03-10 12:10:47',
               deletedAt: null,
               xCoordinate: 270.75,
               yCoordinate: 550.85,
@@ -454,8 +454,8 @@ const contextValue = {
             {
               id: 62,
               venueMapId: 36,
-              createdAt: "2023-03-10 12:10:47",
-              updatedAt: "2023-03-10 12:10:47",
+              createdAt: '2023-03-10 12:10:47',
+              updatedAt: '2023-03-10 12:10:47',
               deletedAt: null,
               xCoordinate: 1586.83,
               yCoordinate: 261.86,
@@ -463,8 +463,8 @@ const contextValue = {
             {
               id: 63,
               venueMapId: 36,
-              createdAt: "2023-03-10 12:10:47",
-              updatedAt: "2023-03-10 12:10:47",
+              createdAt: '2023-03-10 12:10:47',
+              updatedAt: '2023-03-10 12:10:47',
               deletedAt: null,
               xCoordinate: 1658.74,
               yCoordinate: 329.7,
@@ -472,8 +472,8 @@ const contextValue = {
             {
               id: 64,
               venueMapId: 36,
-              createdAt: "2023-03-10 12:10:47",
-              updatedAt: "2023-03-10 12:10:47",
+              createdAt: '2023-03-10 12:10:47',
+              updatedAt: '2023-03-10 12:10:47',
               deletedAt: null,
               xCoordinate: 238.18,
               yCoordinate: 861.56,
@@ -485,17 +485,17 @@ const contextValue = {
     {
       id: 33,
       providerId: 2,
-      name: "Venue map name",
-      createdAt: "2023-03-02 09:50:05",
-      updatedAt: "2023-03-02 09:50:05",
+      name: 'Venue map name',
+      createdAt: '2023-03-02 09:50:05',
+      updatedAt: '2023-03-02 09:50:05',
       deletedAt: null,
       venueMaps: [
         {
           id: 40,
           venueMapSetId: 33,
-          name: "Map zone name",
-          createdAt: "2023-03-02 09:50:05",
-          updatedAt: "2023-03-02 09:50:05",
+          name: 'Map zone name',
+          createdAt: '2023-03-02 09:50:05',
+          updatedAt: '2023-03-02 09:50:05',
           deletedAt: null,
           image: null,
           points: [],
@@ -505,51 +505,51 @@ const contextValue = {
     {
       id: 43,
       providerId: 2,
-      name: "testDF",
-      createdAt: "2023-03-03 13:22:20",
-      updatedAt: "2023-03-03 13:57:17",
+      name: 'testDF',
+      createdAt: '2023-03-03 13:22:20',
+      updatedAt: '2023-03-03 13:57:17',
       deletedAt: null,
       venueMaps: [
         {
           id: 70,
           venueMapSetId: 43,
-          name: "zone1",
-          createdAt: "2023-03-03 13:22:20",
-          updatedAt: "2023-03-03 13:22:20",
+          name: 'zone1',
+          createdAt: '2023-03-03 13:22:20',
+          updatedAt: '2023-03-03 13:22:20',
           deletedAt: null,
           image: {
             id: 258,
             imageableId: 70,
-            imageableType: "venue_map",
-            path: "images/original/000/000/000/000/258-1b2cf52f1606ce54.png",
-            imageType: "image",
-            hash: "1b2cf52f1606ce54",
-            url: "https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/258-1b2cf52f1606ce54.png",
+            imageableType: 'venue_map',
+            path: 'images/original/000/000/000/000/258-1b2cf52f1606ce54.png',
+            imageType: 'image',
+            hash: '1b2cf52f1606ce54',
+            url: 'https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/258-1b2cf52f1606ce54.png',
           },
           points: [],
         },
         {
           id: 71,
           venueMapSetId: 43,
-          name: "zone2",
-          createdAt: "2023-03-03 13:22:38",
-          updatedAt: "2023-03-03 13:22:38",
+          name: 'zone2',
+          createdAt: '2023-03-03 13:22:38',
+          updatedAt: '2023-03-03 13:22:38',
           deletedAt: null,
           image: {
             id: 259,
             imageableId: 71,
-            imageableType: "venue_map",
-            path: "images/original/000/000/000/000/259-b21dd90bf3a7d42c.jpeg",
-            imageType: "image",
-            hash: "b21dd90bf3a7d42c",
-            url: "https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/259-b21dd90bf3a7d42c.jpeg",
+            imageableType: 'venue_map',
+            path: 'images/original/000/000/000/000/259-b21dd90bf3a7d42c.jpeg',
+            imageType: 'image',
+            hash: 'b21dd90bf3a7d42c',
+            url: 'https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/259-b21dd90bf3a7d42c.jpeg',
           },
           points: [
             {
               id: 56,
               venueMapId: 71,
-              createdAt: "2023-03-07 19:17:23",
-              updatedAt: "2023-03-07 19:17:23",
+              createdAt: '2023-03-07 19:17:23',
+              updatedAt: '2023-03-07 19:17:23',
               deletedAt: null,
               xCoordinate: 190.01,
               yCoordinate: 352.19,
@@ -557,8 +557,8 @@ const contextValue = {
             {
               id: 57,
               venueMapId: 71,
-              createdAt: "2023-03-07 19:17:23",
-              updatedAt: "2023-03-07 19:17:23",
+              createdAt: '2023-03-07 19:17:23',
+              updatedAt: '2023-03-07 19:17:23',
               deletedAt: null,
               xCoordinate: 438.2,
               yCoordinate: 193.85,
@@ -566,8 +566,8 @@ const contextValue = {
             {
               id: 58,
               venueMapId: 71,
-              createdAt: "2023-03-07 19:17:23",
-              updatedAt: "2023-03-07 19:17:23",
+              createdAt: '2023-03-07 19:17:23',
+              updatedAt: '2023-03-07 19:17:23',
               deletedAt: null,
               xCoordinate: 243.04,
               yCoordinate: 102.53,
@@ -577,25 +577,25 @@ const contextValue = {
         {
           id: 72,
           venueMapSetId: 43,
-          name: "zone3",
-          createdAt: "2023-03-03 13:23:11",
-          updatedAt: "2023-03-03 13:23:11",
+          name: 'zone3',
+          createdAt: '2023-03-03 13:23:11',
+          updatedAt: '2023-03-03 13:23:11',
           deletedAt: null,
           image: {
             id: 260,
             imageableId: 72,
-            imageableType: "venue_map",
-            path: "images/original/000/000/000/000/260-a7a8d1625197c8c1.jpg",
-            imageType: "image",
-            hash: "a7a8d1625197c8c1",
-            url: "https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/260-a7a8d1625197c8c1.jpg",
+            imageableType: 'venue_map',
+            path: 'images/original/000/000/000/000/260-a7a8d1625197c8c1.jpg',
+            imageType: 'image',
+            hash: 'a7a8d1625197c8c1',
+            url: 'https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/260-a7a8d1625197c8c1.jpg',
           },
           points: [
             {
               id: 59,
               venueMapId: 72,
-              createdAt: "2023-03-09 08:49:16",
-              updatedAt: "2023-03-09 08:49:16",
+              createdAt: '2023-03-09 08:49:16',
+              updatedAt: '2023-03-09 08:49:16',
               deletedAt: null,
               xCoordinate: 914.71,
               yCoordinate: 685.81,
@@ -603,8 +603,8 @@ const contextValue = {
             {
               id: 60,
               venueMapId: 72,
-              createdAt: "2023-03-09 08:49:16",
-              updatedAt: "2023-03-09 08:49:16",
+              createdAt: '2023-03-09 08:49:16',
+              updatedAt: '2023-03-09 08:49:16',
               deletedAt: null,
               xCoordinate: 1177.63,
               yCoordinate: 590.8,
@@ -614,25 +614,25 @@ const contextValue = {
         {
           id: 73,
           venueMapSetId: 43,
-          name: "New Zone Awesome",
-          createdAt: "2023-03-03 13:57:17",
-          updatedAt: "2023-03-03 13:57:48",
+          name: 'New Zone Awesome',
+          createdAt: '2023-03-03 13:57:17',
+          updatedAt: '2023-03-03 13:57:48',
           deletedAt: null,
           image: {
             id: 261,
             imageableId: 73,
-            imageableType: "venue_map",
-            path: "images/original/000/000/000/000/261-4f70e6f6a88380bb.jpeg",
-            imageType: "image",
-            hash: "4f70e6f6a88380bb",
-            url: "https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/261-4f70e6f6a88380bb.jpeg",
+            imageableType: 'venue_map',
+            path: 'images/original/000/000/000/000/261-4f70e6f6a88380bb.jpeg',
+            imageType: 'image',
+            hash: '4f70e6f6a88380bb',
+            url: 'https://cdn.lickli.st/ppbRAdgJn1H1O5D6sTaCXO3twZLs2rXC/images/original/000/000/000/000/261-4f70e6f6a88380bb.jpeg',
           },
           points: [
             {
               id: 44,
               venueMapId: 73,
-              createdAt: "2023-03-03 13:57:18",
-              updatedAt: "2023-03-03 13:57:18",
+              createdAt: '2023-03-03 13:57:18',
+              updatedAt: '2023-03-03 13:57:18',
               deletedAt: null,
               xCoordinate: 269.19,
               yCoordinate: 280.81,
@@ -640,8 +640,8 @@ const contextValue = {
             {
               id: 45,
               venueMapId: 73,
-              createdAt: "2023-03-03 13:57:18",
-              updatedAt: "2023-03-03 13:57:18",
+              createdAt: '2023-03-03 13:57:18',
+              updatedAt: '2023-03-03 13:57:18',
               deletedAt: null,
               xCoordinate: 2319.59,
               yCoordinate: 1417.7,
@@ -649,8 +649,8 @@ const contextValue = {
             {
               id: 46,
               venueMapId: 73,
-              createdAt: "2023-03-03 13:57:18",
-              updatedAt: "2023-03-03 13:57:18",
+              createdAt: '2023-03-03 13:57:18',
+              updatedAt: '2023-03-03 13:57:18',
               deletedAt: null,
               xCoordinate: 2313.86,
               yCoordinate: 246.45,
@@ -658,8 +658,8 @@ const contextValue = {
             {
               id: 47,
               venueMapId: 73,
-              createdAt: "2023-03-03 13:57:18",
-              updatedAt: "2023-03-03 13:57:18",
+              createdAt: '2023-03-03 13:57:18',
+              updatedAt: '2023-03-03 13:57:18',
               deletedAt: null,
               xCoordinate: 443.87,
               yCoordinate: 1420.56,
@@ -667,8 +667,8 @@ const contextValue = {
             {
               id: 48,
               venueMapId: 73,
-              createdAt: "2023-03-03 13:57:18",
-              updatedAt: "2023-03-03 13:57:18",
+              createdAt: '2023-03-03 13:57:18',
+              updatedAt: '2023-03-03 13:57:18',
               deletedAt: null,
               xCoordinate: 1197.02,
               yCoordinate: 816.32,
@@ -678,36 +678,36 @@ const contextValue = {
       ],
     },
   ],
-};
+}
 
 const defaultProductSets = [
   {
     id: 1,
-    name: "Example",
+    name: 'Example',
     type: PRODUCT_SET_TYPES[0],
-    termsAndConditions: "",
+    termsAndConditions: '',
     operationalCost: OPERATIONAL_COST_TYPES[0],
     fieldSet: {
       id: 1,
-      name: "test",
+      name: 'test',
     } as FieldSet,
     providerId: 4,
-    createdAt: "2023-03-01 14:35:28",
+    createdAt: '2023-03-01 14:35:28',
     defaultFieldSet: {
       id: 1,
-      name: "test",
+      name: 'test',
     } as FieldSet,
     steps: [
       {
         id: 1,
-        name: "Step #1",
+        name: 'Step #1',
         productCategories: [
           {
             id: 1,
-            name: "Product category #1",
+            name: 'Product category #1',
             minSubItems: 1,
             maxSubItems: 10,
-            quantityType: "constant",
+            quantityType: 'constant',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -715,11 +715,11 @@ const defaultProductSets = [
             products: [
               {
                 id: 1,
-                name: "Product #1",
-                termsAndConditions: "Product #1 T&C",
+                name: 'Product #1',
+                termsAndConditions: 'Product #1 T&C',
                 productGroupId: 0,
                 zoneId: 0,
-                description: "description",
+                description: 'description',
                 price: 10,
                 deposit: 0,
                 minQuantity: 1,
@@ -736,11 +736,11 @@ const defaultProductSets = [
                 subProducts: [
                   {
                     id: 11,
-                    name: "Sub Product #11",
-                    termsAndConditions: "Sub Product #11 T&C",
+                    name: 'Sub Product #11',
+                    termsAndConditions: 'Sub Product #11 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "Sub Product #11 T&C",
+                    description: 'Sub Product #11 T&C',
                     price: 11,
                     deposit: 0,
                     minQuantity: 1,
@@ -754,10 +754,10 @@ const defaultProductSets = [
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-11",
+                    uuid: 'subproduct-11',
                   },
                 ],
-                uuid: "product-1",
+                uuid: 'product-1',
               },
             ],
           },
@@ -765,14 +765,14 @@ const defaultProductSets = [
       },
       {
         id: 2,
-        name: "Step #2",
+        name: 'Step #2',
         productCategories: [
           {
             id: 2,
-            name: "Product category #1-2",
+            name: 'Product category #1-2',
             minSubItems: 0,
             maxSubItems: 0,
-            quantityType: "recharging",
+            quantityType: 'recharging',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -782,14 +782,14 @@ const defaultProductSets = [
       },
       {
         id: 3,
-        name: "Step #3",
+        name: 'Step #3',
         productCategories: [
           {
             id: 3,
-            name: "Product category #3",
+            name: 'Product category #3',
             minSubItems: 0,
             maxSubItems: 0,
-            quantityType: "recharging",
+            quantityType: 'recharging',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -797,11 +797,11 @@ const defaultProductSets = [
             products: [
               {
                 id: 4,
-                name: "Product #4",
-                termsAndConditions: "Product #1 T&C",
+                name: 'Product #4',
+                termsAndConditions: 'Product #1 T&C',
                 productGroupId: 0,
                 zoneId: 0,
-                description: "description",
+                description: 'description',
                 price: 0,
                 deposit: 0,
                 minQuantity: 0,
@@ -818,11 +818,11 @@ const defaultProductSets = [
                 subProducts: [
                   {
                     id: 5,
-                    name: "Sub Product #5",
-                    termsAndConditions: "Sub Product #5 T&C",
+                    name: 'Sub Product #5',
+                    termsAndConditions: 'Sub Product #5 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "description",
+                    description: 'description',
                     price: 0,
                     deposit: 0,
                     minQuantity: 0,
@@ -836,15 +836,15 @@ const defaultProductSets = [
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-5",
+                    uuid: 'subproduct-5',
                   },
                   {
                     id: 6,
-                    name: "Sub Product #6",
-                    termsAndConditions: "Sub Product #6 T&C",
+                    name: 'Sub Product #6',
+                    termsAndConditions: 'Sub Product #6 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "description",
+                    description: 'description',
                     price: 0,
                     deposit: 0,
                     minQuantity: 0,
@@ -858,10 +858,10 @@ const defaultProductSets = [
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-5",
+                    uuid: 'subproduct-5',
                   },
                 ],
-                uuid: "product-3",
+                uuid: 'product-3',
               },
             ],
           },
@@ -872,31 +872,31 @@ const defaultProductSets = [
   },
   {
     id: 2,
-    name: "Example 2",
+    name: 'Example 2',
     type: PRODUCT_SET_TYPES[1],
-    termsAndConditions: "",
+    termsAndConditions: '',
     operationalCost: OPERATIONAL_COST_TYPES[1],
     fieldSet: {
       id: 2,
-      name: "test 2",
+      name: 'test 2',
     } as FieldSet,
     providerId: 4,
-    createdAt: "2023-03-01 14:35:28",
+    createdAt: '2023-03-01 14:35:28',
     defaultFieldSet: {
       id: 2,
-      name: "test",
+      name: 'test',
     } as FieldSet,
     steps: [
       {
         id: 1,
-        name: "Step #1",
+        name: 'Step #1',
         productCategories: [
           {
             id: 1,
-            name: "Product category #1",
+            name: 'Product category #1',
             minSubItems: 1,
             maxSubItems: 10,
-            quantityType: "constant",
+            quantityType: 'constant',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -904,18 +904,18 @@ const defaultProductSets = [
             products: [
               {
                 id: 1,
-                name: "Product #1",
-                termsAndConditions: "Product #1 T&C",
+                name: 'Product #1',
+                termsAndConditions: 'Product #1 T&C',
                 productGroupId: 0,
                 zoneId: 0,
-                description: "description",
+                description: 'description',
                 price: 10,
                 deposit: 0,
                 minQuantity: 1,
                 maxQuantity: 2,
                 totalQuantity: 1,
                 capacity: 0,
-                duration: "duration",
+                duration: 'duration',
                 isAvailable: false,
                 isSoldOut: false,
                 isRequired: false,
@@ -925,28 +925,28 @@ const defaultProductSets = [
                 subProducts: [
                   {
                     id: 11,
-                    name: "Sub Product #11",
-                    termsAndConditions: "Sub Product #11 T&C",
+                    name: 'Sub Product #11',
+                    termsAndConditions: 'Sub Product #11 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "Sub Product #11 T&C",
+                    description: 'Sub Product #11 T&C',
                     price: 11,
                     deposit: 0,
                     minQuantity: 1,
                     maxQuantity: 2,
                     totalQuantity: 2,
                     capacity: 0,
-                    duration: "duration",
+                    duration: 'duration',
                     isAvailable: false,
                     isSoldOut: false,
                     isRequired: false,
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-11",
+                    uuid: 'subproduct-11',
                   },
                 ],
-                uuid: "product-1",
+                uuid: 'product-1',
               },
             ],
           },
@@ -954,14 +954,14 @@ const defaultProductSets = [
       },
       {
         id: 2,
-        name: "Step #2",
+        name: 'Step #2',
         productCategories: [
           {
             id: 2,
-            name: "Product category #1-2",
+            name: 'Product category #1-2',
             minSubItems: 0,
             maxSubItems: 0,
-            quantityType: "recharging",
+            quantityType: 'recharging',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -971,14 +971,14 @@ const defaultProductSets = [
       },
       {
         id: 3,
-        name: "Step #3",
+        name: 'Step #3',
         productCategories: [
           {
             id: 3,
-            name: "Product category #3",
+            name: 'Product category #3',
             minSubItems: 0,
             maxSubItems: 0,
-            quantityType: "recharging",
+            quantityType: 'recharging',
             isTimeRelated: false,
             hasTicket: false,
             allowDeposits: false,
@@ -986,18 +986,18 @@ const defaultProductSets = [
             products: [
               {
                 id: 4,
-                name: "Product #4",
-                termsAndConditions: "Product #1 T&C",
+                name: 'Product #4',
+                termsAndConditions: 'Product #1 T&C',
                 productGroupId: 0,
                 zoneId: 0,
-                description: "description",
+                description: 'description',
                 price: 0,
                 deposit: 0,
                 minQuantity: 0,
                 maxQuantity: 0,
                 totalQuantity: 0,
                 capacity: 0,
-                duration: "duration",
+                duration: 'duration',
                 isAvailable: false,
                 isSoldOut: false,
                 isRequired: false,
@@ -1007,50 +1007,50 @@ const defaultProductSets = [
                 subProducts: [
                   {
                     id: 5,
-                    name: "Sub Product #5",
-                    termsAndConditions: "Sub Product #5 T&C",
+                    name: 'Sub Product #5',
+                    termsAndConditions: 'Sub Product #5 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "description",
+                    description: 'description',
                     price: 0,
                     deposit: 0,
                     minQuantity: 0,
                     maxQuantity: 0,
                     totalQuantity: 0,
                     capacity: 0,
-                    duration: "duration",
+                    duration: 'duration',
                     isAvailable: false,
                     isSoldOut: false,
                     isRequired: false,
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-5",
+                    uuid: 'subproduct-5',
                   },
                   {
                     id: 6,
-                    name: "Sub Product #6",
-                    termsAndConditions: "Sub Product #6 T&C",
+                    name: 'Sub Product #6',
+                    termsAndConditions: 'Sub Product #6 T&C',
                     productGroupId: 0,
                     zoneId: 0,
-                    description: "description",
+                    description: 'description',
                     price: 0,
                     deposit: 0,
                     minQuantity: 0,
                     maxQuantity: 0,
                     totalQuantity: 0,
                     capacity: 0,
-                    duration: "duration",
+                    duration: 'duration',
                     isAvailable: false,
                     isSoldOut: false,
                     isRequired: false,
                     quantitySelector: 0,
                     hasSpecialNotes: false,
                     images: [],
-                    uuid: "subproduct-5",
+                    uuid: 'subproduct-5',
                   },
                 ],
-                uuid: "product-3",
+                uuid: 'product-3',
               },
             ],
           },
@@ -1059,12 +1059,12 @@ const defaultProductSets = [
     ],
     fieldSetId: 1,
   },
-];
+]
 
 export const Default: Story<EditEventFormProps> = (args) => {
   // @todo: rewrite story to use actions instead of addon-knobs
-  const hasPermission = boolean("hasPermission", true);
-  const [editProductSetId, setEditProductSetId] = useState<string>();
+  const hasPermission = boolean('hasPermission', true)
+  const [editProductSetId, setEditProductSetId] = useState<string>()
   return (
     <div className="edit-event-dialog">
       <EventEditProductSetContext.Provider value={contextValue}>
@@ -1076,14 +1076,14 @@ export const Default: Story<EditEventFormProps> = (args) => {
           setEditProductSetId={setEditProductSetId}
           editProductSetId={editProductSetId}
           onSaveEvent={(data) => {
-            console.log("Event data values: ", data);
+            console.log('Event data values: ', data)
             return Promise.resolve({
               ...data,
               id: 5,
-              recurrenceEndAt: "2023-01-19 00:00:00",
+              recurrenceEndAt: '2023-01-19 00:00:00',
               special: false,
-              createdAt: "2022-09-05 09:43:25",
-              updatedAt: "2022-09-05 09:43:25",
+              createdAt: '2022-09-05 09:43:25',
+              updatedAt: '2022-09-05 09:43:25',
               productGroupId: 1,
               color: null,
               productGroups: [],
@@ -1092,16 +1092,16 @@ export const Default: Story<EditEventFormProps> = (args) => {
               providers: [],
               menus: null,
               occurrences: [],
-              endAt: "2025-09-05 09:43:25",
+              endAt: '2025-09-05 09:43:25',
               visible: true,
-            });
+            })
           }}
           hasPermission={hasPermission}
         />
       </EventEditProductSetContext.Provider>
     </div>
-  );
-};
+  )
+}
 
 Default.args = {
   categories,
@@ -1110,4 +1110,4 @@ Default.args = {
   // @ts-ignore
   productSets: defaultProductSets,
   isExternalPaymentLinkEnabled: true,
-};
+}