@reapit/elements 5.0.0-beta.28 → 5.0.0-beta.29

package/dist/js/components/app-switcher/__test__/config.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=config.test.d.ts.map

package/dist/js/components/app-switcher/__test__/config.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.test.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/__test__/components/app-switcher/__test__/config.test.ts"],"names":[],"mappings":""}

package/dist/js/components/app-switcher/__test__/get-displayable-products-for-explore-group.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get-displayable-products-for-explore-group.test.d.ts.map

package/dist/js/components/app-switcher/__test__/get-displayable-products-for-explore-group.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-displayable-products-for-explore-group.test.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/__test__/components/app-switcher/__test__/get-displayable-products-for-explore-group.test.ts"],"names":[],"mappings":""}

package/dist/js/components/app-switcher/__test__/get-displayable-products-for-your-apps-group.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get-displayable-products-for-your-apps-group.test.d.ts.map

package/dist/js/components/app-switcher/__test__/get-displayable-products-for-your-apps-group.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-displayable-products-for-your-apps-group.test.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/__test__/components/app-switcher/__test__/get-displayable-products-for-your-apps-group.test.ts"],"names":[],"mappings":""}

package/dist/js/components/app-switcher/app-avatar/app-avatar.d.ts

@@ -1,8 +1,14 @@
-import { AppName } from '../appNames';
-type AppAvatarProps = {
-    appName: AppName;
+import { SupportedProductId } from '../config';
+interface AppAvatarProps {
+    /** Whether the currently logged in user has access to the specified product or not */
     hasAccess: boolean;
-};
-export default function AppAvatar({ appName, hasAccess }: AppAvatarProps): import("react/jsx-runtime").JSX.Element;
+    /** The specific product whose avatar should be displayed. */
+    productId: SupportedProductId;
+}
+/**
+ * An avatar/logo for Reapit products. The visual appearance of the avatar changes based on the current user's
+ * access to the product. When user's do not have access, the avatar will be greyed out.
+ */
+export declare function AppAvatar({ hasAccess, productId }: AppAvatarProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=app-avatar.d.ts.map

package/dist/js/components/app-switcher/app-avatar/app-avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-avatar.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/app-avatar/components/app-switcher/app-avatar/app-avatar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,2CAoBvE"}
+{"version":3,"file":"app-avatar.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/app-avatar/components/app-switcher/app-avatar/app-avatar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEnD,UAAU,cAAc;IACtB,sFAAsF;IACtF,SAAS,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,SAAS,EAAE,kBAAkB,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,cAAc,2CAoBjE"}

package/dist/js/components/app-switcher/app-avatar/app-avatar.stories.d.ts

@@ -1,8 +1,19 @@
+import { AppAvatar } from './app-avatar';
 import { Meta, StoryObj } from '@storybook/react';
-import { default as AppAvatar } from './app-avatar';
 declare const meta: Meta<typeof AppAvatar>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const BasicUsageWhenTheAvatarIsAccessible: Story;
-export declare const BasicUsageWhenTheAvatarIsInaccessible: Story;
+/**
+ * When the user has access to the product, the avatar will appear in the primary colour.
+ */
+export declare const Example: Story;
+/**
+ * When the user does not have access to the product, the avatar will be greyed out.
+ */
+export declare const Inaccessible: Story;
+/**
+ * All supported products are displayed here. Each product has two avatars: one for when the user has access
+ * and one for when they do not.
+ */
+export declare const AllProducts: Story;
 //# sourceMappingURL=app-avatar.stories.d.ts.map

package/dist/js/components/app-switcher/app-avatar/app-avatar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-avatar.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/app-avatar/components/app-switcher/app-avatar/app-avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,SAAS,MAAM,cAAc,CAAA;AAapC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUC,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,mCAAmC,EAAE,KAKjD,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KAKnD,CAAA"}
+{"version":3,"file":"app-avatar.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/app-avatar/components/app-switcher/app-avatar/app-avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUC,CAAA;AAElC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAA"}

package/dist/js/components/app-switcher/app-avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/components/app-switcher/app-avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/app-avatar/components/app-switcher/app-avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/js/components/app-switcher/app-switcher.d.ts

@@ -1,18 +1,29 @@
-import { HTMLAttributes } from 'react';
 import { AppSwitcherExploreMenuGroup } from './explore-menu-group';
+import { AppSwitcherMenuItem } from './menu-item';
+import { AppSwitcherProductMenuItem } from './product-menu-item';
 import { AppSwitcherYourAppsMenuGroup } from './your-apps-menu-group';
-declare function AppSwitcher({ children }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace AppSwitcher {
-    var YourAppsMenuGroup: typeof AppSwitcherYourAppsMenuGroup;
+import { ReactNode } from 'react';
+interface AppSwitcherProps {
+    /**
+     * The menu groups and their items. Should typically be `AppSwitcher.ExploreMenuGroup`,
+     * `AppSwitcher.YourAppsMenuGroup`, and `AppSwitcher.ProductMenuItem` components */
+    children: ReactNode;
+}
+/**
+ * The App Switcher is a menu that enables users to switch between, or explore, Reapit products. It shows both
+ * the products the current user has access to (in the Your Apps group), and other apps from Reapit (in the
+ * Explore group).
+ */
+export declare function AppSwitcher({ children }: AppSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AppSwitcher {
+    var AppAvatar: typeof import("./app-avatar").AppAvatar;
+    var Divider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
     var ExploreMenuGroup: typeof AppSwitcherExploreMenuGroup;
-    var ReapitPMMenuItem: typeof import("./menu-items/reapit-pm-menu-item").default;
-    var ReapitSalesMenuItem: typeof import("./menu-items/reapit-sales-menu-item").default;
-    var ReapitLettingMenuItem: typeof import("./menu-items/reapit-letting-menu-item").default;
-    var ReapitFormsMenuItem: typeof import("./menu-items/reapit-forms-menu-item").default;
-    var ReapitWebsitesMenuItem: typeof import("./menu-items/reapit-websites-menu-item").default;
-    var ReapitProposalsMenuItem: typeof import("./menu-items/reapit-proposal-menu-item").default;
-    var KeyWhereMenuItem: typeof import("./menu-items/keyWhere-menu-item").default;
-    var AutoResponderMenuItem: typeof import("./menu-items/auto-responder-menu-item").default;
+    var MenuItem: typeof AppSwitcherMenuItem;
+    var ProductMenuItem: typeof AppSwitcherProductMenuItem;
+    var YourAppsMenuGroup: typeof AppSwitcherYourAppsMenuGroup;
+    var getDisplayableProductsForExploreGroup: typeof import("./get-displayable-products-for-explore-group").getDisplayableProductsForExploreGroup;
+    var getDisplayableProductsForYourAppsGroup: typeof import("./get-displayable-products-for-your-apps-group").getDisplayableProductsForYourAppsGroup;
 }
-export { AppSwitcher };
+export {};
 //# sourceMappingURL=app-switcher.d.ts.map

package/dist/js/components/app-switcher/app-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-switcher.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/app-switcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAUlE,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAA;AAErE,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,2CAShE;kBATQ,WAAW;;;;;;;;;;;;AAuBpB,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"app-switcher.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/app-switcher.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAA;AAMrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,gBAAgB;IACxB;;uFAEmF;IACnF,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CASzD;yBATe,WAAW"}

package/dist/js/components/app-switcher/app-switcher.stories.d.ts

@@ -1,11 +1,73 @@
-import { Decorator, StoryObj } from '@storybook/react';
 import { AppSwitcher } from './app-switcher';
+import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: typeof AppSwitcher;
-    decorators: Decorator[];
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+/**
+ * The UI for the App Switcher is built by composing subcomponents like `AppSwitcher.ProductMenuItem`,
+ * `AppSwitcher.YourAppsMenuGroup`, `AppSwitcher.ExploreMenuGroup`, and `AppSwitcher.Divider`. This composition
+ * is manual, but it's important to note that the order of the products in the menu, as well as which products
+ * are approved for display is not handled automatically by these subcomponents.
+ *
+ * Instead, there are two utility functions, `getDisplayableProductsForYourAppsGroup` and
+ * `getDisplayableProductsForExploreGroup`, that can be used to obtain the list of product IDs for each group based
+ * on the currently logged-in user has access to, according to Reapit Connect. A practical exmaple of how to do this
+ * is shown in the "All Accessible" and "None Accessible" stories below.
+ */
+export declare const Example: Story;
+/**
+ * When the user has access to all "displayable" products, they will all be displayed in the Your Apps menu group.
+ * A user can have access to more products than those that are supported by the App Switcher, so the list of
+ * product for display in the "Your Apps" menu group should be filtered using
+ * `getDisplayableProductsForYourAppsGroup`.
+ *
+ * The following snippet shows how `getDisplayableProductsForYourAppsGroup` can be used to render the Your Apps
+ * menu group with the correct products. This is the same logic employed by this story.
+ *
+ * ```tsx
+ * const ids = AppSwitcher.getDisplayableProductsForYourAppsGroup(accessibleProductIds)
+ *
+ * return ids.length > 0 && (
+ *  <AppSwitcher.ExploreMenuGroup>
+ *    {ids.map((productId) => (
+ *      <AppSwitcher.Product key={productId} productId={productId} url={href} />
+ *    ))}
+ *  </AppSwitcher.ExploreMenuGroup>
+ * )
+ * ```
+ */
+export declare const AllAccessible: StoryObj<{
+    accessibleProductIds: string[];
+}>;
+/**
+ * If the user has access to none of the "displayable" products, all displayable products will be shown in
+ * the Explore menu group. This scenario should not be encountered in practice, as the `AppSwitcher` should only
+ * be visible to users who have access to at least one product that is integrated with Reapit Connect.
+ *
+ * The following example shows how `getDisplayableProductsForExploreGroup` can be used to render the Your Apps
+ * menu group with the correct products. This is the same logic employed by this story.
+ *
+ * ```tsx
+ * const ids = AppSwitcher.getDisplayableProductsForExploreGroup(accessibleProductIds)
+ *
+ * return ids.length > 0 && (
+ *  <AppSwitcher.YourAppsMenuGroup>
+ *    {ids.map((productId) => (
+ *      <AppSwitcher.Product key={productId} productId={productId} url={href} />
+ *    ))}
+ *  </AppSwitcher.YourAppsMenuGroup>
+ * )
+ * ```
+ */
+export declare const NoneAccessible: StoryObj<{
+    accessibleProductIds: string[];
+}>;
 //# sourceMappingURL=app-switcher.stories.d.ts.map

package/dist/js/components/app-switcher/app-switcher.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-switcher.stories.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/app-switcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAW5C,QAAA,MAAM,IAAI;;;;CAI0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAOlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA"}
+{"version":3,"file":"app-switcher.stories.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/app-switcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,QAAA,MAAM,IAAI;;;;;;;;CAQ0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAIlC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC;IAAE,oBAAoB,EAAE,MAAM,EAAE,CAAA;CAAE,CAuCtE,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC;IAAE,oBAAoB,EAAE,MAAM,EAAE,CAAA;CAAE,CAKvE,CAAA"}

package/dist/js/components/app-switcher/config.d.ts

@@ -0,0 +1,62 @@
+/**
+ * React Connect product IDs that are supported by the App Switcher. A supported product has a logo available
+ * through `AppAvatar` and a related config in the `productConfigs` object.
+ */
+export type SupportedProductId = 'agentBox' | 'autoResponder' | 'consoleCloud' | 'ireWeb' | 'keywhere' | 'reapitForms' | 'reapitWebsites' | 'reapitProposals';
+export interface ProductConfig {
+    appName: string;
+    supplementaryInfo: string;
+}
+/**
+ * The configuration for each product that is supported by the App Switcher.
+ *
+ * **IMPORTANT:** Products should only be added here if they are intended to be available in the App Switcher
+ * in the future. Similarly, product config content for existing products should only be changed if explicitly
+ * approved by the Product and Design teams.
+ */
+export declare const productConfigs: {
+    readonly consoleCloud: {
+        readonly appName: "Reapit PM";
+        readonly supplementaryInfo: "Property Management";
+    };
+    readonly agentBox: {
+        readonly appName: "Reapit Sales";
+        readonly supplementaryInfo: "Real Estate CRM";
+    };
+    readonly ireWeb: {
+        readonly appName: "Reapit Lettings";
+        readonly supplementaryInfo: "Lettings Management";
+    };
+    readonly reapitForms: {
+        readonly appName: "Reapit Forms";
+        readonly supplementaryInfo: "Documents & Digital Signing";
+    };
+    readonly reapitWebsites: {
+        readonly appName: "Reapit Websites";
+        readonly supplementaryInfo: "Bespoke Website Design";
+    };
+    readonly reapitProposals: {
+        readonly appName: "Reapit Proposals";
+        readonly supplementaryInfo: "Interactive Digital Proposals";
+    };
+    readonly keywhere: {
+        readonly appName: "KeyWhere";
+        readonly supplementaryInfo: "Real-time Key Management";
+    };
+    readonly autoResponder: {
+        readonly appName: "Auto Responder";
+        readonly supplementaryInfo: "Automated Email Marketing";
+    };
+};
+/**
+ * The order of products in this array determines the order they will be displayed in the App Switcher.
+ * This array also implicitly defines the subset of supported products that are also "displayable". That is,
+ * the products that are permitted to be displayed in the App Switcher across all consumers of the App Switcher
+ * component.
+ *
+ * **IMPORTANT:** DO NOT add products to this array unless they are Reapit Connect SSO capable and the
+ * product is approved for use via the App Switcher. Further, the order of the products in this array is defined
+ * by the Product and Design teams and should not be changed without their explicit approval.
+ */
+export declare const productDisplayOrder_DO_NOT_ADD_PRODUCTS_TO_THIS_UNLESS_APPROVED_FOR_DISPLAY_AND_SSO_CAPABLE: ["ireWeb", "consoleCloud", "keywhere"];
+//# sourceMappingURL=config.d.ts.map

package/dist/js/components/app-switcher/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAC1B,UAAU,GACV,eAAe,GACf,cAAc,GACd,QAAQ,GACR,UAAU,GACV,aAAa,GACb,gBAAgB,GAChB,iBAAiB,CAAA;AAErB,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BmC,CAAA;AAE9D;;;;;;;;;GASG;AACH,eAAO,MAAM,2FAA2F,wCAI/D,CAAA"}

package/dist/js/components/app-switcher/explore-menu-group/explore-menu-group.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
-type AppSwitcherMenuGroupProps = {
-    children: React.ReactNode;
-};
+import { ReactNode } from 'react';
+interface AppSwitcherMenuGroupProps {
+    children: ReactNode;
+}
 declare function AppSwitcherExploreMenuGroup({ children }: AppSwitcherMenuGroupProps): import("react/jsx-runtime").JSX.Element;
 export { AppSwitcherExploreMenuGroup };
 //# sourceMappingURL=explore-menu-group.d.ts.map

package/dist/js/components/app-switcher/explore-menu-group/explore-menu-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explore-menu-group.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/explore-menu-group/components/app-switcher/explore-menu-group/explore-menu-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAM3E;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAA"}
+{"version":3,"file":"explore-menu-group.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/explore-menu-group/components/app-switcher/explore-menu-group/explore-menu-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAQ3E;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAA"}

package/dist/js/components/app-switcher/explore-menu-group/explore-menu-group.stories.d.ts

@@ -3,6 +3,11 @@ import { AppSwitcherExploreMenuGroup } from './explore-menu-group';
 declare const meta: {
     title: string;
     component: typeof AppSwitcherExploreMenuGroup;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
     decorators: Decorator[];
 };
 export default meta;

package/dist/js/components/app-switcher/explore-menu-group/explore-menu-group.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"explore-menu-group.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/explore-menu-group/components/app-switcher/explore-menu-group/explore-menu-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAUlE,QAAA,MAAM,IAAI;;;;CAI0C,CAAA;AAEpD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA"}
+{"version":3,"file":"explore-menu-group.stories.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/explore-menu-group/components/app-switcher/explore-menu-group/explore-menu-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAUlE,QAAA,MAAM,IAAI;;;;;;;;;CAS0C,CAAA;AAEpD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA"}

package/dist/js/components/app-switcher/get-displayable-products-for-explore-group.d.ts

@@ -0,0 +1,8 @@
+import { SupportedProductId } from './config';
+/**
+ * Returns the product IDs that should be displayed in the "Explore" menu group of the app switcher. These will
+ * be the products that the user DOES NOT have access to according to Reapit Connect. If the list includes product
+ * IDs that are not supported by, or approved for display in, the app switcher, those IDs will be silently ignored.
+ */
+export declare function getDisplayableProductsForExploreGroup(accessibleProductIds: string[]): SupportedProductId[];
+//# sourceMappingURL=get-displayable-products-for-explore-group.d.ts.map

package/dist/js/components/app-switcher/get-displayable-products-for-explore-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-displayable-products-for-explore-group.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/get-displayable-products-for-explore-group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD;;;;GAIG;AACH,wBAAgB,qCAAqC,CAAC,oBAAoB,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAI1G"}

package/dist/js/components/app-switcher/get-displayable-products-for-your-apps-group.d.ts

@@ -0,0 +1,8 @@
+import { SupportedProductId } from './config';
+/**
+ * Returns the product IDs that should be displayed in the "Your Apps" menu group of the app switcher. These will
+ * be the products that the user has access to according to Reapit Connect. If the list includes product IDs that are
+ * not supported by, or approved for display in, the app switcher, those IDs will be silently ignored.
+ */
+export declare function getDisplayableProductsForYourAppsGroup(accessibleProductIds: string[]): SupportedProductId[];
+//# sourceMappingURL=get-displayable-products-for-your-apps-group.d.ts.map

package/dist/js/components/app-switcher/get-displayable-products-for-your-apps-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-displayable-products-for-your-apps-group.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/get-displayable-products-for-your-apps-group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD;;;;GAIG;AACH,wBAAgB,sCAAsC,CAAC,oBAAoB,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAI3G"}

package/dist/js/components/app-switcher/index.d.ts

@@ -1,3 +1,12 @@
 export * from './styles';
+export * from './app-avatar';
+export * from './app-switcher';
+export * from './explore-menu-group';
+export * from './get-displayable-products-for-explore-group';
+export * from './get-displayable-products-for-your-apps-group';
+export * from './menu-group-has-access-context';
 export * from './menu-item';
+export * from './nav-icon-button';
+export * from './product-menu-item';
+export * from './your-apps-menu-group';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/components/app-switcher/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,8CAA8C,CAAA;AAC5D,cAAc,gDAAgD,CAAA;AAC9D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA"}

package/dist/js/components/app-switcher/menu-group-has-access-context.d.ts

@@ -0,0 +1,3 @@
+export declare const AppSwitcherMenuGroupHasAccessContext: import('react').Context<boolean>;
+export declare function useAppSwitcherMenuGroupHasAccessContext(): boolean;
+//# sourceMappingURL=menu-group-has-access-context.d.ts.map

package/dist/js/components/app-switcher/menu-group-has-access-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-group-has-access-context.d.ts","sourceRoot":"/","sources":["../../../../components/app-switcher/components/app-switcher/menu-group-has-access-context.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oCAAoC,kCAAgC,CAAA;AAEjF,wBAAgB,uCAAuC,YAEtD"}

package/dist/js/components/app-switcher/menu-item/menu-item.d.ts

@@ -1,9 +1,18 @@
-type AppSwitcherMenuItemProps = {
-    logo: React.ReactNode;
-    appName: string;
-    description: string;
-    url: string;
-};
-declare function AppSwitcherMenuItem({ logo, appName, description, url }: AppSwitcherMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export { AppSwitcherMenuItem };
+import { ProductConfig } from '../config';
+import { HTMLAttributes, ReactNode } from 'react';
+type AttributesToOmit = 'aria-labelledby' | 'aria-describedby';
+export interface AppSwitcherMenuItemProps extends ProductConfig, Omit<HTMLAttributes<HTMLAnchorElement>, AttributesToOmit> {
+    avatar: ReactNode;
+    href: string;
+}
+/**
+ * A basic menu item for the App Switcher. Displays a product's logo, name, and supplementary info. Typically,
+ * consumers will use the higher-level `AppSwitcher.ProductMenuItem` component instead, as it provides a more
+ * convenient "on-rails" interface that ties a specific product ID to the approved logo, name and
+ * supplementary info.
+ *
+ * The product's URL is always opened in a new tab.
+ */
+export declare function AppSwitcherMenuItem({ avatar: logo, appName, href, supplementaryInfo, ...rest }: AppSwitcherMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/js/components/app-switcher/menu-item/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/menu-item/components/app-switcher/menu-item/menu-item.tsx"],"names":[],"mappings":"AAQA,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,wBAAwB,2CAUzF;AACD,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"/","sources":["../../../../../components/app-switcher/menu-item/components/app-switcher/menu-item/menu-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,KAAK,gBAAgB,GAAG,iBAAiB,GAAG,kBAAkB,CAAA;AAE9D,MAAM,WAAW,wBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IAC3D,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EAAE,IAAI,EACZ,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,wBAAwB,2CAoB1B"}