@servicetitan/web-components 31.1.0 → 31.2.0

package/dist/loader.d.ts

@@ -24,7 +24,7 @@ export type LoaderDataProps = Pick<UnrestrictedLoaderProps, 'data' | 'className'
     LoadingFallback: () => JSX.Element;
 };
 declare const UnrestrictedLoader: <T>(props: UnrestrictedLoaderProps<T>, ref: Ref<LoaderRef>) => import("react/jsx-runtime").JSX.Element;
-export declare const Loader: <T = {}>(props: LoaderProps<T> & {
+export declare const Loader: <T = {}>(props: LoaderProps<NoInfer<T>> & {
     ref?: Ref<LoaderRef>;
 }) => ReturnType<typeof UnrestrictedLoader>;
 export {};

package/dist/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,SAAS,EACT,GAAG,EAQN,MAAM,OAAO,CAAC;AAMf,OAAO,EAKH,YAAY,EAEf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC;AAWxD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,EAAE;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uHAAuH;IACvH,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC;CACjD;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,IAAI,CAC7B,uBAAuB,CAAC,CAAC,CAAC,EACxB,KAAK,GACL,aAAa,GACb,MAAM,GACN,UAAU,GACV,iBAAiB,GACjB,wBAAwB,GACxB,eAAe,GACf,WAAW,GACX,SAAS,GACT,OAAO,GACP,gBAAgB,CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,uBAAuB,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IAChF,eAAe,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,CAAC,EAAG,OAAO,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,4CAyErF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAqC,CAAC,CAAC,GAAG,EAAE,EAC3D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAA;CAAE,KAC/C,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,SAAS,EACT,GAAG,EAQN,MAAM,OAAO,CAAC;AAMf,OAAO,EAKH,YAAY,EAEf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC;AAWxD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,EAAE;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uHAAuH;IACvH,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC;CACjD;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,IAAI,CAC7B,uBAAuB,CAAC,CAAC,CAAC,EACxB,KAAK,GACL,aAAa,GACb,MAAM,GACN,UAAU,GACV,iBAAiB,GACjB,wBAAwB,GACxB,eAAe,GACf,WAAW,GACX,SAAS,GACT,OAAO,GACP,gBAAgB,CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,uBAAuB,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IAChF,eAAe,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,CAAC,EAAG,OAAO,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,4CAyErF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAqC,CAAC,CAAC,GAAG,EAAE,EAC3D,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAA;CAAE,KACxD,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/loader.tsx"],"sourcesContent":["import {\n    ReactElement,\n    ReactNode,\n    Ref,\n    Suspense,\n    forwardRef,\n    lazy,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n} from 'react';\nimport { ErrorBoundary } from '@servicetitan/error-boundary';\nimport { type LDService } from '@servicetitan/launchdarkly-service';\nimport { Log } from '@servicetitan/log-service';\nimport { useOptionalDependencies } from '@servicetitan/react-ioc';\n\nimport {\n    EXPOSED_DEPENDENCIES_TOKEN,\n    EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,\n    ExposedDependencies,\n    ExposedInstanceDependencies,\n    GetJsonError,\n    useCancelation,\n} from './common';\nimport { MFEContextData } from './contexts/mfe-data-context';\nimport { Delayed } from './delayed';\nimport { EventBus, EVENT_BUS_TOKEN } from './event-bus';\nimport { EXPOSED_DEPENDENCIES, EXPOSED_INSTANCE_DEPENDENCIES } from './globals';\nimport {\n    BundleInfo,\n    getBundleInfo,\n    getLDServiceToken,\n    validateBundleInfo,\n    loadScripts,\n    webComponent,\n} from './utils';\n\nexport type LoaderRef = EventBus;\n\nexport type FallbackNode = NonNullable<ReactNode> | null;\n\nexport interface UnrestrictedLoaderProps<T = {}> {\n    src: string;\n    fallbackSrc?: string;\n    /** Values in the object will be stringified and then parsed before being delivered to the MFE via props or context. */\n    data?: MFEContextData<T>;\n    basename?: string;\n    loadingFallback?: FallbackNode;\n    loadingFallbackDelayed?: boolean;\n    errorFallback?: FallbackNode;\n    className?: string;\n    retries?: number;\n    isHeadless?: boolean;\n    cache?: boolean | number;\n    onRequestError?(error: GetJsonError): boolean;\n}\n\nexport type LoaderProps<T> = Pick<\n    UnrestrictedLoaderProps<T>,\n    | 'src'\n    | 'fallbackSrc'\n    | 'data'\n    | 'basename'\n    | 'loadingFallback'\n    | 'loadingFallbackDelayed'\n    | 'errorFallback'\n    | 'className'\n    | 'retries'\n    | 'cache'\n    | 'onRequestError'\n>;\n\nexport type LoaderDataProps = Pick<UnrestrictedLoaderProps, 'data' | 'className'> & {\n    LoadingFallback: () => JSX.Element;\n};\n\nconst UnrestrictedLoader = <T,>(props: UnrestrictedLoaderProps<T>, ref: Ref<LoaderRef>) => {\n    const { cache = -1, basename, fallbackSrc, isHeadless, onRequestError, retries, src } = props;\n    const { loadingFallback, loadingFallbackDelayed = true } = props;\n\n    const bus = useEventBus();\n    const [logService, exposedDependencies = EXPOSED_DEPENDENCIES, eventBus = bus] =\n        useOptionalDependencies(Log, EXPOSED_DEPENDENCIES_TOKEN, EVENT_BUS_TOKEN);\n    let [exposedInstanceDependencies = EXPOSED_INSTANCE_DEPENDENCIES] = useOptionalDependencies(\n        EXPOSED_INSTANCE_DEPENDENCIES_TOKEN\n    );\n    const [ldService] = useOptionalDependencies(getLDServiceToken() ?? Symbol());\n    const cancelation = useCancelation();\n\n    const LoadingFallback = useMemo(() => {\n        const message = `Loading${isLocalHost(src) ? ` ${src}` : ''}...`;\n        return getFallback(loadingFallback, message, { delayed: loadingFallbackDelayed });\n    }, [loadingFallback, loadingFallbackDelayed, src]);\n\n    const ErrorFallback = useMemo(() => {\n        const message = `Something went wrong${isLocalHost(src) ? ` loading ${src}` : ''}`;\n        return getFallback(props.errorFallback, message);\n    }, [props.errorFallback, src]);\n\n    exposedInstanceDependencies = useMemo(\n        () => ensureLDService(exposedInstanceDependencies, ldService),\n        [exposedInstanceDependencies, ldService]\n    );\n\n    const Loader = useMemo(\n        () =>\n            lazyLoader({\n                basename,\n                cache,\n                cancelation,\n                exposedDependencies,\n                exposedInstanceDependencies,\n                eventBus,\n                fallbackSrc,\n                isHeadless,\n                logService,\n                onRequestError,\n                retries,\n                src,\n            }),\n        [\n            basename,\n            cache,\n            cancelation,\n            exposedDependencies,\n            exposedInstanceDependencies,\n            eventBus,\n            fallbackSrc,\n            isHeadless,\n            logService,\n            onRequestError,\n            retries,\n            src,\n        ]\n    );\n\n    useImperativeHandle(ref, () => eventBus, [eventBus]);\n\n    return (\n        <ErrorBoundary moduleName={src} fallback={ErrorFallback}>\n            <Suspense fallback={<LoadingFallback />}>\n                <Loader\n                    data={props.data ?? {}}\n                    className={props.className}\n                    LoadingFallback={LoadingFallback}\n                />\n            </Suspense>\n        </ErrorBoundary>\n    );\n};\n\nexport const Loader = forwardRef(UnrestrictedLoader) as <T = {}>(\n    props: LoaderProps<T> & { ref?: Ref<LoaderRef> }\n) => ReturnType<typeof UnrestrictedLoader>;\n\ntype LazyLoaderProps = UnrestrictedLoaderProps<any> & {\n    cancelation: AbortController;\n    exposedDependencies?: ExposedDependencies;\n    exposedInstanceDependencies?: ExposedInstanceDependencies;\n    eventBus: EventBus;\n    logService?: Log;\n    cache: Required<UnrestrictedLoaderProps<any>>['cache'];\n};\n\nfunction lazyLoader(props: LazyLoaderProps) {\n    const { cancelation } = props;\n\n    const LazyWebComponent = lazyWebComponent(props);\n\n    return (props: LoaderDataProps) => {\n        useEffect(() => {\n            return () => {\n                cancelation.abort();\n            };\n        }, []);\n\n        return (\n            <LazyWebComponent\n                data={props.data}\n                className={props.className}\n                LoadingFallback={props.LoadingFallback}\n            />\n        );\n    };\n}\n\nfunction lazyWebComponent(props: LazyLoaderProps) {\n    const {\n        basename,\n        cache,\n        cancelation,\n        exposedDependencies,\n        exposedInstanceDependencies,\n        eventBus,\n        fallbackSrc,\n        isHeadless,\n        logService,\n        onRequestError,\n        retries,\n        src,\n    } = props;\n\n    return lazy<(_: LoaderDataProps) => JSX.Element | null>(async () => {\n        let bundleInfo: BundleInfo;\n        try {\n            bundleInfo = await getBundleInfo({\n                cache,\n                mainPackageUrl: src,\n                fallbackPackageUrl: fallbackSrc,\n                isHeadless,\n                exposedDependencies,\n                exposedInstanceDependencies,\n                signal: cancelation.signal,\n                retries,\n                onRequestError,\n            });\n        } catch (e) {\n            if (cancelation.signal.aborted) {\n                return {\n                    default: () => null,\n                };\n            }\n\n            throw e;\n        }\n\n        validateBundleInfo(bundleInfo, {\n            exposedDependencies,\n            exposedInstanceDependencies,\n            logService,\n            packageUrl: src,\n        });\n\n        await loadScripts(bundleInfo);\n\n        const ldService = bundleInfo.mfeHasCompatibleLaunchDarklyVersion\n            ? exposedInstanceDependencies?.launchDarkly?.ldService\n            : undefined;\n\n        return {\n            default: webComponent({\n                basename,\n                bundleInfo,\n                eventBus,\n                exposedDependencies,\n                exposedInstanceDependencies,\n                ldService,\n                logService,\n            }),\n        };\n    });\n}\n\nfunction getFallback(\n    node: FallbackNode | undefined,\n    message: string,\n    { delayed = false }: { delayed?: boolean } = {}\n) {\n    const fallbackNode = node !== undefined ? (node as ReactElement) : <h2>{message}</h2>;\n    return delayed ? () => <Delayed>{fallbackNode}</Delayed> : () => fallbackNode;\n}\n\nfunction isLocalHost(source: string) {\n    return ['localhost', '127.0.0.1'].some(host => source.indexOf(host) >= 0);\n}\n\nfunction ensureLDService(\n    exposedInstanceDependencies?: ExposedInstanceDependencies,\n    ldService?: LDService\n) {\n    const launchDarkly = exposedInstanceDependencies?.launchDarkly;\n    if (launchDarkly?.version && !launchDarkly.ldService && ldService) {\n        return { ...exposedInstanceDependencies, launchDarkly: { ...launchDarkly, ldService } };\n    }\n    return exposedInstanceDependencies;\n}\n\nfunction useEventBus() {\n    return useRef(new EventBus()).current;\n}\n"],"names":["Suspense","forwardRef","lazy","useEffect","useImperativeHandle","useMemo","useRef","ErrorBoundary","Log","useOptionalDependencies","EXPOSED_DEPENDENCIES_TOKEN","EXPOSED_INSTANCE_DEPENDENCIES_TOKEN","useCancelation","Delayed","EventBus","EVENT_BUS_TOKEN","EXPOSED_DEPENDENCIES","EXPOSED_INSTANCE_DEPENDENCIES","getBundleInfo","getLDServiceToken","validateBundleInfo","loadScripts","webComponent","UnrestrictedLoader","props","ref","cache","basename","fallbackSrc","isHeadless","onRequestError","retries","src","loadingFallback","loadingFallbackDelayed","bus","useEventBus","logService","exposedDependencies","eventBus","exposedInstanceDependencies","ldService","Symbol","cancelation","LoadingFallback","message","isLocalHost","getFallback","delayed","ErrorFallback","errorFallback","ensureLDService","Loader","lazyLoader","moduleName","fallback","data","className","LazyWebComponent","lazyWebComponent","abort","bundleInfo","mainPackageUrl","fallbackPackageUrl","signal","e","aborted","default","packageUrl","mfeHasCompatibleLaunchDarklyVersion","launchDarkly","undefined","node","fallbackNode","h2","source","some","host","indexOf","version","current"],"mappings":"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"}
+{"version":3,"sources":["../src/loader.tsx"],"sourcesContent":["import {\n    ReactElement,\n    ReactNode,\n    Ref,\n    Suspense,\n    forwardRef,\n    lazy,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n} from 'react';\nimport { ErrorBoundary } from '@servicetitan/error-boundary';\nimport { type LDService } from '@servicetitan/launchdarkly-service';\nimport { Log } from '@servicetitan/log-service';\nimport { useOptionalDependencies } from '@servicetitan/react-ioc';\n\nimport {\n    EXPOSED_DEPENDENCIES_TOKEN,\n    EXPOSED_INSTANCE_DEPENDENCIES_TOKEN,\n    ExposedDependencies,\n    ExposedInstanceDependencies,\n    GetJsonError,\n    useCancelation,\n} from './common';\nimport { MFEContextData } from './contexts/mfe-data-context';\nimport { Delayed } from './delayed';\nimport { EventBus, EVENT_BUS_TOKEN } from './event-bus';\nimport { EXPOSED_DEPENDENCIES, EXPOSED_INSTANCE_DEPENDENCIES } from './globals';\nimport {\n    BundleInfo,\n    getBundleInfo,\n    getLDServiceToken,\n    validateBundleInfo,\n    loadScripts,\n    webComponent,\n} from './utils';\n\nexport type LoaderRef = EventBus;\n\nexport type FallbackNode = NonNullable<ReactNode> | null;\n\nexport interface UnrestrictedLoaderProps<T = {}> {\n    src: string;\n    fallbackSrc?: string;\n    /** Values in the object will be stringified and then parsed before being delivered to the MFE via props or context. */\n    data?: MFEContextData<T>;\n    basename?: string;\n    loadingFallback?: FallbackNode;\n    loadingFallbackDelayed?: boolean;\n    errorFallback?: FallbackNode;\n    className?: string;\n    retries?: number;\n    isHeadless?: boolean;\n    cache?: boolean | number;\n    onRequestError?(error: GetJsonError): boolean;\n}\n\nexport type LoaderProps<T> = Pick<\n    UnrestrictedLoaderProps<T>,\n    | 'src'\n    | 'fallbackSrc'\n    | 'data'\n    | 'basename'\n    | 'loadingFallback'\n    | 'loadingFallbackDelayed'\n    | 'errorFallback'\n    | 'className'\n    | 'retries'\n    | 'cache'\n    | 'onRequestError'\n>;\n\nexport type LoaderDataProps = Pick<UnrestrictedLoaderProps, 'data' | 'className'> & {\n    LoadingFallback: () => JSX.Element;\n};\n\nconst UnrestrictedLoader = <T,>(props: UnrestrictedLoaderProps<T>, ref: Ref<LoaderRef>) => {\n    const { cache = -1, basename, fallbackSrc, isHeadless, onRequestError, retries, src } = props;\n    const { loadingFallback, loadingFallbackDelayed = true } = props;\n\n    const bus = useEventBus();\n    const [logService, exposedDependencies = EXPOSED_DEPENDENCIES, eventBus = bus] =\n        useOptionalDependencies(Log, EXPOSED_DEPENDENCIES_TOKEN, EVENT_BUS_TOKEN);\n    let [exposedInstanceDependencies = EXPOSED_INSTANCE_DEPENDENCIES] = useOptionalDependencies(\n        EXPOSED_INSTANCE_DEPENDENCIES_TOKEN\n    );\n    const [ldService] = useOptionalDependencies(getLDServiceToken() ?? Symbol());\n    const cancelation = useCancelation();\n\n    const LoadingFallback = useMemo(() => {\n        const message = `Loading${isLocalHost(src) ? ` ${src}` : ''}...`;\n        return getFallback(loadingFallback, message, { delayed: loadingFallbackDelayed });\n    }, [loadingFallback, loadingFallbackDelayed, src]);\n\n    const ErrorFallback = useMemo(() => {\n        const message = `Something went wrong${isLocalHost(src) ? ` loading ${src}` : ''}`;\n        return getFallback(props.errorFallback, message);\n    }, [props.errorFallback, src]);\n\n    exposedInstanceDependencies = useMemo(\n        () => ensureLDService(exposedInstanceDependencies, ldService),\n        [exposedInstanceDependencies, ldService]\n    );\n\n    const Loader = useMemo(\n        () =>\n            lazyLoader({\n                basename,\n                cache,\n                cancelation,\n                exposedDependencies,\n                exposedInstanceDependencies,\n                eventBus,\n                fallbackSrc,\n                isHeadless,\n                logService,\n                onRequestError,\n                retries,\n                src,\n            }),\n        [\n            basename,\n            cache,\n            cancelation,\n            exposedDependencies,\n            exposedInstanceDependencies,\n            eventBus,\n            fallbackSrc,\n            isHeadless,\n            logService,\n            onRequestError,\n            retries,\n            src,\n        ]\n    );\n\n    useImperativeHandle(ref, () => eventBus, [eventBus]);\n\n    return (\n        <ErrorBoundary moduleName={src} fallback={ErrorFallback}>\n            <Suspense fallback={<LoadingFallback />}>\n                <Loader\n                    data={props.data ?? {}}\n                    className={props.className}\n                    LoadingFallback={LoadingFallback}\n                />\n            </Suspense>\n        </ErrorBoundary>\n    );\n};\n\nexport const Loader = forwardRef(UnrestrictedLoader) as <T = {}>(\n    props: LoaderProps<NoInfer<T>> & { ref?: Ref<LoaderRef> }\n) => ReturnType<typeof UnrestrictedLoader>;\n\ntype LazyLoaderProps = UnrestrictedLoaderProps<any> & {\n    cancelation: AbortController;\n    exposedDependencies?: ExposedDependencies;\n    exposedInstanceDependencies?: ExposedInstanceDependencies;\n    eventBus: EventBus;\n    logService?: Log;\n    cache: Required<UnrestrictedLoaderProps<any>>['cache'];\n};\n\nfunction lazyLoader(props: LazyLoaderProps) {\n    const { cancelation } = props;\n\n    const LazyWebComponent = lazyWebComponent(props);\n\n    return (props: LoaderDataProps) => {\n        useEffect(() => {\n            return () => {\n                cancelation.abort();\n            };\n        }, []);\n\n        return (\n            <LazyWebComponent\n                data={props.data}\n                className={props.className}\n                LoadingFallback={props.LoadingFallback}\n            />\n        );\n    };\n}\n\nfunction lazyWebComponent(props: LazyLoaderProps) {\n    const {\n        basename,\n        cache,\n        cancelation,\n        exposedDependencies,\n        exposedInstanceDependencies,\n        eventBus,\n        fallbackSrc,\n        isHeadless,\n        logService,\n        onRequestError,\n        retries,\n        src,\n    } = props;\n\n    return lazy<(_: LoaderDataProps) => JSX.Element | null>(async () => {\n        let bundleInfo: BundleInfo;\n        try {\n            bundleInfo = await getBundleInfo({\n                cache,\n                mainPackageUrl: src,\n                fallbackPackageUrl: fallbackSrc,\n                isHeadless,\n                exposedDependencies,\n                exposedInstanceDependencies,\n                signal: cancelation.signal,\n                retries,\n                onRequestError,\n            });\n        } catch (e) {\n            if (cancelation.signal.aborted) {\n                return {\n                    default: () => null,\n                };\n            }\n\n            throw e;\n        }\n\n        validateBundleInfo(bundleInfo, {\n            exposedDependencies,\n            exposedInstanceDependencies,\n            logService,\n            packageUrl: src,\n        });\n\n        await loadScripts(bundleInfo);\n\n        const ldService = bundleInfo.mfeHasCompatibleLaunchDarklyVersion\n            ? exposedInstanceDependencies?.launchDarkly?.ldService\n            : undefined;\n\n        return {\n            default: webComponent({\n                basename,\n                bundleInfo,\n                eventBus,\n                exposedDependencies,\n                exposedInstanceDependencies,\n                ldService,\n                logService,\n            }),\n        };\n    });\n}\n\nfunction getFallback(\n    node: FallbackNode | undefined,\n    message: string,\n    { delayed = false }: { delayed?: boolean } = {}\n) {\n    const fallbackNode = node !== undefined ? (node as ReactElement) : <h2>{message}</h2>;\n    return delayed ? () => <Delayed>{fallbackNode}</Delayed> : () => fallbackNode;\n}\n\nfunction isLocalHost(source: string) {\n    return ['localhost', '127.0.0.1'].some(host => source.indexOf(host) >= 0);\n}\n\nfunction ensureLDService(\n    exposedInstanceDependencies?: ExposedInstanceDependencies,\n    ldService?: LDService\n) {\n    const launchDarkly = exposedInstanceDependencies?.launchDarkly;\n    if (launchDarkly?.version && !launchDarkly.ldService && ldService) {\n        return { ...exposedInstanceDependencies, launchDarkly: { ...launchDarkly, ldService } };\n    }\n    return exposedInstanceDependencies;\n}\n\nfunction useEventBus() {\n    return useRef(new EventBus()).current;\n}\n"],"names":["Suspense","forwardRef","lazy","useEffect","useImperativeHandle","useMemo","useRef","ErrorBoundary","Log","useOptionalDependencies","EXPOSED_DEPENDENCIES_TOKEN","EXPOSED_INSTANCE_DEPENDENCIES_TOKEN","useCancelation","Delayed","EventBus","EVENT_BUS_TOKEN","EXPOSED_DEPENDENCIES","EXPOSED_INSTANCE_DEPENDENCIES","getBundleInfo","getLDServiceToken","validateBundleInfo","loadScripts","webComponent","UnrestrictedLoader","props","ref","cache","basename","fallbackSrc","isHeadless","onRequestError","retries","src","loadingFallback","loadingFallbackDelayed","bus","useEventBus","logService","exposedDependencies","eventBus","exposedInstanceDependencies","ldService","Symbol","cancelation","LoadingFallback","message","isLocalHost","getFallback","delayed","ErrorFallback","errorFallback","ensureLDService","Loader","lazyLoader","moduleName","fallback","data","className","LazyWebComponent","lazyWebComponent","abort","bundleInfo","mainPackageUrl","fallbackPackageUrl","signal","e","aborted","default","packageUrl","mfeHasCompatibleLaunchDarklyVersion","launchDarkly","undefined","node","fallbackNode","h2","source","some","host","indexOf","version","current"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/web-components",
-    "version": "31.1.0",
+    "version": "31.2.0",
     "description": "",
     "repository": {
         "type": "git",
@@ -15,7 +15,7 @@
         "src"
     ],
     "dependencies": {
-        "@servicetitan/error-boundary": "31.1.0",
+        "@servicetitan/error-boundary": "31.2.0",
         "lodash.get": "~4.4.2",
         "mitt": "~3.0.1",
         "semver": "~7.7.2"
@@ -23,9 +23,9 @@
     "devDependencies": {
         "@servicetitan/anvil2": "^1.39.0",
         "@servicetitan/design-system": "~14.5.3",
-        "@servicetitan/launchdarkly-service": "31.1.0",
-        "@servicetitan/log-service": "31.1.0",
-        "@servicetitan/react-ioc": "31.1.0",
+        "@servicetitan/launchdarkly-service": "31.2.0",
+        "@servicetitan/log-service": "31.2.0",
+        "@servicetitan/react-ioc": "31.2.0",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.3.0",
@@ -43,9 +43,9 @@
     "peerDependencies": {
         "@servicetitan/anvil2": ">=1.39.0",
         "@servicetitan/design-system": ">=14.5.3",
-        "@servicetitan/launchdarkly-service": "31.1.0",
-        "@servicetitan/log-service": "31.1.0",
-        "@servicetitan/react-ioc": "31.1.0",
+        "@servicetitan/launchdarkly-service": "31.2.0",
+        "@servicetitan/log-service": "31.2.0",
+        "@servicetitan/react-ioc": "31.2.0",
         "history": "~4.10.1",
         "react": ">=17.0.2",
         "react-dom": ">=17.0.2"
@@ -67,5 +67,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "d01cfe32c50461245ce52c911710e8eb879290e9"
+    "gitHead": "a12efe0333352598f98e5f8772458c8b8d64aa74"
 }

package/src/loader.tsx

@@ -151,7 +151,7 @@ const UnrestrictedLoader = <T,>(props: UnrestrictedLoaderProps<T>, ref: Ref<Load
 };
 
 export const Loader = forwardRef(UnrestrictedLoader) as <T = {}>(
-    props: LoaderProps<T> & { ref?: Ref<LoaderRef> }
+    props: LoaderProps<NoInfer<T>> & { ref?: Ref<LoaderRef> }
 ) => ReturnType<typeof UnrestrictedLoader>;
 
 type LazyLoaderProps = UnrestrictedLoaderProps<any> & {