[JS-loaders] Stabilize feature

change-beta/@azure-communication-react-b7391df0-c3f4-490f-84ad-b97252d3a49d.json

@@ -0,0 +1,9 @@
+{
+  "type": "minor",
+  "area": "feature",
+  "workstream": "JavsScript Loaders",
+  "comment": "Stabilize Javascript Loaders from a sub export of communication react",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-b7391df0-c3f4-490f-84ad-b97252d3a49d.json

@@ -0,0 +1,9 @@
+{
+  "type": "minor",
+  "area": "feature",
+  "workstream": "JavsScript Loaders",
+  "comment": "Stabilize Javascript Loaders from a sub export of communication react",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

common/config/babel/features.js

@@ -97,6 +97,8 @@ module.exports = {
     // Feature for showing notifications
     "notifications",
     // Feature for tracking beta start call identifier
-    'start-call-beta'
+    'start-call-beta',
+    // feature for adding JS helpers to the UI library API
+    "composite-js-helpers",
   ]
 }

packages/acs-ui-javascript-loaders/src/callCompositeLoader.ts

@@ -22,7 +22,7 @@ import { initializeIcons } from '@fluentui/react';
 
 /**
  * Props for the OutboundCallComposite that you can use in your application.
- * @beta
+ * @public
  */
 export type CallCompositeLoaderProps = {
   userId: string;
@@ -35,7 +35,7 @@ export type CallCompositeLoaderProps = {
 /**
  * Loader function for the OutboundCallComposite that you can use in your application.
  *
- * @beta
+ * @public
  */
 export const loadCallComposite = async function (
   adapterArgs: CallCompositeLoaderProps,

packages/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.test.tsx

@@ -9,7 +9,7 @@ import { CallWithChatCompositeLoaderProps } from './callWithChatCompositeLoader'
 jest.mock('@internal/react-composites', () => {
   return {
     createAzureCommunicationCallWithChatAdapter: jest.fn().mockResolvedValue('mockAdapter'),
-    CallWithChatComposite: jest.fn().mockReturnValue('mockCallComposite')
+    CallWithChatComposite: jest.fn().mockReturnValue('mockCallWithChatComposite')
   };
 });
 const mockCreateRoot = jest.fn();

packages/acs-ui-javascript-loaders/src/callWithChatCompositeLoader.ts

@@ -21,7 +21,7 @@ import { initializeIcons } from '@fluentui/react';
 
 /**
  * Props for the CallWithChatComposite that you can use in your application.
- * @beta
+ * @public
  */
 export type CallWithChatCompositeLoaderProps = {
   userId: string;
@@ -33,7 +33,7 @@ export type CallWithChatCompositeLoaderProps = {
 
 /**
  * Props for the CallWithChatComposite that you can use in your application.
- * @beta
+ * @public
  */
 export const loadCallWithChatComposite = async function (
   args: CallWithChatCompositeLoaderProps,

packages/acs-ui-javascript-loaders/src/chatCompositeLoader.test.tsx

@@ -9,7 +9,7 @@ import { ChatCompositeLoaderProps } from './chatCompositeLoader';
 jest.mock('@internal/react-composites', () => {
   return {
     createAzureCommunicationChatAdapter: jest.fn().mockResolvedValue('mockAdapter'),
-    ChatComposite: jest.fn().mockReturnValue('mockCallComposite')
+    ChatComposite: jest.fn().mockReturnValue('mockChatComposite')
   };
 });
 const mockCreateRoot = jest.fn();

packages/acs-ui-javascript-loaders/src/chatCompositeLoader.ts

@@ -20,7 +20,7 @@ import { initializeIcons } from '@fluentui/react';
 
 /**
  * Props for the ChatComposite that you can use in your application.
- * @beta
+ * @public
  */
 export type ChatCompositeLoaderProps = {
   userId: string;
@@ -32,7 +32,7 @@ export type ChatCompositeLoaderProps = {
 
 /**
  * Loader function for the ChatComposite that you can use in your application.
- * @beta
+ * @public
  */
 export const loadChatComposite = async function (
   args: ChatCompositeLoaderProps,

packages/acs-ui-javascript-loaders/src/outboundCallCompositeLoader.ts

@@ -22,7 +22,7 @@ import { initializeIcons } from '@fluentui/react';
 
 /**
  * Props for the OutboundCallComposite that you can use in your application.
- * @beta
+ * @public
  */
 export type OutboundCallCompositeLoaderProps = {
   userId: string;
@@ -35,7 +35,7 @@ export type OutboundCallCompositeLoaderProps = {
 /**
  * Loader function for the OutboundCallComposite that you can use in your application.
  *
- * @beta
+ * @public
  */
 export const loadOutboundCallComposite = async function (
   adapterArgs: OutboundCallCompositeLoaderProps,