[![npm](https://img.shields.io/npm/v/@acoustic-content-sdk/react-api.svg?style=flat-square)](https://www.npmjs.com/package/@acoustic-content-sdk/react-api) [API Documentation](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) ## react-api package Collection of APIs and constants for the React SDK ## Functions | Function | Description | | --- | --- | | [assertProvider(aValue, aContext, aParentContext)](#_965e294ea3f3636e7ff42be6cd1c63ad5c66ac702b6ca1eb4a7918780cdfa8b5) | Validates that the value is not nil and throws an exception otherwise | | [createReactContext(aName, aDefault)](#_25baf109340655b8902a2add9c409b5ba39deca429f8c0b6bbc8aab23c83020e) | Construct the react context and make sure we set the display name | | [createReactProvider(module, provides, dependencies, optionalDependencies)](#_fe1315a143a74d286528ddec12069c4b59e19f2092199c4baa4aacb77d14cb3c) | Constructs an instance of a provider | ## Interfaces | Interface | Description | | --- | --- | | [ComponentRegistry](#_cf7fb88fe952621ffa8282d6056999746afdf5265060e7fd72db61980c7f10f5) | | | [ComponentResolver](#_d47de184b857474b12490e752197c715d6c87061a09a49274c132985e890da52) | | | [ComponentTypeRefResolver](#_e5a5cdff5bfdcb122521584259efd8bc0a0ec6166763b897b7f1a798ff5ce8fb) | Service that resolves a component type ref given a layout. | | [ContentComponentProps](#_4a1ddcfd18d8a6243f6f0ec3593bb0a9d37b4bc825fc4d954277832a66d433a8) | | | [DynamicReactProviderFactory](#_2e7f2d9de47d84a47638f61aedb4483e1b601f8127cdb1ef6b1b88013fade6c2) | | | [InjectableReactProviderFactory](#_cd1b975d8bdb3715d38aedf917ad4be355d3c7a975ac156fe6847cfcda19c4c3) | | | [ReactComponentProps](#_cd248119213f5d21d8ddfecf37f00ecb4486b9b96913a4c81d7506867e24304e) | Properties of a rendering component | | [ReactModuleProps](#_5f9a90ec4f3db1cb1e5394530b1b7c30793ebf844730bd810a532b9c6128c17a) | Input properties for dynamically generated react modules | | [ReactProvider](#_875030aaf986f4a944a98b3626b8253103fed3177ad92a9c2eb66bcdafb6a4f8) | Declares a react provider. The provider declares the provided context and its dependencies.Refer to https://reactjs.org/docs/context.html | | [ReactWchPageService](#_eb4b56f95dbf66887ea5a5fa976e5d78270fd3db833d4f0d62b3ecdde7404fd4) | Service interface that allows to resolve a rendering context given the page. | ## Variables | Variable | Description | | --- | --- | | [ACOUSTIC\_CONTEXT\_API\_URL](#_d28e2f0e1edb87b58be92826cb19b57af361c5803d05c41d53914b8ded1b6504) | URL to access the API layerNaming of this field according to the field in the rendering context | | [ACOUSTIC\_CONTEXT\_AUTH\_STATUS](#_547a38e6c09fbe8481c4991c6016979d88c67bd35d707ec16e0f8e80a497e59b) | Injection token for the AuthStatus | | [ACOUSTIC\_CONTEXT\_BASE\_URL](#_8ff04f15b40cfa9ff153bd63c311d8de2628e7cf4f1496f3195a26dc775ab2cd) | URL that represents the base URL of the path based routing of the application. This prefix will be preserved when generating and recognizing URLs. If this property is not configured, then it will be decoded from the window location. | | [ACOUSTIC\_CONTEXT\_COMPONENT\_REGISTRY](#_063408467ce21c16ef61616d14a65d1056fdd156457f71e4e1685174eccc3b13) | | | [ACOUSTIC\_CONTEXT\_COMPONENT\_RESOLVER](#_1a4942eff8d3ec6ab510d73f6e3136264a120929f7b4ef844a56d5f386b9dd37) | | | [ACOUSTIC\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS](#_91c77a789dd3557c92a613d7c1c4c7bf92f605dd46ac114383fb0d29b433a7e9) | A multi-provider token used for dependency injection of the ComponentTypeRefResolvers. | | [ACOUSTIC\_CONTEXT\_CONTENT\_COMPONENT](#_c2c983bff27cca0fef4c79ed5650b471e85b71bce697a71abd3bd44edcc4d17f) | Injection token for the content component | | [ACOUSTIC\_CONTEXT\_DEFAULT\_COMPONENT](#_9b4b690deb499f9e48510c254a2aeb4dd6ca69480d0d5f3cbfbd1befe4ad7887) | Injection token for the default component | | [ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER](#_7dbef446edf25a2c0b85117642505d8c32429b17f1648ba3d2b0a967d50f570c) | Injection token for the DeliveryContentResolver | | [ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_SEED](#_d115f9930df98240d38f2273f3919b0de75d2ee8b10821ecc23e5353a9fd1bbd) | Injection token for the content seed | | [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER](#_7095d2c92cf8fcb7698710609b82201052110d612905a931d61b1292c02b200d) | Injection token for the DeliveryLayoutMappingResolver | | [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED](#_d2ec00f6c1e5440563c2b311d4a87074724ff48a67e8df87a483347a9d9e9b46) | Injection token for the layout mapping seed | | [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER](#_eb91c4a2878878955794d8c85ffbe4fcf9050432df4ca97e3cd38397e1eeb747) | Injection token for the DeliveryLayoutResolver | | [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_SEED](#_5baa7e65c932b397dc7203680a903527b06f813e72cfd0187c3aa35c74801288) | Injection token for the layout seed | | [ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER](#_aac4b5aee36058abf84bd1b73ca984532709473bbedac5e5c7925f3f9d94cd39) | Injection token for the DeliveryPageResolver | | [ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_SEED](#_3b0c9603cd9a307a00fd512e76f25d3872bc132dc68f5dc1e4c3c9abe1918e67) | Injection token for the page seed | | [ACOUSTIC\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER](#_637b7497b8b07034a434c1bcc3f67fd520a220d4312130ef981e0f06f13a1807) | Injection token for the DeliverySearchResolver | | [ACOUSTIC\_CONTEXT\_DELIVERY\_SITE\_RESOLVER](#_5d5a64b58f9bb81504961817b229e2fe904e0dd87b62e14daf5bdaa4392eeee4) | Injection token for the navigation service | | [ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER](#_8461c28df9f43071c657d61d052111da709bf11fc366f9022b7b421690506d7d) | Injection token for the DeliveryTypeResolver | | [ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_SEED](#_a2eeae7b8d95af79f04bcd0a5bbf7f71ea16db09968718a810f34b1e68be5109) | Injection token for the type seed | | [ACOUSTIC\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY](#_6a3490a010fea1a391f6b37f8f40d367774de9e9dfa8243c2ca59b7455d8b001) | | | [ACOUSTIC\_CONTEXT\_HANDLEBARS\_RESOLVER](#_c54ea4380453a48be7e9f5730a548a49d58478742f4fc53ef9fbc6a46078d30d) | Injection token for the HandlebarsResolver | | [ACOUSTIC\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER](#_1faf503fb549e90c5256673ed9a114a83729344f461b8d97a2dee1be4a28c586) | Injection token for the LayoutMappingResolver | | [ACOUSTIC\_CONTEXT\_LAYOUT\_RESOLVER](#_06846a5620b95cdb5bd8f0e08fc07e91a0ccd07a595e867d867b679f2299ea16) | Injection token for the LayoutResolver | | [ACOUSTIC\_CONTEXT\_LOGGER\_FACTORY](#_ec29b766b3226769d7427c61e331970f2c075f50f2fbbd91da8b41f356e1deb2) | | | [ACOUSTIC\_CONTEXT\_LOGGER\_SERVICE](#_d79195a323508101beac26add8f83a7bbfc6a7865ac72600602be0ffde9b0c1a) | | | [ACOUSTIC\_CONTEXT\_PAGE\_COMPONENT](#_329f374eac14bf8fffea70400da4bd919bb02bf63e3b3489b24c886e1afd4ea2) | Injection token for the page component | | [ACOUSTIC\_CONTEXT\_PAGE\_SERVICE](#_c4a4bc669ae7361588d8c68aa71c77c6e70aa2d4753cdae636ba0a1ba9cbdee9) | Injection token for the ReactWchPageService | | [ACOUSTIC\_CONTEXT\_PROTECTED\_CONTENT](#_1bd3247db697baa3619be395b1b5f3104f3e5573fbbc78b172a672e2250c13f4) | Injection token for the protected content status | | [ACOUSTIC\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER](#_9760087718e32cd3d019761b95644746852ee77b67c8a02b40234d4cd3ae6328) | Injection token for the ReconciledDeliverySearchResolver | | [ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER](#_d9aeb34408f98151b65edc4688c01949ec1dfb101454b2912d5b5a2e4ed0ccfc) | Injection token for the RenderingContextProviderV2 | | [ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER](#_5f2a4cc3b22a59ecc9dc804b242746c77285d461da6863209779d858faa6fa2e) | Injection token for the RenderingContextResolver | | [ACOUSTIC\_CONTEXT\_RESOURCE\_URL](#_58c4d76332d08b53b0c0eb93786cac6035a29681204b3ea851e4b8117d03819d) | URL to access the deliveryNaming of this field according to the field in the rendering context | | [ACOUSTIC\_CONTEXT\_SEED\_RESOLVER](#_4eeaab9692c1d8838a4b9cf9c619ead16727352f80137267c6d88560075bdcab) | Injection token for the SeedResolver | | [ACOUSTIC\_CONTEXT\_URL\_CONFIG](#_ebfe546030ddd16f689b5f495670f84f652173439a69e3c397cd09c9f7a3dcbd) | Injection token for the UrlConfig | | [ACOUSTIC\_CONTEXT\_WINDOW](#_990d597bd38ad52dbf5fbf709a59fc2c804363adb9c1c7db37d04035e280363c) | Create a new injection token for injecting the window into a component. | | [ACOUSTIC\_RC\_INTERCEPTOR\_TOKEN](#_9fbd4863433b7ec0006a109ad24e78dd8f0e0256cbfb110cb648c34c87bdc845) | | | [createDynamicReactProvider](#_c54332bd25a074762e23467fc9f5993a80b7e0ef86c337f61ecb98f5b599eddd) | Creates a ReactProvider that resolves its mandatory and optional elements and delegates the creation of the provided value to a callback function with these dependencies. The callback returns an observable and the observable sequence will be provided. | | [createInjectableReactProvider](#_11af5ffe29ebcda6e88c47fe46c6a789da420838c3828b98d5e10279d55f8fef) | Creates a ReactProvider that resolves its mandatory and optional elements and delegates the creation of the provided value to a callback function with these dependencies. | | [createModuleFromProvider](#_2357bafcd8ce2c8731c158b46bbd619ef30e3ffa1916c799ea6b46cc5756e108) | Constructs a module component that includes the referenced providers in topological order | | [selectDisplayName](#_ded03fbb018377c0bb705a0e82f022dc066363051a52f20955d04d3837029736) | Returns the display name of a context | | [VERSION](#_f169eef78e49d35c733f52ab3b8eb8f07164a9b1652ad17796d4c916d5f2c531) | Version and build number of the package | | [WCH\_CONTEXT\_API\_URL](#_17a536b0c9c076f08e828a558331b8992bb2f5a9ccd698198a3dd287087ac584) | | | [WCH\_CONTEXT\_AUTH\_STATUS](#_8cb81cba38b9b327a787f16dfc8052c715c5cb427d3f2f0ae1c568b9ce7d8965) | | | [WCH\_CONTEXT\_BASE\_URL](#_bfbaa2300c9effe722de3f554a33c23c5cab0350484afbaae09e3706863f8e99) | | | [WCH\_CONTEXT\_COMPONENT\_REGISTRY](#_e366866a3ca8579881c6f399f3d0630cba590527d6cd03cfd55dd8a6f12710aa) | | | [WCH\_CONTEXT\_COMPONENT\_RESOLVER](#_3fbfb4253d774c0619c3cbdd483310c278a57587635c9bbb29e7558466f74130) | | | [WCH\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS](#_8c162afe92d847f9a3c7c86e739011b0ea955d12e5025222ba83c9cbce9e4992) | | | [WCH\_CONTEXT\_CONTENT\_COMPONENT](#_a336eaebcbc76ac9e8614d2efdd2eb5c95c23a499d70b8861b1bfdebfb37349b) | | | [WCH\_CONTEXT\_DEFAULT\_COMPONENT](#_f83c0b314dffdcaff04c5eeaf7d8494de3e2bad5ddae14a2ced2c3b58ba2ee66) | | | [WCH\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER](#_6cff047218c6f3c69467cea5b2b889535ab7b00d1f55fade0d8da7591b4ee6ec) | | | [WCH\_CONTEXT\_DELIVERY\_CONTENT\_SEED](#_8efee48d96ebbd81201af992bd87ec6f614760f69f694beb22a6f74210b30dc4) | | | [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER](#_e54c60121595958a1df7ef3f082d54b0628c83d446b5aaf8a32d9b79a9b82749) | | | [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED](#_4697bc3b62847d5681bff9552e1b8ee8da7fcbe0f2defd86c84cb3910a096c59) | | | [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER](#_b36d6862df98f867515503b120ec0774ad3da02bcb08aa582ee4a14f47dcc6b5) | | | [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_SEED](#_301e3fb67d9d4203da529eedc497a45d1e4f7801aeef21ba289834bb835a1b8a) | | | [WCH\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER](#_f36650a9fc58121fb45a743ce61dedeb33162affd34063a7fa776bcd6701682e) | | | [WCH\_CONTEXT\_DELIVERY\_PAGE\_SEED](#_fa49b16178e96462f79824274a939f241be5871766e2f409fc8da70a828dc228) | | | [WCH\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER](#_3c10c7c22241d1af7735c42cc4bb30255fc697b19d6f56545633a37398c35a37) | | | [WCH\_CONTEXT\_DELIVERY\_SITE\_RESOLVER](#_3b1568c6e763e7627b9777ac6a7e2a7ebf5f4253faa0746bf2cd96db568e6102) | | | [WCH\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER](#_f4a8efc6602f6eeeb812278bbfc38fe2b413c2994b8309e8cbc7448cb5d0b648) | | | [WCH\_CONTEXT\_DELIVERY\_TYPE\_SEED](#_581399e9f8c902aa7a4c1614ffed9d31439ab72b3c6402435d120ebf2f7a0d02) | | | [WCH\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY](#_d866131392b5314e516830cb5e06d96d762d03682305bce2462b95dfe484e5c9) | | | [WCH\_CONTEXT\_HANDLEBARS\_RESOLVER](#_1eb5437b9b556a3ea9d1ec7f674d28c07a89807b2a5e9800e81d3505f428cc63) | | | [WCH\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER](#_f41e7920c9ae972514c0ae203aa3781cc39947cdc29f5be80bfb2b61fd6b9221) | | | [WCH\_CONTEXT\_LAYOUT\_RESOLVER](#_12789001498ee3f8706b0c5a68c51c07dcf3117c70a42cf2d9ac94d111e66aac) | | | [WCH\_CONTEXT\_LOGGER\_FACTORY](#_7a59bc4e7a16d2da8c4a1fc9ed2e7c135f10cb1d0d2b97f22bfa86e29a5e350c) | | | [WCH\_CONTEXT\_LOGGER\_SERVICE](#_7f8820898c810ca9c1cb8cb068ab74a905d83af41c00f1358ef9e2ef15fd7b4d) | | | [WCH\_CONTEXT\_PAGE\_COMPONENT](#_1e4946c1101494e8a83eab7b7ae2be6c17c2a906a175b553b87de7ea0db60ece) | | | [WCH\_CONTEXT\_PAGE\_SERVICE](#_d0d3d8d38b5e54b8275715664851180f96ca462114ab09474f530fc0e0d05742) | | | [WCH\_CONTEXT\_PROTECTED\_CONTENT](#_41d575c6987af748b61d54c17b39ee6d9324b4f863bb9b58e2e230bf21ca7f30) | | | [WCH\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER](#_d3cd1f83f5685a1955cc15094d4188492792ea687a57f5b6104d4ca086c4631e) | | | [WCH\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER](#_70e9186335f8dfb16ffcdc67079dd15d284b0f86b468e6768bd54f90883c3f67) | | | [WCH\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER](#_ac15e9a87a45c172f155361de6bce23cd6bed0b81cb279f2dde7663044457c93) | | | [WCH\_CONTEXT\_RESOURCE\_URL](#_1dda4c7bae72cc26de478257f8d19acc26bdc57cdbb69db6f06fb2d0c30201a1) | | | [WCH\_CONTEXT\_SEED\_RESOLVER](#_54d930ad250207a35669b1e4d9dea11849bffc807789e6bcf846b75f350fc284) | | | [WCH\_CONTEXT\_URL\_CONFIG](#_cb59aa4cc02a6064370fded411ac5aa027e3154e48052f353d3bdcd839b3ecac) | | | [WCH\_CONTEXT\_WINDOW](#_09ab642b4b1202a458f75161cf3a20b5012396fa5cc9a90c4411fc6e594e4364) | | ## Type Aliases | Type Alias | Description | | --- | --- | | [ComponentTypeRef](#_1ee2842affbb9792746210328df52b9aa8b75a489b76102361b6788f9bc9d744) | Captures all information required to instantiate a component based on its type | | [ReactComponent](#_f9b45c444bfc2ba2bc684ecb734fd8f42691cfc10dd92c69fde8606070a543a9) | Definition of a generic react component | | [ReactModule](#_f2ad74abbaffe1b786fa16fd142f6d7c33618877a09122541328105b0cfb62a7) | Type definition for the react component for a module | | [ReactModuleType](#_31b8a3447e7b71d8377ecbf15f72ee0d29dc4a7903e3c3eb3ad8d131126e906c) | Type definition for the react component for a module | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [assertProvider](#_965e294ea3f3636e7ff42be6cd1c63ad5c66ac702b6ca1eb4a7918780cdfa8b5) ## assertProvider() function Validates that the value is not nil and throws an exception otherwise Signature: ```typescript export declare function assertProvider(aValue: T, aContext: Context, aParentContext?: Context): NonNullable; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | aValue | T | value to check | | aContext | Context<T> | the context, for debugging purposes | | aParentContext | Context<any> | | Returns: `NonNullable` the original value, guaranteed that it will not be nil [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [createReactContext](#_25baf109340655b8902a2add9c409b5ba39deca429f8c0b6bbc8aab23c83020e) ## createReactContext() function Construct the react context and make sure we set the display name Signature: ```typescript export declare function createReactContext(aName: string, aDefault?: T): Required>; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | aName | string | the display name | | aDefault | T | optionally a default value | Returns: `Required>` the context with mandatory `displayName` field [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [createReactProvider](#_fe1315a143a74d286528ddec12069c4b59e19f2092199c4baa4aacb77d14cb3c) ## createReactProvider() function Constructs an instance of a provider Signature: ```typescript export declare function createReactProvider(module: ReactModuleType, provides: Context, dependencies?: Context[], optionalDependencies?: Context[]): ReactProvider; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | module | ReactModuleType | the module | | provides | Context<T> | the context the module provides | | dependencies | Context<any>[] | dependencies | | optionalDependencies | Context<any>[] | optional dependencies | Returns: `ReactProvider` the provider instance [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentRegistry](#_cf7fb88fe952621ffa8282d6056999746afdf5265060e7fd72db61980c7f10f5) ## ComponentRegistry interface Signature: ```typescript export interface ComponentRegistry extends AbstractComponentsRegistry ``` ## Methods | Method | Description | | --- | --- | | [registerType(aController, aType, aLayoutModes)](#_e76a37dd8bcea34faab9987ef5e6594233cba4b50b1d3c71b11884b6b55985c2) | Registers the type given a full spec | | [registerType(aType)](#_ee042fe12d0dfe42e2eef973ef5240b2671a31e0009755a1c58dde265ed902d1) | Registers the type and assumes that a decorator has specified the controller | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentResolver](#_d47de184b857474b12490e752197c715d6c87061a09a49274c132985e890da52) ## ComponentResolver interface Signature: ```typescript export interface ComponentResolver extends AbstractComponentResolver ``` ## Methods | Method | Description | | --- | --- | | [resolveComponent(aRenderingContext, aLayoutMode)](#_ba5d59275572dd5491265fc4031200189c01305ca855039bab2357558008b520) | | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentTypeRefResolver](#_e5a5cdff5bfdcb122521584259efd8bc0a0ec6166763b897b7f1a798ff5ce8fb) ## ComponentTypeRefResolver interface Service that resolves a component type ref given a layout. Signature: ```typescript export interface ComponentTypeRefResolver extends AbstractComponentTypeRefResolver ``` ## Properties | Property | Type | Description | | --- | --- | --- | | [getTypeByLayout](#_2d72a2fb732ebdafaee5fd4256b3ca1288bba327fd48782ff9393c4cbc2d62b9) | (aLayout: Layout, aLayoutMode?: string) => Observable<ComponentTypeRef> | Returns the type object based on the layout configuration | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ContentComponentProps](#_4a1ddcfd18d8a6243f6f0ec3593bb0a9d37b4bc825fc4d954277832a66d433a8) ## ContentComponentProps interface Signature: ```typescript export interface ContentComponentProps ``` ## Properties | Property | Type | Description | | --- | --- | --- | | [ctx](#_750e4ab79e250a456ded58e5238ef28fe51b4d6b2078768ab9356734f3e75331) | RenderingContextInput | Rendering context used to render the component reference | | [id](#_ada759de95ba6a93080653228b92c4f213fb51dad4a237ae0c61e996fad2570e) | string | Points to a piece of external content | | [layoutMode](#_e3fb260c8640d4f26ed1b8b6a5c0373d5fe9af9dba9dcfa21cd744a8f44a55aa) | string | Optional layout mode | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [DynamicReactProviderFactory](#_2e7f2d9de47d84a47638f61aedb4483e1b601f8127cdb1ef6b1b88013fade6c2) ## DynamicReactProviderFactory interface Signature: ```typescript export interface DynamicReactProviderFactory ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [InjectableReactProviderFactory](#_cd1b975d8bdb3715d38aedf917ad4be355d3c7a975ac156fe6847cfcda19c4c3) ## InjectableReactProviderFactory interface Signature: ```typescript export interface InjectableReactProviderFactory ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactComponentProps](#_cd248119213f5d21d8ddfecf37f00ecb4486b9b96913a4c81d7506867e24304e) ## ReactComponentProps interface Properties of a rendering component Signature: ```typescript export interface ReactComponentProps ``` ## Properties | Property | Type | Description | | --- | --- | --- | | [layoutMode](#_8120d4d0fedf69b5048c12ef1a3cd22fa1f98357a5cef8d8e7820ee42ab08d6a) | string | Layout mode used to render the component | | [renderingContext](#_5fbf158c5b8b690403391c9d1e46b52b844bf26ed9a9cd7de3d44620a7eaae72) | RenderingContextV2 | Rendering context that contains the required information about the data item to be rendered | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactModuleProps](#_5f9a90ec4f3db1cb1e5394530b1b7c30793ebf844730bd810a532b9c6128c17a) ## ReactModuleProps interface Input properties for dynamically generated react modules Signature: ```typescript export interface ReactModuleProps ``` ## Properties | Property | Type | Description | | --- | --- | --- | | [children](#_7249088a9e7d1fbc7aac8068aef7de497da64b0dfb01aea68498e884166494b5) | ReactNode | | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactProvider](#_875030aaf986f4a944a98b3626b8253103fed3177ad92a9c2eb66bcdafb6a4f8) ## ReactProvider interface Declares a react provider. The provider declares the provided context and its dependencies. Refer to https://reactjs.org/docs/context.html Signature: ```typescript export interface ReactProvider ``` ## Properties | Property | Type | Description | | --- | --- | --- | | [dependencies](#_c5e765663909298971397b45b8d064b26eb8f16b247d8cb8d43536f094a233d6) | Context<any>[] | Required contexts, will be consumed when the module gets instantiated | | [module](#_3dda6bd24e44ab7d5481ff57852abedf0c54c7886071ad98234e8e6a36cbc55b) | ReactModuleType | React component that implements the provider. The component consumes the dependencies and the optional dependencies and provides the specified context. | | [optionalDependencies](#_fcd6baeeabbed746cf25e1bc3b90282b9fa248e6034a31a63592c19f26a2435a) | Context<any>[] | optional contexts | | [provides](#_5499032289048fb02d9a5216fd7112ea7ced6219e77d728c154cef6f744604c9) | Context<T> | Provided context | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactWchPageService](#_eb4b56f95dbf66887ea5a5fa976e5d78270fd3db833d4f0d62b3ecdde7404fd4) ## ReactWchPageService interface Service interface that allows to resolve a rendering context given the page. Signature: ```typescript export interface ReactWchPageService extends WchPageService ``` ## Methods | Method | Description | | --- | --- | | [getRenderingContextByActivatedRoute(aRoute)](#_5a0fed33c6eea852db1d296f1fe396bc1bc5f4df78a2e7035b6866d7a57655fd) | Resolves the rendering context given the router | [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_API\_URL](#_d28e2f0e1edb87b58be92826cb19b57af361c5803d05c41d53914b8ded1b6504) ## ACOUSTIC\_CONTEXT\_API\_URL variable URL to access the API layer Naming of this field according to the field in the rendering context Signature: ```typescript ACOUSTIC_CONTEXT_API_URL: Required> ``` ## Example 1 'https://my.digitalexperience.ibm.com/api/345563cf-a83c-40e5-a065-1d6ff36b05c1' ## Example 2 'https://my.digitalexperience.ibm.com/api/345563cf-a83c-40e5-a065-1d6ff36b05c1/dxsites/mysite' [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_AUTH\_STATUS](#_547a38e6c09fbe8481c4991c6016979d88c67bd35d707ec16e0f8e80a497e59b) ## ACOUSTIC\_CONTEXT\_AUTH\_STATUS variable Injection token for the AuthStatus Signature: ```typescript ACOUSTIC_CONTEXT_AUTH_STATUS: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_BASE\_URL](#_8ff04f15b40cfa9ff153bd63c311d8de2628e7cf4f1496f3195a26dc775ab2cd) ## ACOUSTIC\_CONTEXT\_BASE\_URL variable URL that represents the base URL of the path based routing of the application. This prefix will be preserved when generating and recognizing URLs. If this property is not configured, then it will be decoded from the window location. Signature: ```typescript ACOUSTIC_CONTEXT_BASE_URL: Required> ``` ## Example 1 'https://my.digitalexperience.ibm.com/345563cf-a83c-40e5-a065-1d6ff36b05c1' ## Example 2 'https://my.digitalexperience.ibm.com/345563cf-a83c-40e5-a065-1d6ff36b05c1/dxsites/mysite' ## Example 3 'https://my.external.example.com/' [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_COMPONENT\_REGISTRY](#_063408467ce21c16ef61616d14a65d1056fdd156457f71e4e1685174eccc3b13) ## ACOUSTIC\_CONTEXT\_COMPONENT\_REGISTRY variable Signature: ```typescript ACOUSTIC_CONTEXT_COMPONENT_REGISTRY: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_COMPONENT\_RESOLVER](#_1a4942eff8d3ec6ab510d73f6e3136264a120929f7b4ef844a56d5f386b9dd37) ## ACOUSTIC\_CONTEXT\_COMPONENT\_RESOLVER variable Signature: ```typescript ACOUSTIC_CONTEXT_COMPONENT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS](#_91c77a789dd3557c92a613d7c1c4c7bf92f605dd46ac114383fb0d29b433a7e9) ## ACOUSTIC\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS variable A multi-provider token used for dependency injection of the ComponentTypeRefResolvers. Signature: ```typescript ACOUSTIC_CONTEXT_COMPONENT_TYPE_REF_RESOLVERS: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_CONTENT\_COMPONENT](#_c2c983bff27cca0fef4c79ed5650b471e85b71bce697a71abd3bd44edcc4d17f) ## ACOUSTIC\_CONTEXT\_CONTENT\_COMPONENT variable Injection token for the content component Signature: ```typescript ACOUSTIC_CONTEXT_CONTENT_COMPONENT: Required>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DEFAULT\_COMPONENT](#_9b4b690deb499f9e48510c254a2aeb4dd6ca69480d0d5f3cbfbd1befe4ad7887) ## ACOUSTIC\_CONTEXT\_DEFAULT\_COMPONENT variable Injection token for the default component Signature: ```typescript ACOUSTIC_CONTEXT_DEFAULT_COMPONENT: Required>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER](#_7dbef446edf25a2c0b85117642505d8c32429b17f1648ba3d2b0a967d50f570c) ## ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER variable Injection token for the DeliveryContentResolver Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_CONTENT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_SEED](#_d115f9930df98240d38f2273f3919b0de75d2ee8b10821ecc23e5353a9fd1bbd) ## ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_SEED variable Injection token for the content seed Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_CONTENT_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER](#_7095d2c92cf8fcb7698710609b82201052110d612905a931d61b1292c02b200d) ## ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER variable Injection token for the DeliveryLayoutMappingResolver Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_LAYOUT_MAPPING_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED](#_d2ec00f6c1e5440563c2b311d4a87074724ff48a67e8df87a483347a9d9e9b46) ## ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED variable Injection token for the layout mapping seed Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_LAYOUT_MAPPING_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER](#_eb91c4a2878878955794d8c85ffbe4fcf9050432df4ca97e3cd38397e1eeb747) ## ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER variable Injection token for the DeliveryLayoutResolver Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_LAYOUT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_SEED](#_5baa7e65c932b397dc7203680a903527b06f813e72cfd0187c3aa35c74801288) ## ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_SEED variable Injection token for the layout seed Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_LAYOUT_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER](#_aac4b5aee36058abf84bd1b73ca984532709473bbedac5e5c7925f3f9d94cd39) ## ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER variable Injection token for the DeliveryPageResolver Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_PAGE_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_SEED](#_3b0c9603cd9a307a00fd512e76f25d3872bc132dc68f5dc1e4c3c9abe1918e67) ## ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_SEED variable Injection token for the page seed Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_PAGE_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER](#_637b7497b8b07034a434c1bcc3f67fd520a220d4312130ef981e0f06f13a1807) ## ACOUSTIC\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER variable Injection token for the DeliverySearchResolver Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_SEARCH_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_SITE\_RESOLVER](#_5d5a64b58f9bb81504961817b229e2fe904e0dd87b62e14daf5bdaa4392eeee4) ## ACOUSTIC\_CONTEXT\_DELIVERY\_SITE\_RESOLVER variable Injection token for the navigation service Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_SITE_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER](#_8461c28df9f43071c657d61d052111da709bf11fc366f9022b7b421690506d7d) ## ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER variable Injection token for the DeliveryTypeResolver Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_TYPE_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_SEED](#_a2eeae7b8d95af79f04bcd0a5bbf7f71ea16db09968718a810f34b1e68be5109) ## ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_SEED variable Injection token for the type seed Signature: ```typescript ACOUSTIC_CONTEXT_DELIVERY_TYPE_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY](#_6a3490a010fea1a391f6b37f8f40d367774de9e9dfa8243c2ca59b7455d8b001) ## ACOUSTIC\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY variable Signature: ```typescript ACOUSTIC_CONTEXT_DYNAMIC_LOGGER_FACTORY: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_HANDLEBARS\_RESOLVER](#_c54ea4380453a48be7e9f5730a548a49d58478742f4fc53ef9fbc6a46078d30d) ## ACOUSTIC\_CONTEXT\_HANDLEBARS\_RESOLVER variable Injection token for the HandlebarsResolver Signature: ```typescript ACOUSTIC_CONTEXT_HANDLEBARS_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER](#_1faf503fb549e90c5256673ed9a114a83729344f461b8d97a2dee1be4a28c586) ## ACOUSTIC\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER variable Injection token for the LayoutMappingResolver Signature: ```typescript ACOUSTIC_CONTEXT_LAYOUT_MAPPING_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_LAYOUT\_RESOLVER](#_06846a5620b95cdb5bd8f0e08fc07e91a0ccd07a595e867d867b679f2299ea16) ## ACOUSTIC\_CONTEXT\_LAYOUT\_RESOLVER variable Injection token for the LayoutResolver Signature: ```typescript ACOUSTIC_CONTEXT_LAYOUT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_LOGGER\_FACTORY](#_ec29b766b3226769d7427c61e331970f2c075f50f2fbbd91da8b41f356e1deb2) ## ACOUSTIC\_CONTEXT\_LOGGER\_FACTORY variable Signature: ```typescript ACOUSTIC_CONTEXT_LOGGER_FACTORY: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_LOGGER\_SERVICE](#_d79195a323508101beac26add8f83a7bbfc6a7865ac72600602be0ffde9b0c1a) ## ACOUSTIC\_CONTEXT\_LOGGER\_SERVICE variable Signature: ```typescript ACOUSTIC_CONTEXT_LOGGER_SERVICE: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_PAGE\_COMPONENT](#_329f374eac14bf8fffea70400da4bd919bb02bf63e3b3489b24c886e1afd4ea2) ## ACOUSTIC\_CONTEXT\_PAGE\_COMPONENT variable Injection token for the page component Signature: ```typescript ACOUSTIC_CONTEXT_PAGE_COMPONENT: Required, any>>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_PAGE\_SERVICE](#_c4a4bc669ae7361588d8c68aa71c77c6e70aa2d4753cdae636ba0a1ba9cbdee9) ## ACOUSTIC\_CONTEXT\_PAGE\_SERVICE variable Injection token for the ReactWchPageService Signature: ```typescript ACOUSTIC_CONTEXT_PAGE_SERVICE: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_PROTECTED\_CONTENT](#_1bd3247db697baa3619be395b1b5f3104f3e5573fbbc78b172a672e2250c13f4) ## ACOUSTIC\_CONTEXT\_PROTECTED\_CONTENT variable Injection token for the protected content status Signature: ```typescript ACOUSTIC_CONTEXT_PROTECTED_CONTENT: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER](#_9760087718e32cd3d019761b95644746852ee77b67c8a02b40234d4cd3ae6328) ## ACOUSTIC\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER variable Injection token for the ReconciledDeliverySearchResolver Signature: ```typescript ACOUSTIC_CONTEXT_RECONCILED_DELIVERY_SEARCH_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER](#_d9aeb34408f98151b65edc4688c01949ec1dfb101454b2912d5b5a2e4ed0ccfc) ## ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER variable Injection token for the RenderingContextProviderV2 Signature: ```typescript ACOUSTIC_CONTEXT_RENDERING_CONTEXT_PROVIDER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER](#_5f2a4cc3b22a59ecc9dc804b242746c77285d461da6863209779d858faa6fa2e) ## ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER variable Injection token for the RenderingContextResolver Signature: ```typescript ACOUSTIC_CONTEXT_RENDERING_CONTEXT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_RESOURCE\_URL](#_58c4d76332d08b53b0c0eb93786cac6035a29681204b3ea851e4b8117d03819d) ## ACOUSTIC\_CONTEXT\_RESOURCE\_URL variable URL to access the delivery Naming of this field according to the field in the rendering context Signature: ```typescript ACOUSTIC_CONTEXT_RESOURCE_URL: Required> ``` ## Example 1 'https://my.digitalexperience.ibm.com/345563cf-a83c-40e5-a065-1d6ff36b05c1' ## Example 2 'https://my.digitalexperience.ibm.com/345563cf-a83c-40e5-a065-1d6ff36b05c1/dxsites/mysite' [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_SEED\_RESOLVER](#_4eeaab9692c1d8838a4b9cf9c619ead16727352f80137267c6d88560075bdcab) ## ACOUSTIC\_CONTEXT\_SEED\_RESOLVER variable Injection token for the SeedResolver Signature: ```typescript ACOUSTIC_CONTEXT_SEED_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_URL\_CONFIG](#_ebfe546030ddd16f689b5f495670f84f652173439a69e3c397cd09c9f7a3dcbd) ## ACOUSTIC\_CONTEXT\_URL\_CONFIG variable Injection token for the UrlConfig Signature: ```typescript ACOUSTIC_CONTEXT_URL_CONFIG: Required>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_CONTEXT\_WINDOW](#_990d597bd38ad52dbf5fbf709a59fc2c804363adb9c1c7db37d04035e280363c) ## ACOUSTIC\_CONTEXT\_WINDOW variable Create a new injection token for injecting the window into a component. Signature: ```typescript ACOUSTIC_CONTEXT_WINDOW: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ACOUSTIC\_RC\_INTERCEPTOR\_TOKEN](#_9fbd4863433b7ec0006a109ad24e78dd8f0e0256cbfb110cb648c34c87bdc845) ## ACOUSTIC\_RC\_INTERCEPTOR\_TOKEN variable Signature: ```typescript ACOUSTIC_RC_INTERCEPTOR_TOKEN = "8453750A-4519-4184-840B-D490E909D23E" ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [createDynamicReactProvider](#_c54332bd25a074762e23467fc9f5993a80b7e0ef86c337f61ecb98f5b599eddd) ## createDynamicReactProvider variable Creates a `ReactProvider` that resolves its mandatory and optional elements and delegates the creation of the provided value to a callback function with these dependencies. The callback returns an observable and the observable sequence will be provided. Signature: ```typescript createDynamicReactProvider: DynamicReactProviderFactory ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [createInjectableReactProvider](#_11af5ffe29ebcda6e88c47fe46c6a789da420838c3828b98d5e10279d55f8fef) ## createInjectableReactProvider variable Creates a `ReactProvider` that resolves its mandatory and optional elements and delegates the creation of the provided value to a callback function with these dependencies. Signature: ```typescript createInjectableReactProvider: InjectableReactProviderFactory ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [createModuleFromProvider](#_2357bafcd8ce2c8731c158b46bbd619ef30e3ffa1916c799ea6b46cc5756e108) ## createModuleFromProvider variable Constructs a module component that includes the referenced providers in topological order Signature: ```typescript createModuleFromProvider: (aProviders: ReactProvider[]) => import("../public_api").ReactComponent ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [selectDisplayName](#_ded03fbb018377c0bb705a0e82f022dc066363051a52f20955d04d3837029736) ## selectDisplayName variable Returns the display name of a context Signature: ```typescript selectDisplayName: (aCtx: Context) => string ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [VERSION](#_f169eef78e49d35c733f52ab3b8eb8f07164a9b1652ad17796d4c916d5f2c531) ## VERSION variable Version and build number of the package Signature: ```typescript VERSION: { version: { major: string; minor: string; patch: string; branch: string; }; build: Date; } ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_API\_URL](#_17a536b0c9c076f08e828a558331b8992bb2f5a9ccd698198a3dd287087ac584) ## WCH\_CONTEXT\_API\_URL variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_API\_URL](#_d28e2f0e1edb87b58be92826cb19b57af361c5803d05c41d53914b8ded1b6504) instead > Signature: ```typescript WCH_CONTEXT_API_URL: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_AUTH\_STATUS](#_8cb81cba38b9b327a787f16dfc8052c715c5cb427d3f2f0ae1c568b9ce7d8965) ## WCH\_CONTEXT\_AUTH\_STATUS variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_AUTH\_STATUS](#_547a38e6c09fbe8481c4991c6016979d88c67bd35d707ec16e0f8e80a497e59b) instead > Signature: ```typescript WCH_CONTEXT_AUTH_STATUS: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_BASE\_URL](#_bfbaa2300c9effe722de3f554a33c23c5cab0350484afbaae09e3706863f8e99) ## WCH\_CONTEXT\_BASE\_URL variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_BASE\_URL](#_8ff04f15b40cfa9ff153bd63c311d8de2628e7cf4f1496f3195a26dc775ab2cd) instead > Signature: ```typescript WCH_CONTEXT_BASE_URL: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_COMPONENT\_REGISTRY](#_e366866a3ca8579881c6f399f3d0630cba590527d6cd03cfd55dd8a6f12710aa) ## WCH\_CONTEXT\_COMPONENT\_REGISTRY variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_COMPONENT\_REGISTRY](#_063408467ce21c16ef61616d14a65d1056fdd156457f71e4e1685174eccc3b13) instead > Signature: ```typescript WCH_CONTEXT_COMPONENT_REGISTRY: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_COMPONENT\_RESOLVER](#_3fbfb4253d774c0619c3cbdd483310c278a57587635c9bbb29e7558466f74130) ## WCH\_CONTEXT\_COMPONENT\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_COMPONENT\_RESOLVER](#_1a4942eff8d3ec6ab510d73f6e3136264a120929f7b4ef844a56d5f386b9dd37) instead > Signature: ```typescript WCH_CONTEXT_COMPONENT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS](#_8c162afe92d847f9a3c7c86e739011b0ea955d12e5025222ba83c9cbce9e4992) ## WCH\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_COMPONENT\_TYPE\_REF\_RESOLVERS](#_91c77a789dd3557c92a613d7c1c4c7bf92f605dd46ac114383fb0d29b433a7e9) instead > Signature: ```typescript WCH_CONTEXT_COMPONENT_TYPE_REF_RESOLVERS: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_CONTENT\_COMPONENT](#_a336eaebcbc76ac9e8614d2efdd2eb5c95c23a499d70b8861b1bfdebfb37349b) ## WCH\_CONTEXT\_CONTENT\_COMPONENT variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_CONTENT\_COMPONENT](#_c2c983bff27cca0fef4c79ed5650b471e85b71bce697a71abd3bd44edcc4d17f) instead > Signature: ```typescript WCH_CONTEXT_CONTENT_COMPONENT: Required>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DEFAULT\_COMPONENT](#_f83c0b314dffdcaff04c5eeaf7d8494de3e2bad5ddae14a2ced2c3b58ba2ee66) ## WCH\_CONTEXT\_DEFAULT\_COMPONENT variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DEFAULT\_COMPONENT](#_9b4b690deb499f9e48510c254a2aeb4dd6ca69480d0d5f3cbfbd1befe4ad7887) instead > Signature: ```typescript WCH_CONTEXT_DEFAULT_COMPONENT: Required>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER](#_6cff047218c6f3c69467cea5b2b889535ab7b00d1f55fade0d8da7591b4ee6ec) ## WCH\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_RESOLVER](#_7dbef446edf25a2c0b85117642505d8c32429b17f1648ba3d2b0a967d50f570c) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_CONTENT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_CONTENT\_SEED](#_8efee48d96ebbd81201af992bd87ec6f614760f69f694beb22a6f74210b30dc4) ## WCH\_CONTEXT\_DELIVERY\_CONTENT\_SEED variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_CONTENT\_SEED](#_d115f9930df98240d38f2273f3919b0de75d2ee8b10821ecc23e5353a9fd1bbd) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_CONTENT_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER](#_e54c60121595958a1df7ef3f082d54b0628c83d446b5aaf8a32d9b79a9b82749) ## WCH\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_RESOLVER](#_7095d2c92cf8fcb7698710609b82201052110d612905a931d61b1292c02b200d) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_LAYOUT_MAPPING_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED](#_4697bc3b62847d5681bff9552e1b8ee8da7fcbe0f2defd86c84cb3910a096c59) ## WCH\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_MAPPING\_SEED](#_d2ec00f6c1e5440563c2b311d4a87074724ff48a67e8df87a483347a9d9e9b46) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_LAYOUT_MAPPING_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER](#_b36d6862df98f867515503b120ec0774ad3da02bcb08aa582ee4a14f47dcc6b5) ## WCH\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_RESOLVER](#_eb91c4a2878878955794d8c85ffbe4fcf9050432df4ca97e3cd38397e1eeb747) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_LAYOUT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_LAYOUT\_SEED](#_301e3fb67d9d4203da529eedc497a45d1e4f7801aeef21ba289834bb835a1b8a) ## WCH\_CONTEXT\_DELIVERY\_LAYOUT\_SEED variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_LAYOUT\_SEED](#_5baa7e65c932b397dc7203680a903527b06f813e72cfd0187c3aa35c74801288) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_LAYOUT_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER](#_f36650a9fc58121fb45a743ce61dedeb33162affd34063a7fa776bcd6701682e) ## WCH\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_RESOLVER](#_aac4b5aee36058abf84bd1b73ca984532709473bbedac5e5c7925f3f9d94cd39) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_PAGE_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_PAGE\_SEED](#_fa49b16178e96462f79824274a939f241be5871766e2f409fc8da70a828dc228) ## WCH\_CONTEXT\_DELIVERY\_PAGE\_SEED variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_PAGE\_SEED](#_3b0c9603cd9a307a00fd512e76f25d3872bc132dc68f5dc1e4c3c9abe1918e67) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_PAGE_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER](#_3c10c7c22241d1af7735c42cc4bb30255fc697b19d6f56545633a37398c35a37) ## WCH\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_SEARCH\_RESOLVER](#_637b7497b8b07034a434c1bcc3f67fd520a220d4312130ef981e0f06f13a1807) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_SEARCH_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_SITE\_RESOLVER](#_3b1568c6e763e7627b9777ac6a7e2a7ebf5f4253faa0746bf2cd96db568e6102) ## WCH\_CONTEXT\_DELIVERY\_SITE\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_SITE\_RESOLVER](#_5d5a64b58f9bb81504961817b229e2fe904e0dd87b62e14daf5bdaa4392eeee4) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_SITE_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER](#_f4a8efc6602f6eeeb812278bbfc38fe2b413c2994b8309e8cbc7448cb5d0b648) ## WCH\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_RESOLVER](#_8461c28df9f43071c657d61d052111da709bf11fc366f9022b7b421690506d7d) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_TYPE_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DELIVERY\_TYPE\_SEED](#_581399e9f8c902aa7a4c1614ffed9d31439ab72b3c6402435d120ebf2f7a0d02) ## WCH\_CONTEXT\_DELIVERY\_TYPE\_SEED variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DELIVERY\_TYPE\_SEED](#_a2eeae7b8d95af79f04bcd0a5bbf7f71ea16db09968718a810f34b1e68be5109) instead > Signature: ```typescript WCH_CONTEXT_DELIVERY_TYPE_SEED: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY](#_d866131392b5314e516830cb5e06d96d762d03682305bce2462b95dfe484e5c9) ## WCH\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_DYNAMIC\_LOGGER\_FACTORY](#_6a3490a010fea1a391f6b37f8f40d367774de9e9dfa8243c2ca59b7455d8b001) instead > Signature: ```typescript WCH_CONTEXT_DYNAMIC_LOGGER_FACTORY: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_HANDLEBARS\_RESOLVER](#_1eb5437b9b556a3ea9d1ec7f674d28c07a89807b2a5e9800e81d3505f428cc63) ## WCH\_CONTEXT\_HANDLEBARS\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_HANDLEBARS\_RESOLVER](#_c54ea4380453a48be7e9f5730a548a49d58478742f4fc53ef9fbc6a46078d30d) instead > Signature: ```typescript WCH_CONTEXT_HANDLEBARS_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER](#_f41e7920c9ae972514c0ae203aa3781cc39947cdc29f5be80bfb2b61fd6b9221) ## WCH\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_LAYOUT\_MAPPING\_RESOLVER](#_1faf503fb549e90c5256673ed9a114a83729344f461b8d97a2dee1be4a28c586) instead > Signature: ```typescript WCH_CONTEXT_LAYOUT_MAPPING_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_LAYOUT\_RESOLVER](#_12789001498ee3f8706b0c5a68c51c07dcf3117c70a42cf2d9ac94d111e66aac) ## WCH\_CONTEXT\_LAYOUT\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_LAYOUT\_RESOLVER](#_06846a5620b95cdb5bd8f0e08fc07e91a0ccd07a595e867d867b679f2299ea16) instead > Signature: ```typescript WCH_CONTEXT_LAYOUT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_LOGGER\_FACTORY](#_7a59bc4e7a16d2da8c4a1fc9ed2e7c135f10cb1d0d2b97f22bfa86e29a5e350c) ## WCH\_CONTEXT\_LOGGER\_FACTORY variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_LOGGER\_FACTORY](#_ec29b766b3226769d7427c61e331970f2c075f50f2fbbd91da8b41f356e1deb2) instead > Signature: ```typescript WCH_CONTEXT_LOGGER_FACTORY: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_LOGGER\_SERVICE](#_7f8820898c810ca9c1cb8cb068ab74a905d83af41c00f1358ef9e2ef15fd7b4d) ## WCH\_CONTEXT\_LOGGER\_SERVICE variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_LOGGER\_SERVICE](#_d79195a323508101beac26add8f83a7bbfc6a7865ac72600602be0ffde9b0c1a) instead > Signature: ```typescript WCH_CONTEXT_LOGGER_SERVICE: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_PAGE\_COMPONENT](#_1e4946c1101494e8a83eab7b7ae2be6c17c2a906a175b553b87de7ea0db60ece) ## WCH\_CONTEXT\_PAGE\_COMPONENT variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_PAGE\_COMPONENT](#_329f374eac14bf8fffea70400da4bd919bb02bf63e3b3489b24c886e1afd4ea2) instead > Signature: ```typescript WCH_CONTEXT_PAGE_COMPONENT: Required, any>>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_PAGE\_SERVICE](#_d0d3d8d38b5e54b8275715664851180f96ca462114ab09474f530fc0e0d05742) ## WCH\_CONTEXT\_PAGE\_SERVICE variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_PAGE\_SERVICE](#_c4a4bc669ae7361588d8c68aa71c77c6e70aa2d4753cdae636ba0a1ba9cbdee9) instead > Signature: ```typescript WCH_CONTEXT_PAGE_SERVICE: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_PROTECTED\_CONTENT](#_41d575c6987af748b61d54c17b39ee6d9324b4f863bb9b58e2e230bf21ca7f30) ## WCH\_CONTEXT\_PROTECTED\_CONTENT variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_PROTECTED\_CONTENT](#_1bd3247db697baa3619be395b1b5f3104f3e5573fbbc78b172a672e2250c13f4) instead > Signature: ```typescript WCH_CONTEXT_PROTECTED_CONTENT: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER](#_d3cd1f83f5685a1955cc15094d4188492792ea687a57f5b6104d4ca086c4631e) ## WCH\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_RECONCILED\_DELIVERY\_SEARCH\_RESOLVER](#_9760087718e32cd3d019761b95644746852ee77b67c8a02b40234d4cd3ae6328) instead > Signature: ```typescript WCH_CONTEXT_RECONCILED_DELIVERY_SEARCH_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER](#_70e9186335f8dfb16ffcdc67079dd15d284b0f86b468e6768bd54f90883c3f67) ## WCH\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_PROVIDER](#_d9aeb34408f98151b65edc4688c01949ec1dfb101454b2912d5b5a2e4ed0ccfc) instead > Signature: ```typescript WCH_CONTEXT_RENDERING_CONTEXT_PROVIDER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER](#_ac15e9a87a45c172f155361de6bce23cd6bed0b81cb279f2dde7663044457c93) ## WCH\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_RENDERING\_CONTEXT\_RESOLVER](#_5f2a4cc3b22a59ecc9dc804b242746c77285d461da6863209779d858faa6fa2e) instead > Signature: ```typescript WCH_CONTEXT_RENDERING_CONTEXT_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_RESOURCE\_URL](#_1dda4c7bae72cc26de478257f8d19acc26bdc57cdbb69db6f06fb2d0c30201a1) ## WCH\_CONTEXT\_RESOURCE\_URL variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_RESOURCE\_URL](#_58c4d76332d08b53b0c0eb93786cac6035a29681204b3ea851e4b8117d03819d) instead > Signature: ```typescript WCH_CONTEXT_RESOURCE_URL: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_SEED\_RESOLVER](#_54d930ad250207a35669b1e4d9dea11849bffc807789e6bcf846b75f350fc284) ## WCH\_CONTEXT\_SEED\_RESOLVER variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_SEED\_RESOLVER](#_4eeaab9692c1d8838a4b9cf9c619ead16727352f80137267c6d88560075bdcab) instead > Signature: ```typescript WCH_CONTEXT_SEED_RESOLVER: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_URL\_CONFIG](#_cb59aa4cc02a6064370fded411ac5aa027e3154e48052f353d3bdcd839b3ecac) ## WCH\_CONTEXT\_URL\_CONFIG variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_URL\_CONFIG](#_ebfe546030ddd16f689b5f495670f84f652173439a69e3c397cd09c9f7a3dcbd) instead > Signature: ```typescript WCH_CONTEXT_URL_CONFIG: Required>> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [WCH\_CONTEXT\_WINDOW](#_09ab642b4b1202a458f75161cf3a20b5012396fa5cc9a90c4411fc6e594e4364) ## WCH\_CONTEXT\_WINDOW variable > Warning: This API is now obsolete. > > use [ACOUSTIC\_CONTEXT\_WINDOW](#_990d597bd38ad52dbf5fbf709a59fc2c804363adb9c1c7db37d04035e280363c) instead > Signature: ```typescript WCH_CONTEXT_WINDOW: Required> ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentTypeRef](#_1ee2842affbb9792746210328df52b9aa8b75a489b76102361b6788f9bc9d744) ## ComponentTypeRef type Captures all information required to instantiate a component based on its type Signature: ```typescript export declare type ComponentTypeRef

= ReactComponent

; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactComponent](#_f9b45c444bfc2ba2bc684ecb734fd8f42691cfc10dd92c69fde8606070a543a9) ## ReactComponent type Definition of a generic react component Signature: ```typescript export declare type ReactComponent

= FunctionComponent

| ComponentClass; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactModule](#_f2ad74abbaffe1b786fa16fd142f6d7c33618877a09122541328105b0cfb62a7) ## ReactModule type Type definition for the react component for a module Signature: ```typescript export declare type ReactModule = ReactComponent; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactModuleType](#_31b8a3447e7b71d8377ecbf15f72ee0d29dc4a7903e3c3eb3ad8d131126e906c) ## ReactModuleType type Type definition for the react component for a module Signature: ```typescript export declare type ReactModuleType = ReactModule; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentRegistry](#_cf7fb88fe952621ffa8282d6056999746afdf5265060e7fd72db61980c7f10f5) > [registerType](#_e76a37dd8bcea34faab9987ef5e6594233cba4b50b1d3c71b11884b6b55985c2) ## ComponentRegistry.registerType() method Registers the type given a full spec Signature: ```typescript registerType(aController: string | string[], aType: ComponentTypeRef, aLayoutModes?: string | string[]): void; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | aController | string | string[] | | | aType | ComponentTypeRef | | | aLayoutModes | string | string[] | | Returns: `void` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentRegistry](#_cf7fb88fe952621ffa8282d6056999746afdf5265060e7fd72db61980c7f10f5) > [registerType](#_ee042fe12d0dfe42e2eef973ef5240b2671a31e0009755a1c58dde265ed902d1) ## ComponentRegistry.registerType() method Registers the type and assumes that a decorator has specified the controller Signature: ```typescript registerType(aType: ComponentTypeRef): void; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | aType | ComponentTypeRef | | Returns: `void` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentResolver](#_d47de184b857474b12490e752197c715d6c87061a09a49274c132985e890da52) > [resolveComponent](#_ba5d59275572dd5491265fc4031200189c01305ca855039bab2357558008b520) ## ComponentResolver.resolveComponent() method Signature: ```typescript resolveComponent(aRenderingContext: RenderingContextV2, aLayoutMode?: string): Observable; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | aRenderingContext | RenderingContextV2 | | | aLayoutMode | string | | Returns: `Observable` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ComponentTypeRefResolver](#_e5a5cdff5bfdcb122521584259efd8bc0a0ec6166763b897b7f1a798ff5ce8fb) > [getTypeByLayout](#_2d72a2fb732ebdafaee5fd4256b3ca1288bba327fd48782ff9393c4cbc2d62b9) ## ComponentTypeRefResolver.getTypeByLayout property Returns the type object based on the layout configuration Signature: ```typescript getTypeByLayout: (aLayout: Layout, aLayoutMode?: string) => Observable; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ContentComponentProps](#_4a1ddcfd18d8a6243f6f0ec3593bb0a9d37b4bc825fc4d954277832a66d433a8) > [ctx](#_750e4ab79e250a456ded58e5238ef28fe51b4d6b2078768ab9356734f3e75331) ## ContentComponentProps.ctx property Rendering context used to render the component reference Signature: ```typescript ctx?: RenderingContextInput; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ContentComponentProps](#_4a1ddcfd18d8a6243f6f0ec3593bb0a9d37b4bc825fc4d954277832a66d433a8) > [id](#_ada759de95ba6a93080653228b92c4f213fb51dad4a237ae0c61e996fad2570e) ## ContentComponentProps.id property Points to a piece of external content Signature: ```typescript [KEY_ID]?: string; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ContentComponentProps](#_4a1ddcfd18d8a6243f6f0ec3593bb0a9d37b4bc825fc4d954277832a66d433a8) > [layoutMode](#_e3fb260c8640d4f26ed1b8b6a5c0373d5fe9af9dba9dcfa21cd744a8f44a55aa) ## ContentComponentProps.layoutMode property Optional layout mode Signature: ```typescript [KEY_LAYOUT_MODE]?: string; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactComponentProps](#_cd248119213f5d21d8ddfecf37f00ecb4486b9b96913a4c81d7506867e24304e) > [layoutMode](#_8120d4d0fedf69b5048c12ef1a3cd22fa1f98357a5cef8d8e7820ee42ab08d6a) ## ReactComponentProps.layoutMode property Layout mode used to render the component Signature: ```typescript [KEY_LAYOUT_MODE]?: string; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactComponentProps](#_cd248119213f5d21d8ddfecf37f00ecb4486b9b96913a4c81d7506867e24304e) > [renderingContext](#_5fbf158c5b8b690403391c9d1e46b52b844bf26ed9a9cd7de3d44620a7eaae72) ## ReactComponentProps.renderingContext property Rendering context that contains the required information about the data item to be rendered Signature: ```typescript [KEY_RENDERING_CONTEXT]: RenderingContextV2; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactModuleProps](#_5f9a90ec4f3db1cb1e5394530b1b7c30793ebf844730bd810a532b9c6128c17a) > [children](#_7249088a9e7d1fbc7aac8068aef7de497da64b0dfb01aea68498e884166494b5) ## ReactModuleProps.children property Signature: ```typescript children?: ReactNode; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactProvider](#_875030aaf986f4a944a98b3626b8253103fed3177ad92a9c2eb66bcdafb6a4f8) > [dependencies](#_c5e765663909298971397b45b8d064b26eb8f16b247d8cb8d43536f094a233d6) ## ReactProvider.dependencies property Required contexts, will be consumed when the module gets instantiated Signature: ```typescript dependencies?: Context[]; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactProvider](#_875030aaf986f4a944a98b3626b8253103fed3177ad92a9c2eb66bcdafb6a4f8) > [module](#_3dda6bd24e44ab7d5481ff57852abedf0c54c7886071ad98234e8e6a36cbc55b) ## ReactProvider.module property React component that implements the provider. The component consumes the dependencies and the optional dependencies and provides the specified context. Signature: ```typescript module: ReactModuleType; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactProvider](#_875030aaf986f4a944a98b3626b8253103fed3177ad92a9c2eb66bcdafb6a4f8) > [optionalDependencies](#_fcd6baeeabbed746cf25e1bc3b90282b9fa248e6034a31a63592c19f26a2435a) ## ReactProvider.optionalDependencies property optional contexts Signature: ```typescript optionalDependencies?: Context[]; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactProvider](#_875030aaf986f4a944a98b3626b8253103fed3177ad92a9c2eb66bcdafb6a4f8) > [provides](#_5499032289048fb02d9a5216fd7112ea7ced6219e77d728c154cef6f744604c9) ## ReactProvider.provides property Provided context Signature: ```typescript provides: Context; ``` [Home](#_c53bf5386a26ca49a8c6d22e297c4b77f9eab4ad2d0a0fe53214567890d7a035) > [@acoustic-content-sdk/react-api](#_da6c775eafb5bc8e2cb01476cb2604ad99255f87b02a7e7b9e044c043a497276) > [ReactWchPageService](#_eb4b56f95dbf66887ea5a5fa976e5d78270fd3db833d4f0d62b3ecdde7404fd4) > [getRenderingContextByActivatedRoute](#_5a0fed33c6eea852db1d296f1fe396bc1bc5f4df78a2e7035b6866d7a57655fd) ## ReactWchPageService.getRenderingContextByActivatedRoute() method Resolves the rendering context given the router Signature: ```typescript getRenderingContextByActivatedRoute(aRoute: RouteComponentProps): Observable; ``` ## Parameters | Parameter | Type | Description | | --- | --- | --- | | aRoute | RouteComponentProps | the activated route | Returns: `Observable` the observable of the rendering context or undefined if it could not be found