@btst/stack 2.12.2 → 3.0.0-rc.1

package/dist/packages/stack/src/plugins/form-builder/client/components/shared/pagination.mjs

@@ -13,7 +13,8 @@ function Pagination({
 }) {
   const {
     showing: showingLabel = "Showing {count} of {total}",
-    next = "Load More"
+    next = "Load More",
+    loading = "Loading..."
   } = labels;
   const showingText = showingLabel.replace("{count}", String(showing)).replace("{total}", String(total));
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-4", children: [
@@ -26,7 +27,7 @@ function Pagination({
         onClick: onLoadMore,
         disabled: isLoadingMore,
         children: [
-          isLoadingMore ? "Loading..." : next,
+          isLoadingMore ? loading : next,
           /* @__PURE__ */ jsx(ChevronRight, { className: "ml-2 h-4 w-4" })
         ]
       }

package/dist/packages/stack/src/plugins/form-builder/client/hooks/form-builder-hooks.cjs

@@ -1,50 +1,15 @@
 "use client";
 'use strict';
 
-const reactQuery = require('@tanstack/react-query');
-const client = require('@btst/stack/plugins/client');
-const context = require('@btst/stack/context');
-const plugins_formBuilder_queryKeys = require('../../../../../../../plugins/form-builder/query-keys.cjs');
+const formBuilderResource = require('./form-builder-resource.cjs');
 
-function isErrorResponse(response) {
-  if (typeof response !== "object" || response === null) {
-    return false;
-  }
-  const obj = response;
-  return "error" in obj && obj.error !== null && obj.error !== void 0;
-}
-function toError(error) {
-  if (error instanceof Error) {
-    return error;
-  }
-  if (typeof error === "object" && error !== null) {
-    const errorObj = error;
-    const message = (typeof errorObj.message === "string" ? errorObj.message : null) || (typeof errorObj.error === "string" ? errorObj.error : null) || JSON.stringify(error);
-    const err = new Error(message);
-    Object.assign(err, error);
-    return err;
-  }
-  return new Error(String(error));
+function flattenPages(pages) {
+  const items = pages?.flatMap((page) => Array.isArray(page?.items) ? page.items : []) ?? [];
+  const total = pages?.[0]?.total ?? 0;
+  return { items, total };
 }
-const SHARED_QUERY_CONFIG = {
-  retry: false,
-  refetchOnWindowFocus: false,
-  refetchOnMount: false,
-  refetchOnReconnect: false,
-  staleTime: 1e3 * 60 * 5,
-  // 5 minutes
-  gcTime: 1e3 * 60 * 10
-  // 10 minutes
-};
 function useForms(options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  const { status, limit = 20, enabled = true } = options;
-  const baseQuery = queries.forms.list({ status, limit, offset: 0 });
+  const { status, limit = 20, enabled = true, search } = options;
   const {
     data,
     isLoading,
@@ -53,42 +18,14 @@ function useForms(options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = reactQuery.useInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client$1("/forms", {
-        method: "GET",
-        query: { status, limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items = lastPage?.items;
-      if (!Array.isArray(items) || items.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    },
+  } = formBuilderResource.formBuilder.forms.list.useInfinite([{ status, limit, search }], {
     enabled
   });
-  const pages = data?.pages;
-  const forms = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { items, total } = flattenPages(
+    data?.pages
+  );
   return {
-    forms,
+    forms: items,
     total,
     isLoading,
     error,
@@ -99,60 +36,13 @@ function useForms(options = {}) {
   };
 }
 function useSuspenseForms(options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  const { status, limit = 20 } = options;
-  const baseQuery = queries.forms.list({ status, limit, offset: 0 });
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = reactQuery.useSuspenseInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client$1("/forms", {
-        method: "GET",
-        query: { status, limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items = lastPage?.items;
-      if (!Array.isArray(items) || items.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    }
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
-  const pages = data.pages;
-  const forms = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { status, limit = 20, search } = options;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilderResource.formBuilder.forms.list.useSuspenseInfinite([{ status, limit, search }]);
+  const { items, total } = flattenPages(
+    data.pages
+  );
   return {
-    forms,
+    forms: items,
     total,
     loadMore: fetchNextPage,
     hasMore: !!hasNextPage,
@@ -161,16 +51,7 @@ function useSuspenseForms(options = {}) {
   };
 }
 function useFormById(id) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  const baseQuery = queries.forms.byId(id);
-  const { data, isLoading, error, refetch } = reactQuery.useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
+  const { data, isLoading, error, refetch } = formBuilderResource.formBuilder.forms.byId.use([id], {
     enabled: !!id
   });
   return {
@@ -181,38 +62,17 @@ function useFormById(id) {
   };
 }
 function useSuspenseFormById(id) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  const baseQuery = queries.forms.byId(id);
-  const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = formBuilderResource.formBuilder.forms.byId.useSuspense([id]);
   return {
     form: data ?? null,
     refetch
   };
 }
 function useFormBySlug(slug) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  const baseQuery = queries.forms.bySlug(slug);
-  const { data, isLoading, error, refetch } = reactQuery.useQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG,
-    enabled: !!slug
-  });
+  const { data, isLoading, error, refetch } = formBuilderResource.formBuilder.forms.bySlug.use(
+    [slug],
+    { enabled: !!slug }
+  );
   return {
     form: data ?? null,
     isLoading,
@@ -221,165 +81,34 @@ function useFormBySlug(slug) {
   };
 }
 function useSuspenseFormBySlug(slug) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  const baseQuery = queries.forms.bySlug(slug);
-  const { data, refetch, error, isFetching } = reactQuery.useSuspenseQuery({
-    ...baseQuery,
-    ...SHARED_QUERY_CONFIG
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
+  const { data, refetch } = formBuilderResource.formBuilder.forms.bySlug.useSuspense([slug]);
   return {
     form: data ?? null,
     refetch
   };
 }
 function useCreateForm() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = reactQuery.useQueryClient();
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  return reactQuery.useMutation({
-    mutationKey: [...queries.forms._def, "create"],
-    mutationFn: async (data) => {
-      const response = await client$1("@post/forms", {
-        method: "POST",
-        body: data,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.forms._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return formBuilderResource.formBuilder.forms.create.use();
 }
 function useUpdateForm() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = reactQuery.useQueryClient();
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  return reactQuery.useMutation({
-    mutationKey: [...queries.forms._def, "update"],
-    mutationFn: async ({ id, data }) => {
-      const response = await client$1("@put/forms/:id", {
-        method: "PUT",
-        params: { id },
-        body: data,
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async (updated) => {
-      if (updated) {
-        queryClient.setQueryData(
-          queries.forms.byId(updated.id).queryKey,
-          updated
-        );
-        queryClient.setQueryData(
-          queries.forms.bySlug(updated.slug).queryKey,
-          updated
-        );
-      }
-      await queryClient.invalidateQueries({
-        queryKey: queries.forms._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return formBuilderResource.formBuilder.forms.update.use();
 }
 function useDeleteForm() {
-  const { refresh, apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = reactQuery.useQueryClient();
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  return reactQuery.useMutation({
-    mutationKey: [...queries.forms._def, "delete"],
-    mutationFn: async (id) => {
-      const response = await client$1("@delete/forms/:id", {
-        method: "DELETE",
-        params: { id },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.forms._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  return formBuilderResource.formBuilder.forms.delete.use();
+}
+function useFormBuilderForm(config) {
+  return formBuilderResource.formBuilder.forms.useForm(config);
 }
 function useSubmitForm(slug) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  return reactQuery.useMutation({
-    mutationKey: [...queries.forms._def, slug, "submit"],
-    mutationFn: async ({ data }) => {
-      const response = await client$1("@post/forms/:slug/submit", {
-        method: "POST",
-        params: { slug },
-        body: { data },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    }
-  });
+  const mutation = formBuilderResource.formBuilder.forms.submit.use();
+  return {
+    ...mutation,
+    mutate: (vars) => mutation.mutate({ slug, data: vars.data }),
+    mutateAsync: (vars) => mutation.mutateAsync({ slug, data: vars.data })
+  };
 }
 function useSubmissions(formId, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
   const { limit = 20, enabled = true } = options;
-  const baseQuery = queries.formSubmissions.list({
-    formId,
-    limit,
-    offset: 0
-  });
   const {
     data,
     isLoading,
@@ -388,43 +117,14 @@ function useSubmissions(formId, options = {}) {
     hasNextPage,
     isFetchingNextPage,
     refetch
-  } = reactQuery.useInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client$1("/forms/:formId/submissions", {
-        method: "GET",
-        params: { formId },
-        query: { limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items = lastPage?.items;
-      if (!Array.isArray(items) || items.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    },
+  } = formBuilderResource.formBuilder.formSubmissions.list.useInfinite([{ formId, limit }], {
     enabled: enabled && !!formId
   });
-  const pages = data?.pages;
-  const submissions = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { items, total } = flattenPages(
+    data?.pages
+  );
   return {
-    submissions,
+    submissions: items,
     total,
     isLoading,
     error,
@@ -435,65 +135,13 @@ function useSubmissions(formId, options = {}) {
   };
 }
 function useSuspenseSubmissions(formId, options = {}) {
-  const { apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
   const { limit = 20 } = options;
-  const baseQuery = queries.formSubmissions.list({
-    formId,
-    limit,
-    offset: 0
-  });
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    refetch,
-    error,
-    isFetching
-  } = reactQuery.useSuspenseInfiniteQuery({
-    queryKey: baseQuery.queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      const response = await client$1("/forms/:formId/submissions", {
-        method: "GET",
-        params: { formId },
-        query: { limit, offset: pageParam },
-        headers
-      });
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    ...SHARED_QUERY_CONFIG,
-    initialPageParam: 0,
-    getNextPageParam: (lastPage, allPages) => {
-      if (!lastPage || typeof lastPage !== "object") return void 0;
-      const items = lastPage?.items;
-      if (!Array.isArray(items) || items.length < limit) return void 0;
-      const loadedCount = (allPages || []).reduce(
-        (sum, page) => sum + (Array.isArray(page?.items) ? page.items.length : 0),
-        0
-      );
-      const total2 = lastPage?.total ?? 0;
-      if (loadedCount >= total2) return void 0;
-      return loadedCount;
-    }
-  });
-  if (error && !isFetching) {
-    throw error;
-  }
-  const pages = data.pages;
-  const submissions = pages?.flatMap(
-    (page) => Array.isArray(page?.items) ? page.items : []
-  ) ?? [];
-  const total = pages?.[0]?.total ?? 0;
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, refetch } = formBuilderResource.formBuilder.formSubmissions.list.useSuspenseInfinite([{ formId, limit }]);
+  const { items, total } = flattenPages(
+    data.pages
+  );
   return {
-    submissions,
+    submissions: items,
     total,
     loadMore: fetchNextPage,
     hasMore: !!hasNextPage,
@@ -502,43 +150,18 @@ function useSuspenseSubmissions(formId, options = {}) {
   };
 }
 function useDeleteSubmission(formId) {
-  const { refresh, apiBaseURL, apiBasePath, headers } = context.usePluginOverrides("form-builder");
-  const client$1 = client.createApiClient({
-    baseURL: apiBaseURL,
-    basePath: apiBasePath
-  });
-  const queryClient = reactQuery.useQueryClient();
-  const queries = plugins_formBuilder_queryKeys.createFormBuilderQueryKeys(client$1, headers);
-  return reactQuery.useMutation({
-    mutationKey: [...queries.formSubmissions._def, formId, "delete"],
-    mutationFn: async (subId) => {
-      const response = await client$1(
-        "@delete/forms/:formId/submissions/:subId",
-        {
-          method: "DELETE",
-          params: { formId, subId },
-          headers
-        }
-      );
-      if (isErrorResponse(response)) {
-        throw toError(response.error);
-      }
-      return response.data;
-    },
-    onSuccess: async () => {
-      await queryClient.invalidateQueries({
-        queryKey: queries.formSubmissions._def
-      });
-      if (refresh) {
-        await refresh();
-      }
-    }
-  });
+  const mutation = formBuilderResource.formBuilder.formSubmissions.delete.use();
+  return {
+    ...mutation,
+    mutate: (subId) => mutation.mutate({ formId, subId }),
+    mutateAsync: (subId) => mutation.mutateAsync({ formId, subId })
+  };
 }
 
 exports.useCreateForm = useCreateForm;
 exports.useDeleteForm = useDeleteForm;
 exports.useDeleteSubmission = useDeleteSubmission;
+exports.useFormBuilderForm = useFormBuilderForm;
 exports.useFormById = useFormById;
 exports.useFormBySlug = useFormBySlug;
 exports.useForms = useForms;