@blocklet/ui-react 2.9.29 → 2.9.30

package/es/ComponentInstaller/index.d.ts

@@ -2,6 +2,36 @@ declare function WrapComponentInstaller(props: any): any;
 declare namespace WrapComponentInstaller {
     namespace propTypes {
         let children: any;
+        let disabled: any;
+        let warnIcon: any;
+        let did: any;
+        let noPermissionMute: any;
+        let onInstalled: any;
+        let onError: any;
+        let closeByOutSize: any;
+        let onClose: any;
+        let fallback: any;
+        let roles: any;
+    }
+    namespace defaultProps {
+        let disabled_1: boolean;
+        export { disabled_1 as disabled };
+        let warnIcon_1: null;
+        export { warnIcon_1 as warnIcon };
+        let noPermissionMute_1: boolean;
+        export { noPermissionMute_1 as noPermissionMute };
+        let onInstalled_1: null;
+        export { onInstalled_1 as onInstalled };
+        let onError_1: null;
+        export { onError_1 as onError };
+        let closeByOutSize_1: boolean;
+        export { closeByOutSize_1 as closeByOutSize };
+        let onClose_1: null;
+        export { onClose_1 as onClose };
+        let fallback_1: null;
+        export { fallback_1 as fallback };
+        let roles_1: string[];
+        export { roles_1 as roles };
     }
 }
 export default WrapComponentInstaller;

package/es/ComponentInstaller/index.js

@@ -1,16 +1,18 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button, Box, ClickAwayListener, Fade, Paper } from "@mui/material";
-import { Icon } from "@iconify/react";
-import { temp as colors } from "@arcblock/ux/lib/Colors";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
-import { useContext } from "react";
+import { temp as colors } from "@arcblock/ux/lib/Colors";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { translate } from "@arcblock/ux/lib/Locale/util";
 import SessionPermission from "@arcblock/ux/lib/SessionPermission";
-import PropTypes from "prop-types";
+import { Icon } from "@iconify/react";
+import CloseIcon from "@mui/icons-material/Close";
+import { Box, ClickAwayListener, Fade, IconButton, Paper } from "@mui/material";
 import { useMemoizedFn } from "ahooks";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import useComponentInstalled from "./use-component-installed.js";
+import PropTypes from "prop-types";
+import { useContext } from "react";
+import InstallerItem from "./installer-item.js";
 import translations from "./locales.js";
+import useComponentInstalled from "./use-component-installed.js";
 function ComponentInstaller({
   warnIcon,
   did,
@@ -28,25 +30,15 @@ function ComponentInstaller({
   const t = useMemoizedFn((key, data = {}) => {
     return translate(translations, key, locale, "en", data);
   });
-  const { installed, optionalComponent, installUrl, storeUrl, installStatus, installStatusDone, definedInBlockletYML } = useComponentInstalled({
+  const { installed, optComponents, installStatus, definedInBlockletYML } = useComponentInstalled({
     did,
     onInstalled,
     onError
   });
   const sessionCtx = useContext(SessionContext);
-  const handleInstall = () => {
-    window.open(installUrl, "_blank");
-  };
   const handleClose = () => {
     onClose?.(false);
   };
-  const handleOpenStore = () => {
-    window.open(storeUrl, "_blank");
-  };
-  const handleRefresh = () => {
-    window.location.reload();
-  };
-  const size = 60;
   if (disabled) {
     return children;
   }
@@ -62,11 +54,8 @@ function ComponentInstaller({
         fallback,
         children({
           hasPermission,
-          optionalComponent,
-          installStatus,
-          handleOpenStore,
-          handleInstall,
-          handleRefresh
+          optComponents,
+          installStatus
         })
       ] });
     }
@@ -93,7 +82,7 @@ function ComponentInstaller({
                 zIndex: 3e3,
                 borderRadius: 3,
                 width: 400,
-                maxWidth: 400,
+                maxWidth: "90vw",
                 borderColor: colors.lineStep,
                 border: "0 !important",
                 fontSize: "14px",
@@ -108,12 +97,15 @@ function ComponentInstaller({
                       padding: "20px 24px",
                       marginLeft: 0,
                       display: "flex",
+                      alignItems: "center",
                       flexDirection: "row",
                       justifyContent: "flex-start"
                     },
                     children: [
                       warnIcon || /* @__PURE__ */ jsx(Icon, { icon: "mdi:warning-box", style: { color: "yellowgreen", fontSize: 24 } }),
-                      /* @__PURE__ */ jsx(Box, { sx: { marginLeft: 1, fontSize: "16px", fontWeight: "bold" }, children: t("componentInstallerTitle") })
+                      /* @__PURE__ */ jsx(Box, { sx: { marginLeft: 1, fontSize: "16px", fontWeight: "bold" }, children: t("componentInstallerTitle") }),
+                      /* @__PURE__ */ jsx(Box, { sx: { flex: 1 } }),
+                      onClose ? /* @__PURE__ */ jsx(IconButton, { variant: "outlined", className: "button", onClick: handleClose, children: /* @__PURE__ */ jsx(CloseIcon, {}) }) : null
                     ]
                   }
                 ),
@@ -122,8 +114,7 @@ function ComponentInstaller({
                   t("componentInstallerNoDefinedInBlockletYML"),
                   ": ",
                   did
-                ] }),
-                /* @__PURE__ */ jsx(Box, { sx: { padding: "0px 24px" }, children: onClose ? /* @__PURE__ */ jsx(Button, { sx: { marginBottom: 2 }, variant: "outlined", className: "button", onClick: handleClose, children: t("componentInstallerClose") }) : null })
+                ] })
               ] }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column" }, children: [
                 /* @__PURE__ */ jsxs(
                   Box,
@@ -133,141 +124,34 @@ function ComponentInstaller({
                       marginLeft: 0,
                       display: "flex",
                       flexDirection: "row",
+                      alignItems: "center",
                       justifyContent: "flex-start"
                     },
                     children: [
                       warnIcon || /* @__PURE__ */ jsx(Icon, { icon: "mdi:warning-box", style: { color: "yellowgreen", fontSize: 24 } }),
-                      /* @__PURE__ */ jsx(Box, { sx: { marginLeft: 1, fontSize: "16px", fontWeight: "bold" }, children: t("componentInstallerTitle") })
+                      /* @__PURE__ */ jsx(Box, { sx: { marginLeft: 1, fontSize: "16px", fontWeight: "bold" }, children: t("componentInstallerTitle") }),
+                      /* @__PURE__ */ jsx(Box, { sx: { flex: 1 } }),
+                      onClose ? /* @__PURE__ */ jsx(IconButton, { variant: "outlined", className: "button", onClick: handleClose, children: /* @__PURE__ */ jsx(CloseIcon, {}) }) : null
                     ]
                   }
                 ),
                 /* @__PURE__ */ jsx(Box, { sx: { width: "100%", height: "1px", backgroundColor: colors.gray6 } }),
-                /* @__PURE__ */ jsxs(
-                  Box,
-                  {
-                    sx: {
-                      padding: "20px 24px",
-                      paddingTop: 0.5,
-                      marginTop: 2,
-                      display: "flex",
-                      flexDirection: "row",
-                      justifyContent: "start",
-                      alignItems: "flex-start"
+                /* @__PURE__ */ jsx(Box, { sx: { maxHeight: "70vh", overflowY: "auto" }, children: optComponents.map((optionalComponent, index) => {
+                  return /* @__PURE__ */ jsx(
+                    InstallerItem,
+                    {
+                      t,
+                      hasPermission,
+                      index,
+                      optionalComponent,
+                      installStatus: installStatus[optionalComponent.meta?.did]
                     },
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          style: { width: size, height: size, minWidth: size, minHeight: size },
-                          src: optionalComponent.logoUrl,
-                          alt: optionalComponent.meta.title
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs(
-                        Box,
-                        {
-                          sx: {
-                            display: "flex",
-                            flexDirection: "column",
-                            justifyContent: "start",
-                            alignItems: "start",
-                            marginLeft: 2
-                          },
-                          children: [
-                            /* @__PURE__ */ jsxs(
-                              Box,
-                              {
-                                sx: {
-                                  fontSize: "16px",
-                                  fontWeight: "bold",
-                                  cursor: "pointer",
-                                  ".link-icon": {
-                                    opacity: 0
-                                  },
-                                  ":hover .link-icon": {
-                                    opacity: 1
-                                  }
-                                },
-                                onClick: handleOpenStore,
-                                children: [
-                                  optionalComponent.meta.title,
-                                  /* @__PURE__ */ jsxs(
-                                    Box,
-                                    {
-                                      sx: {
-                                        paddingLeft: 1,
-                                        fontSize: "13px",
-                                        fontWeight: "400"
-                                      },
-                                      component: "span",
-                                      children: [
-                                        optionalComponent.meta.version,
-                                        /* @__PURE__ */ jsx(
-                                          Icon,
-                                          {
-                                            className: "link-icon",
-                                            icon: "fluent:open-20-filled",
-                                            style: {
-                                              color: colors.primaryBase,
-                                              fontSize: 16,
-                                              transform: "translate(6px, 3px)",
-                                              transition: "all 0.3s"
-                                            }
-                                          }
-                                        )
-                                      ]
-                                    }
-                                  )
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(Box, { sx: { marginTop: 0, opacity: 0.7 }, children: optionalComponent.meta.description }),
-                            /* @__PURE__ */ jsxs(Box, { sx: { display: hasPermission ? "flex" : "none", flexDirection: "row", gap: 1 }, children: [
-                              installStatus ? /* @__PURE__ */ jsx(Box, { sx: { marginTop: 2, opacity: 0.7 }, children: installStatusDone ? /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: handleRefresh, children: t("componentInstallerRefresh") }, "refresh") : /* @__PURE__ */ jsx(
-                                Button,
-                                {
-                                  disabled: true,
-                                  sx: { color: "#333" },
-                                  startIcon: /* @__PURE__ */ jsx(Icon, { icon: "line-md:loading-loop", style: { color: "#333", fontSize: 16 } }),
-                                  variant: "contained",
-                                  children: installStatus
-                                },
-                                "status"
-                              ) }) : /* @__PURE__ */ jsx(
-                                Button,
-                                {
-                                  sx: { marginTop: 2 },
-                                  variant: "contained",
-                                  className: "button",
-                                  onClick: handleInstall,
-                                  children: t("componentInstallerInstall")
-                                },
-                                "install"
-                              ),
-                              onClose ? /* @__PURE__ */ jsx(Button, { sx: { marginTop: 2 }, variant: "outlined", className: "button", onClick: handleClose, children: t("componentInstallerClose") }) : null
-                            ] }),
-                            installStatusDone ? /* @__PURE__ */ jsx(Box, { sx: { marginTop: 2, opacity: 0.7 }, children: t("componentInstallerSuccessInstalled") }) : null
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                ),
+                    optionalComponent.meta?.did || index
+                  );
+                }) }),
                 hasPermission ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(Box, { sx: { width: "100%", height: "1px", backgroundColor: colors.gray6 } }),
-                  /* @__PURE__ */ jsxs(Box, { sx: { padding: "20px 24px" }, children: [
-                    /* @__PURE__ */ jsx(Box, { sx: { opacity: 1 }, children: t("componentInstallerSuggestions") }),
-                    onClose ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        sx: { marginTop: 2, alignSelf: "flex-start" },
-                        variant: "outlined",
-                        className: "button",
-                        onClick: handleClose,
-                        children: t("componentInstallerClose")
-                      }
-                    ) : null
-                  ] })
+                  /* @__PURE__ */ jsx(Box, { sx: { padding: "20px 24px" }, children: /* @__PURE__ */ jsx(Box, { sx: { opacity: 1 }, children: t("componentInstallerSuggestions") }) })
                 ] })
               ] })
             }
@@ -280,7 +164,7 @@ function ComponentInstaller({
 ComponentInstaller.propTypes = {
   disabled: PropTypes.bool,
   warnIcon: PropTypes.node,
-  did: PropTypes.string.isRequired,
+  did: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]).isRequired,
   noPermissionMute: PropTypes.bool,
   onInstalled: PropTypes.func,
   onError: PropTypes.func,
@@ -308,5 +192,9 @@ export default function WrapComponentInstaller(props) {
   return props.children;
 }
 WrapComponentInstaller.propTypes = {
+  ...ComponentInstaller.propTypes,
   children: PropTypes.any.isRequired
 };
+WrapComponentInstaller.defaultProps = {
+  ...ComponentInstaller.defaultProps
+};

package/es/ComponentInstaller/installer-item.d.ts

@@ -0,0 +1,21 @@
+declare function InstallerItem({ optionalComponent, index, installStatus, hasPermission, t }: {
+    optionalComponent: any;
+    index: any;
+    installStatus: any;
+    hasPermission: any;
+    t: any;
+}): import("react").JSX.Element;
+declare namespace InstallerItem {
+    namespace propTypes {
+        let t: any;
+        let optionalComponent: any;
+        let index: any;
+        let installStatus: any;
+        let hasPermission: any;
+    }
+    namespace defaultProps {
+        let installStatus_1: string;
+        export { installStatus_1 as installStatus };
+    }
+}
+export default InstallerItem;

package/es/ComponentInstaller/installer-item.js

@@ -0,0 +1,139 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { temp as colors } from "@arcblock/ux/lib/Colors";
+import { Icon } from "@iconify/react";
+import { Box, Button } from "@mui/material";
+import PropTypes from "prop-types";
+export default function InstallerItem({ optionalComponent, index, installStatus, hasPermission, t }) {
+  const handleInstall = () => {
+    window.open(optionalComponent?.installUrl, "_blank");
+  };
+  const handleOpenStore = () => {
+    window.open(optionalComponent?.storeUrl, "_blank");
+  };
+  const handleRefresh = () => {
+    window.location.reload();
+  };
+  const installStatusDone = installStatus === "stopped" || installStatus === "running";
+  const size = 60;
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    index === 0 ? null : /* @__PURE__ */ jsx(Box, { sx: { width: "100%", height: "1px", backgroundColor: colors.gray6 } }),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          padding: "20px 24px",
+          paddingTop: 0.5,
+          marginTop: 2,
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: "start",
+          alignItems: "flex-start"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              style: { width: size, height: size, minWidth: size, minHeight: size },
+              src: optionalComponent.logoUrl,
+              alt: optionalComponent.meta.title
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "start",
+                alignItems: "start",
+                marginLeft: 2
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      fontSize: "16px",
+                      fontWeight: "bold",
+                      cursor: "pointer",
+                      ".link-icon": {
+                        opacity: 0
+                      },
+                      ":hover .link-icon": {
+                        opacity: 1
+                      }
+                    },
+                    onClick: () => handleOpenStore(optionalComponent.meta?.did),
+                    children: [
+                      optionalComponent.meta.title,
+                      /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          sx: {
+                            paddingLeft: 1,
+                            fontSize: "13px",
+                            fontWeight: "400"
+                          },
+                          component: "span",
+                          children: [
+                            optionalComponent.meta.version,
+                            /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                className: "link-icon",
+                                icon: "fluent:open-20-filled",
+                                style: {
+                                  color: colors.primaryBase,
+                                  fontSize: 16,
+                                  transform: "translate(6px, 3px)",
+                                  transition: "all 0.3s"
+                                }
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { sx: { marginTop: 0, opacity: 0.7 }, children: optionalComponent.meta.description }),
+                /* @__PURE__ */ jsx(Box, { sx: { display: hasPermission ? "flex" : "none", flexDirection: "row", gap: 1 }, children: installStatus ? /* @__PURE__ */ jsx(Box, { sx: { marginTop: 2, opacity: 0.7 }, children: installStatusDone ? /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: handleRefresh, children: t("componentInstallerRefresh") }, "refresh") : /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    disabled: true,
+                    sx: { color: "#333" },
+                    startIcon: /* @__PURE__ */ jsx(Icon, { icon: "line-md:loading-loop", style: { color: "#333", fontSize: 16 } }),
+                    variant: "contained",
+                    children: installStatus
+                  },
+                  "status"
+                ) }) : /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    sx: { marginTop: 2 },
+                    variant: "contained",
+                    className: "button",
+                    onClick: () => handleInstall(optionalComponent.meta?.did),
+                    children: t("componentInstallerInstall")
+                  },
+                  "install"
+                ) }),
+                installStatusDone ? /* @__PURE__ */ jsx(Box, { sx: { marginTop: 2, opacity: 0.7 }, children: t("componentInstallerSuccessInstalled") }) : null
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+InstallerItem.propTypes = {
+  t: PropTypes.func.isRequired,
+  optionalComponent: PropTypes.object.isRequired,
+  index: PropTypes.number.isRequired,
+  installStatus: PropTypes.string,
+  hasPermission: PropTypes.bool.isRequired
+};
+InstallerItem.defaultProps = {
+  installStatus: ""
+};

package/es/ComponentInstaller/use-component-installed.d.ts

@@ -4,12 +4,9 @@ declare function useComponentInstalled({ did, onInstalled, onError }: {
     onInstalled: any;
     onError: any;
 }): {
-    optionalComponent: any;
+    optComponents: any;
     installed: any;
-    installUrl: any;
-    storeUrl: any;
-    installStatus: string;
-    setInstallStatus: import("react").Dispatch<import("react").SetStateAction<string>>;
-    installStatusDone: boolean;
+    installStatus: {};
+    setInstallStatus: import("react").Dispatch<import("react").SetStateAction<{}>>;
     definedInBlockletYML: any;
 };

package/es/ComponentInstaller/use-component-installed.js

@@ -1,32 +1,48 @@
 import { AUTH_SERVICE_PREFIX } from '@arcblock/did-connect/lib/constant';
-import { useMemo, useRef, useState, useEffect } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import urlJoin from 'url-join';
 
+const parseDidToSet = (did) => {
+  if (typeof did === 'string') {
+    return new Set(did.split(';;'));
+  }
+  return new Set(did);
+};
+
 function useComponentInstalled({ did, onInstalled, onError }) {
-  const [installStatus, setInstallStatus] = useState('');
+  const didKeys = Array.isArray(did) ? did.join(';;') : did;
+  const [installStatus, setInstallStatus] = useState({});
   const onInstalledRef = useRef({ onInstalled, onError });
   onInstalledRef.current = { onInstalled, onError };
 
   const { optionalComponents, componentMountPoints } = window.blocklet;
 
-  const optionalComponent = useMemo(() => {
+  const optComponents = useMemo(() => {
     if (!optionalComponents || !optionalComponents.length) {
       return null;
     }
-    const component = optionalComponents.find((c) => c.meta.did === did);
-    (component ? onInstalledRef.current.onError : onInstalledRef.current.onInstalled)?.(component);
-    return component;
-  }, [did, optionalComponents]);
+    const didSet = parseDidToSet(didKeys);
+    const components = optionalComponents.filter((c) => didSet.has(c.meta.did));
+    (components ? onInstalledRef.current.onError : onInstalledRef.current.onInstalled)?.(components);
+    return components;
+  }, [didKeys, optionalComponents]);
 
   const definedInBlockletYML = useMemo(() => {
-    if (optionalComponent) {
+    if (optComponents.length) {
       return true;
     }
-    return (componentMountPoints || []).find((item) => item.did === did);
-  }, [optionalComponent, componentMountPoints, did]);
+    const didSet = parseDidToSet(didKeys);
+    return (componentMountPoints || []).find((item) => didSet.has(item.did));
+  }, [optComponents, componentMountPoints, didKeys]);
 
-  const installUrl = urlJoin(window.blocklet.appUrl, AUTH_SERVICE_PREFIX, `/admin/components?install-component=${did}`);
-  const storeUrl = optionalComponent ? urlJoin(optionalComponent.meta.homepage, 'blocklets', did) : '';
+  optComponents.forEach((item) => {
+    item.storeUrl = urlJoin(item.meta.homepage, 'blocklets', item.meta.did);
+    item.installUrl = urlJoin(
+      window.blocklet.appUrl,
+      AUTH_SERVICE_PREFIX,
+      `/admin/components?install-component=${item.meta.did}`
+    );
+  });
 
   useEffect(() => {
     const handle = (event) => {
@@ -36,33 +52,35 @@ function useComponentInstalled({ did, onInstalled, onError }) {
 
       if (event.data?.kind === 'component-installer' && event.data?.blocklet?.children) {
         let hasChild = false;
+        const didSet = parseDidToSet(didKeys);
         event.data?.blocklet?.children.forEach((item) => {
-          if (item.meta?.did === did) {
+          if (didSet.has(item.meta?.did)) {
             hasChild = true;
-            setInstallStatus(item.status || 'waiting');
+            setInstallStatus((value) => {
+              return {
+                ...value,
+                [item.meta?.did]: item.status || 'waiting',
+              };
+            });
           }
         });
         if (!hasChild) {
-          setInstallStatus('');
+          setInstallStatus({});
         }
       }
     };
+
     window.addEventListener('message', handle);
     return () => {
       window.removeEventListener('message', handle);
     };
-  }, [did]);
-
-  const installStatusDone = installStatus === 'stopped' || installStatus === 'running';
+  }, [didKeys]);
 
   return {
-    optionalComponent,
-    installed: !optionalComponent && definedInBlockletYML,
-    installUrl,
-    storeUrl,
+    optComponents,
+    installed: !optComponents.length && definedInBlockletYML,
     installStatus,
     setInstallStatus,
-    installStatusDone,
     definedInBlockletYML,
   };
 }

package/lib/ComponentInstaller/index.d.ts

@@ -2,6 +2,36 @@ declare function WrapComponentInstaller(props: any): any;
 declare namespace WrapComponentInstaller {
     namespace propTypes {
         let children: any;
+        let disabled: any;
+        let warnIcon: any;
+        let did: any;
+        let noPermissionMute: any;
+        let onInstalled: any;
+        let onError: any;
+        let closeByOutSize: any;
+        let onClose: any;
+        let fallback: any;
+        let roles: any;
+    }
+    namespace defaultProps {
+        let disabled_1: boolean;
+        export { disabled_1 as disabled };
+        let warnIcon_1: null;
+        export { warnIcon_1 as warnIcon };
+        let noPermissionMute_1: boolean;
+        export { noPermissionMute_1 as noPermissionMute };
+        let onInstalled_1: null;
+        export { onInstalled_1 as onInstalled };
+        let onError_1: null;
+        export { onError_1 as onError };
+        let closeByOutSize_1: boolean;
+        export { closeByOutSize_1 as closeByOutSize };
+        let onClose_1: null;
+        export { onClose_1 as onClose };
+        let fallback_1: null;
+        export { fallback_1 as fallback };
+        let roles_1: string[];
+        export { roles_1 as roles };
     }
 }
 export default WrapComponentInstaller;