agora-appbuilder-core 2.3.0-beta.23 → 2.3.0-beta.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "2.3.0-beta.23",
+  "version": "2.3.0-beta.25",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/Gulpfile.js

@@ -24,35 +24,33 @@ const WebpackDevServer = require('webpack-dev-server');
 const webpackConfig = require('./webpack.renderer.config');
 const webpackRsdkConfig = require('./webpack.rsdk.config');
 
-const outPathArg = process.argv.indexOf('--outpath')
+const outPathArg = process.argv.indexOf('--outpath');
 getBuildPath = () => {
   if (outPathArg == -1) {
     return process.env.TARGET === 'wsdk'
-    ? path.join(__dirname, '../Builds/web-sdk')
-    : process.env.TARGET === 'rsdk'
-    ? path.join(__dirname, '../Builds/react-sdk')
-    : process.env.TARGET === 'android'
-    ? path.join(__dirname, '../Builds/android')
-    : path.join(__dirname, '../Builds/.electron');
+      ? path.join(__dirname, '../Builds/web-sdk')
+      : process.env.TARGET === 'rsdk'
+      ? path.join(__dirname, '../Builds/react-sdk')
+      : process.env.TARGET === 'android'
+      ? path.join(__dirname, '../Builds/android')
+      : path.join(__dirname, '../Builds/.electron');
   } else {
-    return process.argv[outPathArg+1].split('/').slice(0, -1).join('/')
+    return process.argv[outPathArg + 1].split('/').slice(0, -1).join('/');
   }
-}
+};
 const BUILD_PATH = getBuildPath();
-const TS_DEFS_BUILD_PATH = process.env.TARGET === 'wsdk'
-? path.join(__dirname, '../Builds/ts-defs/web-sdk')
-: process.env.TARGET === 'rsdk'
-? path.join(__dirname, '../Builds/ts-defs/react-sdk')
-: process.env.TARGET === 'android'
-? path.join(__dirname, '../Builds/ts-defs/android')
-: path.join(__dirname, '../Builds/ts-defs/.electron');
-
-const pkgNameArg = process.argv.indexOf('--pkgname')
-const PACKAGE_NAME = pkgNameArg == -1
-  ?  'agora-app-builder-sdk'
-  : process.argv[pkgNameArg+1]
+const TS_DEFS_BUILD_PATH =
+  process.env.TARGET === 'wsdk'
+    ? path.join(__dirname, '../Builds/ts-defs/web-sdk')
+    : process.env.TARGET === 'rsdk'
+    ? path.join(__dirname, '../Builds/ts-defs/react-sdk')
+    : process.env.TARGET === 'android'
+    ? path.join(__dirname, '../Builds/ts-defs/android')
+    : path.join(__dirname, '../Builds/ts-defs/.electron');
 
-let PRODUCT_NAME;
+const pkgNameArg = process.argv.indexOf('--pkgname');
+const PACKAGE_NAME =
+  pkgNameArg == -1 ? 'agora-app-builder-sdk' : process.argv[pkgNameArg + 1];
 
 const runCli = (cmd, cb) => {
   const [arg1, ...arg2] = cmd.split(' ');
@@ -68,28 +66,9 @@ const general = {
     return del([`${BUILD_PATH}/**/*`], {force: true});
   },
   packageJson: async (cb) => {
-    let package = JSON.parse(
+    let {version, private, author, description, dependencies} = JSON.parse(
       await fs.readFile(path.join(__dirname, 'package.json')),
     );
-    let {
-      name,
-      version,
-      private,
-      author,
-      description,
-      dependencies,
-      optionalDependencies,
-    } = package;
-    PRODUCT_NAME = name;
-    let nativeDeps = require('./nativeDeps').default;
-    let natives = {};
-    let searchDeps = {
-      ...dependencies,
-      ...optionalDependencies,
-    };
-    nativeDeps.map((k) => {
-      natives[k] = searchDeps[k];
-    });
 
     let newPackage = {
       name: PACKAGE_NAME,
@@ -97,16 +76,14 @@ const general = {
       private,
       author,
       description,
-      // dependencies: natives,
-      // agora_electron: {
-      //   electron_version: '5.0.8',
-      //   prebuilt: true,
-      // },
     };
 
     // Target specific changes
 
     if (process.env.TARGET === 'rsdk') {
+      if(pkgNameArg == -1){
+        newPackage.name = "@appbuilder/react"
+      }
       newPackage.main = 'index.js';
       newPackage.types = 'index.d.ts';
 
@@ -121,6 +98,9 @@ const general = {
     }
 
     if (process.env.TARGET === 'wsdk') {
+      if(pkgNameArg == -1){
+        newPackage.name = "@appbuilder/web"
+      }
       newPackage.main = 'app-builder-web-sdk.umd2.js';
       newPackage.types = 'index.d.ts';
     }
@@ -136,13 +116,13 @@ const general = {
   },
   typescript: (cb) => {
     runCli(
-      'npx -p typescript tsc --project tsconfig_fpeApi.json --outFile ../Builds/fpe-api.d.ts',
+      'npx -p typescript tsc --project tsconfig_fpeApi.json --outFile ../Builds/customization-api.d.ts',
       () => cb(),
     );
   },
   typescriptFix: () => {
-    return src(['../Builds/fpe-api.d.ts', './global.d.ts'])
-      .pipe(concat('./fpe-api.d.ts'))
+    return src(['../Builds/customization-api.d.ts', './global.d.ts'])
+      .pipe(concat('./customization-api.d.ts'))
       .pipe(
         replace(
           `declare var $config: ConfigInterface;
@@ -160,14 +140,17 @@ declare module 'test-fpe' {
     return del([`${path.join(BUILD_PATH, '../', '/')}*.d.ts`], {force: true});
   },
   genTsDefs: (cb) => {
-    runCli(`mkdir -p ${TS_DEFS_BUILD_PATH} && cp ${BUILD_PATH}/index.d.ts ${TS_DEFS_BUILD_PATH}/index.d.ts`, cb);
+    runCli(
+      `mkdir -p ${TS_DEFS_BUILD_PATH} && cp ${BUILD_PATH}/index.d.ts ${TS_DEFS_BUILD_PATH}/index.d.ts`,
+      cb,
+    );
   },
   useTsDefs: (cb) => {
-    runCli(`cp ${TS_DEFS_BUILD_PATH}/index.d.ts ${BUILD_PATH}/index.d.ts`, cb)
+    runCli(`cp ${TS_DEFS_BUILD_PATH}/index.d.ts ${BUILD_PATH}/index.d.ts`, cb);
   },
   npmPack: (cb) => {
-    runCli(`cd ${BUILD_PATH} && npm pack`, cb)
-  }
+    runCli(`cd ${BUILD_PATH} && npm pack`, cb);
+  },
 };
 
 const electron = {
@@ -208,15 +191,19 @@ const reactSdk = {
   esbuild: (cb) => {
     let outPath = '';
     if (outPathArg != -1) {
-      outPath = ` --outpath ${process.argv[outPathArg+1]}`
+      outPath = ` --outpath ${process.argv[outPathArg + 1]}`;
     }
     let configTransformerPath = '';
-    const configTransformerPathArg = process.argv.indexOf('--configtransformerpath')
+    const configTransformerPathArg = process.argv.indexOf(
+      '--configtransformerpath',
+    );
     if (configTransformerPathArg != -1) {
-      configTransformerPath = ` --configtransformerpath ${process.argv[configTransformerPathArg+1]}`
+      configTransformerPath = ` --configtransformerpath ${
+        process.argv[configTransformerPathArg + 1]
+      }`;
     }
-    let esbuildCmd = `go build -o ../esbuild-bin/rsdk ./esbuild.rsdk.go && ../esbuild-bin/rsdk${outPath}${configTransformerPath}`
-    console.log(esbuildCmd)
+    let esbuildCmd = `go build -o ../esbuild-bin/rsdk ./esbuild.rsdk.go && ../esbuild-bin/rsdk${outPath}${configTransformerPath}`;
+    console.log(esbuildCmd);
     runCli(esbuildCmd, cb);
   },
   typescript: (cb) => {
@@ -227,7 +214,7 @@ const reactSdk = {
     );
   },
   typescriptFix: () => {
-    return src(['../Builds/fpe-api.d.ts', '../Builds/reactSdk.d.ts'])
+    return src(['../Builds/customization-api.d.ts', '../Builds/reactSdk.d.ts'])
       .pipe(concat('index.d.ts'))
       .pipe(
         replace(
@@ -235,11 +222,11 @@ const reactSdk = {
           'declare module "agora-app-builder-sdk"',
         ),
       )
-      .pipe(replace("'fpe-api'", "'fpe-api/index'"))
-      .pipe(replace('"fpe-api"', '"fpe-api/index"'))
+      .pipe(replace("'customization-api'", "'customization-api/index'"))
+      .pipe(replace('"customization-api"', '"customization-api/index"'))
       .pipe(header('// @ts-nocheck\n'))
       .pipe(dest(BUILD_PATH));
-  }
+  },
 };
 
 const webSdk = {
@@ -253,7 +240,7 @@ const webSdk = {
     );
   },
   typescriptFix: () => {
-    return src(['../Builds/fpe-api.d.ts', '../Builds/webSdk.d.ts'])
+    return src(['../Builds/customization-api.d.ts', '../Builds/webSdk.d.ts'])
       .pipe(concat('index.d.ts'))
       .pipe(
         replace(
@@ -261,14 +248,14 @@ const webSdk = {
           'declare module "agora-app-builder-sdk"',
         ),
       )
-      .pipe(replace("'fpe-api'", "'fpe-api/index'"))
-      .pipe(replace('"fpe-api"', '"fpe-api/index"'))
+      .pipe(replace("'customization-api'", "'customization-api/index'"))
+      .pipe(replace('"customization-api"', '"customization-api/index"'))
       .pipe(header('// @ts-nocheck\n'))
       .pipe(dest(BUILD_PATH));
   },
   npmPack: (cb) => {
-    runCli('cd ../Builds/web-sdk && npm pack',cb)
-  }
+    runCli('cd ../Builds/web-sdk && npm pack', cb);
+  },
 };
 
 const android = {
@@ -335,7 +322,7 @@ module.exports.reactSdk = series(
 );
 
 // react-sdk-esbuild
-module.exports.reactSdkEsbuild = series (
+module.exports.reactSdkEsbuild = series(
   general.clean,
   general.createBuildDirectory,
   general.packageJson,
@@ -346,31 +333,31 @@ module.exports.reactSdkEsbuild = series (
   reactSdk.typescriptFix,
   general.typescriptClean,
   general.npmPack,
-)
+);
 
 // generate typescript definitions
-module.exports.makeRsdkTsDefs = series (
+module.exports.makeRsdkTsDefs = series(
   general.clean,
   general.createBuildDirectory,
   general.packageJson,
-  reactSdk.esbuild,
+  reactSdk.webpack,
   general.typescript,
   general.typescriptFix,
   reactSdk.typescript,
   reactSdk.typescriptFix,
   general.typescriptClean,
   general.genTsDefs,
-)
+);
 
 // react-sdk-esbuild with cached type definitions
-module.exports.reactSdkEsbuildCachedTsc = series (
+module.exports.reactSdkEsbuildCachedTsc = series(
   general.clean,
   general.createBuildDirectory,
   general.packageJson,
   reactSdk.esbuild,
   general.useTsDefs,
   general.npmPack,
-)
+);
 
 // web-sdk
 module.exports.webSdk = series(
@@ -411,10 +398,7 @@ module.exports.webSdkCachedTsc = series(
   general.clean,
   general.createBuildDirectory,
   general.packageJson,
-  parallel(
-    webSdk.webpack,
-    general.useTsDefs,
-  ),
+  parallel(webSdk.webpack, general.useTsDefs),
   general.npmPack,
 );
 

package/template/agora-rn-uikit/src/Contexts/RtcContext.tsx

@@ -5,12 +5,12 @@ import type {DualStreamMode, RenderInterface} from './PropsContext';
 
 export type UidType = number;
 
-export interface RenderObjectInterface {
+export interface RenderObjects {
   [key: number]: RenderInterface;
 }
 
 export interface RenderStateInterface {
-  renderList: RenderObjectInterface;
+  renderList: RenderObjects;
   renderPosition: Array<UidType>;
 }
 

package/template/babel.config.js

@@ -10,7 +10,7 @@
 *********************************************
 */
 const configVars = require('./configTransform');
-const getFpePath = require('./fpe.config');
+const getCustomizationApiPath = require('./customization.config');
 
 // This file is read only by react native for IOS & Android. Doesn't apply to electron, Web targets
 module.exports = {
@@ -20,14 +20,14 @@ module.exports = {
     [
       require.resolve('babel-plugin-module-resolver'),
       {
-        root: ["./"],
+        root: ['./'],
         alias: {
-          "fpe-api/install": "./fpe-api/install.ts",
-          "fpe-api": "./fpe-api/index.ts",
-          "fpe-implementation": "./fpe-implementation/index.ts",
-          "test-fpe": getFpePath()
-        }
-      }
-    ]
+          'customization-api': './customization-api/index.ts',
+          'customization-implementation':
+            './customization-implementation/index.ts',
+          'test-fpe': getCustomizationApiPath(),
+        },
+      },
+    ],
   ],
 };

package/template/bridge/rtc/webNg/RtcEngine.ts

@@ -33,8 +33,8 @@ import {ChannelProfile, ClientRole} from '../../../agora-rn-uikit';
 import {role, mode} from './Types';
 import {LOG_ENABLED, GEO_FENCING} from '../../../config.json';
 import {Platform} from 'react-native';
-import isMobileOrTablet from '../../../src/utils/isMobileOrTablet';
-
+import useIsMobileOrTablet from '../../../src/utils/useIsMobileOrTablet';
+const isMobileOrTablet = useIsMobileOrTablet();
 interface MediaDeviceInfo {
   readonly deviceId: string;
   readonly label: string;

package/template/{fpe-api/context.ts → customization-api/app-state.ts}

@@ -1,21 +1,17 @@
 /**
  * Core contexts
  */
-import {createHook} from 'fpe-implementation';
-import {
-  RtcContext,
-  RenderContext,
-  PropsContext,
-  LocalContext,
-} from '../agora-rn-uikit';
+import {createHook} from 'customization-implementation';
+import {RtcContext, RenderContext} from '../agora-rn-uikit';
+
 // commented for v1 release
 //import {default as DeviceContext} from '../src/components/DeviceContext';
 //import {default as StorageContext} from '../src/components/StorageContext';
 
-export const useRtcContext = createHook(RtcContext);
-export const useRenderContext = createHook(RenderContext);
-export const usePropsContext = createHook(PropsContext);
-export const useLocalContext = createHook(LocalContext);
+export const useRtc = createHook(RtcContext);
+export const useRender = createHook(RenderContext);
+export {useLocalUserInfo} from '../src/app-state/useLocalUserInfo';
+
 // commented for v1 release
 //export const useDeviceContext = createHook(DeviceContext);
 //export const useStorageContext = createHook(StorageContext);

package/template/customization-api/customEvents.ts

@@ -0,0 +1,9 @@
+// 1. Import Events
+import Events from '../src/rtm-events-api/Events';
+import {EventSource} from '../src/rtm-events-api';
+
+// 2. Initialize with source "fpe"
+const customEvents = new Events(EventSource.fpe);
+
+// 3. export
+export {customEvents};

package/template/{fpe-api/install.ts → customization-api/customize.ts}

@@ -9,12 +9,12 @@
  information visit https://appbuilder.agora.io. 
 *********************************************
 */
-import {FpeApiInterface} from './typeDefinition';
+import {CustomizationApiInterface} from './typeDefinition';
 import ReactIs from 'react-is';
 /**
  *
- * @param config FPE options to override the UI components and customize the application
- * @returns config options
+ * @param config customization options to override the UI components and customize the application
+ * @returns customization options
  */
 
 function isString(data: any) {
@@ -59,14 +59,14 @@ function validateComponents(components: any) {
           }
         } else {
           console.error(
-            `InstallFPE:Error ${key} should be a react component or object`,
+            `Customize:Error ${key} should be a react component or object`,
           );
         }
       }
     } else {
       let comp = components[key];
       if (comp && !isFunction(comp)) {
-        console.error(`InstallFPE:Error ${key} should be an function`);
+        console.error(`Customize:Error ${key} should be an function`);
       }
     }
   }
@@ -77,7 +77,7 @@ function validateLifecycle(data: any) {
     const callback = data[key];
     if (callback && !isFunction(callback)) {
       console.error(
-        `InstallFPE:Error ${key} should be a function that return async function`,
+        `Customize:Error ${key} should be a function that return async function`,
       );
     }
   }
@@ -85,20 +85,20 @@ function validateLifecycle(data: any) {
 
 function validateCustomRoutes(routes: any) {
   if (routes && !Array.isArray(routes)) {
-    console.error(`InstallFPE:Error customRoutes should be an array`);
+    console.error(`Customize:Error customRoutes should be an array`);
   }
 }
 
 function validateAppRoot(data: any) {
   if (data && !isComponent(data)) {
-    console.error(`InstallFPE:Error appRoot should be a react component`);
+    console.error(`Customize:Error appRoot should be a react component`);
   }
 }
 
 function validatei18n(data: any) {
   if (data) {
     if (!Array.isArray(data)) {
-      console.error(`InstallFPE:Error i18n should be an array`);
+      console.error(`Customize:Error i18n should be an array`);
     } else {
       data.map((item) => {
         const langData = item.data;
@@ -107,7 +107,7 @@ function validatei18n(data: any) {
           if (value) {
             if (!(isString(value) || isFunction(value))) {
               console.error(
-                `InstallFPE:Error ${item.locale} ${key} should be a string or function`,
+                `Customize:Error ${item.locale} ${key} should be a string or function`,
               );
             }
           }
@@ -116,7 +116,7 @@ function validatei18n(data: any) {
     }
   }
 }
-export const installFPE = (config: FpeApiInterface) => {
+export const customize = (config: CustomizationApiInterface) => {
   //validating the components
   config?.components && validateComponents(config.components);
 

package/template/{fpe-api → customization-api}/index.ts

@@ -9,13 +9,18 @@
  information visit https://appbuilder.agora.io. 
 *********************************************
 */
-import fpeConfig from 'test-fpe';
 
-export {fpeConfig};
+// TODO: Investigate further
+// Exported like so to prevent error while bundling as react-sdk. Cause: some webpack Edgecase
+import {customize} from './customize';
+import configJSON from '../config.json';
 
-export * from './useFpe';
-export * from './context';
-export * from './components';
+let config = configJSON as unknown as ConfigInterface;
+
+export {customize, config};
+
+export * from './app-state';
+export * from './customEvents';
+export * from './sub-components';
 export * from './typeDefinition';
 export * from './utils';
-export * from './fpeEvents';

package/template/{fpe-api/components.ts → customization-api/sub-components.ts}

@@ -33,10 +33,10 @@ export {
 export {default as GridLayout} from '../src/components/GridVideo';
 export {default as PinnedLayout} from '../src/components/PinnedVideo';
 export {default as VideoComponent} from '../src/pages/video-call/VideoComponent';
-export {MaxVideoRenderer as MaxVideoView} from '../src/pages/video-call/VideoRenderer';
+export {default as MaxVideoView} from '../src/pages/video-call/VideoRenderer';
 export {default as RenderComponent} from '../src/pages/video-call/RenderComponent';
-export {NameWithMicStatus} from '../src/pages/video-call/NameWithMicStatus';
-export {NetworkQualityPill} from '../src/subComponents/NetworkQualityPill';
+export {default as NameWithMicIcon} from '../src/pages/video-call/NameWithMicIcon';
+export {default as NetworkQualityPill} from '../src/subComponents/NetworkQualityPill';
 //videocall screen
 export {default as VideocallScreen} from '../src/pages/video-call/VideoCallScreen';
 

package/template/{fpe-api → customization-api}/typeDefinition.ts

@@ -115,7 +115,7 @@ export interface CustomRoutesInterface {
 
 export type CustomHookType = () => () => Promise<void>;
 
-export interface FpeApiInterface {
+export interface CustomizationApiInterface {
   /**
    * components used to replace whole screen or subcomponents
    */

package/template/{fpe-api → customization-api}/utils.ts

@@ -10,18 +10,19 @@
 *********************************************
 */
 // commented for v1 release
-//export {default as useIsScreenShare} from '../src/utils/isScreenShareUser';
-export {default as useIsHost} from '../src/utils/isHostUser';
-export {default as useIsAttendee} from '../src/utils/IsAttendeeUser';
-export {default as useIsPSTN} from '../src/utils/isPSTNUser';
-export {default as useUserList} from '../src/utils/useUserList';
+//export {default as useIsScreenShare} from '../src/utils/useIsScreenShare';
+
+//hooks used to check user type
+export {default as useIsHost} from '../src/utils/useIsHost';
+export {default as useIsAttendee} from '../src/utils/useIsAttendee';
+export {default as useIsPSTN} from '../src/utils/useIsPSTN';
+
+//hook used to get/set username
+export {default as useUserName} from '../src/utils/useUserName';
+
+//hooks used to manage messages
 export {default as useGroupMessages} from '../src/utils/useGroupMessages';
 export {default as usePrivateMessages} from '../src/utils/usePrivateMessages';
-export {default as useIsAudioEnabled} from '../src/utils/isAudioEnabled';
-export {default as useIsVideoEnabled} from '../src/utils/isVideoEnabled';
-export {default as useSetName} from '../src/utils/useSetName';
-export {default as useGetName} from '../src/utils/useGetName';
-export {useSidePanel} from '../src/utils/useSidePanel';
 export {
   default as useUnreadMessageCount,
   UNREAD_MESSAGE_COUNT_TYPE,
@@ -30,10 +31,6 @@ export {
   default as useSetUnreadMessageCount,
   SET_UNREAD_MESSAGE_COUNT_TYPE,
 } from '../src/utils/useSetUnreadMessageCount';
-export {default as useNavigateTo} from '../src/utils/useNavigateTo';
-export {default as useNavParams} from '../src/utils/useNavParams';
-export {default as useCreateMeeting} from '../src/utils/useCreateMeeting';
-export {default as useJoinMeeting} from '../src/utils/useJoinMeeting';
 export {
   default as useSendMessage,
   MESSAGE_TYPE,
@@ -41,10 +38,10 @@ export {
 export {default as useEditMessage} from '../src/utils/useEditMessage';
 export {default as useDeleteMessage} from '../src/utils/useDeleteMessage';
 export {controlMessageEnum} from '../src/components/ChatContext';
-export {
-  default as useSendControlMessage,
-  CONTROL_MESSAGE_TYPE,
-} from '../src/utils/useSendControlMessage';
+
+//hook to manage audio/video states
+export {default as useIsAudioEnabled} from '../src/utils/useIsAudioEnabled';
+export {default as useIsVideoEnabled} from '../src/utils/useIsVideoEnabled';
 export {
   MUTE_LOCAL_TYPE,
   default as useMuteToggleLocal,
@@ -56,15 +53,23 @@ export {
 } from '../src/utils/useRemoteMute';
 export {ToggleState} from '../agora-rn-uikit/src/Contexts/PropsContext';
 
+//
+export {useSidePanel} from '../src/utils/useSidePanel';
+
+//hooks used for navigation
+export {useHistory, useParams} from '../src/components/Router';
+
+//hooks used for manage meeting data
+export {default as useCreateMeeting} from '../src/utils/useCreateMeeting';
+export {default as useJoinMeeting} from '../src/utils/useJoinMeeting';
+
 //export common function
 export {
-  hasBrandLogo,
-  isAndroid,
-  isArray,
-  isIOS,
-  isValidReactComponent,
-  isWeb,
-  shouldAuthenticate,
+  useIsWeb,
+  useIsIOS,
+  useIsAndroid,
+  useIsDestop,
+  useHasBrandLogo,
 } from '../src/utils/common';
-export {default as isMobileOrTablet} from '../src/utils/isMobileOrTablet';
+export {default as useIsMobileOrTablet} from '../src/utils/useIsMobileOrTablet';
 export {useLocalUid} from '../agora-rn-uikit';

package/template/{fpe-implementation/dummyFpe.ts → customization-implementation/dummyConfig.ts}

@@ -9,9 +9,9 @@
  information visit https://appbuilder.agora.io. 
 *********************************************
 */
-import { installFPE } from "fpe-api/install";
+import {customize} from 'customization-api';
 /**
- * Dummy FPE used to load when project doesn't have the FPE.
+ * Dummy Config used to load when project doesn't have the customization.
  */
-const data = installFPE({});
-export default data;
+const dummyConfig = customize({});
+export default dummyConfig;

package/template/customization-implementation/index.ts

@@ -0,0 +1,4 @@
+export {default as createHook} from './createHook';
+export {CustomizationProvider, useCustomization} from './useCustomization';
+export type {CustomizationProviderProps} from './useCustomization';
+export {default as customizationConfig} from 'test-fpe';