@prismicio/react 2.5.0 → 2.5.1

package/dist/usePrismicClient.js

@@ -0,0 +1,12 @@
+import { invariant } from "./lib/invariant.js";
+import { usePrismicContext } from "./usePrismicContext.js";
+const usePrismicClient = (explicitClient) => {
+  const context = usePrismicContext();
+  const client = explicitClient || (context == null ? void 0 : context.client);
+  invariant(client, "A @prismicio/client is required to query documents. Provide a client to the hook or to a <PrismicProvider> higher in your component tree.");
+  return client;
+};
+export {
+  usePrismicClient
+};
+//# sourceMappingURL=usePrismicClient.js.map

package/dist/usePrismicClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrismicClient.js","sources":["../../src/usePrismicClient.ts"],"sourcesContent":["import type * as prismic from \"@prismicio/client\";\n\nimport { invariant } from \"./lib/invariant\";\n\nimport { usePrismicContext } from \"./usePrismicContext\";\n\n/**\n * Retrieve the `@prismicio/client` instance provided to `<PrismicProvider>`\n * higher in the React tree.\n *\n * @param explicitClient - An optional `@prismicio/client` instance to override\n *   the Client provided to `<PrismicProvider>`.\n *\n * @returns The `@prismicio/client` instance provided to `<PrismicProvider>`.\n */\nexport const usePrismicClient = (\n\texplicitClient?: prismic.Client,\n): prismic.Client => {\n\tconst context = usePrismicContext();\n\n\tconst client = explicitClient || context?.client;\n\tinvariant(\n\t\tclient,\n\t\t\"A @prismicio/client is required to query documents. Provide a client to the hook or to a <PrismicProvider> higher in your component tree.\",\n\t);\n\n\treturn client;\n};\n"],"names":[],"mappings":";;AAea,MAAA,mBAAmB,CAC/B,mBACmB;AACnB,QAAM,UAAU;AAEV,QAAA,SAAS,mBAAkB,mCAAS;AAC1C,YACC,QACA,2IAA2I;AAGrI,SAAA;AACR;"}

package/dist/usePrismicContext.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const PrismicProvider = require("./PrismicProvider.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const usePrismicContext = () => {
+  return React__namespace.useContext(PrismicProvider.PrismicContext) || {};
+};
+exports.usePrismicContext = usePrismicContext;
+//# sourceMappingURL=usePrismicContext.cjs.map

package/dist/usePrismicContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrismicContext.cjs","sources":["../../src/usePrismicContext.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { PrismicContext, PrismicContextValue } from \"./PrismicProvider\";\n\n/**\n * React hook used to read shared configuration for `@prismicio/react`\n * components and hooks.\n *\n * @returns The closest `<PrismicProvider>` context value.\n */\nexport const usePrismicContext = (): PrismicContextValue => {\n\treturn React.useContext(PrismicContext) || {};\n};\n"],"names":["React","PrismicContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,oBAAoB,MAA0B;AAC1D,SAAOA,iBAAM,WAAWC,gBAAc,cAAA,KAAK,CAAA;AAC5C;;"}

package/dist/usePrismicContext.d.ts

@@ -0,0 +1,8 @@
+import { PrismicContextValue } from "./PrismicProvider";
+/**
+ * React hook used to read shared configuration for `@prismicio/react`
+ * components and hooks.
+ *
+ * @returns The closest `<PrismicProvider>` context value.
+ */
+export declare const usePrismicContext: () => PrismicContextValue;

package/dist/usePrismicContext.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { PrismicContext } from "./PrismicProvider.js";
+const usePrismicContext = () => {
+  return React.useContext(PrismicContext) || {};
+};
+export {
+  usePrismicContext
+};
+//# sourceMappingURL=usePrismicContext.js.map

package/dist/usePrismicContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrismicContext.js","sources":["../../src/usePrismicContext.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { PrismicContext, PrismicContextValue } from \"./PrismicProvider\";\n\n/**\n * React hook used to read shared configuration for `@prismicio/react`\n * components and hooks.\n *\n * @returns The closest `<PrismicProvider>` context value.\n */\nexport const usePrismicContext = (): PrismicContextValue => {\n\treturn React.useContext(PrismicContext) || {};\n};\n"],"names":[],"mappings":";;AAUO,MAAM,oBAAoB,MAA0B;AAC1D,SAAO,MAAM,WAAW,cAAc,KAAK,CAAA;AAC5C;"}

package/dist/usePrismicPreviewResolver.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const usePrismicContext = require("./usePrismicContext.cjs");
+const useStatefulPrismicClientMethod = require("./useStatefulPrismicClientMethod.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const usePrismicPreviewResolver = (args = {}) => {
+  const context = usePrismicContext.usePrismicContext();
+  const linkResolver = args.linkResolver || context.linkResolver;
+  const result = useStatefulPrismicClientMethod.useStatefulPrismicClientMethod("resolvePreviewURL", [
+    {
+      linkResolver,
+      defaultURL: args.defaultURL || "/",
+      previewToken: args.previewToken,
+      documentID: args.documentID
+    }
+  ], args.client);
+  const [resolvedURL] = result;
+  const { navigate } = args;
+  React__namespace.useEffect(() => {
+    if (resolvedURL && navigate) {
+      navigate(resolvedURL);
+    }
+  }, [resolvedURL, navigate]);
+  return result;
+};
+exports.usePrismicPreviewResolver = usePrismicPreviewResolver;
+//# sourceMappingURL=usePrismicPreviewResolver.cjs.map

package/dist/usePrismicPreviewResolver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrismicPreviewResolver.cjs","sources":["../../src/usePrismicPreviewResolver.ts"],"sourcesContent":["import type * as prismic from \"@prismicio/client\";\n\nimport * as React from \"react\";\n\nimport { usePrismicContext } from \"./usePrismicContext\";\nimport {\n\tClientHookReturnType,\n\tuseStatefulPrismicClientMethod,\n} from \"./useStatefulPrismicClientMethod\";\n\nexport type UsePrismicPreviewResolverArgs = {\n\t/**\n\t * An optional `@prismicio/client` instance to override the Client provided to\n\t * `<PrismicProvider>`\n\t */\n\tclient?: prismic.Client;\n\n\t/**\n\t * A function that maps a Prismic document to a URL within your app.\n\t */\n\tlinkResolver?: Parameters<\n\t\tprismic.Client[\"resolvePreviewURL\"]\n\t>[0][\"linkResolver\"];\n\n\t/**\n\t * A fallback URL if the Link Resolver does not return a value.\n\t */\n\tdefaultURL?: Parameters<prismic.Client[\"resolvePreviewURL\"]>[0][\"defaultURL\"];\n\n\t/**\n\t * The preview token (also known as a ref) that will be used to query preview\n\t * content from the Prismic repository.\n\t */\n\tpreviewToken?: Parameters<\n\t\tprismic.Client[\"resolvePreviewURL\"]\n\t>[0][\"previewToken\"];\n\n\t/**\n\t * The previewed document that will be used to determine the destination URL.\n\t */\n\tdocumentID?: Parameters<prismic.Client[\"resolvePreviewURL\"]>[0][\"documentID\"];\n\n\t/**\n\t * A function to automatically navigate to the resolved URL. If a function is\n\t * not provded, `usePreviewResolver` will not navigate to the URL.\n\t *\n\t * @param url - The resolved preview URL.\n\t */\n\tnavigate?: (url: string) => unknown;\n};\n\n/**\n * Resolve a preview session's URL. The resolved URL can be used to redirect to\n * the previewed document.\n *\n * If a `navigate` function is provided, the hook will automatically navigate to\n * the previewed document's URL.\n *\n * @param args - Arguments to configure how a URL is resolved.\n *\n * @returns A tuple containing the resolved URL and the hook's state.\n */\nexport const usePrismicPreviewResolver = (\n\targs: UsePrismicPreviewResolverArgs = {},\n): ClientHookReturnType<string> => {\n\tconst context = usePrismicContext();\n\n\tconst linkResolver = args.linkResolver || context.linkResolver;\n\n\tconst result = useStatefulPrismicClientMethod(\n\t\t\"resolvePreviewURL\",\n\t\t[\n\t\t\t{\n\t\t\t\tlinkResolver,\n\t\t\t\tdefaultURL: args.defaultURL || \"/\",\n\t\t\t\tpreviewToken: args.previewToken,\n\t\t\t\tdocumentID: args.documentID,\n\t\t\t},\n\t\t],\n\t\targs.client,\n\t);\n\n\tconst [resolvedURL] = result;\n\tconst { navigate } = args;\n\n\tReact.useEffect(() => {\n\t\tif (resolvedURL && navigate) {\n\t\t\tnavigate(resolvedURL);\n\t\t}\n\t}, [resolvedURL, navigate]);\n\n\treturn result;\n};\n"],"names":["usePrismicContext","useStatefulPrismicClientMethod","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8DO,MAAM,4BAA4B,CACxC,OAAsC,OACL;AACjC,QAAM,UAAUA,kBAAAA;AAEV,QAAA,eAAe,KAAK,gBAAgB,QAAQ;AAE5C,QAAA,SAASC,8DACd,qBACA;AAAA,IACC;AAAA,MACC;AAAA,MACA,YAAY,KAAK,cAAc;AAAA,MAC/B,cAAc,KAAK;AAAA,MACnB,YAAY,KAAK;AAAA,IACjB;AAAA,EAAA,GAEF,KAAK,MAAM;AAGN,QAAA,CAAC,WAAW,IAAI;AAChB,QAAA,EAAE,SAAa,IAAA;AAErBC,mBAAM,UAAU,MAAK;AACpB,QAAI,eAAe,UAAU;AAC5B,eAAS,WAAW;AAAA,IACpB;AAAA,EAAA,GACC,CAAC,aAAa,QAAQ,CAAC;AAEnB,SAAA;AACR;;"}

package/dist/usePrismicPreviewResolver.d.ts

@@ -0,0 +1,45 @@
+import type * as prismic from "@prismicio/client";
+import { ClientHookReturnType } from "./useStatefulPrismicClientMethod";
+export type UsePrismicPreviewResolverArgs = {
+    /**
+     * An optional `@prismicio/client` instance to override the Client provided to
+     * `<PrismicProvider>`
+     */
+    client?: prismic.Client;
+    /**
+     * A function that maps a Prismic document to a URL within your app.
+     */
+    linkResolver?: Parameters<prismic.Client["resolvePreviewURL"]>[0]["linkResolver"];
+    /**
+     * A fallback URL if the Link Resolver does not return a value.
+     */
+    defaultURL?: Parameters<prismic.Client["resolvePreviewURL"]>[0]["defaultURL"];
+    /**
+     * The preview token (also known as a ref) that will be used to query preview
+     * content from the Prismic repository.
+     */
+    previewToken?: Parameters<prismic.Client["resolvePreviewURL"]>[0]["previewToken"];
+    /**
+     * The previewed document that will be used to determine the destination URL.
+     */
+    documentID?: Parameters<prismic.Client["resolvePreviewURL"]>[0]["documentID"];
+    /**
+     * A function to automatically navigate to the resolved URL. If a function is
+     * not provded, `usePreviewResolver` will not navigate to the URL.
+     *
+     * @param url - The resolved preview URL.
+     */
+    navigate?: (url: string) => unknown;
+};
+/**
+ * Resolve a preview session's URL. The resolved URL can be used to redirect to
+ * the previewed document.
+ *
+ * If a `navigate` function is provided, the hook will automatically navigate to
+ * the previewed document's URL.
+ *
+ * @param args - Arguments to configure how a URL is resolved.
+ *
+ * @returns A tuple containing the resolved URL and the hook's state.
+ */
+export declare const usePrismicPreviewResolver: (args?: UsePrismicPreviewResolverArgs) => ClientHookReturnType<string>;

package/dist/usePrismicPreviewResolver.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { usePrismicContext } from "./usePrismicContext.js";
+import { useStatefulPrismicClientMethod } from "./useStatefulPrismicClientMethod.js";
+const usePrismicPreviewResolver = (args = {}) => {
+  const context = usePrismicContext();
+  const linkResolver = args.linkResolver || context.linkResolver;
+  const result = useStatefulPrismicClientMethod("resolvePreviewURL", [
+    {
+      linkResolver,
+      defaultURL: args.defaultURL || "/",
+      previewToken: args.previewToken,
+      documentID: args.documentID
+    }
+  ], args.client);
+  const [resolvedURL] = result;
+  const { navigate } = args;
+  React.useEffect(() => {
+    if (resolvedURL && navigate) {
+      navigate(resolvedURL);
+    }
+  }, [resolvedURL, navigate]);
+  return result;
+};
+export {
+  usePrismicPreviewResolver
+};
+//# sourceMappingURL=usePrismicPreviewResolver.js.map

package/dist/usePrismicPreviewResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrismicPreviewResolver.js","sources":["../../src/usePrismicPreviewResolver.ts"],"sourcesContent":["import type * as prismic from \"@prismicio/client\";\n\nimport * as React from \"react\";\n\nimport { usePrismicContext } from \"./usePrismicContext\";\nimport {\n\tClientHookReturnType,\n\tuseStatefulPrismicClientMethod,\n} from \"./useStatefulPrismicClientMethod\";\n\nexport type UsePrismicPreviewResolverArgs = {\n\t/**\n\t * An optional `@prismicio/client` instance to override the Client provided to\n\t * `<PrismicProvider>`\n\t */\n\tclient?: prismic.Client;\n\n\t/**\n\t * A function that maps a Prismic document to a URL within your app.\n\t */\n\tlinkResolver?: Parameters<\n\t\tprismic.Client[\"resolvePreviewURL\"]\n\t>[0][\"linkResolver\"];\n\n\t/**\n\t * A fallback URL if the Link Resolver does not return a value.\n\t */\n\tdefaultURL?: Parameters<prismic.Client[\"resolvePreviewURL\"]>[0][\"defaultURL\"];\n\n\t/**\n\t * The preview token (also known as a ref) that will be used to query preview\n\t * content from the Prismic repository.\n\t */\n\tpreviewToken?: Parameters<\n\t\tprismic.Client[\"resolvePreviewURL\"]\n\t>[0][\"previewToken\"];\n\n\t/**\n\t * The previewed document that will be used to determine the destination URL.\n\t */\n\tdocumentID?: Parameters<prismic.Client[\"resolvePreviewURL\"]>[0][\"documentID\"];\n\n\t/**\n\t * A function to automatically navigate to the resolved URL. If a function is\n\t * not provded, `usePreviewResolver` will not navigate to the URL.\n\t *\n\t * @param url - The resolved preview URL.\n\t */\n\tnavigate?: (url: string) => unknown;\n};\n\n/**\n * Resolve a preview session's URL. The resolved URL can be used to redirect to\n * the previewed document.\n *\n * If a `navigate` function is provided, the hook will automatically navigate to\n * the previewed document's URL.\n *\n * @param args - Arguments to configure how a URL is resolved.\n *\n * @returns A tuple containing the resolved URL and the hook's state.\n */\nexport const usePrismicPreviewResolver = (\n\targs: UsePrismicPreviewResolverArgs = {},\n): ClientHookReturnType<string> => {\n\tconst context = usePrismicContext();\n\n\tconst linkResolver = args.linkResolver || context.linkResolver;\n\n\tconst result = useStatefulPrismicClientMethod(\n\t\t\"resolvePreviewURL\",\n\t\t[\n\t\t\t{\n\t\t\t\tlinkResolver,\n\t\t\t\tdefaultURL: args.defaultURL || \"/\",\n\t\t\t\tpreviewToken: args.previewToken,\n\t\t\t\tdocumentID: args.documentID,\n\t\t\t},\n\t\t],\n\t\targs.client,\n\t);\n\n\tconst [resolvedURL] = result;\n\tconst { navigate } = args;\n\n\tReact.useEffect(() => {\n\t\tif (resolvedURL && navigate) {\n\t\t\tnavigate(resolvedURL);\n\t\t}\n\t}, [resolvedURL, navigate]);\n\n\treturn result;\n};\n"],"names":[],"mappings":";;;AA8DO,MAAM,4BAA4B,CACxC,OAAsC,OACL;AACjC,QAAM,UAAU;AAEV,QAAA,eAAe,KAAK,gBAAgB,QAAQ;AAE5C,QAAA,SAAS,+BACd,qBACA;AAAA,IACC;AAAA,MACC;AAAA,MACA,YAAY,KAAK,cAAc;AAAA,MAC/B,cAAc,KAAK;AAAA,MACnB,YAAY,KAAK;AAAA,IACjB;AAAA,EAAA,GAEF,KAAK,MAAM;AAGN,QAAA,CAAC,WAAW,IAAI;AAChB,QAAA,EAAE,SAAa,IAAA;AAErB,QAAM,UAAU,MAAK;AACpB,QAAI,eAAe,UAAU;AAC5B,eAAS,WAAW;AAAA,IACpB;AAAA,EAAA,GACC,CAAC,aAAa,QAAQ,CAAC;AAEnB,SAAA;AACR;"}

package/dist/useStatefulPrismicClientMethod.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const usePrismicClient = require("./usePrismicClient.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const reducer = (state, action) => {
+  switch (action[0]) {
+    case "start": {
+      return { state: "loading" };
+    }
+    case "succeed": {
+      return { state: "loaded", data: action[1] };
+    }
+    case "fail": {
+      return {
+        ...state,
+        state: "failed",
+        error: action[1]
+      };
+    }
+  }
+};
+const initialState = {
+  state: "idle"
+};
+const isParams = (value) => {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+const useStatefulPrismicClientMethod = (methodName, args, explicitClient) => {
+  const lastArg = args[args.length - 1];
+  const { client: lastArgExplicitClient, skip, ...params } = isParams(lastArg) ? lastArg : {};
+  const argsWithoutParams = isParams(lastArg) ? args.slice(0, -1) : args;
+  const client = usePrismicClient.usePrismicClient(explicitClient || lastArgExplicitClient);
+  const [state, dispatch] = React__namespace.useReducer(reducer, initialState);
+  React__namespace.useEffect(
+    () => {
+      if (!skip) {
+        {
+          dispatch(["start"]);
+        }
+        client[methodName].call(
+          client,
+          ...argsWithoutParams,
+          params
+        ).then((result) => {
+          {
+            dispatch(["succeed", result]);
+          }
+        }).catch((error) => {
+          {
+            dispatch(["fail", error]);
+          }
+        });
+      }
+    },
+    [
+      client,
+      methodName,
+      skip,
+      JSON.stringify(argsWithoutParams),
+      JSON.stringify(params)
+    ]
+  );
+  return React__namespace.useMemo(() => [
+    state.data,
+    {
+      state: state.state,
+      error: state.error
+    }
+  ], [state]);
+};
+exports.useStatefulPrismicClientMethod = useStatefulPrismicClientMethod;
+//# sourceMappingURL=useStatefulPrismicClientMethod.cjs.map

package/dist/useStatefulPrismicClientMethod.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatefulPrismicClientMethod.cjs","sources":["../../src/useStatefulPrismicClientMethod.ts"],"sourcesContent":["import type * as prismic from \"@prismicio/client\";\n\nimport * as React from \"react\";\n\nimport { PrismicClientHookState } from \"./types\";\nimport { usePrismicClient } from \"./usePrismicClient\";\n\ntype StateMachineState<TData> = {\n\tstate: PrismicClientHookState;\n\tdata?: TData;\n\terror?: Error;\n};\n\ntype StateMachineAction<TData> =\n\t| [type: \"start\"]\n\t| [type: \"succeed\", payload: TData]\n\t| [type: \"fail\", payload: Error];\n\nconst reducer = <TData>(\n\tstate: StateMachineState<TData>,\n\taction: StateMachineAction<TData>,\n): StateMachineState<TData> => {\n\tswitch (action[0]) {\n\t\tcase \"start\": {\n\t\t\treturn { state: \"loading\" };\n\t\t}\n\n\t\tcase \"succeed\": {\n\t\t\treturn { state: \"loaded\", data: action[1] };\n\t\t}\n\n\t\tcase \"fail\": {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tstate: \"failed\",\n\t\t\t\terror: action[1],\n\t\t\t};\n\t\t}\n\t}\n};\n\nconst initialState: StateMachineState<never> = {\n\tstate: \"idle\",\n};\n\ntype UnwrapPromise<T> = T extends Promise<infer U> ? U : T;\n\ntype ClientPrototype = typeof prismic.Client.prototype;\n\ntype ClientMethod<MethodName extends keyof ClientPrototype> =\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tClientPrototype[MethodName] extends (...args: any[]) => any\n\t\t? ClientPrototype[MethodName]\n\t\t: never;\n\ntype ClientMethodName = keyof {\n\t[P in keyof prismic.Client as prismic.Client[P] extends (\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t...args: any[]\n\t) => // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tPromise<any>\n\t\t? P\n\t\t: never]: unknown;\n};\n\nexport type ClientMethodParameters<MethodName extends keyof ClientPrototype> =\n\tParameters<ClientMethod<MethodName>>;\n\nexport type HookOnlyParameters = {\n\tclient?: prismic.Client;\n\tskip?: boolean;\n};\n\n/**\n * Determines if a value is a `@prismicio/client` params object.\n *\n * @param value - The value to check.\n *\n * @returns `true` if `value` is a `@prismicio/client` params object, `false`\n *   otherwise.\n */\nconst isParams = (\n\tvalue: unknown,\n): value is ClientMethodParameters<\"get\">[0] & HookOnlyParameters => {\n\t// This is a *very* naive check.\n\treturn typeof value === \"object\" && value !== null && !Array.isArray(value);\n};\n\n/**\n * The return value of a `@prismicio/client` React hook.\n *\n * @typeParam TData - Data returned by the client.\n */\nexport type ClientHookReturnType<TData = unknown> = [\n\t/**\n\t * Data returned by the client.\n\t */\n\tdata: TData | undefined,\n\n\t/**\n\t * The current state of the hook's client method call.\n\t */\n\tstate: Pick<StateMachineState<TData>, \"state\" | \"error\">,\n];\n\n/**\n * Creates a React hook that forwards arguments to a specific method of a\n * `@prismicio/client` instance. The created hook has its own internal state\n * manager to report async status, such as pending or error statuses.\n *\n * @param methodName - The `@prismicio/client` method to which hook arguments\n *   will be forwarded.\n *\n * @returns A new React hook configured for the provided method.\n *\n * @internal\n */\nexport const useStatefulPrismicClientMethod = <\n\tTMethodName extends ClientMethodName,\n\tTArgs extends Parameters<ClientMethod<TMethodName>>,\n\tTData extends UnwrapPromise<ReturnType<ClientMethod<TMethodName>>>,\n>(\n\tmethodName: TMethodName,\n\targs: TArgs,\n\texplicitClient?: prismic.Client,\n): ClientHookReturnType<TData> => {\n\tconst lastArg = args[args.length - 1];\n\tconst {\n\t\tclient: lastArgExplicitClient,\n\t\tskip,\n\t\t...params\n\t} = isParams(lastArg) ? lastArg : ({} as HookOnlyParameters);\n\tconst argsWithoutParams = isParams(lastArg) ? args.slice(0, -1) : args;\n\n\tconst client = usePrismicClient(explicitClient || lastArgExplicitClient);\n\n\tconst [state, dispatch] = React.useReducer<\n\t\tReact.Reducer<StateMachineState<TData>, StateMachineAction<TData>>\n\t>(reducer, initialState);\n\n\tReact.useEffect(\n\t\t() => {\n\t\t\t// Used to prevent dispatching an action if the hook was cleaned up.\n\t\t\tlet didCancel = false;\n\n\t\t\tif (!skip) {\n\t\t\t\tif (!didCancel) {\n\t\t\t\t\tdispatch([\"start\"]);\n\t\t\t\t}\n\n\t\t\t\tclient[methodName]\n\t\t\t\t\t.call(\n\t\t\t\t\t\tclient,\n\t\t\t\t\t\t// @ts-expect-error - Merging method arg types is too complex\n\t\t\t\t\t\t...argsWithoutParams,\n\t\t\t\t\t\tparams,\n\t\t\t\t\t)\n\t\t\t\t\t.then((result) => {\n\t\t\t\t\t\tif (!didCancel) {\n\t\t\t\t\t\t\tdispatch([\"succeed\", result as TData]);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tif (!didCancel) {\n\t\t\t\t\t\t\tdispatch([\"fail\", error]);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Ensure we don't dispatch an action if the hook is cleaned up.\n\t\t\t() => {\n\t\t\t\tdidCancel = true;\n\t\t\t};\n\t\t},\n\t\t// We must disable exhaustive-deps since we are using\n\t\t// JSON.stringify on params (effectively a deep equality check).\n\t\t// We want this effect to run again anytime params change.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\tclient,\n\t\t\tmethodName,\n\t\t\tskip,\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t\tJSON.stringify(argsWithoutParams),\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t\tJSON.stringify(params),\n\t\t],\n\t);\n\n\treturn React.useMemo(\n\t\t() => [\n\t\t\tstate.data,\n\t\t\t{\n\t\t\t\tstate: state.state,\n\t\t\t\terror: state.error,\n\t\t\t},\n\t\t],\n\t\t[state],\n\t);\n};\n"],"names":["usePrismicClient","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,UAAU,CACf,OACA,WAC6B;AAC7B,UAAQ,OAAO,IAAI;AAAA,IAClB,KAAK,SAAS;AACN,aAAA,EAAE,OAAO;IAChB;AAAA,IAED,KAAK,WAAW;AACf,aAAO,EAAE,OAAO,UAAU,MAAM,OAAO;IACvC;AAAA,IAED,KAAK,QAAQ;AACL,aAAA;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,EACD;AACF;AAEA,MAAM,eAAyC;AAAA,EAC9C,OAAO;;AAuCR,MAAM,WAAW,CAChB,UACmE;AAE5D,SAAA,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC3E;AA+BO,MAAM,iCAAiC,CAK7C,YACA,MACA,mBACgC;AAC1B,QAAA,UAAU,KAAK,KAAK,SAAS;AAC7B,QAAA,EACL,QAAQ,uBACR,SACG,WACA,SAAS,OAAO,IAAI,UAAW;AAC7B,QAAA,oBAAoB,SAAS,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI;AAE5D,QAAA,SAASA,iBAAAA,iBAAiB,kBAAkB,qBAAqB;AAEvE,QAAM,CAAC,OAAO,QAAQ,IAAIC,iBAAM,WAE9B,SAAS,YAAY;AAEjBA,mBAAA;AAAA,IACL,MAAK;AAIJ,UAAI,CAAC,MAAM;AACM;AACN,mBAAA,CAAC,OAAO,CAAC;AAAA,QAClB;AAED,eAAO,YACL;AAAA,UACA;AAAA,UAEA,GAAG;AAAA,UACH;AAAA,QAAA,EAEA,KAAK,CAAC,WAAU;AACA;AACN,qBAAA,CAAC,WAAW,MAAe,CAAC;AAAA,UACrC;AAAA,QAAA,CACD,EACA,MAAM,CAAC,UAAS;AACA;AACN,qBAAA,CAAC,QAAQ,KAAK,CAAC;AAAA,UACxB;AAAA,QAAA,CACD;AAAA,MACF;AAAA,IAMF;AAAA,IAKA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,KAAK,UAAU,iBAAiB;AAAA,MAEhC,KAAK,UAAU,MAAM;AAAA,IACrB;AAAA,EAAA;AAGK,SAAAA,iBAAM,QACZ,MAAM;AAAA,IACL,MAAM;AAAA,IACN;AAAA,MACC,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,IACb;AAAA,EAAA,GAEF,CAAC,KAAK,CAAC;AAET;;"}

package/dist/useStatefulPrismicClientMethod.d.ts

@@ -0,0 +1,44 @@
+import type * as prismic from "@prismicio/client";
+import { PrismicClientHookState } from "./types";
+type StateMachineState<TData> = {
+    state: PrismicClientHookState;
+    data?: TData;
+    error?: Error;
+};
+type UnwrapPromise<T> = T extends Promise<infer U> ? U : T;
+type ClientPrototype = typeof prismic.Client.prototype;
+type ClientMethod<MethodName extends keyof ClientPrototype> = ClientPrototype[MethodName] extends (...args: any[]) => any ? ClientPrototype[MethodName] : never;
+export type ClientMethodParameters<MethodName extends keyof ClientPrototype> = Parameters<ClientMethod<MethodName>>;
+export type HookOnlyParameters = {
+    client?: prismic.Client;
+    skip?: boolean;
+};
+/**
+ * The return value of a `@prismicio/client` React hook.
+ *
+ * @typeParam TData - Data returned by the client.
+ */
+export type ClientHookReturnType<TData = unknown> = [
+    /**
+     * Data returned by the client.
+     */
+    data: TData | undefined,
+    /**
+     * The current state of the hook's client method call.
+     */
+    state: Pick<StateMachineState<TData>, "state" | "error">
+];
+/**
+ * Creates a React hook that forwards arguments to a specific method of a
+ * `@prismicio/client` instance. The created hook has its own internal state
+ * manager to report async status, such as pending or error statuses.
+ *
+ * @param methodName - The `@prismicio/client` method to which hook arguments
+ *   will be forwarded.
+ *
+ * @returns A new React hook configured for the provided method.
+ *
+ * @internal
+ */
+export declare const useStatefulPrismicClientMethod: <TMethodName extends "fetchFn" | "query" | "get" | "getFirst" | "dangerouslyGetAll" | "getByID" | "getByIDs" | "getAllByIDs" | "getByUID" | "getByUIDs" | "getAllByUIDs" | "getSingle" | "getByType" | "getAllByType" | "getByTag" | "getAllByTag" | "getByEveryTag" | "getAllByEveryTag" | "getBySomeTags" | "getAllBySomeTags" | "getRepository" | "getRefs" | "getRefByID" | "getRefByLabel" | "getMasterRef" | "getReleases" | "getReleaseByID" | "getReleaseByLabel" | "getTags" | "buildQueryURL" | "resolvePreviewURL" | "graphqlFetch" | "graphQLFetch", TArgs extends Parameters<ClientMethod<TMethodName>>, TData extends UnwrapPromise<ReturnType<ClientMethod<TMethodName>>>>(methodName: TMethodName, args: TArgs, explicitClient?: prismic.Client) => ClientHookReturnType<TData>;
+export {};

package/dist/useStatefulPrismicClientMethod.js

@@ -0,0 +1,72 @@
+import * as React from "react";
+import { usePrismicClient } from "./usePrismicClient.js";
+const reducer = (state, action) => {
+  switch (action[0]) {
+    case "start": {
+      return { state: "loading" };
+    }
+    case "succeed": {
+      return { state: "loaded", data: action[1] };
+    }
+    case "fail": {
+      return {
+        ...state,
+        state: "failed",
+        error: action[1]
+      };
+    }
+  }
+};
+const initialState = {
+  state: "idle"
+};
+const isParams = (value) => {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+};
+const useStatefulPrismicClientMethod = (methodName, args, explicitClient) => {
+  const lastArg = args[args.length - 1];
+  const { client: lastArgExplicitClient, skip, ...params } = isParams(lastArg) ? lastArg : {};
+  const argsWithoutParams = isParams(lastArg) ? args.slice(0, -1) : args;
+  const client = usePrismicClient(explicitClient || lastArgExplicitClient);
+  const [state, dispatch] = React.useReducer(reducer, initialState);
+  React.useEffect(
+    () => {
+      if (!skip) {
+        {
+          dispatch(["start"]);
+        }
+        client[methodName].call(
+          client,
+          ...argsWithoutParams,
+          params
+        ).then((result) => {
+          {
+            dispatch(["succeed", result]);
+          }
+        }).catch((error) => {
+          {
+            dispatch(["fail", error]);
+          }
+        });
+      }
+    },
+    [
+      client,
+      methodName,
+      skip,
+      JSON.stringify(argsWithoutParams),
+      JSON.stringify(params)
+    ]
+  );
+  return React.useMemo(() => [
+    state.data,
+    {
+      state: state.state,
+      error: state.error
+    }
+  ], [state]);
+};
+export {
+  useStatefulPrismicClientMethod
+};
+//# sourceMappingURL=useStatefulPrismicClientMethod.js.map

package/dist/useStatefulPrismicClientMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatefulPrismicClientMethod.js","sources":["../../src/useStatefulPrismicClientMethod.ts"],"sourcesContent":["import type * as prismic from \"@prismicio/client\";\n\nimport * as React from \"react\";\n\nimport { PrismicClientHookState } from \"./types\";\nimport { usePrismicClient } from \"./usePrismicClient\";\n\ntype StateMachineState<TData> = {\n\tstate: PrismicClientHookState;\n\tdata?: TData;\n\terror?: Error;\n};\n\ntype StateMachineAction<TData> =\n\t| [type: \"start\"]\n\t| [type: \"succeed\", payload: TData]\n\t| [type: \"fail\", payload: Error];\n\nconst reducer = <TData>(\n\tstate: StateMachineState<TData>,\n\taction: StateMachineAction<TData>,\n): StateMachineState<TData> => {\n\tswitch (action[0]) {\n\t\tcase \"start\": {\n\t\t\treturn { state: \"loading\" };\n\t\t}\n\n\t\tcase \"succeed\": {\n\t\t\treturn { state: \"loaded\", data: action[1] };\n\t\t}\n\n\t\tcase \"fail\": {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tstate: \"failed\",\n\t\t\t\terror: action[1],\n\t\t\t};\n\t\t}\n\t}\n};\n\nconst initialState: StateMachineState<never> = {\n\tstate: \"idle\",\n};\n\ntype UnwrapPromise<T> = T extends Promise<infer U> ? U : T;\n\ntype ClientPrototype = typeof prismic.Client.prototype;\n\ntype ClientMethod<MethodName extends keyof ClientPrototype> =\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tClientPrototype[MethodName] extends (...args: any[]) => any\n\t\t? ClientPrototype[MethodName]\n\t\t: never;\n\ntype ClientMethodName = keyof {\n\t[P in keyof prismic.Client as prismic.Client[P] extends (\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t...args: any[]\n\t) => // eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tPromise<any>\n\t\t? P\n\t\t: never]: unknown;\n};\n\nexport type ClientMethodParameters<MethodName extends keyof ClientPrototype> =\n\tParameters<ClientMethod<MethodName>>;\n\nexport type HookOnlyParameters = {\n\tclient?: prismic.Client;\n\tskip?: boolean;\n};\n\n/**\n * Determines if a value is a `@prismicio/client` params object.\n *\n * @param value - The value to check.\n *\n * @returns `true` if `value` is a `@prismicio/client` params object, `false`\n *   otherwise.\n */\nconst isParams = (\n\tvalue: unknown,\n): value is ClientMethodParameters<\"get\">[0] & HookOnlyParameters => {\n\t// This is a *very* naive check.\n\treturn typeof value === \"object\" && value !== null && !Array.isArray(value);\n};\n\n/**\n * The return value of a `@prismicio/client` React hook.\n *\n * @typeParam TData - Data returned by the client.\n */\nexport type ClientHookReturnType<TData = unknown> = [\n\t/**\n\t * Data returned by the client.\n\t */\n\tdata: TData | undefined,\n\n\t/**\n\t * The current state of the hook's client method call.\n\t */\n\tstate: Pick<StateMachineState<TData>, \"state\" | \"error\">,\n];\n\n/**\n * Creates a React hook that forwards arguments to a specific method of a\n * `@prismicio/client` instance. The created hook has its own internal state\n * manager to report async status, such as pending or error statuses.\n *\n * @param methodName - The `@prismicio/client` method to which hook arguments\n *   will be forwarded.\n *\n * @returns A new React hook configured for the provided method.\n *\n * @internal\n */\nexport const useStatefulPrismicClientMethod = <\n\tTMethodName extends ClientMethodName,\n\tTArgs extends Parameters<ClientMethod<TMethodName>>,\n\tTData extends UnwrapPromise<ReturnType<ClientMethod<TMethodName>>>,\n>(\n\tmethodName: TMethodName,\n\targs: TArgs,\n\texplicitClient?: prismic.Client,\n): ClientHookReturnType<TData> => {\n\tconst lastArg = args[args.length - 1];\n\tconst {\n\t\tclient: lastArgExplicitClient,\n\t\tskip,\n\t\t...params\n\t} = isParams(lastArg) ? lastArg : ({} as HookOnlyParameters);\n\tconst argsWithoutParams = isParams(lastArg) ? args.slice(0, -1) : args;\n\n\tconst client = usePrismicClient(explicitClient || lastArgExplicitClient);\n\n\tconst [state, dispatch] = React.useReducer<\n\t\tReact.Reducer<StateMachineState<TData>, StateMachineAction<TData>>\n\t>(reducer, initialState);\n\n\tReact.useEffect(\n\t\t() => {\n\t\t\t// Used to prevent dispatching an action if the hook was cleaned up.\n\t\t\tlet didCancel = false;\n\n\t\t\tif (!skip) {\n\t\t\t\tif (!didCancel) {\n\t\t\t\t\tdispatch([\"start\"]);\n\t\t\t\t}\n\n\t\t\t\tclient[methodName]\n\t\t\t\t\t.call(\n\t\t\t\t\t\tclient,\n\t\t\t\t\t\t// @ts-expect-error - Merging method arg types is too complex\n\t\t\t\t\t\t...argsWithoutParams,\n\t\t\t\t\t\tparams,\n\t\t\t\t\t)\n\t\t\t\t\t.then((result) => {\n\t\t\t\t\t\tif (!didCancel) {\n\t\t\t\t\t\t\tdispatch([\"succeed\", result as TData]);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tif (!didCancel) {\n\t\t\t\t\t\t\tdispatch([\"fail\", error]);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Ensure we don't dispatch an action if the hook is cleaned up.\n\t\t\t() => {\n\t\t\t\tdidCancel = true;\n\t\t\t};\n\t\t},\n\t\t// We must disable exhaustive-deps since we are using\n\t\t// JSON.stringify on params (effectively a deep equality check).\n\t\t// We want this effect to run again anytime params change.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[\n\t\t\tclient,\n\t\t\tmethodName,\n\t\t\tskip,\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t\tJSON.stringify(argsWithoutParams),\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t\tJSON.stringify(params),\n\t\t],\n\t);\n\n\treturn React.useMemo(\n\t\t() => [\n\t\t\tstate.data,\n\t\t\t{\n\t\t\t\tstate: state.state,\n\t\t\t\terror: state.error,\n\t\t\t},\n\t\t],\n\t\t[state],\n\t);\n};\n"],"names":[],"mappings":";;AAkBA,MAAM,UAAU,CACf,OACA,WAC6B;AAC7B,UAAQ,OAAO,IAAI;AAAA,IAClB,KAAK,SAAS;AACN,aAAA,EAAE,OAAO;IAChB;AAAA,IAED,KAAK,WAAW;AACf,aAAO,EAAE,OAAO,UAAU,MAAM,OAAO;IACvC;AAAA,IAED,KAAK,QAAQ;AACL,aAAA;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,EACD;AACF;AAEA,MAAM,eAAyC;AAAA,EAC9C,OAAO;;AAuCR,MAAM,WAAW,CAChB,UACmE;AAE5D,SAAA,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC3E;AA+BO,MAAM,iCAAiC,CAK7C,YACA,MACA,mBACgC;AAC1B,QAAA,UAAU,KAAK,KAAK,SAAS;AAC7B,QAAA,EACL,QAAQ,uBACR,SACG,WACA,SAAS,OAAO,IAAI,UAAW;AAC7B,QAAA,oBAAoB,SAAS,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI;AAE5D,QAAA,SAAS,iBAAiB,kBAAkB,qBAAqB;AAEvE,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,WAE9B,SAAS,YAAY;AAEjB,QAAA;AAAA,IACL,MAAK;AAIJ,UAAI,CAAC,MAAM;AACM;AACN,mBAAA,CAAC,OAAO,CAAC;AAAA,QAClB;AAED,eAAO,YACL;AAAA,UACA;AAAA,UAEA,GAAG;AAAA,UACH;AAAA,QAAA,EAEA,KAAK,CAAC,WAAU;AACA;AACN,qBAAA,CAAC,WAAW,MAAe,CAAC;AAAA,UACrC;AAAA,QAAA,CACD,EACA,MAAM,CAAC,UAAS;AACA;AACN,qBAAA,CAAC,QAAQ,KAAK,CAAC;AAAA,UACxB;AAAA,QAAA,CACD;AAAA,MACF;AAAA,IAMF;AAAA,IAKA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,KAAK,UAAU,iBAAiB;AAAA,MAEhC,KAAK,UAAU,MAAM;AAAA,IACrB;AAAA,EAAA;AAGK,SAAA,MAAM,QACZ,MAAM;AAAA,IACL,MAAM;AAAA,IACN;AAAA,MACC,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,IACb;AAAA,EAAA,GAEF,CAAC,KAAK,CAAC;AAET;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/react",
-	"version": "2.5.0",
+	"version": "2.5.1",
 	"description": "React components and hooks to fetch and present Prismic content",
 	"keywords": [
 		"typescript",
@@ -32,8 +32,8 @@
 		"src"
 	],
 	"scripts": {
-		"build": "siroc build",
-		"dev": "siroc build --watch",
+		"build": "vite build",
+		"dev": "vite build --watch",
 		"format": "prettier --write .",
 		"lint": "eslint --ext .js,.jsx,.ts,.tsx .",
 		"prepare": "npm run build",
@@ -41,55 +41,57 @@
 		"release:alpha": "npm run build && npm run test && standard-version --release-as minor --prerelease alpha && git push --follow-tags && npm run build && npm publish --tag alpha",
 		"release:alpha:dry": "standard-version --release-as minor --prerelease alpha --dry-run",
 		"release:dry": "standard-version --dry-run",
+		"unit": "nyc --reporter=lcovonly --reporter=text --exclude-after-remap=false ava",
 		"size": "size-limit",
-		"test": "npm run lint && npm run unit && npm run build && npm run size",
-		"unit": "nyc --reporter=lcovonly --reporter=text --exclude-after-remap=false ava"
+		"test": "npm run lint && npm run unit && npm run build && npm run size"
 	},
 	"dependencies": {
-		"@prismicio/helpers": "^2.3.1",
-		"@prismicio/richtext": "^2.0.1"
+		"@prismicio/helpers": "^2.3.8",
+		"@prismicio/richtext": "^2.1.3",
+		"@prismicio/types": "^0.2.7"
 	},
 	"devDependencies": {
-		"@prismicio/client": "^6.4.2",
-		"@prismicio/mock": "^0.0.10",
-		"@prismicio/types": "^0.2.3",
-		"@size-limit/preset-small-lib": "^7.0.8",
-		"@testing-library/react": "^12.1.4",
-		"@testing-library/react-hooks": "^7.0.2",
-		"@types/jsdom": "^16.2.14",
+		"@prismicio/client": "^6.7.3",
+		"@prismicio/mock": "^0.1.1",
+		"@size-limit/preset-small-lib": "^8.1.0",
+		"@testing-library/react": "^13.4.0",
+		"@types/jsdom": "^20.0.1",
 		"@types/node-fetch": "^3.0.3",
-		"@types/react": "^17.0.43",
-		"@types/react-test-renderer": "^17.0.1",
-		"@types/sinon": "^10.0.11",
-		"@typescript-eslint/eslint-plugin": "^5.17.0",
-		"@typescript-eslint/parser": "^5.17.0",
-		"ava": "^4.1.0",
+		"@types/react": "^18.0.26",
+		"@types/react-test-renderer": "^18.0.0",
+		"@types/sinon": "^10.0.13",
+		"@typescript-eslint/eslint-plugin": "^5.47.0",
+		"@typescript-eslint/parser": "^5.47.0",
+		"@vitejs/plugin-react": "^3.0.0",
+		"ava": "^5.1.0",
 		"browser-env": "^3.3.0",
-		"esbuild": "^0.14.29",
-		"esbuild-register": "^3.3.2",
-		"eslint": "^8.12.0",
+		"esbuild": "^0.16.9",
+		"esbuild-register": "^3.4.2",
+		"eslint": "^8.30.0",
 		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-prettier": "^4.0.0",
-		"eslint-plugin-react": "^7.29.4",
-		"eslint-plugin-react-hooks": "^4.4.0",
-		"eslint-plugin-tsdoc": "^0.2.14",
-		"global-jsdom": "^8.4.0",
-		"jsdom": "^19.0.0",
-		"msw": "^0.39.2",
-		"node-fetch": "^3.2.3",
+		"eslint-plugin-prettier": "^4.2.1",
+		"eslint-plugin-react": "^7.31.11",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"eslint-plugin-tsdoc": "^0.2.17",
+		"global-jsdom": "^8.6.0",
+		"jsdom": "^20.0.3",
+		"msw": "^0.49.2",
+		"node-fetch": "^3.3.0",
 		"nyc": "^15.1.0",
-		"prettier": "^2.6.1",
-		"prettier-plugin-jsdoc": "^0.3.34",
-		"react": "^18.0.0",
-		"react-test-renderer": "^18.0.0",
-		"sinon": "^13.0.1",
-		"siroc": "^0.16.0",
-		"size-limit": "^7.0.8",
-		"standard-version": "^9.3.2",
-		"typescript": "^4.6.3"
+		"prettier": "^2.8.1",
+		"prettier-plugin-jsdoc": "^0.4.2",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"react-test-renderer": "^18.2.0",
+		"sinon": "^15.0.1",
+		"size-limit": "^8.1.0",
+		"standard-version": "^9.5.0",
+		"typescript": "^4.9.4",
+		"vite": "^4.0.2",
+		"vite-plugin-sdk": "^0.1.0"
 	},
 	"peerDependencies": {
-		"@prismicio/client": "^6.0.0",
+		"@prismicio/client": "^6",
 		"react": "^16.8 || ^17 || ^18"
 	},
 	"peerDependenciesMeta": {

package/src/PrismicImage.tsx

@@ -49,7 +49,8 @@ export type PrismicImageProps = Omit<
 				 * Widths used to build a `srcset` value for the Image field.
 				 *
 				 * If a `widths` prop is not given or `"defaults"` is passed, the
-				 * following widths will be used: 640, 750, 828, 1080, 1200, 1920, 2048, 3840.
+				 * following widths will be used: 640, 750, 828, 1080, 1200, 1920, 2048,
+				 * 3840.
 				 *
 				 * If the Image field contains responsive views, each responsive view
 				 * can be used as a width in the resulting `srcset` by passing

package/src/PrismicProvider.tsx

@@ -22,7 +22,8 @@ export type PrismicContextValue<
 	client?: prismic.Client;
 
 	/**
-	 * A Link Resolver used to resolve links for `<PrismicLink>` and `<PrismicRichText>`.
+	 * A Link Resolver used to resolve links for `<PrismicLink>` and
+	 * `<PrismicRichText>`.
 	 *
 	 * @remarks
 	 * If your app uses Route Resolvers when querying for your Prismic
@@ -60,12 +61,14 @@ export type PrismicContextValue<
 	richTextComponents?: JSXMapSerializer | JSXFunctionSerializer;
 
 	/**
-	 * The component rendered by `<PrismicLink>` for internal URLs. Defaults to `<a>`.
+	 * The component rendered by `<PrismicLink>` for internal URLs. Defaults to
+	 * `<a>`.
 	 */
 	internalLinkComponent?: React.ElementType<LinkProps>;
 
 	/**
-	 * The component rendered by `<PrismicLink>` for external URLs. Defaults to `<a>`.
+	 * The component rendered by `<PrismicLink>` for external URLs. Defaults to
+	 * `<a>`.
 	 */
 	externalLinkComponent?: React.ElementType<LinkProps>;
 

package/src/PrismicText.tsx

@@ -27,7 +27,8 @@ export type PrismicTextProps = {
 };
 
 /**
- * React component that renders content from a Prismic Rich Text field as plain text.
+ * React component that renders content from a Prismic Rich Text field as plain
+ * text.
  *
  * @remarks
  * This component returns a React fragment with no wrapping element around the