feat: services kits table in service page

src/app/services/contexts/ServicesContext.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import makeContext from "@/lib/contextFactory/contextFactory";
+import {
+    ServicesCrud,
+    useServicesCrud,
+} from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/cruds/useServicesCrud";
+import {
+    ServicesKitsCrud,
+    useServicesKitsCrud,
+} from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/cruds/useServicesKitsCrud";
+import useServicesKitsList, {
+    ServicesKitsList,
+} from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/lists/useServicesKitsList";
+import useServicesList, {
+    ServicesList,
+} from "@/modules/dealModularEditorTabs/FulfillmentBase/shared/hooks/lists/useServicesList";
+
+type ServicesContextState = {
+    servicesList: ServicesList;
+    servicesCrud: ServicesCrud;
+    servicesKitList: ServicesKitsList;
+    servicesKitCrud: ServicesKitsCrud;
+};
+
+const useFulfillmentBaseContextState = (): ServicesContextState => {
+    const servicesList = useServicesList();
+    const servicesCrud = useServicesCrud(servicesList);
+
+    const servicesKitList = useServicesKitsList();
+    const servicesKitCrud = useServicesKitsCrud(servicesKitList);
+
+    return {
+        servicesList,
+        servicesCrud,
+        servicesKitList,
+        servicesKitCrud,
+    };
+};
+
+export const [ServicesContextProvider, useServicesContext] =
+    makeContext<ServicesContextState>(
+        useFulfillmentBaseContextState,
+        "Services"
+    );