react-chain-of-responsibility 0.4.0-main.235b355 → 0.4.0-main.4f9e7bf

package/dist/{chunk-3IVASMVM.mjs → chunk-U4UF7NZV.mjs}

@@ -1,8 +1,5 @@
-import {
-  applyMiddleware
-} from "./chunk-TNTIZJJ5.mjs";
-
 // src/createChainOfResponsibility.tsx
+import { applyMiddleware } from "handler-chain";
 import React, {
   createContext,
   isValidElement,
@@ -91,7 +88,7 @@ function createChainOfResponsibility(options = {}) {
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
         applyMiddleware(
-          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []].reverse()
+          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []]
         )(init)
       ),
       [init, middleware, parentEnhancer]
@@ -150,4 +147,4 @@ var createChainOfResponsibility_default = createChainOfResponsibility;
 export {
   createChainOfResponsibility_default
 };
-//# sourceMappingURL=chunk-3IVASMVM.mjs.map
+//# sourceMappingURL=chunk-U4UF7NZV.mjs.map

package/dist/chunk-U4UF7NZV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts"],"sourcesContent":["import { applyMiddleware } from 'handler-chain';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport { type ComponentEnhancer, type ComponentMiddleware } from './types.ts';\n\n// TODO: Simplify to ComponentType<Props> | undefined.\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = {\n  fallbackComponent?: ResultComponent<Props> | undefined;\n};\n\ninterface UseBuildComponentCallback<Request, Props> {\n  (request: Request, options?: undefined | UseBuildComponentCallbackOptions<Props>): ComponentType<Props> | undefined;\n}\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): ComponentEnhancer<Request, Props> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends object> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype AsMiddlewareProps<Request, Props, Init> = {\n  readonly init: Init;\n  readonly Next: ComponentType<Partial<Props>>;\n  readonly request: Request;\n};\n\ntype AsMiddlewareComponentProps<Request, Props, Init> = Props & {\n  readonly middleware: AsMiddlewareProps<Request, Props, Init>;\n};\n\ntype ChainOfResponsibility<Request, Props extends object, Init> = {\n  readonly asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init>;\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly types: {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly middlewareComponentProps: AsMiddlewareComponentProps<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly request: Request;\n  };\n  readonly useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n};\n\nfunction createChainOfResponsibility<Request = void, Props extends object = { readonly children?: never }, Init = void>(\n  options: CreateChainOfResponsibilityOptions = {}\n): ChainOfResponsibility<Request, Props, Init> {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_request, options): ComponentType<Props> {\n      if (!options?.fallbackComponent) {\n        throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n      }\n\n      return options.fallbackComponent;\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: (request: Request) => ComponentType<Props> | false | null | undefined) =>\n              (originalRequest: Request) => {\n                // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n                // eslint-disable-next-line prefer-const\n                let hasReturned: boolean;\n\n                const returnValue = enhancer(nextRequest => {\n                  if (hasReturned) {\n                    throw new Error('next() cannot be called after the function had returned synchronously');\n                  }\n\n                  !options.passModifiedRequest &&\n                    nextRequest !== originalRequest &&\n                    console.warn(\n                      'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                    );\n\n                  return next(options.passModifiedRequest ? nextRequest : originalRequest);\n                })(originalRequest);\n\n                hasReturned = true;\n\n                if (isValidElement(returnValue)) {\n                  throw new Error('middleware must not return React element directly');\n                } else if (\n                  returnValue !== false &&\n                  returnValue !== null &&\n                  typeof returnValue !== 'undefined' &&\n                  !isReactComponent(returnValue)\n                ) {\n                  throw new Error(\n                    'middleware must return false, null, undefined, function component, or class component'\n                  );\n                }\n\n                return returnValue;\n              };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<ResultComponent<Props>, Request, Init>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])]\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request) || undefined,\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  }\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  function Proxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const enhancer = useBuildComponentCallback();\n\n    const Component = enhancer(request as Request, { fallbackComponent });\n\n    return Component ? <Component {...(props as Props)} /> : null;\n  }\n\n  const asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init> =\n    (\n      MiddlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n    ): ComponentMiddleware<Request, Props, Init> =>\n    init =>\n    next =>\n    request => {\n      const RawNextComponent = next(request);\n\n      // TODO: Can we pre-build this component during init?\n      const MiddlewareOf = (props: Props) => {\n        const middleware = useMemo(\n          () =>\n            Object.freeze({\n              init,\n              Next: memo<Partial<Props>>(\n                RawNextComponent\n                  ? (overridingProps: Partial<Props>) => <RawNextComponent {...props} {...overridingProps} />\n                  : () => null\n              ),\n              request\n            }),\n          []\n        );\n\n        return <MiddlewareComponent {...props} middleware={middleware} />;\n      };\n\n      MiddlewareOf.displayName = `MiddlewareOf<${MiddlewareComponent.displayName || ''}>`;\n\n      return memo<Props>(MiddlewareOf);\n    };\n\n  return Object.freeze({\n    asMiddleware,\n    Provider: memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider),\n    Proxy: memo<ProxyProps<Request, Props>>(Proxy),\n    types: Object.freeze({\n      middlewareComponentProps: undefined as unknown as AsMiddlewareComponentProps<Request, Props, Init>,\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      proxyProps: undefined as unknown as ProxyProps<Request, Props>,\n      request: undefined as unknown as Request\n    }),\n    useBuildComponentCallback\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type CreateChainOfResponsibilityOptions,\n  type ProxyProps,\n  type UseBuildComponentCallback\n};\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\nimport { custom } from 'valibot';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nfunction isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n\nconst reactComponent = () =>\n  custom<ComponentType<unknown>>(value => isReactComponent(value), 'not a valid React component');\n\nexport default isReactComponent;\nexport { reactComponent };\n"],"mappings":"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","names":["options","middleware","init","enhancer","useBuildComponentCallback"]}

package/dist/{index-Cx9W9BxD.d.mts → index-Dm_KqEiI.d.mts}

@@ -1,16 +1,12 @@
 import { ComponentType, PropsWithChildren } from 'react';
+import { Middleware } from 'handler-chain';
 
-type Fn<P extends any[], R> = (...args: P) => R;
-type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;
-type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;
-
+type ComponentResult<Props = {
+    children?: never;
+}> = ComponentType<Props> | false | null | undefined;
 type ComponentMiddleware<Request, Props = {
     children?: never;
-}, Init = undefined> = Middleware<[
-    Request
-], ComponentType<Props> | false | null | undefined, [
-    Init
-]>;
+}, Init = undefined> = Middleware<ComponentResult<Props>, Request, Init>;
 
 type ResultComponent<Props> = ComponentType<Props> | false | null | undefined;
 type UseBuildComponentCallbackOptions<Props> = {

package/dist/{index-Cx9W9BxD.d.ts → index-Dm_KqEiI.d.ts}

@@ -1,16 +1,12 @@
 import { ComponentType, PropsWithChildren } from 'react';
+import { Middleware } from 'handler-chain';
 
-type Fn<P extends any[], R> = (...args: P) => R;
-type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;
-type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;
-
+type ComponentResult<Props = {
+    children?: never;
+}> = ComponentType<Props> | false | null | undefined;
 type ComponentMiddleware<Request, Props = {
     children?: never;
-}, Init = undefined> = Middleware<[
-    Request
-], ComponentType<Props> | false | null | undefined, [
-    Init
-]>;
+}, Init = undefined> = Middleware<ComponentResult<Props>, Request, Init>;
 
 type ResultComponent<Props> = ComponentType<Props> | false | null | undefined;
 type UseBuildComponentCallbackOptions<Props> = {

package/dist/react-chain-of-responsibility.d.mts

@@ -1,2 +1,3 @@
-export { a as ComponentMiddleware, c as createChainOfResponsibility } from './index-Cx9W9BxD.mjs';
+export { a as ComponentMiddleware, c as createChainOfResponsibility } from './index-Dm_KqEiI.mjs';
 import 'react';
+import 'handler-chain';

package/dist/react-chain-of-responsibility.d.ts

@@ -1,2 +1,3 @@
-export { a as ComponentMiddleware, c as createChainOfResponsibility } from './index-Cx9W9BxD.js';
+export { a as ComponentMiddleware, c as createChainOfResponsibility } from './index-Dm_KqEiI.js';
 import 'react';
+import 'handler-chain';

package/dist/react-chain-of-responsibility.fluentUI.d.mts

@@ -1,6 +1,7 @@
 import { IRenderFunction } from '@fluentui/react';
 import { Key } from 'react';
-import { C as CreateChainOfResponsibilityOptions, c as createChainOfResponsibility } from './index-Cx9W9BxD.mjs';
+import { C as CreateChainOfResponsibilityOptions, c as createChainOfResponsibility } from './index-Dm_KqEiI.mjs';
+import 'handler-chain';
 
 type UseBuildRenderFunctionOptions<Props> = {
     getKey?: (props: Props | undefined) => Key;

package/dist/react-chain-of-responsibility.fluentUI.d.ts

@@ -1,6 +1,7 @@
 import { IRenderFunction } from '@fluentui/react';
 import { Key } from 'react';
-import { C as CreateChainOfResponsibilityOptions, c as createChainOfResponsibility } from './index-Cx9W9BxD.js';
+import { C as CreateChainOfResponsibilityOptions, c as createChainOfResponsibility } from './index-Dm_KqEiI.js';
+import 'handler-chain';
 
 type UseBuildRenderFunctionOptions<Props> = {
     getKey?: (props: Props | undefined) => Key;

package/dist/react-chain-of-responsibility.fluentUI.js

@@ -38,6 +38,7 @@ module.exports = __toCommonJS(index_fluentUI_exports);
 var import_react2 = __toESM(require("react"));
 
 // src/createChainOfResponsibility.tsx
+var import_handler_chain = require("handler-chain");
 var import_react = __toESM(require("react"));
 
 // src/isReactComponent.ts
@@ -68,19 +69,6 @@ function isReactComponent(component) {
 }
 var isReactComponent_default = isReactComponent;
 
-// src/private/compose.ts
-function compose(...fns) {
-  return (fn) => fns.reduce((chain, fn2) => fn2(chain), fn);
-}
-
-// src/private/applyMiddleware.ts
-function applyMiddleware(...arrayOfMiddleware) {
-  return (...init) => {
-    const chain = arrayOfMiddleware.map((middleware) => middleware(...init));
-    return compose(...chain);
-  };
-}
-
 // src/createChainOfResponsibility.tsx
 function createChainOfResponsibility(options = {}) {
   const defaultUseBuildComponentCallback = {
@@ -131,8 +119,8 @@ function createChainOfResponsibility(options = {}) {
         // We are reversing because it is easier to read:
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
-        applyMiddleware(
-          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []].reverse()
+        (0, import_handler_chain.applyMiddleware)(
+          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []]
         )(init)
       ),
       [init, middleware, parentEnhancer]

package/dist/react-chain-of-responsibility.fluentUI.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.fluentUI.ts","../src/createChainOfResponsibilityForFluentUI.tsx","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["// eslint-disable-next-line import/no-deprecated\nimport createChainOfResponsibilityForFluentUI from './createChainOfResponsibilityForFluentUI.tsx';\n\n// eslint-disable-next-line import/no-deprecated\nexport { createChainOfResponsibilityForFluentUI };\n","import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility, {\n  type CreateChainOfResponsibilityOptions\n} from './createChainOfResponsibility.tsx';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\n\n/**\n * @deprecated Fluent UI v9 no longer use `IRenderFunction` for custom render. We no longer validate the correctness of this function.\n */\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: CreateChainOfResponsibilityOptions\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options as any);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        // We no longer validate the correctness of this function.\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender as any} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return { ...returnValue, useBuildRenderFunction } as any;\n}\n","import React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport applyMiddleware, { type Enhancer } from './private/applyMiddleware.ts';\nimport { type ComponentMiddleware } from './types.ts';\n\n// TODO: Simplify to ComponentType<Props> | undefined.\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = {\n  fallbackComponent?: ResultComponent<Props> | undefined;\n};\n\ninterface UseBuildComponentCallback<Request, Props> {\n  (request: Request, options?: undefined | UseBuildComponentCallbackOptions<Props>): ComponentType<Props> | undefined;\n}\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): Enhancer<[Request], ResultComponent<Props>> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends object> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype AsMiddlewareProps<Request, Props, Init> = {\n  readonly init: Init;\n  readonly Next: ComponentType<Partial<Props>>;\n  readonly request: Request;\n};\n\ntype AsMiddlewareComponentProps<Request, Props, Init> = Props & {\n  readonly middleware: AsMiddlewareProps<Request, Props, Init>;\n};\n\ntype ChainOfResponsibility<Request, Props extends object, Init> = {\n  readonly asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init>;\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly types: {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly middlewareComponentProps: AsMiddlewareComponentProps<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly request: Request;\n  };\n  readonly useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n};\n\nfunction createChainOfResponsibility<Request = void, Props extends object = { readonly children?: never }, Init = void>(\n  options: CreateChainOfResponsibilityOptions = {}\n): ChainOfResponsibility<Request, Props, Init> {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_request, options): ComponentType<Props> {\n      if (!options?.fallbackComponent) {\n        throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n      }\n\n      return options.fallbackComponent;\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: (request: Request) => ComponentType<Props> | false | null | undefined) =>\n              (originalRequest: Request) => {\n                // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n                // eslint-disable-next-line prefer-const\n                let hasReturned: boolean;\n\n                const returnValue = enhancer(nextRequest => {\n                  if (hasReturned) {\n                    throw new Error('next() cannot be called after the function had returned synchronously');\n                  }\n\n                  !options.passModifiedRequest &&\n                    nextRequest !== originalRequest &&\n                    console.warn(\n                      'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                    );\n\n                  return next(options.passModifiedRequest ? nextRequest : originalRequest);\n                })(originalRequest);\n\n                hasReturned = true;\n\n                if (isValidElement(returnValue)) {\n                  throw new Error('middleware must not return React element directly');\n                } else if (\n                  returnValue !== false &&\n                  returnValue !== null &&\n                  typeof returnValue !== 'undefined' &&\n                  !isReactComponent(returnValue)\n                ) {\n                  throw new Error(\n                    'middleware must return false, null, undefined, function component, or class component'\n                  );\n                }\n\n                return returnValue;\n              };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ResultComponent<Props>, [Init]>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])].reverse()\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request) || undefined,\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  }\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  function Proxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const enhancer = useBuildComponentCallback();\n\n    const Component = enhancer(request as Request, { fallbackComponent });\n\n    return Component ? <Component {...(props as Props)} /> : null;\n  }\n\n  const asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init> =\n    (\n      MiddlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n    ): ComponentMiddleware<Request, Props, Init> =>\n    init =>\n    next =>\n    request => {\n      const RawNextComponent = next(request);\n\n      // TODO: Can we pre-build this component during init?\n      const MiddlewareOf = (props: Props) => {\n        const middleware = useMemo(\n          () =>\n            Object.freeze({\n              init,\n              Next: memo<Partial<Props>>(\n                RawNextComponent\n                  ? (overridingProps: Partial<Props>) => <RawNextComponent {...props} {...overridingProps} />\n                  : () => null\n              ),\n              request\n            }),\n          []\n        );\n\n        return <MiddlewareComponent {...props} middleware={middleware} />;\n      };\n\n      MiddlewareOf.displayName = `MiddlewareOf<${MiddlewareComponent.displayName || ''}>`;\n\n      return memo<Props>(MiddlewareOf);\n    };\n\n  return Object.freeze({\n    asMiddleware,\n    Provider: memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider),\n    Proxy: memo<ProxyProps<Request, Props>>(Proxy),\n    types: Object.freeze({\n      middlewareComponentProps: undefined as unknown as AsMiddlewareComponentProps<Request, Props, Init>,\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      proxyProps: undefined as unknown as ProxyProps<Request, Props>,\n      request: undefined as unknown as Request\n    }),\n    useBuildComponentCallback\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type CreateChainOfResponsibilityOptions,\n  type ProxyProps,\n  type UseBuildComponentCallback\n};\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\nimport { custom } from 'valibot';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nfunction isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n\nconst reactComponent = () =>\n  custom<ComponentType<unknown>>(value => isReactComponent(value), 'not a valid React component');\n\nexport default isReactComponent;\nexport { reactComponent };\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["import_react","fn","options","middleware","init","enhancer","useBuildComponentCallback","React","Proxy","Proxy","options","React"]}
+{"version":3,"sources":["../src/index.fluentUI.ts","../src/createChainOfResponsibilityForFluentUI.tsx","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts"],"sourcesContent":["// eslint-disable-next-line import/no-deprecated\nimport createChainOfResponsibilityForFluentUI from './createChainOfResponsibilityForFluentUI.tsx';\n\n// eslint-disable-next-line import/no-deprecated\nexport { createChainOfResponsibilityForFluentUI };\n","import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility, {\n  type CreateChainOfResponsibilityOptions\n} from './createChainOfResponsibility.tsx';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\n\n/**\n * @deprecated Fluent UI v9 no longer use `IRenderFunction` for custom render. We no longer validate the correctness of this function.\n */\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: CreateChainOfResponsibilityOptions\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options as any);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        // We no longer validate the correctness of this function.\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender as any} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return { ...returnValue, useBuildRenderFunction } as any;\n}\n","import { applyMiddleware } from 'handler-chain';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport { type ComponentEnhancer, type ComponentMiddleware } from './types.ts';\n\n// TODO: Simplify to ComponentType<Props> | undefined.\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = {\n  fallbackComponent?: ResultComponent<Props> | undefined;\n};\n\ninterface UseBuildComponentCallback<Request, Props> {\n  (request: Request, options?: undefined | UseBuildComponentCallbackOptions<Props>): ComponentType<Props> | undefined;\n}\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): ComponentEnhancer<Request, Props> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends object> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype AsMiddlewareProps<Request, Props, Init> = {\n  readonly init: Init;\n  readonly Next: ComponentType<Partial<Props>>;\n  readonly request: Request;\n};\n\ntype AsMiddlewareComponentProps<Request, Props, Init> = Props & {\n  readonly middleware: AsMiddlewareProps<Request, Props, Init>;\n};\n\ntype ChainOfResponsibility<Request, Props extends object, Init> = {\n  readonly asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init>;\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly types: {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly middlewareComponentProps: AsMiddlewareComponentProps<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly request: Request;\n  };\n  readonly useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n};\n\nfunction createChainOfResponsibility<Request = void, Props extends object = { readonly children?: never }, Init = void>(\n  options: CreateChainOfResponsibilityOptions = {}\n): ChainOfResponsibility<Request, Props, Init> {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_request, options): ComponentType<Props> {\n      if (!options?.fallbackComponent) {\n        throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n      }\n\n      return options.fallbackComponent;\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: (request: Request) => ComponentType<Props> | false | null | undefined) =>\n              (originalRequest: Request) => {\n                // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n                // eslint-disable-next-line prefer-const\n                let hasReturned: boolean;\n\n                const returnValue = enhancer(nextRequest => {\n                  if (hasReturned) {\n                    throw new Error('next() cannot be called after the function had returned synchronously');\n                  }\n\n                  !options.passModifiedRequest &&\n                    nextRequest !== originalRequest &&\n                    console.warn(\n                      'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                    );\n\n                  return next(options.passModifiedRequest ? nextRequest : originalRequest);\n                })(originalRequest);\n\n                hasReturned = true;\n\n                if (isValidElement(returnValue)) {\n                  throw new Error('middleware must not return React element directly');\n                } else if (\n                  returnValue !== false &&\n                  returnValue !== null &&\n                  typeof returnValue !== 'undefined' &&\n                  !isReactComponent(returnValue)\n                ) {\n                  throw new Error(\n                    'middleware must return false, null, undefined, function component, or class component'\n                  );\n                }\n\n                return returnValue;\n              };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<ResultComponent<Props>, Request, Init>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])]\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request) || undefined,\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  }\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  function Proxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const enhancer = useBuildComponentCallback();\n\n    const Component = enhancer(request as Request, { fallbackComponent });\n\n    return Component ? <Component {...(props as Props)} /> : null;\n  }\n\n  const asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init> =\n    (\n      MiddlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n    ): ComponentMiddleware<Request, Props, Init> =>\n    init =>\n    next =>\n    request => {\n      const RawNextComponent = next(request);\n\n      // TODO: Can we pre-build this component during init?\n      const MiddlewareOf = (props: Props) => {\n        const middleware = useMemo(\n          () =>\n            Object.freeze({\n              init,\n              Next: memo<Partial<Props>>(\n                RawNextComponent\n                  ? (overridingProps: Partial<Props>) => <RawNextComponent {...props} {...overridingProps} />\n                  : () => null\n              ),\n              request\n            }),\n          []\n        );\n\n        return <MiddlewareComponent {...props} middleware={middleware} />;\n      };\n\n      MiddlewareOf.displayName = `MiddlewareOf<${MiddlewareComponent.displayName || ''}>`;\n\n      return memo<Props>(MiddlewareOf);\n    };\n\n  return Object.freeze({\n    asMiddleware,\n    Provider: memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider),\n    Proxy: memo<ProxyProps<Request, Props>>(Proxy),\n    types: Object.freeze({\n      middlewareComponentProps: undefined as unknown as AsMiddlewareComponentProps<Request, Props, Init>,\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      proxyProps: undefined as unknown as ProxyProps<Request, Props>,\n      request: undefined as unknown as Request\n    }),\n    useBuildComponentCallback\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type CreateChainOfResponsibilityOptions,\n  type ProxyProps,\n  type UseBuildComponentCallback\n};\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\nimport { custom } from 'valibot';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nfunction isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n\nconst reactComponent = () =>\n  custom<ComponentType<unknown>>(value => isReactComponent(value), 'not a valid React component');\n\nexport default isReactComponent;\nexport { reactComponent };\n"],"mappings":"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","names":["import_react","options","middleware","init","enhancer","useBuildComponentCallback","React","Proxy","Proxy","options","React"]}

package/dist/react-chain-of-responsibility.fluentUI.mjs

@@ -1,7 +1,6 @@
 import {
   createChainOfResponsibility_default
-} from "./chunk-3IVASMVM.mjs";
-import "./chunk-TNTIZJJ5.mjs";
+} from "./chunk-U4UF7NZV.mjs";
 
 // src/createChainOfResponsibilityForFluentUI.tsx
 import React, { useCallback } from "react";

package/dist/react-chain-of-responsibility.fluentUI.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createChainOfResponsibilityForFluentUI.tsx"],"sourcesContent":["import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility, {\n  type CreateChainOfResponsibilityOptions\n} from './createChainOfResponsibility.tsx';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\n\n/**\n * @deprecated Fluent UI v9 no longer use `IRenderFunction` for custom render. We no longer validate the correctness of this function.\n */\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: CreateChainOfResponsibilityOptions\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options as any);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        // We no longer validate the correctness of this function.\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender as any} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return { ...returnValue, useBuildRenderFunction } as any;\n}\n"],"mappings":";;;;;;AACA,OAAO,SAAS,mBAA6B;AAiB9B,SAAR,uCACL,SAGA;AAGA,QAAM,cAAc,oCAA4D,OAAc;AAE9F,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,yBAAwD,CAACA,WAAU,CAAC,MAAM;AAC9E,UAAM,EAAE,OAAO,IAAIA;AAEnB,WAAO;AAAA,MACL,CAAC,OAAO;AAAA;AAAA;AAAA,QAGN,oCAAC,SAAO,GAAI,OAAiB,mBAAmB,eAAsB,KAAK,SAAS,KAAK,GAAG,SAAS,OAAO;AAAA;AAAA,MAE9G,CAAC,MAAM;AAAA,IACT;AAAA,EACF;AAIA,SAAO,EAAE,GAAG,aAAa,uBAAuB;AAClD;","names":["options"]}
+{"version":3,"sources":["../src/createChainOfResponsibilityForFluentUI.tsx"],"sourcesContent":["import { type IRenderFunction } from '@fluentui/react';\nimport React, { useCallback, type Key } from 'react';\n\nimport createChainOfResponsibility, {\n  type CreateChainOfResponsibilityOptions\n} from './createChainOfResponsibility.tsx';\n\ntype UseBuildRenderFunctionOptions<Props> = { getKey?: (props: Props | undefined) => Key };\n\ntype UseBuildRenderFunction<Props> = (options?: UseBuildRenderFunctionOptions<Props>) => IRenderFunction<Props>;\n\n// We are using the props as both \"Request\" and \"Props\".\n// This should eases migration from `onRender` to chain of responsibility.\n// Downside is, web developers could accidentally pass request as props and not honoring props modified by upstreamers.\n\n/**\n * @deprecated Fluent UI v9 no longer use `IRenderFunction` for custom render. We no longer validate the correctness of this function.\n */\nexport default function createChainOfResponsibilityForFluentUI<Props extends object, Init = undefined>(\n  options?: CreateChainOfResponsibilityOptions\n): ReturnType<typeof createChainOfResponsibility<Props | undefined, Props, Init>> & {\n  useBuildRenderFunction: UseBuildRenderFunction<Props>;\n} {\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const returnValue = createChainOfResponsibility<Props | undefined, Props, Init>(options as any);\n\n  const { Proxy } = returnValue;\n\n  const useBuildRenderFunction: UseBuildRenderFunction<Props> = (options = {}) => {\n    const { getKey } = options;\n\n    return useCallback<IRenderFunction<Props>>(\n      (props, defaultRender) => (\n        // We no longer validate the correctness of this function.\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        <Proxy {...(props as Props)} fallbackComponent={defaultRender as any} key={getKey?.(props)} request={props} />\n      ),\n      [getKey]\n    );\n  };\n\n  // We no longer validate the correctness of this function.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return { ...returnValue, useBuildRenderFunction } as any;\n}\n"],"mappings":";;;;;AACA,OAAO,SAAS,mBAA6B;AAiB9B,SAAR,uCACL,SAGA;AAGA,QAAM,cAAc,oCAA4D,OAAc;AAE9F,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,yBAAwD,CAACA,WAAU,CAAC,MAAM;AAC9E,UAAM,EAAE,OAAO,IAAIA;AAEnB,WAAO;AAAA,MACL,CAAC,OAAO;AAAA;AAAA;AAAA,QAGN,oCAAC,SAAO,GAAI,OAAiB,mBAAmB,eAAsB,KAAK,SAAS,KAAK,GAAG,SAAS,OAAO;AAAA;AAAA,MAE9G,CAAC,MAAM;AAAA,IACT;AAAA,EACF;AAIA,SAAO,EAAE,GAAG,aAAa,uBAAuB;AAClD;","names":["options"]}

package/dist/react-chain-of-responsibility.js

@@ -35,6 +35,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/createChainOfResponsibility.tsx
+var import_handler_chain = require("handler-chain");
 var import_react = __toESM(require("react"));
 
 // src/isReactComponent.ts
@@ -65,19 +66,6 @@ function isReactComponent(component) {
 }
 var isReactComponent_default = isReactComponent;
 
-// src/private/compose.ts
-function compose(...fns) {
-  return (fn) => fns.reduce((chain, fn2) => fn2(chain), fn);
-}
-
-// src/private/applyMiddleware.ts
-function applyMiddleware(...arrayOfMiddleware) {
-  return (...init) => {
-    const chain = arrayOfMiddleware.map((middleware) => middleware(...init));
-    return compose(...chain);
-  };
-}
-
 // src/createChainOfResponsibility.tsx
 function createChainOfResponsibility(options = {}) {
   const defaultUseBuildComponentCallback = {
@@ -128,8 +116,8 @@ function createChainOfResponsibility(options = {}) {
         // We are reversing because it is easier to read:
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
-        applyMiddleware(
-          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []].reverse()
+        (0, import_handler_chain.applyMiddleware)(
+          ...[...patchedMiddleware, ...parentEnhancer ? [() => parentEnhancer] : []]
         )(init)
       ),
       [init, middleware, parentEnhancer]

package/dist/react-chain-of-responsibility.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts","../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["export { default as createChainOfResponsibility } from './createChainOfResponsibility.tsx';\nexport { type ComponentMiddleware } from './types.ts';\n","import React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport applyMiddleware, { type Enhancer } from './private/applyMiddleware.ts';\nimport { type ComponentMiddleware } from './types.ts';\n\n// TODO: Simplify to ComponentType<Props> | undefined.\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = {\n  fallbackComponent?: ResultComponent<Props> | undefined;\n};\n\ninterface UseBuildComponentCallback<Request, Props> {\n  (request: Request, options?: undefined | UseBuildComponentCallbackOptions<Props>): ComponentType<Props> | undefined;\n}\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): Enhancer<[Request], ResultComponent<Props>> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends object> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype AsMiddlewareProps<Request, Props, Init> = {\n  readonly init: Init;\n  readonly Next: ComponentType<Partial<Props>>;\n  readonly request: Request;\n};\n\ntype AsMiddlewareComponentProps<Request, Props, Init> = Props & {\n  readonly middleware: AsMiddlewareProps<Request, Props, Init>;\n};\n\ntype ChainOfResponsibility<Request, Props extends object, Init> = {\n  readonly asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init>;\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly types: {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly middlewareComponentProps: AsMiddlewareComponentProps<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly request: Request;\n  };\n  readonly useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n};\n\nfunction createChainOfResponsibility<Request = void, Props extends object = { readonly children?: never }, Init = void>(\n  options: CreateChainOfResponsibilityOptions = {}\n): ChainOfResponsibility<Request, Props, Init> {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_request, options): ComponentType<Props> {\n      if (!options?.fallbackComponent) {\n        throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n      }\n\n      return options.fallbackComponent;\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: (request: Request) => ComponentType<Props> | false | null | undefined) =>\n              (originalRequest: Request) => {\n                // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n                // eslint-disable-next-line prefer-const\n                let hasReturned: boolean;\n\n                const returnValue = enhancer(nextRequest => {\n                  if (hasReturned) {\n                    throw new Error('next() cannot be called after the function had returned synchronously');\n                  }\n\n                  !options.passModifiedRequest &&\n                    nextRequest !== originalRequest &&\n                    console.warn(\n                      'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                    );\n\n                  return next(options.passModifiedRequest ? nextRequest : originalRequest);\n                })(originalRequest);\n\n                hasReturned = true;\n\n                if (isValidElement(returnValue)) {\n                  throw new Error('middleware must not return React element directly');\n                } else if (\n                  returnValue !== false &&\n                  returnValue !== null &&\n                  typeof returnValue !== 'undefined' &&\n                  !isReactComponent(returnValue)\n                ) {\n                  throw new Error(\n                    'middleware must return false, null, undefined, function component, or class component'\n                  );\n                }\n\n                return returnValue;\n              };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ResultComponent<Props>, [Init]>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])].reverse()\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request) || undefined,\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  }\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  function Proxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const enhancer = useBuildComponentCallback();\n\n    const Component = enhancer(request as Request, { fallbackComponent });\n\n    return Component ? <Component {...(props as Props)} /> : null;\n  }\n\n  const asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init> =\n    (\n      MiddlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n    ): ComponentMiddleware<Request, Props, Init> =>\n    init =>\n    next =>\n    request => {\n      const RawNextComponent = next(request);\n\n      // TODO: Can we pre-build this component during init?\n      const MiddlewareOf = (props: Props) => {\n        const middleware = useMemo(\n          () =>\n            Object.freeze({\n              init,\n              Next: memo<Partial<Props>>(\n                RawNextComponent\n                  ? (overridingProps: Partial<Props>) => <RawNextComponent {...props} {...overridingProps} />\n                  : () => null\n              ),\n              request\n            }),\n          []\n        );\n\n        return <MiddlewareComponent {...props} middleware={middleware} />;\n      };\n\n      MiddlewareOf.displayName = `MiddlewareOf<${MiddlewareComponent.displayName || ''}>`;\n\n      return memo<Props>(MiddlewareOf);\n    };\n\n  return Object.freeze({\n    asMiddleware,\n    Provider: memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider),\n    Proxy: memo<ProxyProps<Request, Props>>(Proxy),\n    types: Object.freeze({\n      middlewareComponentProps: undefined as unknown as AsMiddlewareComponentProps<Request, Props, Init>,\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      proxyProps: undefined as unknown as ProxyProps<Request, Props>,\n      request: undefined as unknown as Request\n    }),\n    useBuildComponentCallback\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type CreateChainOfResponsibilityOptions,\n  type ProxyProps,\n  type UseBuildComponentCallback\n};\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\nimport { custom } from 'valibot';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nfunction isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n\nconst reactComponent = () =>\n  custom<ComponentType<unknown>>(value => isReactComponent(value), 'not a valid React component');\n\nexport default isReactComponent;\nexport { reactComponent };\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":"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","names":["fn","options","middleware","init","enhancer","useBuildComponentCallback","React","Proxy"]}
+{"version":3,"sources":["../src/index.ts","../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts"],"sourcesContent":["export { default as createChainOfResponsibility } from './createChainOfResponsibility.tsx';\nexport { type ComponentMiddleware } from './types.ts';\n","import { applyMiddleware } from 'handler-chain';\nimport React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport { type ComponentEnhancer, type ComponentMiddleware } from './types.ts';\n\n// TODO: Simplify to ComponentType<Props> | undefined.\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = {\n  fallbackComponent?: ResultComponent<Props> | undefined;\n};\n\ninterface UseBuildComponentCallback<Request, Props> {\n  (request: Request, options?: undefined | UseBuildComponentCallbackOptions<Props>): ComponentType<Props> | undefined;\n}\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): ComponentEnhancer<Request, Props> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends object> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype AsMiddlewareProps<Request, Props, Init> = {\n  readonly init: Init;\n  readonly Next: ComponentType<Partial<Props>>;\n  readonly request: Request;\n};\n\ntype AsMiddlewareComponentProps<Request, Props, Init> = Props & {\n  readonly middleware: AsMiddlewareProps<Request, Props, Init>;\n};\n\ntype ChainOfResponsibility<Request, Props extends object, Init> = {\n  readonly asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init>;\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly types: {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly middlewareComponentProps: AsMiddlewareComponentProps<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly request: Request;\n  };\n  readonly useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n};\n\nfunction createChainOfResponsibility<Request = void, Props extends object = { readonly children?: never }, Init = void>(\n  options: CreateChainOfResponsibilityOptions = {}\n): ChainOfResponsibility<Request, Props, Init> {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_request, options): ComponentType<Props> {\n      if (!options?.fallbackComponent) {\n        throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n      }\n\n      return options.fallbackComponent;\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: (request: Request) => ComponentType<Props> | false | null | undefined) =>\n              (originalRequest: Request) => {\n                // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n                // eslint-disable-next-line prefer-const\n                let hasReturned: boolean;\n\n                const returnValue = enhancer(nextRequest => {\n                  if (hasReturned) {\n                    throw new Error('next() cannot be called after the function had returned synchronously');\n                  }\n\n                  !options.passModifiedRequest &&\n                    nextRequest !== originalRequest &&\n                    console.warn(\n                      'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                    );\n\n                  return next(options.passModifiedRequest ? nextRequest : originalRequest);\n                })(originalRequest);\n\n                hasReturned = true;\n\n                if (isValidElement(returnValue)) {\n                  throw new Error('middleware must not return React element directly');\n                } else if (\n                  returnValue !== false &&\n                  returnValue !== null &&\n                  typeof returnValue !== 'undefined' &&\n                  !isReactComponent(returnValue)\n                ) {\n                  throw new Error(\n                    'middleware must return false, null, undefined, function component, or class component'\n                  );\n                }\n\n                return returnValue;\n              };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<ResultComponent<Props>, Request, Init>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])]\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request) || undefined,\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  }\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  function Proxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const enhancer = useBuildComponentCallback();\n\n    const Component = enhancer(request as Request, { fallbackComponent });\n\n    return Component ? <Component {...(props as Props)} /> : null;\n  }\n\n  const asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init> =\n    (\n      MiddlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n    ): ComponentMiddleware<Request, Props, Init> =>\n    init =>\n    next =>\n    request => {\n      const RawNextComponent = next(request);\n\n      // TODO: Can we pre-build this component during init?\n      const MiddlewareOf = (props: Props) => {\n        const middleware = useMemo(\n          () =>\n            Object.freeze({\n              init,\n              Next: memo<Partial<Props>>(\n                RawNextComponent\n                  ? (overridingProps: Partial<Props>) => <RawNextComponent {...props} {...overridingProps} />\n                  : () => null\n              ),\n              request\n            }),\n          []\n        );\n\n        return <MiddlewareComponent {...props} middleware={middleware} />;\n      };\n\n      MiddlewareOf.displayName = `MiddlewareOf<${MiddlewareComponent.displayName || ''}>`;\n\n      return memo<Props>(MiddlewareOf);\n    };\n\n  return Object.freeze({\n    asMiddleware,\n    Provider: memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider),\n    Proxy: memo<ProxyProps<Request, Props>>(Proxy),\n    types: Object.freeze({\n      middlewareComponentProps: undefined as unknown as AsMiddlewareComponentProps<Request, Props, Init>,\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      proxyProps: undefined as unknown as ProxyProps<Request, Props>,\n      request: undefined as unknown as Request\n    }),\n    useBuildComponentCallback\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type CreateChainOfResponsibilityOptions,\n  type ProxyProps,\n  type UseBuildComponentCallback\n};\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\nimport { custom } from 'valibot';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nfunction isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n\nconst reactComponent = () =>\n  custom<ComponentType<unknown>>(value => isReactComponent(value), 'not a valid React component');\n\nexport default isReactComponent;\nexport { reactComponent };\n"],"mappings":"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","names":["options","middleware","init","enhancer","useBuildComponentCallback","React","Proxy"]}

package/dist/react-chain-of-responsibility.mjs

@@ -1,7 +1,6 @@
 import {
   createChainOfResponsibility_default
-} from "./chunk-3IVASMVM.mjs";
-import "./chunk-TNTIZJJ5.mjs";
+} from "./chunk-U4UF7NZV.mjs";
 export {
   createChainOfResponsibility_default as createChainOfResponsibility
 };

package/dist/react-chain-of-responsibility.preview.js

@@ -34,24 +34,12 @@ __export(index_preview_exports, {
 });
 module.exports = __toCommonJS(index_preview_exports);
 
-// src/createChainOfResponsibilityAsRenderCallback.tsx
-var import_react2 = __toESM(require("react"));
+// src/preview/createChainOfResponsibilityAsRenderCallback.tsx
+var import_handler_chain = require("handler-chain");
+var import_react = __toESM(require("react"));
 var import_valibot = require("valibot");
 
-// src/private/compose.ts
-function compose(...fns) {
-  return (fn) => fns.reduce((chain, fn2) => fn2(chain), fn);
-}
-
-// src/private/applyMiddleware.ts
-function applyMiddleware(...arrayOfMiddleware) {
-  return (...init) => {
-    const chain = arrayOfMiddleware.map((middleware) => middleware(...init));
-    return compose(...chain);
-  };
-}
-
-// src/private/arePropsEqual.ts
+// src/preview/private/arePropsEqual.ts
 function arePropsEqual(x, y) {
   if (Object.is(x, y)) {
     return true;
@@ -70,20 +58,7 @@ function arePropsEqual(x, y) {
   return true;
 }
 
-// src/private/useMemoValueWithEquality.ts
-var import_react = require("react");
-var NOT_INITIALIZED = Symbol();
-function useMemoValueWithEquality(factory, equalityFn) {
-  const prevRef = (0, import_react.useRef)(NOT_INITIALIZED);
-  const next = factory();
-  const current = prevRef.current !== NOT_INITIALIZED && equalityFn(prevRef.current, next) ? prevRef.current : next;
-  (0, import_react.useEffect)(() => {
-    prevRef.current = current;
-  });
-  return current;
-}
-
-// src/createChainOfResponsibilityAsRenderCallback.tsx
+// src/preview/createChainOfResponsibilityAsRenderCallback.tsx
 var DO_NOT_CREATE_THIS_OBJECT_YOURSELF = Symbol();
 var componentHandlerResultSchema = (0, import_valibot.custom)(
   (value) => (0, import_valibot.safeParse)((0, import_valibot.object)({ render: (0, import_valibot.function_)() }), value).success && !!value && typeof value === "object" && DO_NOT_CREATE_THIS_OBJECT_YOURSELF in value,
@@ -91,10 +66,10 @@ var componentHandlerResultSchema = (0, import_valibot.custom)(
 );
 function createChainOfResponsibility(options = {}) {
   options = Object.freeze({ ...options });
-  const BuildContext = (0, import_react2.createContext)(
+  const BuildContext = (0, import_react.createContext)(
     Object.freeze({ enhancer: (next) => (request) => next(request) })
   );
-  const RenderContext = (0, import_react2.createContext)(
+  const RenderContext = (0, import_react.createContext)(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     new Proxy({}, {
       get() {
@@ -107,7 +82,7 @@ function createChainOfResponsibility(options = {}) {
   function reactComponent(component, bindProps) {
     return Object.freeze({
       [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: void 0,
-      render: (overridingProps) => /* @__PURE__ */ import_react2.default.createElement(
+      render: (overridingProps) => /* @__PURE__ */ import_react.default.createElement(
         ComponentWithProps,
         {
           bindProps,
@@ -117,24 +92,25 @@ function createChainOfResponsibility(options = {}) {
       )
     });
   }
-  const ComponentWithProps = (0, import_react2.memo)(function ComponentWithProps2({
+  const ComponentWithProps = (0, import_react.memo)(function ComponentWithProps2({
     bindProps,
     component: Component,
     overridingProps
   }) {
     const { allowOverrideProps } = options;
-    const { renderCallbackProps } = (0, import_react2.useContext)(RenderContext);
+    const { originalProps: renderCallbackProps } = (0, import_react.useContext)(RenderContext);
     if (overridingProps && !arePropsEqual(overridingProps, renderCallbackProps) && !allowOverrideProps) {
       console.warn('react-chain-of-responsibility: "allowOverrideProps" must be set to true to override props');
     }
     const props = Object.freeze(
       allowOverrideProps ? { ...renderCallbackProps, ...overridingProps } : { ...renderCallbackProps }
     );
-    return /* @__PURE__ */ import_react2.default.createElement(Component, { ...props, ...typeof bindProps === "function" ? bindProps(props) : bindProps });
+    return /* @__PURE__ */ import_react.default.createElement(Component, { ...props, ...typeof bindProps === "function" ? bindProps(props) : bindProps });
   });
+  const RENDER_CALLBACK_SYMBOL = `REACT_CHAIN_OF_RESPONSIBILITY:DO_NOT_USE_THIS_RENDER_CALLBACK`;
   const useBuildRenderCallback = () => {
-    const { enhancer } = (0, import_react2.useContext)(BuildContext);
-    return (0, import_react2.useCallback)(
+    const { enhancer } = (0, import_react.useContext)(BuildContext);
+    return (0, import_react.useCallback)(
       (request, buildOptions = {}) => {
         const result = (
           // Put the "fallbackComponent" as the last one in the chain.
@@ -153,28 +129,40 @@ function createChainOfResponsibility(options = {}) {
               render: () => (
                 // Currently, there are no ways to set `bindProps` to `fallbackComponent`.
                 // `fallbackComponent` do not need `overridingProps` because it is the last one in the chain, it would not have the next() function.
-                /* @__PURE__ */ import_react2.default.createElement(ComponentWithProps, { component: fallbackComponent })
+                /* @__PURE__ */ import_react.default.createElement(ComponentWithProps, { component: fallbackComponent })
               )
             });
           })(request)
         );
-        return result && ((props) => {
-          const renderCallbackProps = useMemoValueWithEquality(() => props, arePropsEqual);
-          const context = (0, import_react2.useMemo)(
-            () => Object.freeze({ renderCallbackProps }),
-            [renderCallbackProps]
-          );
-          return /* @__PURE__ */ import_react2.default.createElement(RenderContext.Provider, { value: context }, result.render());
-        });
+        return result && ((props) => (
+          // This is render function, we cannot call any hooks here.
+          /* @__PURE__ */ import_react.default.createElement(
+            RenderCallbackAsComponent,
+            {
+              ...props,
+              ...{
+                // TODO: Verify if `result.render` is stable or not, and check performance
+                [RENDER_CALLBACK_SYMBOL]: result.render
+              }
+            }
+          )
+        ));
       },
       [enhancer]
     );
   };
+  const RenderCallbackAsComponent = (0, import_react.memo)(function RenderFunction({
+    [RENDER_CALLBACK_SYMBOL]: render,
+    ...props
+  }) {
+    const context = (0, import_react.useMemo)(() => Object.freeze({ originalProps: props }), [props]);
+    return /* @__PURE__ */ import_react.default.createElement(RenderContext.Provider, { value: context }, render());
+  });
   function ChainOfResponsibilityProvider({ children, init, middleware }) {
     if (!Array.isArray(middleware) || middleware.some((middleware2) => typeof middleware2 !== "function")) {
       throw new Error('react-chain-of-responsibility: "middleware" prop must be an array of functions');
     }
-    const fortifiedMiddleware = (0, import_react2.useMemo)(
+    const fortifiedMiddleware = (0, import_react.useMemo)(
       () => Object.freeze(
         middleware.map((fn) => (init2) => {
           const enhancer2 = fn(init2);
@@ -198,29 +186,29 @@ function createChainOfResponsibility(options = {}) {
       ),
       [middleware]
     );
-    const { enhancer: parentEnhancer } = (0, import_react2.useContext)(BuildContext);
-    const enhancer = (0, import_react2.useMemo)(
+    const { enhancer: parentEnhancer } = (0, import_react.useContext)(BuildContext);
+    const enhancer = (0, import_react.useMemo)(
       () => (
         // We are reversing because it is easier to read:
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
-        applyMiddleware(
-          ...[...fortifiedMiddleware, ...[() => parentEnhancer]].reverse()
+        (0, import_handler_chain.applyMiddleware)(
+          ...[...fortifiedMiddleware, ...[() => parentEnhancer]]
         )(init)
       ),
       [init, fortifiedMiddleware, parentEnhancer]
     );
-    const contextValue = (0, import_react2.useMemo)(() => Object.freeze({ enhancer }), [enhancer]);
-    return /* @__PURE__ */ import_react2.default.createElement(BuildContext.Provider, { value: contextValue }, children);
+    const contextValue = (0, import_react.useMemo)(() => Object.freeze({ enhancer }), [enhancer]);
+    return /* @__PURE__ */ import_react.default.createElement(BuildContext.Provider, { value: contextValue }, children);
   }
   function ChainOfResponsibilityProxy({ fallbackComponent, request, ...props }) {
     const result = useBuildRenderCallback()(request, { fallbackComponent })?.(props);
-    return result ? /* @__PURE__ */ import_react2.default.createElement(import_react2.Fragment, null, result) : null;
+    return result ? /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, result) : null;
   }
-  const MemoizedChainOfResponsibilityProvider = (0, import_react2.memo)(ChainOfResponsibilityProvider);
+  const MemoizedChainOfResponsibilityProvider = (0, import_react.memo)(ChainOfResponsibilityProvider);
   return Object.freeze({
     Provider: MemoizedChainOfResponsibilityProvider,
-    Proxy: (0, import_react2.memo)(ChainOfResponsibilityProxy),
+    Proxy: (0, import_react.memo)(ChainOfResponsibilityProxy),
     reactComponent,
     useBuildRenderCallback
     // TODO: Consider adding back `asMiddleware`.

package/dist/react-chain-of-responsibility.preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.preview.ts","../src/createChainOfResponsibilityAsRenderCallback.tsx","../src/private/compose.ts","../src/private/applyMiddleware.ts","../src/private/arePropsEqual.ts","../src/private/useMemoValueWithEquality.ts"],"sourcesContent":["export {\n  default as createChainOfResponsibility,\n  type ChainOfResponsibility,\n  type ComponentEnhancer,\n  type ComponentHandler,\n  type ComponentHandlerResult,\n  type ComponentMiddleware,\n  type ComponentRenderer,\n  type CreateChainOfResponsibilityOptions,\n  type InferenceHelper,\n  type InferInit,\n  type InferMiddleware,\n  type InferProps,\n  type InferProviderProps,\n  type InferProxyProps,\n  type InferRequest,\n  type ProviderProps,\n  type ProxyProps,\n  type ReactComponentHandlerResult,\n  type UseBuildRenderCallback,\n  type UseBuildRenderCallbackOptions\n} from './createChainOfResponsibilityAsRenderCallback.tsx';\n","import React, {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren,\n  type ReactNode\n} from 'react';\nimport { custom, function_, object, parse, safeParse } from 'valibot';\n\nimport applyMiddleware from './private/applyMiddleware.ts';\nimport arePropsEqual from './private/arePropsEqual.ts';\nimport useMemoValueWithEquality from './private/useMemoValueWithEquality.ts';\n\n// TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n//       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\ndeclare global {\n  interface ArrayConstructor {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    isArray(arg: any): arg is readonly any[];\n  }\n}\n\ntype BaseProps = object;\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows one component to pass different set of props to its downstream component. Default is false.\n   *\n   * It is recommended to keep this settings as default to prevent newly added component from unexpectedly changing behavior of downstream components.\n   */\n  readonly allowOverrideProps?: boolean | undefined;\n\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * It is recommended to keep this settings as default ot prevent newly added middleware from unexpectedly changing behavior of downstream middleware.\n   *\n   * To prevent upstream middleware from modifying the request, the request object should be set to be immutable through `Object.freeze`.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype ChainOfResponsibility<Request, Props extends BaseProps, Init> = {\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>> & InferenceHelper<Request, Props, Init>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly reactComponent: ReactComponentHandlerResult<Props>;\n  readonly useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props>;\n};\n\n// TODO: Maybe this one should be local.\n//       Verify that reactComponent() from an instance of CoR should throw error when used in another instance of CoR.\nconst DO_NOT_CREATE_THIS_OBJECT_YOURSELF = Symbol();\n\ntype ComponentRenderer<Props> = (props: Props) => ReactNode;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst componentHandlerResultSchema = custom<ComponentHandlerResult<any>>(\n  value =>\n    safeParse(object({ render: function_() }), value).success &&\n    !!value &&\n    typeof value === 'object' &&\n    DO_NOT_CREATE_THIS_OBJECT_YOURSELF in value,\n  'react-chain-of-responsibility: middleware must return value constructed by reactComponent()'\n);\n\ninterface ComponentHandlerResult<Props extends BaseProps> {\n  readonly [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined;\n  readonly render: (overridingProps?: Partial<Props> | undefined) => ReactNode;\n}\n\ntype ComponentHandler<Request, Props extends BaseProps> = (\n  request: Request\n) => ComponentHandlerResult<Props> | undefined;\n\ntype ComponentEnhancer<Request, Props extends BaseProps> = (\n  next: ComponentHandler<Request, Props>\n) => ComponentHandler<Request, Props>;\n\ntype ComponentMiddleware<Request, Props extends BaseProps, Init = undefined> = (\n  init: Init\n) => ComponentEnhancer<Request, Props>;\n\ntype ReactComponentHandlerResult<Props extends object> = <P extends Props>(\n  component: ComponentType<P>,\n  bindProps?:\n    | (Partial<Props> & Omit<P, keyof Props>)\n    | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n    | undefined\n) => ComponentHandlerResult<Props>;\n\ntype UseBuildRenderCallbackOptions<Props> = {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n};\n\ninterface UseBuildRenderCallback<Request, Props extends BaseProps> {\n  (request: Request, options?: undefined | UseBuildRenderCallbackOptions<Props>): ComponentRenderer<Props> | undefined;\n}\n\ntype BuildContextType<Request, Props extends BaseProps> = {\n  readonly enhancer: ComponentEnhancer<Request, Props>;\n};\n\ntype RenderContextType<Props> = {\n  readonly renderCallbackProps: Props;\n};\n\ntype ProviderProps<Request, Props extends BaseProps, Init> = PropsWithChildren<{\n  readonly middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends BaseProps> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype InferenceHelper<Request, Props extends BaseProps, Init> = {\n  readonly '~types': {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly providerProps: ProviderProps<Request, Props, Init>;\n    readonly request: Request;\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferInit<T extends InferenceHelper<any, any, any>> = T['~types']['init'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferMiddleware<T extends InferenceHelper<any, any, any>> = T['~types']['middleware'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProps<T extends InferenceHelper<any, any, any>> = T['~types']['props'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProxyProps<T extends InferenceHelper<any, any, any>> = T['~types']['proxyProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProviderProps<T extends InferenceHelper<any, any, any>> = T['~types']['providerProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferRequest<T extends InferenceHelper<any, any, any>> = T['~types']['request'];\n\nfunction createChainOfResponsibility<\n  Request = void,\n  Props extends BaseProps = { readonly children?: never },\n  Init = void\n>(options: CreateChainOfResponsibilityOptions = {}): ChainOfResponsibility<Request, Props, Init> {\n  // Freeze options to prevent accidental change.\n  options = Object.freeze({ ...options });\n\n  const BuildContext = createContext<BuildContextType<Request, Props>>(\n    Object.freeze({ enhancer: next => request => next(request) })\n  );\n\n  const RenderContext = createContext<RenderContextType<Props>>(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new Proxy({} as any, {\n      get() {\n        // The following is assertion, there is no way to hit this line.\n        /* istanbul ignore next */\n        throw new Error(\n          'react-chain-of-responsibility: this hook cannot be used outside of <Proxy> and useBuildRenderCallback()'\n        );\n      }\n    })\n  );\n\n  function reactComponent<P extends Props>(\n    component: ComponentType<P>,\n    bindProps?:\n      | (Partial<Props> & Omit<P, keyof Props>)\n      | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n      | undefined\n  ): ComponentHandlerResult<Props> {\n    return Object.freeze({\n      [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n      render: (overridingProps?: Partial<Props> | undefined) => (\n        <ComponentWithProps\n          bindProps={bindProps}\n          component={component as ComponentType<Props>}\n          overridingProps={overridingProps}\n        />\n      )\n    });\n  }\n\n  const ComponentWithProps = memo(function ComponentWithProps({\n    bindProps,\n    component: Component,\n    overridingProps\n  }: {\n    readonly bindProps?: Partial<Props> | ((props: Props) => Partial<Props>) | undefined;\n    readonly component: ComponentType<Props>;\n    readonly overridingProps?: Partial<Props> | undefined;\n  }) {\n    const { allowOverrideProps } = options;\n    const { renderCallbackProps } = useContext(RenderContext);\n\n    if (overridingProps && !arePropsEqual(overridingProps, renderCallbackProps) && !allowOverrideProps) {\n      console.warn('react-chain-of-responsibility: \"allowOverrideProps\" must be set to true to override props');\n    }\n\n    const props = Object.freeze(\n      allowOverrideProps ? { ...renderCallbackProps, ...overridingProps } : { ...renderCallbackProps }\n    );\n\n    return <Component {...props} {...(typeof bindProps === 'function' ? bindProps(props) : bindProps)} />;\n  });\n\n  const useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props> = () => {\n    const { enhancer } = useContext(BuildContext);\n\n    return useCallback(\n      (request, buildOptions = {}) => {\n        const result =\n          // Put the \"fallbackComponent\" as the last one in the chain.\n          enhancer(() => {\n            const { fallbackComponent } = buildOptions;\n\n            if (!fallbackComponent) {\n              console.warn(\n                'react-chain-of-responsibility: the request has fall through all middleware, set \"fallbackComponent\" as a catchall',\n                request\n              );\n\n              // For clarity, we are returning `undefined` instead of `() => undefined`.\n              return;\n            }\n\n            return Object.freeze({\n              // Convert fallback component as renderer.\n              [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n              render: () => (\n                // Currently, there are no ways to set `bindProps` to `fallbackComponent`.\n                // `fallbackComponent` do not need `overridingProps` because it is the last one in the chain, it would not have the next() function.\n                <ComponentWithProps component={fallbackComponent} />\n              )\n            });\n          })(request);\n\n        return (\n          result &&\n          ((props: Props) => {\n            const renderCallbackProps = useMemoValueWithEquality<Props>(() => props, arePropsEqual);\n\n            const context = useMemo<RenderContextType<Props>>(\n              () => Object.freeze({ renderCallbackProps }),\n              [renderCallbackProps]\n            );\n\n            return <RenderContext.Provider value={context}>{result.render()}</RenderContext.Provider>;\n          })\n        );\n      },\n      [enhancer]\n    );\n  };\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    if (!Array.isArray(middleware) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('react-chain-of-responsibility: \"middleware\" prop must be an array of functions');\n    }\n\n    // Remap the middleware, so all inputs/outputs are validated.\n    const fortifiedMiddleware = useMemo(\n      () =>\n        Object.freeze(\n          middleware.map<ComponentMiddleware<Request, Props, Init>>(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return next => originalRequest => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error(\n                    'react-chain-of-responsibility: next() cannot be called after the function had returned synchronously'\n                  );\n                }\n\n                // We do not allow passing void/undefined to next() because it would be confusing whether to keep the original request or pass an undefined.\n                !options.passModifiedRequest &&\n                  !Object.is(nextRequest, originalRequest) &&\n                  console.warn(\n                    'react-chain-of-responsibility: next() must be called with the original request, otherwise, set \"options.passModifiedRequest\" to true to pass a different request object downstream'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              // Make sure the return value is built using our helper function for forward-compatibility reason.\n              return returnValue && parse(componentHandlerResultSchema, returnValue);\n            };\n          })\n        ),\n      [middleware]\n    );\n\n    const { enhancer: parentEnhancer } = useContext(BuildContext);\n\n    const enhancer = useMemo<ComponentEnhancer<Request, Props>>(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ComponentHandlerResult<Props> | undefined, [Init]>(\n          ...[...fortifiedMiddleware, ...[() => parentEnhancer]].reverse()\n        )(init as Init),\n      [init, fortifiedMiddleware, parentEnhancer]\n    );\n\n    const contextValue = useMemo<BuildContextType<Request, Props>>(() => Object.freeze({ enhancer }), [enhancer]);\n\n    return <BuildContext.Provider value={contextValue}>{children}</BuildContext.Provider>;\n  }\n\n  function ChainOfResponsibilityProxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const result = useBuildRenderCallback()(request, { fallbackComponent })?.(props as Props);\n\n    return result ? <Fragment>{result}</Fragment> : null;\n  }\n\n  const MemoizedChainOfResponsibilityProvider =\n    memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider);\n\n  return Object.freeze({\n    Provider: MemoizedChainOfResponsibilityProvider as typeof MemoizedChainOfResponsibilityProvider &\n      InferenceHelper<Request, Props, Init>,\n    Proxy: memo<ProxyProps<Request, Props>>(ChainOfResponsibilityProxy),\n    reactComponent,\n    useBuildRenderCallback\n\n    // TODO: Consider adding back `asMiddleware`.\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type ComponentEnhancer,\n  type ComponentHandler,\n  type ComponentHandlerResult,\n  type ComponentMiddleware,\n  type ComponentRenderer,\n  type CreateChainOfResponsibilityOptions,\n  type InferenceHelper,\n  type InferInit,\n  type InferMiddleware,\n  type InferProps,\n  type InferProviderProps,\n  type InferProxyProps,\n  type InferRequest,\n  type ProviderProps,\n  type ProxyProps,\n  type ReactComponentHandlerResult,\n  type UseBuildRenderCallback,\n  type UseBuildRenderCallbackOptions\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function arePropsEqual<T extends Record<string, any>>(x: T, y: T): boolean {\n  if (Object.is(x, y)) {\n    return true;\n  }\n\n  const mapOfX = new Map(Object.entries(x));\n  const mapOfY = new Map(Object.entries(y));\n\n  if (mapOfX.size !== mapOfY.size) {\n    return false;\n  }\n\n  const keys = new Set([...mapOfX.keys(), ...mapOfY.keys()]);\n\n  for (const key of keys) {\n    if (!Object.is(mapOfX.get(key), mapOfY.get(key))) {\n      return false;\n    }\n  }\n\n  return true;\n}\n","import { useEffect, useRef } from 'react';\n\nconst NOT_INITIALIZED = Symbol();\n\nexport default function useMemoValueWithEquality<T>(factory: () => T, equalityFn: (x: T, y: T) => boolean): T {\n  const prevRef = useRef<T | typeof NOT_INITIALIZED>(NOT_INITIALIZED);\n  const next: T = factory();\n  const current: T = prevRef.current !== NOT_INITIALIZED && equalityFn(prevRef.current, next) ? prevRef.current : next;\n\n  useEffect(() => {\n    prevRef.current = current;\n  });\n\n  return current;\n}\n"],"mappings":"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","names":["import_react","fn","React","ComponentWithProps","middleware","init","enhancer"]}
+{"version":3,"sources":["../src/index.preview.ts","../src/preview/createChainOfResponsibilityAsRenderCallback.tsx","../src/preview/private/arePropsEqual.ts"],"sourcesContent":["export {\n  default as createChainOfResponsibility,\n  type ChainOfResponsibility,\n  type ComponentEnhancer,\n  type ComponentHandler,\n  type ComponentHandlerResult,\n  type ComponentMiddleware,\n  type ComponentRenderer,\n  type CreateChainOfResponsibilityOptions,\n  type InferenceHelper,\n  type InferInit,\n  type InferMiddleware,\n  type InferProps,\n  type InferProviderProps,\n  type InferProxyProps,\n  type InferRequest,\n  type ProviderProps,\n  type ProxyProps,\n  type ReactComponentHandlerResult,\n  type UseBuildRenderCallback,\n  type UseBuildRenderCallbackOptions\n} from './preview/createChainOfResponsibilityAsRenderCallback.tsx';\n","import { applyMiddleware } from 'handler-chain';\nimport React, {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren,\n  type ReactNode\n} from 'react';\nimport { custom, function_, object, parse, safeParse } from 'valibot';\n\nimport arePropsEqual from './private/arePropsEqual.ts';\n\n// TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n//       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\ndeclare global {\n  interface ArrayConstructor {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    isArray(arg: any): arg is readonly any[];\n  }\n}\n\ntype BaseProps = object;\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows one component to pass different set of props to its downstream component. Default is false.\n   *\n   * It is recommended to keep this settings as default to prevent newly added component from unexpectedly changing behavior of downstream components.\n   */\n  readonly allowOverrideProps?: boolean | undefined;\n\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * It is recommended to keep this settings as default ot prevent newly added middleware from unexpectedly changing behavior of downstream middleware.\n   *\n   * To prevent upstream middleware from modifying the request, the request object should be set to be immutable through `Object.freeze`.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype ChainOfResponsibility<Request, Props extends BaseProps, Init> = {\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>> & InferenceHelper<Request, Props, Init>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly reactComponent: ReactComponentHandlerResult<Props>;\n  readonly useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props>;\n};\n\n// TODO: Maybe this one should be local.\n//       Verify that reactComponent() from an instance of CoR should throw error when used in another instance of CoR.\nconst DO_NOT_CREATE_THIS_OBJECT_YOURSELF = Symbol();\n\ntype ComponentRenderer<Props> = (props: Props) => ReactNode;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst componentHandlerResultSchema = custom<ComponentHandlerResult<any>>(\n  value =>\n    safeParse(object({ render: function_() }), value).success &&\n    !!value &&\n    typeof value === 'object' &&\n    DO_NOT_CREATE_THIS_OBJECT_YOURSELF in value,\n  'react-chain-of-responsibility: middleware must return value constructed by reactComponent()'\n);\n\ninterface ComponentHandlerResult<Props extends BaseProps> {\n  readonly [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined;\n  readonly render: (overridingProps?: Partial<Props> | undefined) => ReactNode;\n}\n\ntype ComponentHandler<Request, Props extends BaseProps> = (\n  request: Request\n) => ComponentHandlerResult<Props> | undefined;\n\ntype ComponentEnhancer<Request, Props extends BaseProps> = (\n  next: ComponentHandler<Request, Props>\n) => ComponentHandler<Request, Props>;\n\ntype ComponentMiddleware<Request, Props extends BaseProps, Init = undefined> = (\n  init: Init\n) => ComponentEnhancer<Request, Props>;\n\ntype ReactComponentHandlerResult<Props extends object> = <P extends Props>(\n  component: ComponentType<P>,\n  bindProps?:\n    | (Partial<Props> & Omit<P, keyof Props>)\n    | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n    | undefined\n) => ComponentHandlerResult<Props>;\n\ntype UseBuildRenderCallbackOptions<Props> = {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n};\n\ninterface UseBuildRenderCallback<Request, Props extends BaseProps> {\n  (request: Request, options?: undefined | UseBuildRenderCallbackOptions<Props>): ComponentRenderer<Props> | undefined;\n}\n\ntype BuildContextType<Request, Props extends BaseProps> = {\n  readonly enhancer: ComponentEnhancer<Request, Props>;\n};\n\ntype RenderContextType<Props> = {\n  readonly originalProps: Props;\n};\n\ntype ProviderProps<Request, Props extends BaseProps, Init> = PropsWithChildren<{\n  readonly middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends BaseProps> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype InferenceHelper<Request, Props extends BaseProps, Init> = {\n  readonly '~types': {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly providerProps: ProviderProps<Request, Props, Init>;\n    readonly request: Request;\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferInit<T extends InferenceHelper<any, any, any>> = T['~types']['init'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferMiddleware<T extends InferenceHelper<any, any, any>> = T['~types']['middleware'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProps<T extends InferenceHelper<any, any, any>> = T['~types']['props'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProxyProps<T extends InferenceHelper<any, any, any>> = T['~types']['proxyProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProviderProps<T extends InferenceHelper<any, any, any>> = T['~types']['providerProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferRequest<T extends InferenceHelper<any, any, any>> = T['~types']['request'];\n\nfunction createChainOfResponsibility<\n  Request = void,\n  Props extends BaseProps = { readonly children?: never },\n  Init = void\n>(options: CreateChainOfResponsibilityOptions = {}): ChainOfResponsibility<Request, Props, Init> {\n  // Freeze options to prevent accidental change.\n  options = Object.freeze({ ...options });\n\n  const BuildContext = createContext<BuildContextType<Request, Props>>(\n    Object.freeze({ enhancer: next => request => next(request) })\n  );\n\n  const RenderContext = createContext<RenderContextType<Props>>(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new Proxy({} as any, {\n      get() {\n        // The following is assertion, there is no way to hit this line.\n        /* istanbul ignore next */\n        throw new Error(\n          'react-chain-of-responsibility: this hook cannot be used outside of <Proxy> and useBuildRenderCallback()'\n        );\n      }\n    })\n  );\n\n  function reactComponent<P extends Props>(\n    component: ComponentType<P>,\n    bindProps?:\n      | (Partial<Props> & Omit<P, keyof Props>)\n      | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n      | undefined\n  ): ComponentHandlerResult<Props> {\n    return Object.freeze({\n      [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n      render: (overridingProps?: Partial<Props> | undefined) => (\n        <ComponentWithProps\n          bindProps={bindProps}\n          component={component as ComponentType<Props>}\n          overridingProps={overridingProps}\n        />\n      )\n    });\n  }\n\n  const ComponentWithProps = memo(function ComponentWithProps({\n    bindProps,\n    component: Component,\n    overridingProps\n  }: {\n    readonly bindProps?: Partial<Props> | ((props: Props) => Partial<Props>) | undefined;\n    readonly component: ComponentType<Props>;\n    readonly overridingProps?: Partial<Props> | undefined;\n  }) {\n    const { allowOverrideProps } = options;\n    const { originalProps: renderCallbackProps } = useContext(RenderContext);\n\n    if (overridingProps && !arePropsEqual(overridingProps, renderCallbackProps) && !allowOverrideProps) {\n      console.warn('react-chain-of-responsibility: \"allowOverrideProps\" must be set to true to override props');\n    }\n\n    const props = Object.freeze(\n      allowOverrideProps ? { ...renderCallbackProps, ...overridingProps } : { ...renderCallbackProps }\n    );\n\n    return <Component {...props} {...(typeof bindProps === 'function' ? bindProps(props) : bindProps)} />;\n  });\n\n  const RENDER_CALLBACK_SYMBOL = `REACT_CHAIN_OF_RESPONSIBILITY:DO_NOT_USE_THIS_RENDER_CALLBACK`;\n\n  const useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props> = () => {\n    const { enhancer } = useContext(BuildContext);\n\n    return useCallback(\n      (request, buildOptions = {}) => {\n        const result =\n          // Put the \"fallbackComponent\" as the last one in the chain.\n          enhancer(() => {\n            const { fallbackComponent } = buildOptions;\n\n            if (!fallbackComponent) {\n              console.warn(\n                'react-chain-of-responsibility: the request has fall through all middleware, set \"fallbackComponent\" as a catchall',\n                request\n              );\n\n              // For clarity, we are returning `undefined` instead of `() => undefined`.\n              return;\n            }\n\n            return Object.freeze({\n              // Convert fallback component as renderer.\n              [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n              render: () => (\n                // Currently, there are no ways to set `bindProps` to `fallbackComponent`.\n                // `fallbackComponent` do not need `overridingProps` because it is the last one in the chain, it would not have the next() function.\n                <ComponentWithProps component={fallbackComponent} />\n              )\n            });\n          })(request);\n\n        return (\n          result &&\n          ((props: Props) => (\n            // This is render function, we cannot call any hooks here.\n            <RenderCallbackAsComponent\n              {...props} // Spreading the props to leverage React.memo()\n              {...{\n                // TODO: Verify if `result.render` is stable or not, and check performance\n                [RENDER_CALLBACK_SYMBOL]: result.render\n              }}\n            />\n          ))\n        );\n      },\n      [enhancer]\n    );\n  };\n\n  type RenderCallbackAsComponentProps = Props & {\n    // First render function does not need overrideProps.\n    // Override props is for upstreamer to override props before passing to downsteamers.\n    readonly [RENDER_CALLBACK_SYMBOL]: () => ReactNode;\n  };\n\n  const RenderCallbackAsComponent = memo(function RenderFunction({\n    [RENDER_CALLBACK_SYMBOL]: render,\n    ...props\n  }: RenderCallbackAsComponentProps) {\n    const context = useMemo<RenderContextType<Props>>(() => Object.freeze({ originalProps: props as Props }), [props]);\n\n    return <RenderContext.Provider value={context}>{render()}</RenderContext.Provider>;\n  });\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    if (!Array.isArray(middleware) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('react-chain-of-responsibility: \"middleware\" prop must be an array of functions');\n    }\n\n    // Remap the middleware, so all inputs/outputs are validated.\n    const fortifiedMiddleware = useMemo(\n      () =>\n        Object.freeze(\n          middleware.map<ComponentMiddleware<Request, Props, Init>>(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return next => originalRequest => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error(\n                    'react-chain-of-responsibility: next() cannot be called after the function had returned synchronously'\n                  );\n                }\n\n                // We do not allow passing void/undefined to next() because it would be confusing whether to keep the original request or pass an undefined.\n                !options.passModifiedRequest &&\n                  !Object.is(nextRequest, originalRequest) &&\n                  console.warn(\n                    'react-chain-of-responsibility: next() must be called with the original request, otherwise, set \"options.passModifiedRequest\" to true to pass a different request object downstream'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              // Make sure the return value is built using our helper function for forward-compatibility reason.\n              return returnValue && parse(componentHandlerResultSchema, returnValue);\n            };\n          })\n        ),\n      [middleware]\n    );\n\n    const { enhancer: parentEnhancer } = useContext(BuildContext);\n\n    const enhancer = useMemo<ComponentEnhancer<Request, Props>>(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<ComponentHandlerResult<Props> | undefined, Request, Init>(\n          ...[...fortifiedMiddleware, ...[() => parentEnhancer]]\n        )(init as Init),\n      [init, fortifiedMiddleware, parentEnhancer]\n    );\n\n    const contextValue = useMemo<BuildContextType<Request, Props>>(() => Object.freeze({ enhancer }), [enhancer]);\n\n    return <BuildContext.Provider value={contextValue}>{children}</BuildContext.Provider>;\n  }\n\n  function ChainOfResponsibilityProxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const result = useBuildRenderCallback()(request, { fallbackComponent })?.(props as Props);\n\n    return result ? <Fragment>{result}</Fragment> : null;\n  }\n\n  const MemoizedChainOfResponsibilityProvider =\n    memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider);\n\n  return Object.freeze({\n    Provider: MemoizedChainOfResponsibilityProvider as typeof MemoizedChainOfResponsibilityProvider &\n      InferenceHelper<Request, Props, Init>,\n    Proxy: memo<ProxyProps<Request, Props>>(ChainOfResponsibilityProxy),\n    reactComponent,\n    useBuildRenderCallback\n\n    // TODO: Consider adding back `asMiddleware`.\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type ComponentEnhancer,\n  type ComponentHandler,\n  type ComponentHandlerResult,\n  type ComponentMiddleware,\n  type ComponentRenderer,\n  type CreateChainOfResponsibilityOptions,\n  type InferenceHelper,\n  type InferInit,\n  type InferMiddleware,\n  type InferProps,\n  type InferProviderProps,\n  type InferProxyProps,\n  type InferRequest,\n  type ProviderProps,\n  type ProxyProps,\n  type ReactComponentHandlerResult,\n  type UseBuildRenderCallback,\n  type UseBuildRenderCallbackOptions\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function arePropsEqual<T extends Record<string, any>>(x: T, y: T): boolean {\n  if (Object.is(x, y)) {\n    return true;\n  }\n\n  const mapOfX = new Map(Object.entries(x));\n  const mapOfY = new Map(Object.entries(y));\n\n  if (mapOfX.size !== mapOfY.size) {\n    return false;\n  }\n\n  const keys = new Set([...mapOfX.keys(), ...mapOfY.keys()]);\n\n  for (const key of keys) {\n    if (!Object.is(mapOfX.get(key), mapOfY.get(key))) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"mappings":"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","names":["React","ComponentWithProps","middleware","init","enhancer"]}

package/dist/react-chain-of-responsibility.preview.mjs

@@ -1,8 +1,5 @@
-import {
-  applyMiddleware
-} from "./chunk-TNTIZJJ5.mjs";
-
-// src/createChainOfResponsibilityAsRenderCallback.tsx
+// src/preview/createChainOfResponsibilityAsRenderCallback.tsx
+import { applyMiddleware } from "handler-chain";
 import React, {
   createContext,
   Fragment,
@@ -13,7 +10,7 @@ import React, {
 } from "react";
 import { custom, function_, object, parse, safeParse } from "valibot";
 
-// src/private/arePropsEqual.ts
+// src/preview/private/arePropsEqual.ts
 function arePropsEqual(x, y) {
   if (Object.is(x, y)) {
     return true;
@@ -32,20 +29,7 @@ function arePropsEqual(x, y) {
   return true;
 }
 
-// src/private/useMemoValueWithEquality.ts
-import { useEffect, useRef } from "react";
-var NOT_INITIALIZED = Symbol();
-function useMemoValueWithEquality(factory, equalityFn) {
-  const prevRef = useRef(NOT_INITIALIZED);
-  const next = factory();
-  const current = prevRef.current !== NOT_INITIALIZED && equalityFn(prevRef.current, next) ? prevRef.current : next;
-  useEffect(() => {
-    prevRef.current = current;
-  });
-  return current;
-}
-
-// src/createChainOfResponsibilityAsRenderCallback.tsx
+// src/preview/createChainOfResponsibilityAsRenderCallback.tsx
 var DO_NOT_CREATE_THIS_OBJECT_YOURSELF = Symbol();
 var componentHandlerResultSchema = custom(
   (value) => safeParse(object({ render: function_() }), value).success && !!value && typeof value === "object" && DO_NOT_CREATE_THIS_OBJECT_YOURSELF in value,
@@ -85,7 +69,7 @@ function createChainOfResponsibility(options = {}) {
     overridingProps
   }) {
     const { allowOverrideProps } = options;
-    const { renderCallbackProps } = useContext(RenderContext);
+    const { originalProps: renderCallbackProps } = useContext(RenderContext);
     if (overridingProps && !arePropsEqual(overridingProps, renderCallbackProps) && !allowOverrideProps) {
       console.warn('react-chain-of-responsibility: "allowOverrideProps" must be set to true to override props');
     }
@@ -94,6 +78,7 @@ function createChainOfResponsibility(options = {}) {
     );
     return /* @__PURE__ */ React.createElement(Component, { ...props, ...typeof bindProps === "function" ? bindProps(props) : bindProps });
   });
+  const RENDER_CALLBACK_SYMBOL = `REACT_CHAIN_OF_RESPONSIBILITY:DO_NOT_USE_THIS_RENDER_CALLBACK`;
   const useBuildRenderCallback = () => {
     const { enhancer } = useContext(BuildContext);
     return useCallback(
@@ -120,18 +105,30 @@ function createChainOfResponsibility(options = {}) {
             });
           })(request)
         );
-        return result && ((props) => {
-          const renderCallbackProps = useMemoValueWithEquality(() => props, arePropsEqual);
-          const context = useMemo(
-            () => Object.freeze({ renderCallbackProps }),
-            [renderCallbackProps]
-          );
-          return /* @__PURE__ */ React.createElement(RenderContext.Provider, { value: context }, result.render());
-        });
+        return result && ((props) => (
+          // This is render function, we cannot call any hooks here.
+          /* @__PURE__ */ React.createElement(
+            RenderCallbackAsComponent,
+            {
+              ...props,
+              ...{
+                // TODO: Verify if `result.render` is stable or not, and check performance
+                [RENDER_CALLBACK_SYMBOL]: result.render
+              }
+            }
+          )
+        ));
       },
       [enhancer]
     );
   };
+  const RenderCallbackAsComponent = memo(function RenderFunction({
+    [RENDER_CALLBACK_SYMBOL]: render,
+    ...props
+  }) {
+    const context = useMemo(() => Object.freeze({ originalProps: props }), [props]);
+    return /* @__PURE__ */ React.createElement(RenderContext.Provider, { value: context }, render());
+  });
   function ChainOfResponsibilityProvider({ children, init, middleware }) {
     if (!Array.isArray(middleware) || middleware.some((middleware2) => typeof middleware2 !== "function")) {
       throw new Error('react-chain-of-responsibility: "middleware" prop must be an array of functions');
@@ -167,7 +164,7 @@ function createChainOfResponsibility(options = {}) {
         // - With reverse, [a, b, c] will become a(b(c(fn)))
         // - Without reverse, [a, b, c] will become c(b(a(fn)))
         applyMiddleware(
-          ...[...fortifiedMiddleware, ...[() => parentEnhancer]].reverse()
+          ...[...fortifiedMiddleware, ...[() => parentEnhancer]]
         )(init)
       ),
       [init, fortifiedMiddleware, parentEnhancer]

package/dist/react-chain-of-responsibility.preview.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createChainOfResponsibilityAsRenderCallback.tsx","../src/private/arePropsEqual.ts","../src/private/useMemoValueWithEquality.ts"],"sourcesContent":["import React, {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren,\n  type ReactNode\n} from 'react';\nimport { custom, function_, object, parse, safeParse } from 'valibot';\n\nimport applyMiddleware from './private/applyMiddleware.ts';\nimport arePropsEqual from './private/arePropsEqual.ts';\nimport useMemoValueWithEquality from './private/useMemoValueWithEquality.ts';\n\n// TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n//       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\ndeclare global {\n  interface ArrayConstructor {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    isArray(arg: any): arg is readonly any[];\n  }\n}\n\ntype BaseProps = object;\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows one component to pass different set of props to its downstream component. Default is false.\n   *\n   * It is recommended to keep this settings as default to prevent newly added component from unexpectedly changing behavior of downstream components.\n   */\n  readonly allowOverrideProps?: boolean | undefined;\n\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * It is recommended to keep this settings as default ot prevent newly added middleware from unexpectedly changing behavior of downstream middleware.\n   *\n   * To prevent upstream middleware from modifying the request, the request object should be set to be immutable through `Object.freeze`.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype ChainOfResponsibility<Request, Props extends BaseProps, Init> = {\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>> & InferenceHelper<Request, Props, Init>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly reactComponent: ReactComponentHandlerResult<Props>;\n  readonly useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props>;\n};\n\n// TODO: Maybe this one should be local.\n//       Verify that reactComponent() from an instance of CoR should throw error when used in another instance of CoR.\nconst DO_NOT_CREATE_THIS_OBJECT_YOURSELF = Symbol();\n\ntype ComponentRenderer<Props> = (props: Props) => ReactNode;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst componentHandlerResultSchema = custom<ComponentHandlerResult<any>>(\n  value =>\n    safeParse(object({ render: function_() }), value).success &&\n    !!value &&\n    typeof value === 'object' &&\n    DO_NOT_CREATE_THIS_OBJECT_YOURSELF in value,\n  'react-chain-of-responsibility: middleware must return value constructed by reactComponent()'\n);\n\ninterface ComponentHandlerResult<Props extends BaseProps> {\n  readonly [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined;\n  readonly render: (overridingProps?: Partial<Props> | undefined) => ReactNode;\n}\n\ntype ComponentHandler<Request, Props extends BaseProps> = (\n  request: Request\n) => ComponentHandlerResult<Props> | undefined;\n\ntype ComponentEnhancer<Request, Props extends BaseProps> = (\n  next: ComponentHandler<Request, Props>\n) => ComponentHandler<Request, Props>;\n\ntype ComponentMiddleware<Request, Props extends BaseProps, Init = undefined> = (\n  init: Init\n) => ComponentEnhancer<Request, Props>;\n\ntype ReactComponentHandlerResult<Props extends object> = <P extends Props>(\n  component: ComponentType<P>,\n  bindProps?:\n    | (Partial<Props> & Omit<P, keyof Props>)\n    | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n    | undefined\n) => ComponentHandlerResult<Props>;\n\ntype UseBuildRenderCallbackOptions<Props> = {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n};\n\ninterface UseBuildRenderCallback<Request, Props extends BaseProps> {\n  (request: Request, options?: undefined | UseBuildRenderCallbackOptions<Props>): ComponentRenderer<Props> | undefined;\n}\n\ntype BuildContextType<Request, Props extends BaseProps> = {\n  readonly enhancer: ComponentEnhancer<Request, Props>;\n};\n\ntype RenderContextType<Props> = {\n  readonly renderCallbackProps: Props;\n};\n\ntype ProviderProps<Request, Props extends BaseProps, Init> = PropsWithChildren<{\n  readonly middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends BaseProps> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype InferenceHelper<Request, Props extends BaseProps, Init> = {\n  readonly '~types': {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly providerProps: ProviderProps<Request, Props, Init>;\n    readonly request: Request;\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferInit<T extends InferenceHelper<any, any, any>> = T['~types']['init'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferMiddleware<T extends InferenceHelper<any, any, any>> = T['~types']['middleware'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProps<T extends InferenceHelper<any, any, any>> = T['~types']['props'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProxyProps<T extends InferenceHelper<any, any, any>> = T['~types']['proxyProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProviderProps<T extends InferenceHelper<any, any, any>> = T['~types']['providerProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferRequest<T extends InferenceHelper<any, any, any>> = T['~types']['request'];\n\nfunction createChainOfResponsibility<\n  Request = void,\n  Props extends BaseProps = { readonly children?: never },\n  Init = void\n>(options: CreateChainOfResponsibilityOptions = {}): ChainOfResponsibility<Request, Props, Init> {\n  // Freeze options to prevent accidental change.\n  options = Object.freeze({ ...options });\n\n  const BuildContext = createContext<BuildContextType<Request, Props>>(\n    Object.freeze({ enhancer: next => request => next(request) })\n  );\n\n  const RenderContext = createContext<RenderContextType<Props>>(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new Proxy({} as any, {\n      get() {\n        // The following is assertion, there is no way to hit this line.\n        /* istanbul ignore next */\n        throw new Error(\n          'react-chain-of-responsibility: this hook cannot be used outside of <Proxy> and useBuildRenderCallback()'\n        );\n      }\n    })\n  );\n\n  function reactComponent<P extends Props>(\n    component: ComponentType<P>,\n    bindProps?:\n      | (Partial<Props> & Omit<P, keyof Props>)\n      | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n      | undefined\n  ): ComponentHandlerResult<Props> {\n    return Object.freeze({\n      [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n      render: (overridingProps?: Partial<Props> | undefined) => (\n        <ComponentWithProps\n          bindProps={bindProps}\n          component={component as ComponentType<Props>}\n          overridingProps={overridingProps}\n        />\n      )\n    });\n  }\n\n  const ComponentWithProps = memo(function ComponentWithProps({\n    bindProps,\n    component: Component,\n    overridingProps\n  }: {\n    readonly bindProps?: Partial<Props> | ((props: Props) => Partial<Props>) | undefined;\n    readonly component: ComponentType<Props>;\n    readonly overridingProps?: Partial<Props> | undefined;\n  }) {\n    const { allowOverrideProps } = options;\n    const { renderCallbackProps } = useContext(RenderContext);\n\n    if (overridingProps && !arePropsEqual(overridingProps, renderCallbackProps) && !allowOverrideProps) {\n      console.warn('react-chain-of-responsibility: \"allowOverrideProps\" must be set to true to override props');\n    }\n\n    const props = Object.freeze(\n      allowOverrideProps ? { ...renderCallbackProps, ...overridingProps } : { ...renderCallbackProps }\n    );\n\n    return <Component {...props} {...(typeof bindProps === 'function' ? bindProps(props) : bindProps)} />;\n  });\n\n  const useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props> = () => {\n    const { enhancer } = useContext(BuildContext);\n\n    return useCallback(\n      (request, buildOptions = {}) => {\n        const result =\n          // Put the \"fallbackComponent\" as the last one in the chain.\n          enhancer(() => {\n            const { fallbackComponent } = buildOptions;\n\n            if (!fallbackComponent) {\n              console.warn(\n                'react-chain-of-responsibility: the request has fall through all middleware, set \"fallbackComponent\" as a catchall',\n                request\n              );\n\n              // For clarity, we are returning `undefined` instead of `() => undefined`.\n              return;\n            }\n\n            return Object.freeze({\n              // Convert fallback component as renderer.\n              [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n              render: () => (\n                // Currently, there are no ways to set `bindProps` to `fallbackComponent`.\n                // `fallbackComponent` do not need `overridingProps` because it is the last one in the chain, it would not have the next() function.\n                <ComponentWithProps component={fallbackComponent} />\n              )\n            });\n          })(request);\n\n        return (\n          result &&\n          ((props: Props) => {\n            const renderCallbackProps = useMemoValueWithEquality<Props>(() => props, arePropsEqual);\n\n            const context = useMemo<RenderContextType<Props>>(\n              () => Object.freeze({ renderCallbackProps }),\n              [renderCallbackProps]\n            );\n\n            return <RenderContext.Provider value={context}>{result.render()}</RenderContext.Provider>;\n          })\n        );\n      },\n      [enhancer]\n    );\n  };\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    if (!Array.isArray(middleware) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('react-chain-of-responsibility: \"middleware\" prop must be an array of functions');\n    }\n\n    // Remap the middleware, so all inputs/outputs are validated.\n    const fortifiedMiddleware = useMemo(\n      () =>\n        Object.freeze(\n          middleware.map<ComponentMiddleware<Request, Props, Init>>(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return next => originalRequest => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error(\n                    'react-chain-of-responsibility: next() cannot be called after the function had returned synchronously'\n                  );\n                }\n\n                // We do not allow passing void/undefined to next() because it would be confusing whether to keep the original request or pass an undefined.\n                !options.passModifiedRequest &&\n                  !Object.is(nextRequest, originalRequest) &&\n                  console.warn(\n                    'react-chain-of-responsibility: next() must be called with the original request, otherwise, set \"options.passModifiedRequest\" to true to pass a different request object downstream'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              // Make sure the return value is built using our helper function for forward-compatibility reason.\n              return returnValue && parse(componentHandlerResultSchema, returnValue);\n            };\n          })\n        ),\n      [middleware]\n    );\n\n    const { enhancer: parentEnhancer } = useContext(BuildContext);\n\n    const enhancer = useMemo<ComponentEnhancer<Request, Props>>(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ComponentHandlerResult<Props> | undefined, [Init]>(\n          ...[...fortifiedMiddleware, ...[() => parentEnhancer]].reverse()\n        )(init as Init),\n      [init, fortifiedMiddleware, parentEnhancer]\n    );\n\n    const contextValue = useMemo<BuildContextType<Request, Props>>(() => Object.freeze({ enhancer }), [enhancer]);\n\n    return <BuildContext.Provider value={contextValue}>{children}</BuildContext.Provider>;\n  }\n\n  function ChainOfResponsibilityProxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const result = useBuildRenderCallback()(request, { fallbackComponent })?.(props as Props);\n\n    return result ? <Fragment>{result}</Fragment> : null;\n  }\n\n  const MemoizedChainOfResponsibilityProvider =\n    memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider);\n\n  return Object.freeze({\n    Provider: MemoizedChainOfResponsibilityProvider as typeof MemoizedChainOfResponsibilityProvider &\n      InferenceHelper<Request, Props, Init>,\n    Proxy: memo<ProxyProps<Request, Props>>(ChainOfResponsibilityProxy),\n    reactComponent,\n    useBuildRenderCallback\n\n    // TODO: Consider adding back `asMiddleware`.\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type ComponentEnhancer,\n  type ComponentHandler,\n  type ComponentHandlerResult,\n  type ComponentMiddleware,\n  type ComponentRenderer,\n  type CreateChainOfResponsibilityOptions,\n  type InferenceHelper,\n  type InferInit,\n  type InferMiddleware,\n  type InferProps,\n  type InferProviderProps,\n  type InferProxyProps,\n  type InferRequest,\n  type ProviderProps,\n  type ProxyProps,\n  type ReactComponentHandlerResult,\n  type UseBuildRenderCallback,\n  type UseBuildRenderCallbackOptions\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function arePropsEqual<T extends Record<string, any>>(x: T, y: T): boolean {\n  if (Object.is(x, y)) {\n    return true;\n  }\n\n  const mapOfX = new Map(Object.entries(x));\n  const mapOfY = new Map(Object.entries(y));\n\n  if (mapOfX.size !== mapOfY.size) {\n    return false;\n  }\n\n  const keys = new Set([...mapOfX.keys(), ...mapOfY.keys()]);\n\n  for (const key of keys) {\n    if (!Object.is(mapOfX.get(key), mapOfY.get(key))) {\n      return false;\n    }\n  }\n\n  return true;\n}\n","import { useEffect, useRef } from 'react';\n\nconst NOT_INITIALIZED = Symbol();\n\nexport default function useMemoValueWithEquality<T>(factory: () => T, equalityFn: (x: T, y: T) => boolean): T {\n  const prevRef = useRef<T | typeof NOT_INITIALIZED>(NOT_INITIALIZED);\n  const next: T = factory();\n  const current: T = prevRef.current !== NOT_INITIALIZED && equalityFn(prevRef.current, next) ? prevRef.current : next;\n\n  useEffect(() => {\n    prevRef.current = current;\n  });\n\n  return current;\n}\n"],"mappings":"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","names":["ComponentWithProps","middleware","init","enhancer"]}
+{"version":3,"sources":["../src/preview/createChainOfResponsibilityAsRenderCallback.tsx","../src/preview/private/arePropsEqual.ts"],"sourcesContent":["import { applyMiddleware } from 'handler-chain';\nimport React, {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren,\n  type ReactNode\n} from 'react';\nimport { custom, function_, object, parse, safeParse } from 'valibot';\n\nimport arePropsEqual from './private/arePropsEqual.ts';\n\n// TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n//       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\ndeclare global {\n  interface ArrayConstructor {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    isArray(arg: any): arg is readonly any[];\n  }\n}\n\ntype BaseProps = object;\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows one component to pass different set of props to its downstream component. Default is false.\n   *\n   * It is recommended to keep this settings as default to prevent newly added component from unexpectedly changing behavior of downstream components.\n   */\n  readonly allowOverrideProps?: boolean | undefined;\n\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * It is recommended to keep this settings as default ot prevent newly added middleware from unexpectedly changing behavior of downstream middleware.\n   *\n   * To prevent upstream middleware from modifying the request, the request object should be set to be immutable through `Object.freeze`.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype ChainOfResponsibility<Request, Props extends BaseProps, Init> = {\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>> & InferenceHelper<Request, Props, Init>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly reactComponent: ReactComponentHandlerResult<Props>;\n  readonly useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props>;\n};\n\n// TODO: Maybe this one should be local.\n//       Verify that reactComponent() from an instance of CoR should throw error when used in another instance of CoR.\nconst DO_NOT_CREATE_THIS_OBJECT_YOURSELF = Symbol();\n\ntype ComponentRenderer<Props> = (props: Props) => ReactNode;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst componentHandlerResultSchema = custom<ComponentHandlerResult<any>>(\n  value =>\n    safeParse(object({ render: function_() }), value).success &&\n    !!value &&\n    typeof value === 'object' &&\n    DO_NOT_CREATE_THIS_OBJECT_YOURSELF in value,\n  'react-chain-of-responsibility: middleware must return value constructed by reactComponent()'\n);\n\ninterface ComponentHandlerResult<Props extends BaseProps> {\n  readonly [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined;\n  readonly render: (overridingProps?: Partial<Props> | undefined) => ReactNode;\n}\n\ntype ComponentHandler<Request, Props extends BaseProps> = (\n  request: Request\n) => ComponentHandlerResult<Props> | undefined;\n\ntype ComponentEnhancer<Request, Props extends BaseProps> = (\n  next: ComponentHandler<Request, Props>\n) => ComponentHandler<Request, Props>;\n\ntype ComponentMiddleware<Request, Props extends BaseProps, Init = undefined> = (\n  init: Init\n) => ComponentEnhancer<Request, Props>;\n\ntype ReactComponentHandlerResult<Props extends object> = <P extends Props>(\n  component: ComponentType<P>,\n  bindProps?:\n    | (Partial<Props> & Omit<P, keyof Props>)\n    | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n    | undefined\n) => ComponentHandlerResult<Props>;\n\ntype UseBuildRenderCallbackOptions<Props> = {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n};\n\ninterface UseBuildRenderCallback<Request, Props extends BaseProps> {\n  (request: Request, options?: undefined | UseBuildRenderCallbackOptions<Props>): ComponentRenderer<Props> | undefined;\n}\n\ntype BuildContextType<Request, Props extends BaseProps> = {\n  readonly enhancer: ComponentEnhancer<Request, Props>;\n};\n\ntype RenderContextType<Props> = {\n  readonly originalProps: Props;\n};\n\ntype ProviderProps<Request, Props extends BaseProps, Init> = PropsWithChildren<{\n  readonly middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends BaseProps> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype InferenceHelper<Request, Props extends BaseProps, Init> = {\n  readonly '~types': {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly providerProps: ProviderProps<Request, Props, Init>;\n    readonly request: Request;\n  };\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferInit<T extends InferenceHelper<any, any, any>> = T['~types']['init'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferMiddleware<T extends InferenceHelper<any, any, any>> = T['~types']['middleware'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProps<T extends InferenceHelper<any, any, any>> = T['~types']['props'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProxyProps<T extends InferenceHelper<any, any, any>> = T['~types']['proxyProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferProviderProps<T extends InferenceHelper<any, any, any>> = T['~types']['providerProps'];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype InferRequest<T extends InferenceHelper<any, any, any>> = T['~types']['request'];\n\nfunction createChainOfResponsibility<\n  Request = void,\n  Props extends BaseProps = { readonly children?: never },\n  Init = void\n>(options: CreateChainOfResponsibilityOptions = {}): ChainOfResponsibility<Request, Props, Init> {\n  // Freeze options to prevent accidental change.\n  options = Object.freeze({ ...options });\n\n  const BuildContext = createContext<BuildContextType<Request, Props>>(\n    Object.freeze({ enhancer: next => request => next(request) })\n  );\n\n  const RenderContext = createContext<RenderContextType<Props>>(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new Proxy({} as any, {\n      get() {\n        // The following is assertion, there is no way to hit this line.\n        /* istanbul ignore next */\n        throw new Error(\n          'react-chain-of-responsibility: this hook cannot be used outside of <Proxy> and useBuildRenderCallback()'\n        );\n      }\n    })\n  );\n\n  function reactComponent<P extends Props>(\n    component: ComponentType<P>,\n    bindProps?:\n      | (Partial<Props> & Omit<P, keyof Props>)\n      | ((props: Props) => Partial<Props> & Omit<P, keyof Props>)\n      | undefined\n  ): ComponentHandlerResult<Props> {\n    return Object.freeze({\n      [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n      render: (overridingProps?: Partial<Props> | undefined) => (\n        <ComponentWithProps\n          bindProps={bindProps}\n          component={component as ComponentType<Props>}\n          overridingProps={overridingProps}\n        />\n      )\n    });\n  }\n\n  const ComponentWithProps = memo(function ComponentWithProps({\n    bindProps,\n    component: Component,\n    overridingProps\n  }: {\n    readonly bindProps?: Partial<Props> | ((props: Props) => Partial<Props>) | undefined;\n    readonly component: ComponentType<Props>;\n    readonly overridingProps?: Partial<Props> | undefined;\n  }) {\n    const { allowOverrideProps } = options;\n    const { originalProps: renderCallbackProps } = useContext(RenderContext);\n\n    if (overridingProps && !arePropsEqual(overridingProps, renderCallbackProps) && !allowOverrideProps) {\n      console.warn('react-chain-of-responsibility: \"allowOverrideProps\" must be set to true to override props');\n    }\n\n    const props = Object.freeze(\n      allowOverrideProps ? { ...renderCallbackProps, ...overridingProps } : { ...renderCallbackProps }\n    );\n\n    return <Component {...props} {...(typeof bindProps === 'function' ? bindProps(props) : bindProps)} />;\n  });\n\n  const RENDER_CALLBACK_SYMBOL = `REACT_CHAIN_OF_RESPONSIBILITY:DO_NOT_USE_THIS_RENDER_CALLBACK`;\n\n  const useBuildRenderCallback: () => UseBuildRenderCallback<Request, Props> = () => {\n    const { enhancer } = useContext(BuildContext);\n\n    return useCallback(\n      (request, buildOptions = {}) => {\n        const result =\n          // Put the \"fallbackComponent\" as the last one in the chain.\n          enhancer(() => {\n            const { fallbackComponent } = buildOptions;\n\n            if (!fallbackComponent) {\n              console.warn(\n                'react-chain-of-responsibility: the request has fall through all middleware, set \"fallbackComponent\" as a catchall',\n                request\n              );\n\n              // For clarity, we are returning `undefined` instead of `() => undefined`.\n              return;\n            }\n\n            return Object.freeze({\n              // Convert fallback component as renderer.\n              [DO_NOT_CREATE_THIS_OBJECT_YOURSELF]: undefined,\n              render: () => (\n                // Currently, there are no ways to set `bindProps` to `fallbackComponent`.\n                // `fallbackComponent` do not need `overridingProps` because it is the last one in the chain, it would not have the next() function.\n                <ComponentWithProps component={fallbackComponent} />\n              )\n            });\n          })(request);\n\n        return (\n          result &&\n          ((props: Props) => (\n            // This is render function, we cannot call any hooks here.\n            <RenderCallbackAsComponent\n              {...props} // Spreading the props to leverage React.memo()\n              {...{\n                // TODO: Verify if `result.render` is stable or not, and check performance\n                [RENDER_CALLBACK_SYMBOL]: result.render\n              }}\n            />\n          ))\n        );\n      },\n      [enhancer]\n    );\n  };\n\n  type RenderCallbackAsComponentProps = Props & {\n    // First render function does not need overrideProps.\n    // Override props is for upstreamer to override props before passing to downsteamers.\n    readonly [RENDER_CALLBACK_SYMBOL]: () => ReactNode;\n  };\n\n  const RenderCallbackAsComponent = memo(function RenderFunction({\n    [RENDER_CALLBACK_SYMBOL]: render,\n    ...props\n  }: RenderCallbackAsComponentProps) {\n    const context = useMemo<RenderContextType<Props>>(() => Object.freeze({ originalProps: props as Props }), [props]);\n\n    return <RenderContext.Provider value={context}>{render()}</RenderContext.Provider>;\n  });\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    if (!Array.isArray(middleware) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('react-chain-of-responsibility: \"middleware\" prop must be an array of functions');\n    }\n\n    // Remap the middleware, so all inputs/outputs are validated.\n    const fortifiedMiddleware = useMemo(\n      () =>\n        Object.freeze(\n          middleware.map<ComponentMiddleware<Request, Props, Init>>(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return next => originalRequest => {\n              // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n              // eslint-disable-next-line prefer-const\n              let hasReturned: boolean;\n\n              const returnValue = enhancer(nextRequest => {\n                if (hasReturned) {\n                  throw new Error(\n                    'react-chain-of-responsibility: next() cannot be called after the function had returned synchronously'\n                  );\n                }\n\n                // We do not allow passing void/undefined to next() because it would be confusing whether to keep the original request or pass an undefined.\n                !options.passModifiedRequest &&\n                  !Object.is(nextRequest, originalRequest) &&\n                  console.warn(\n                    'react-chain-of-responsibility: next() must be called with the original request, otherwise, set \"options.passModifiedRequest\" to true to pass a different request object downstream'\n                  );\n\n                return next(options.passModifiedRequest ? nextRequest : originalRequest);\n              })(originalRequest);\n\n              hasReturned = true;\n\n              // Make sure the return value is built using our helper function for forward-compatibility reason.\n              return returnValue && parse(componentHandlerResultSchema, returnValue);\n            };\n          })\n        ),\n      [middleware]\n    );\n\n    const { enhancer: parentEnhancer } = useContext(BuildContext);\n\n    const enhancer = useMemo<ComponentEnhancer<Request, Props>>(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<ComponentHandlerResult<Props> | undefined, Request, Init>(\n          ...[...fortifiedMiddleware, ...[() => parentEnhancer]]\n        )(init as Init),\n      [init, fortifiedMiddleware, parentEnhancer]\n    );\n\n    const contextValue = useMemo<BuildContextType<Request, Props>>(() => Object.freeze({ enhancer }), [enhancer]);\n\n    return <BuildContext.Provider value={contextValue}>{children}</BuildContext.Provider>;\n  }\n\n  function ChainOfResponsibilityProxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const result = useBuildRenderCallback()(request, { fallbackComponent })?.(props as Props);\n\n    return result ? <Fragment>{result}</Fragment> : null;\n  }\n\n  const MemoizedChainOfResponsibilityProvider =\n    memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider);\n\n  return Object.freeze({\n    Provider: MemoizedChainOfResponsibilityProvider as typeof MemoizedChainOfResponsibilityProvider &\n      InferenceHelper<Request, Props, Init>,\n    Proxy: memo<ProxyProps<Request, Props>>(ChainOfResponsibilityProxy),\n    reactComponent,\n    useBuildRenderCallback\n\n    // TODO: Consider adding back `asMiddleware`.\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type ComponentEnhancer,\n  type ComponentHandler,\n  type ComponentHandlerResult,\n  type ComponentMiddleware,\n  type ComponentRenderer,\n  type CreateChainOfResponsibilityOptions,\n  type InferenceHelper,\n  type InferInit,\n  type InferMiddleware,\n  type InferProps,\n  type InferProviderProps,\n  type InferProxyProps,\n  type InferRequest,\n  type ProviderProps,\n  type ProxyProps,\n  type ReactComponentHandlerResult,\n  type UseBuildRenderCallback,\n  type UseBuildRenderCallbackOptions\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function arePropsEqual<T extends Record<string, any>>(x: T, y: T): boolean {\n  if (Object.is(x, y)) {\n    return true;\n  }\n\n  const mapOfX = new Map(Object.entries(x));\n  const mapOfY = new Map(Object.entries(y));\n\n  if (mapOfX.size !== mapOfY.size) {\n    return false;\n  }\n\n  const keys = new Set([...mapOfX.keys(), ...mapOfY.keys()]);\n\n  for (const key of keys) {\n    if (!Object.is(mapOfX.get(key), mapOfY.get(key))) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"mappings":"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","names":["ComponentWithProps","middleware","init","enhancer"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-chain-of-responsibility",
-  "version": "0.4.0-main.235b355",
+  "version": "0.4.0-main.4f9e7bf",
   "description": "Using chain of responsibility design pattern for compositing and customizing React component.",
   "files": [
     "./dist/"
@@ -50,6 +50,7 @@
     "precommit:typescript:production": "tsc --noEmit --project ./src/tsconfig.precommit.production.json",
     "precommit:typescript:test": "tsc --noEmit --project ./src/tsconfig.precommit.test.json",
     "prepack": "cp ../../CHANGELOG.md . && cp ../../LICENSE . && cp ../../README.md .",
+    "start": "npm run build -- --onSuccess \"touch ../pages/package.json\" --watch",
     "switch": "cat package.json | jq --arg SWITCH_NAME $SWITCH_NAME -r '(.[\"switch:\" + $SWITCH_NAME] // {}) as $TEMPLATE | .devDependencies += ($TEMPLATE.devDependencies // {}) | .dependencies += ($TEMPLATE.dependencies // {})' | tee ./package.json.tmp && mv ./package.json.tmp ./package.json",
     "test": "jest"
   },
@@ -98,9 +99,18 @@
     }
   },
   "pinDependencies": {
+    "@testduet/given-when-then": [
+      "main"
+    ],
+    "@testduet/wait-for": [
+      "main"
+    ],
     "@types/react": [
       "18"
     ],
+    "escape-string-regexp": [
+      "4"
+    ],
     "react": [
       "18"
     ],
@@ -112,23 +122,24 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@fluentui/react": "^8.123.0",
+    "@fluentui/react": "^8.123.1",
     "@testduet/given-when-then": "^0.1.0-main.334801c",
+    "@testduet/wait-for": "^0.1.1-main.3a4f261",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@tsconfig/recommended": "^1.0.10",
     "@tsconfig/strictest": "^2.0.5",
     "@types/jest": "^30.0.0",
-    "@types/node": "^24.0.3",
+    "@types/node": "^24.0.15",
     "@types/react": "^18.3.23",
-    "esbuild": "^0.25.5",
+    "esbuild": "^0.25.8",
     "escape-string-regexp": "^4.0.0",
-    "jest": "^30.0.2",
-    "jest-environment-jsdom": "^30.0.2",
-    "prettier": "^3.5.3",
+    "jest": "^30.0.4",
+    "jest-environment-jsdom": "^30.0.4",
+    "prettier": "^3.6.2",
     "publint": "^0.3.12",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -142,7 +153,8 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "react-chain-of-responsibility": "^0.4.0-main.235b355",
+    "handler-chain": "^0.1.0",
+    "react-chain-of-responsibility": "^0.4.0-main.4f9e7bf",
     "valibot": "^1.1.0"
   }
 }

package/dist/chunk-3IVASMVM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/createChainOfResponsibility.tsx","../src/isReactComponent.ts"],"sourcesContent":["import React, {\n  createContext,\n  isValidElement,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  type ComponentType,\n  type PropsWithChildren\n} from 'react';\n\nimport isReactComponent from './isReactComponent.ts';\nimport applyMiddleware, { type Enhancer } from './private/applyMiddleware.ts';\nimport { type ComponentMiddleware } from './types.ts';\n\n// TODO: Simplify to ComponentType<Props> | undefined.\ntype ResultComponent<Props> = ComponentType<Props> | false | null | undefined;\n\ntype UseBuildComponentCallbackOptions<Props> = {\n  fallbackComponent?: ResultComponent<Props> | undefined;\n};\n\ninterface UseBuildComponentCallback<Request, Props> {\n  (request: Request, options?: undefined | UseBuildComponentCallbackOptions<Props>): ComponentType<Props> | undefined;\n}\n\ntype ProviderContext<Request, Props> = {\n  get enhancer(): Enhancer<[Request], ResultComponent<Props>> | undefined;\n  useBuildComponentCallback: UseBuildComponentCallback<Request, Props>;\n};\n\ntype ProviderProps<Request, Props, Init> = PropsWithChildren<{\n  middleware: readonly ComponentMiddleware<Request, Props, Init>[];\n}> &\n  (Init extends never | void\n    ? { readonly init?: undefined }\n    : Init extends undefined | void\n      ? { readonly init?: Init }\n      : { readonly init: Init });\n\ntype ProxyProps<Request, Props extends object> = Props & {\n  readonly fallbackComponent?: ComponentType<Props> | undefined;\n  readonly request: Request;\n};\n\ntype CreateChainOfResponsibilityOptions = {\n  /**\n   * Allows a middleware to pass another request object when calling its next middleware. Default is false.\n   *\n   * However, middleware could modify the request object before calling its next middleware. It is recommended\n   * to use Object.freeze() to prevent middleware from modifying the request object.\n   */\n  readonly passModifiedRequest?: boolean | undefined;\n};\n\ntype AsMiddlewareProps<Request, Props, Init> = {\n  readonly init: Init;\n  readonly Next: ComponentType<Partial<Props>>;\n  readonly request: Request;\n};\n\ntype AsMiddlewareComponentProps<Request, Props, Init> = Props & {\n  readonly middleware: AsMiddlewareProps<Request, Props, Init>;\n};\n\ntype ChainOfResponsibility<Request, Props extends object, Init> = {\n  readonly asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init>;\n  readonly Provider: ComponentType<ProviderProps<Request, Props, Init>>;\n  readonly Proxy: ComponentType<ProxyProps<Request, Props>>;\n  readonly types: {\n    readonly init: Init;\n    readonly middleware: ComponentMiddleware<Request, Props, Init>;\n    readonly middlewareComponentProps: AsMiddlewareComponentProps<Request, Props, Init>;\n    readonly props: Props;\n    readonly proxyProps: ProxyProps<Request, Props>;\n    readonly request: Request;\n  };\n  readonly useBuildComponentCallback: () => UseBuildComponentCallback<Request, Props>;\n};\n\nfunction createChainOfResponsibility<Request = void, Props extends object = { readonly children?: never }, Init = void>(\n  options: CreateChainOfResponsibilityOptions = {}\n): ChainOfResponsibility<Request, Props, Init> {\n  const defaultUseBuildComponentCallback: ProviderContext<Request, Props> = {\n    get enhancer() {\n      return undefined;\n    },\n    useBuildComponentCallback(_request, options): ComponentType<Props> {\n      if (!options?.fallbackComponent) {\n        throw new Error('This component/hook cannot be used outside of its corresponding <Provider>');\n      }\n\n      return options.fallbackComponent;\n    }\n  };\n\n  const context = createContext<ProviderContext<Request, Props>>(defaultUseBuildComponentCallback);\n\n  function ChainOfResponsibilityProvider({ children, init, middleware }: ProviderProps<Request, Props, Init>) {\n    // TODO: Related to https://github.com/microsoft/TypeScript/issues/17002.\n    //       typescript@5.2.2 has a bug, Array.isArray() is a type predicate but only works with mutable array, not readonly array.\n    //       After removing \"as unknown\", `middleware` on the next line become `any[]`.\n    if (!Array.isArray(middleware as unknown) || middleware.some(middleware => typeof middleware !== 'function')) {\n      throw new Error('middleware prop must be an array of functions');\n    }\n\n    const patchedMiddleware: readonly ComponentMiddleware<Request, Props, Init>[] = Object.freeze(\n      middleware\n        ? middleware.map(fn => (init: Init) => {\n            const enhancer = fn(init);\n\n            return (next: (request: Request) => ComponentType<Props> | false | null | undefined) =>\n              (originalRequest: Request) => {\n                // False positive: although we did not re-assign the variable from true, it was initialized as undefined.\n                // eslint-disable-next-line prefer-const\n                let hasReturned: boolean;\n\n                const returnValue = enhancer(nextRequest => {\n                  if (hasReturned) {\n                    throw new Error('next() cannot be called after the function had returned synchronously');\n                  }\n\n                  !options.passModifiedRequest &&\n                    nextRequest !== originalRequest &&\n                    console.warn(\n                      'react-chain-of-responsibility: \"options.passModifiedRequest\" must be set to true to pass a different request object to next().'\n                    );\n\n                  return next(options.passModifiedRequest ? nextRequest : originalRequest);\n                })(originalRequest);\n\n                hasReturned = true;\n\n                if (isValidElement(returnValue)) {\n                  throw new Error('middleware must not return React element directly');\n                } else if (\n                  returnValue !== false &&\n                  returnValue !== null &&\n                  typeof returnValue !== 'undefined' &&\n                  !isReactComponent(returnValue)\n                ) {\n                  throw new Error(\n                    'middleware must return false, null, undefined, function component, or class component'\n                  );\n                }\n\n                return returnValue;\n              };\n          })\n        : []\n    );\n\n    const { enhancer: parentEnhancer } = useContext(context);\n\n    const enhancer = useMemo(\n      () =>\n        // We are reversing because it is easier to read:\n        // - With reverse, [a, b, c] will become a(b(c(fn)))\n        // - Without reverse, [a, b, c] will become c(b(a(fn)))\n        applyMiddleware<[Request], ResultComponent<Props>, [Init]>(\n          ...[...patchedMiddleware, ...(parentEnhancer ? [() => parentEnhancer] : [])].reverse()\n        )(init as Init),\n      [init, middleware, parentEnhancer]\n    );\n\n    const useBuildComponentCallback = useCallback<UseBuildComponentCallback<Request, Props>>(\n      (request, options = {}) => enhancer(() => options.fallbackComponent)(request) || undefined,\n      [enhancer]\n    );\n\n    const contextValue = useMemo<ProviderContext<Request, Props>>(\n      () => ({ enhancer, useBuildComponentCallback }),\n      [enhancer, useBuildComponentCallback]\n    );\n\n    return <context.Provider value={contextValue}>{children}</context.Provider>;\n  }\n\n  const useBuildComponentCallback = () => useContext(context).useBuildComponentCallback;\n\n  function Proxy({ fallbackComponent, request, ...props }: ProxyProps<Request, Props>) {\n    const enhancer = useBuildComponentCallback();\n\n    const Component = enhancer(request as Request, { fallbackComponent });\n\n    return Component ? <Component {...(props as Props)} /> : null;\n  }\n\n  const asMiddleware: (\n    middlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n  ) => ComponentMiddleware<Request, Props, Init> =\n    (\n      MiddlewareComponent: ComponentType<AsMiddlewareComponentProps<Request, Props, Init>>\n    ): ComponentMiddleware<Request, Props, Init> =>\n    init =>\n    next =>\n    request => {\n      const RawNextComponent = next(request);\n\n      // TODO: Can we pre-build this component during init?\n      const MiddlewareOf = (props: Props) => {\n        const middleware = useMemo(\n          () =>\n            Object.freeze({\n              init,\n              Next: memo<Partial<Props>>(\n                RawNextComponent\n                  ? (overridingProps: Partial<Props>) => <RawNextComponent {...props} {...overridingProps} />\n                  : () => null\n              ),\n              request\n            }),\n          []\n        );\n\n        return <MiddlewareComponent {...props} middleware={middleware} />;\n      };\n\n      MiddlewareOf.displayName = `MiddlewareOf<${MiddlewareComponent.displayName || ''}>`;\n\n      return memo<Props>(MiddlewareOf);\n    };\n\n  return Object.freeze({\n    asMiddleware,\n    Provider: memo<ProviderProps<Request, Props, Init>>(ChainOfResponsibilityProvider),\n    Proxy: memo<ProxyProps<Request, Props>>(Proxy),\n    types: Object.freeze({\n      middlewareComponentProps: undefined as unknown as AsMiddlewareComponentProps<Request, Props, Init>,\n      init: undefined as unknown as Init,\n      middleware: undefined as unknown as ComponentMiddleware<Request, Props, Init>,\n      props: undefined as unknown as Props,\n      proxyProps: undefined as unknown as ProxyProps<Request, Props>,\n      request: undefined as unknown as Request\n    }),\n    useBuildComponentCallback\n  });\n}\n\nexport default createChainOfResponsibility;\nexport {\n  type ChainOfResponsibility,\n  type CreateChainOfResponsibilityOptions,\n  type ProxyProps,\n  type UseBuildComponentCallback\n};\n","import {\n  type ComponentClass,\n  type ComponentType,\n  type Consumer,\n  type Fragment,\n  type FunctionComponent,\n  type Provider\n} from 'react';\nimport { custom } from 'valibot';\n\nfunction isConsumer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Consumer<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.context)';\n}\n\nfunction isProvider(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is Provider<unknown> {\n  return component?.$$typeof?.toString() === 'Symbol(react.provider)';\n}\n\nfunction isFragment(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is typeof Fragment {\n  return component?.toString() === 'Symbol(react.fragment)';\n}\n\nfunction isFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  if (typeof component === 'function') {\n    return true;\n  }\n\n  return isPureFunctionComponent(component);\n}\n\nfunction isPureFunctionComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is FunctionComponent {\n  return component?.$$typeof?.toString() === 'Symbol(react.memo)' && isFunctionComponent(component.type);\n}\n\nfunction isComponentClass(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentClass {\n  return typeof component === 'object' && typeof component?.['render'] === 'function';\n}\n\n// There are no definitive ways to check if an object is a React component or not.\n// We are checking if the object has a render function (classic component).\n// Note: \"forwardRef()\" returns plain object, not class instance.\nfunction isReactComponent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  component: any\n): component is ComponentType {\n  return (\n    isFunctionComponent(component) ||\n    isComponentClass(component) ||\n    isFragment(component) ||\n    isConsumer(component) ||\n    isProvider(component)\n  );\n}\n\nconst reactComponent = () =>\n  custom<ComponentType<unknown>>(value => isReactComponent(value), 'not a valid React component');\n\nexport default isReactComponent;\nexport { reactComponent };\n"],"mappings":"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","names":["options","middleware","init","enhancer","useBuildComponentCallback"]}

package/dist/chunk-TNTIZJJ5.mjs

@@ -1,17 +0,0 @@
-// src/private/compose.ts
-function compose(...fns) {
-  return (fn) => fns.reduce((chain, fn2) => fn2(chain), fn);
-}
-
-// src/private/applyMiddleware.ts
-function applyMiddleware(...arrayOfMiddleware) {
-  return (...init) => {
-    const chain = arrayOfMiddleware.map((middleware) => middleware(...init));
-    return compose(...chain);
-  };
-}
-
-export {
-  applyMiddleware
-};
-//# sourceMappingURL=chunk-TNTIZJJ5.mjs.map

package/dist/chunk-TNTIZJJ5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/private/compose.ts","../src/private/applyMiddleware.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function compose<P extends any[], R>(...fns: Enhancer<P, R>[]): Enhancer<P, R> {\n  return (fn: Fn<P, R>): Fn<P, R> => fns.reduce((chain, fn) => fn(chain), fn);\n}\n","import compose from './compose.ts';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Fn<P extends any[], R> = (...args: P) => R;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Enhancer<P extends any[], R> = (next: Fn<P, R>) => Fn<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Middleware<P extends any[], R, S extends any[]> = (...init: S) => Enhancer<P, R>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function applyMiddleware<P extends any[], R, S extends any[]>(\n  ...arrayOfMiddleware: Middleware<P, R, S>[]\n) {\n  return (...init: S) => {\n    const chain = arrayOfMiddleware.map(middleware => middleware(...init));\n\n    return compose(...chain);\n  };\n}\n"],"mappings":";AAOe,SAAR,WAAgD,KAAuC;AAC5F,SAAO,CAAC,OAA2B,IAAI,OAAO,CAAC,OAAOA,QAAOA,IAAG,KAAK,GAAG,EAAE;AAC5E;;;ACGe,SAAR,mBACF,mBACH;AACA,SAAO,IAAI,SAAY;AACrB,UAAM,QAAQ,kBAAkB,IAAI,gBAAc,WAAW,GAAG,IAAI,CAAC;AAErE,WAAO,QAAQ,GAAG,KAAK;AAAA,EACzB;AACF;","names":["fn"]}