@amp-labs/react 1.1.0 → 1.2.0

package/build/src/components/{Connect → Oauth}/OAuthPopup.js

@@ -7,9 +7,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Takes a URL and creates a popup showing that page.
  */
 const react_1 = require("react");
-const ApiKeyProvider_1 = require("../../context/ApiKeyProvider");
-const ConnectionsContext_1 = require("../../context/ConnectionsContext");
-const ProjectContext_1 = require("../../context/ProjectContext");
+const ApiKeyContextProvider_1 = require("../../context/ApiKeyContextProvider");
+const ConnectionsContextProvider_1 = require("../../context/ConnectionsContextProvider");
+const ProjectContextProvider_1 = require("../../context/ProjectContextProvider");
 const api_1 = require("../../services/api");
 const DEFAULT_WIDTH = 600; // px
 const DEFAULT_HEIGHT = 600; // px
@@ -23,21 +23,19 @@ const createPopup = ({ url, title, }) => {
     return popup;
 };
 function OAuthPopup({ title = '', url, children, onClose, }) {
-    const { projectId } = (0, ProjectContext_1.useProject)();
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
     const [externalWindow, setExternalWindow] = (0, react_1.useState)();
     const intervalRef = (0, react_1.useRef)();
     const clearTimer = () => window.clearInterval(intervalRef.current);
-    const { setSelectedConnection } = (0, ConnectionsContext_1.useConnections)();
+    const { setSelectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
     (0, react_1.useEffect)(() => {
         if (url)
             setExternalWindow(createPopup({ url, title }));
     }, [url, title]);
     const refreshConnections = (0, react_1.useCallback)(async (connectionId) => {
-        const connection = await (0, api_1.api)().getConnection({ projectId, connectionId }, {
-            headers: {
-                'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '',
-            },
+        const connection = await (0, api_1.api)().connectionApi.getConnection({ projectId, connectionId }, {
+            headers: { 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '' },
         });
         setSelectedConnection(connection);
     }, [projectId, apiKey, setSelectedConnection]);

package/build/src/components/Oauth/Salesforce/SalesforceOauthFlow.js

@@ -11,18 +11,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const react_1 = require("react");
 const constants_1 = require("../../../constants");
-const ApiKeyProvider_1 = require("../../../context/ApiKeyProvider");
-const ProjectContext_1 = require("../../../context/ProjectContext");
-const OAuthPopup_1 = __importDefault(require("../../Connect/OAuthPopup"));
+const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
+const ProjectContextProvider_1 = require("../../../context/ProjectContextProvider");
 const fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
+const OAuthPopup_1 = __importDefault(require("../OAuthPopup"));
 const SubdomainEntry_1 = require("./SubdomainEntry");
 /**
  * SalesforceOauthFlow first prompts user for their workspace ("subdomain" in Salesforce lingo),
  * then launches a popup with the OAuth flow.
  */
 function SalesforceOauthFlow({ consumerRef, consumerName, groupRef, groupName, }) {
-    const { projectId } = (0, ProjectContext_1.useProject)();
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
     const [workspace, setWorkspace] = (0, react_1.useState)('');
     const [oAuthCallbackURL, setOAuthCallbackURL] = (0, react_1.useState)(null);
     const [error, setError] = (0, react_1.useState)(null);

package/build/src/components/Oauth/fetchOAuthCallbackURL.d.ts

@@ -1 +1 @@
-export declare const fetchOAuthCallbackURL: (projectId: string, consumerRef: string, groupRef: string, consumerName: string, groupName: string, apiKey: string, provider?: string, workspace?: string) => Promise<string>;
+export declare const fetchOAuthCallbackURL: (projectId: string, consumerRef: string, groupRef: string, consumerName: string, groupName: string, apiKey: string, provider: string, workspace?: string) => Promise<string>;

package/build/src/components/Oauth/fetchOAuthCallbackURL.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchOAuthCallbackURL = void 0;
-const constants_1 = require("../../constants");
 const api_1 = require("../../services/api");
 const utils_1 = require("../../utils");
-const fetchOAuthCallbackURL = async (projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider = constants_1.PROVIDER_SALESFORCE, workspace) => {
-    const providerApps = await (0, api_1.api)().listProviderApps({ projectId }, {
+const fetchOAuthCallbackURL = async (projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider, workspace) => {
+    const providerApps = await (0, api_1.api)().providerAppApi.listProviderApps({ projectId }, {
         headers: { 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '' },
     });
     const app = providerApps.find((a) => a.provider === provider);
     if (!app) {
         throw new Error(`You must first set up a ${(0, utils_1.capitalize)(provider)} Connected App using the Ampersand Console.`);
     }
-    const url = await (0, api_1.api)().oauthConnect({
+    const url = await (0, api_1.api)().oAuthApi.oauthConnect({
         connectOAuthParams: {
             providerWorkspaceRef: workspace,
             projectId,

package/build/src/components/RedirectHandler/RedirectHandler.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type RedirectHandlerProps = {
+    redirectURL?: string;
+    children: React.ReactNode;
+};
+/**
+ * RedirectHandler is a component that redirects to a specified URL when mounted or
+ * will render the children if no redirect URL is present.
+ *
+ * @param redirectURL
+ * @param children
+ * @returns
+ */
+export declare function RedirectHandler({ redirectURL, children }: RedirectHandlerProps): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/build/src/components/RedirectHandler/RedirectHandler.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedirectHandler = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const LoadingIcon_1 = require("../../assets/LoadingIcon");
+/**
+ * RedirectHandler is a component that redirects to a specified URL when mounted or
+ * will render the children if no redirect URL is present.
+ *
+ * @param redirectURL
+ * @param children
+ * @returns
+ */
+function RedirectHandler({ redirectURL, children }) {
+    (0, react_1.useEffect)(() => {
+        // Check if a redirect URL is present
+        if (redirectURL) {
+            // Redirect to the specified URL
+            window.location.replace(redirectURL);
+        }
+    }, [redirectURL]);
+    // show a loading message if a redirect URL is present
+    if (redirectURL) {
+        return ((0, jsx_runtime_1.jsx)(react_2.Box, { display: "flex", alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, { message: "Redirecting..." }) }));
+    }
+    // render children if no redirect URL is present
+    return children;
+}
+exports.RedirectHandler = RedirectHandler;

package/build/src/components/RedirectHandler/index.d.ts

@@ -0,0 +1 @@
+export { RedirectHandler } from './RedirectHandler';

package/build/src/components/RedirectHandler/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedirectHandler = void 0;
+var RedirectHandler_1 = require("./RedirectHandler");
+Object.defineProperty(exports, "RedirectHandler", { enumerable: true, get: function () { return RedirectHandler_1.RedirectHandler; } });

package/build/src/{components/AmpersandProvider/AmpersandProvider.js → context/AmpersandContextProvider/AmpersandContextProvider.js}

@@ -9,14 +9,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Also optionally accepts theme styles object with CSS values.
  */
 const react_1 = require("react");
-const ApiKeyProvider_1 = require("../../context/ApiKeyProvider");
-const ErrorContextProvider_1 = require("../../context/ErrorContextProvider");
-const IntegrationListContext_1 = require("../../context/IntegrationListContext");
-const ProjectContext_1 = require("../../context/ProjectContext");
-const ThemeProvider_1 = require("../ThemeProvider");
+const ThemeProvider_1 = require("../../components/ThemeProvider");
+const ApiKeyContextProvider_1 = require("../ApiKeyContextProvider");
+const ErrorContextProvider_1 = require("../ErrorContextProvider");
+const IntegrationListContextProvider_1 = require("../IntegrationListContextProvider");
+const ProjectContextProvider_1 = require("../ProjectContextProvider");
 function AmpersandProvider(props) {
     const { options: { apiKey, projectId }, children } = props;
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(ErrorContextProvider_1.ErrorStateProvider, { children: (0, jsx_runtime_1.jsx)(ApiKeyProvider_1.ApiKeyProvider, { value: apiKey, children: (0, jsx_runtime_1.jsx)(ProjectContext_1.ProjectProvider, { projectId: projectId, children: (0, jsx_runtime_1.jsx)(IntegrationListContext_1.IntegrationListProvider, { projectId: projectId, children: children }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(ErrorContextProvider_1.ErrorStateProvider, { children: (0, jsx_runtime_1.jsx)(ApiKeyContextProvider_1.ApiKeyProvider, { value: apiKey, children: (0, jsx_runtime_1.jsx)(ProjectContextProvider_1.ProjectProvider, { projectId: projectId, children: (0, jsx_runtime_1.jsx)(IntegrationListContextProvider_1.IntegrationListProvider, { projectId: projectId, children: children }) }) }) }) }));
 }
 exports.AmpersandProvider = AmpersandProvider;
 exports.AmpersandContext = (0, react_1.createContext)(null);

package/build/src/context/AmpersandContextProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './AmpersandContextProvider';

package/build/src/{components/AmpersandProvider → context/AmpersandContextProvider}/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AmpersandProvider"), exports);
+__exportStar(require("./AmpersandContextProvider"), exports);

package/build/src/context/{ConnectionsContext.js → ConnectionsContextProvider.js}

@@ -4,12 +4,12 @@ exports.ConnectionsProvider = exports.useConnections = exports.ConnectionsContex
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const LoadingIcon_1 = require("../assets/LoadingIcon");
-const ErrorTextBox_1 = require("../components/Configure/ErrorTextBox");
+const ErrorTextBox_1 = require("../components/ErrorTextBox");
 const api_1 = require("../services/api");
-const ApiKeyProvider_1 = require("./ApiKeyProvider");
+const ApiKeyContextProvider_1 = require("./ApiKeyContextProvider");
 const ErrorContextProvider_1 = require("./ErrorContextProvider");
-const InstallIntegrationContext_1 = require("./InstallIntegrationContext");
-const ProjectContext_1 = require("./ProjectContext");
+const InstallIntegrationContextProvider_1 = require("./InstallIntegrationContextProvider");
+const ProjectContextProvider_1 = require("./ProjectContextProvider");
 exports.ConnectionsContext = (0, react_1.createContext)({
     connections: null,
     selectedConnection: null,
@@ -25,21 +25,22 @@ const useConnections = () => {
 };
 exports.useConnections = useConnections;
 function ConnectionsProvider({ provider, groupRef, children, }) {
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
-    const { projectId } = (0, ProjectContext_1.useProject)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
     const [connections, setConnections] = (0, react_1.useState)(null);
     const [selectedConnection, setSelectedConnection] = (0, react_1.useState)(null);
     const [isLoading, setLoadingState] = (0, react_1.useState)(true);
     const { setError, isError } = (0, ErrorContextProvider_1.useErrorState)();
-    const { provider: providerFromProps } = (0, InstallIntegrationContext_1.useInstallIntegrationProps)();
+    const { provider: providerFromProps } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
     if (!projectId) {
         throw new Error('ConnectionsProvider must be used within AmpersandProvider');
     }
-    if (!provider && !providerFromProps) {
+    const selectedProvider = provider || providerFromProps;
+    if (!selectedProvider) {
         throw new Error('ConnectionsProvider must be given a provider prop or be used within InstallIntegrationProvider');
     }
     (0, react_1.useEffect)(() => {
-        (0, api_1.api)().listConnections({ projectId, groupRef, provider }, {
+        (0, api_1.api)().connectionApi.listConnections({ projectId, groupRef, provider: selectedProvider }, {
             headers: {
                 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '',
             },
@@ -51,7 +52,7 @@ function ConnectionsProvider({ provider, groupRef, children, }) {
             setError(ErrorContextProvider_1.ErrorBoundary.CONNECTION_LIST, projectId);
             console.error(`Error retrieving existing OAuth connections for group ID ${groupRef}:`, err);
         });
-    }, [projectId, apiKey, groupRef, provider, setError]);
+    }, [projectId, apiKey, groupRef, selectedProvider, setError]);
     const contextValue = (0, react_1.useMemo)(() => ({
         connections,
         selectedConnection,

package/build/src/context/{InstallIntegrationContext.d.ts → InstallIntegrationContextProvider.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Installation, Integration } from '../services/api';
+import { Config, Installation, Integration } from '../services/api';
 interface InstallIntegrationContextValue {
     integrationId: string;
     provider: string;
@@ -11,7 +11,10 @@ interface InstallIntegrationContextValue {
     installation?: Installation;
     setInstallation: (installationObj: Installation) => void;
     resetInstallations: () => void;
+    onInstallSuccess?: (installationId: string, config: Config) => void;
+    onUpdateSuccess?: (installationId: string, config: Config) => void;
 }
+export declare const InstallIntegrationContext: import("react").Context<InstallIntegrationContextValue>;
 export declare function useInstallIntegrationProps(): InstallIntegrationContextValue;
 interface InstallIntegrationProviderProps {
     integration: string;
@@ -20,6 +23,8 @@ interface InstallIntegrationProviderProps {
     groupRef: string;
     groupName?: string;
     children: React.ReactNode;
+    onInstallSuccess?: (installationId: string, config: Config) => void;
+    onUpdateSuccess?: (installationId: string, config: Config) => void;
 }
-export declare function InstallIntegrationProvider({ children, integration, consumerRef, consumerName, groupRef, groupName, }: InstallIntegrationProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function InstallIntegrationProvider({ children, integration, consumerRef, consumerName, groupRef, groupName, onInstallSuccess, onUpdateSuccess, }: InstallIntegrationProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/context/{InstallIntegrationContext.js → InstallIntegrationContextProvider.js}

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InstallIntegrationProvider = exports.useInstallIntegrationProps = void 0;
+exports.InstallIntegrationProvider = exports.useInstallIntegrationProps = exports.InstallIntegrationContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const LoadingIcon_1 = require("../assets/LoadingIcon");
-const ErrorTextBox_1 = require("../components/Configure/ErrorTextBox");
+const ErrorTextBox_1 = require("../components/ErrorTextBox");
 const api_1 = require("../services/api");
 const utils_1 = require("../utils");
-const ApiKeyProvider_1 = require("./ApiKeyProvider");
+const ApiKeyContextProvider_1 = require("./ApiKeyContextProvider");
 const ErrorContextProvider_1 = require("./ErrorContextProvider");
-const IntegrationListContext_1 = require("./IntegrationListContext");
-const ProjectContext_1 = require("./ProjectContext");
+const IntegrationListContextProvider_1 = require("./IntegrationListContextProvider");
+const ProjectContextProvider_1 = require("./ProjectContextProvider");
 // Create a context to pass down the props
-const InstallIntegrationContext = (0, react_1.createContext)({
+exports.InstallIntegrationContext = (0, react_1.createContext)({
     integrationId: '',
     provider: '',
     integrationObj: undefined,
@@ -23,10 +23,12 @@ const InstallIntegrationContext = (0, react_1.createContext)({
     installation: undefined,
     setInstallation: () => { },
     resetInstallations: () => { },
+    onInstallSuccess: undefined,
+    onUpdateSuccess: undefined,
 });
 // Create a custom hook to access the props
 function useInstallIntegrationProps() {
-    const context = (0, react_1.useContext)(InstallIntegrationContext);
+    const context = (0, react_1.useContext)(exports.InstallIntegrationContext);
     if (!context) {
         throw new Error('useInstallIntegrationProps must be used within an InstallIntegrationProvider');
     }
@@ -34,10 +36,10 @@ function useInstallIntegrationProps() {
 }
 exports.useInstallIntegrationProps = useInstallIntegrationProps;
 // Wrap your parent component with the context provider
-function InstallIntegrationProvider({ children, integration, consumerRef, consumerName, groupRef, groupName, }) {
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
-    const { projectId } = (0, ProjectContext_1.useProject)();
-    const { integrations } = (0, IntegrationListContext_1.useIntegrationList)();
+function InstallIntegrationProvider({ children, integration, consumerRef, consumerName, groupRef, groupName, onInstallSuccess, onUpdateSuccess, }) {
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
+    const { integrations } = (0, IntegrationListContextProvider_1.useIntegrationList)();
     const [installations, setInstallations] = (0, react_1.useState)([]);
     const [isLoading, setLoadingState] = (0, react_1.useState)(true);
     const { setError, isError } = (0, ErrorContextProvider_1.useErrorState)();
@@ -56,7 +58,11 @@ function InstallIntegrationProvider({ children, integration, consumerRef, consum
     const resetInstallations = (0, react_1.useCallback)(() => {
         if (integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.id) {
             // check if installation exists on selected integration
-            (0, api_1.api)().listInstallations({ projectId, integrationId: integrationObj.id, groupRef }, {
+            (0, api_1.api)().installationApi.listInstallations({
+                projectId,
+                integrationId: integrationObj.id,
+                groupRef,
+            }, {
                 headers: {
                     'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '',
                 },
@@ -88,8 +94,17 @@ function InstallIntegrationProvider({ children, integration, consumerRef, consum
         installation,
         setInstallation,
         resetInstallations,
+        onInstallSuccess,
+        onUpdateSuccess,
     }), [integrationObj, consumerRef, consumerName, groupRef,
-        groupName, installation, setInstallation, resetInstallations]);
-    return (isError(ErrorContextProvider_1.ErrorBoundary.INSTALLATION_LIST, integrationErrorKey)) ? (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: `Error retrieving installation information for integration "${(integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.name) || 'unknown'}"` }) : ((0, jsx_runtime_1.jsx)(InstallIntegrationContext.Provider, { value: props, children: isLoading ? (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {}) : children }));
+        groupName, installation, setInstallation, resetInstallations, onInstallSuccess, onUpdateSuccess]);
+    if (integrationObj !== null) {
+        const errorMessage = 'Error retrieving installation information for integration '
+            + `"${(integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.name) || 'unknown'}"`;
+        return (isError(ErrorContextProvider_1.ErrorBoundary.INSTALLATION_LIST, integrationErrorKey))
+            ? (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: errorMessage }) : ((0, jsx_runtime_1.jsx)(exports.InstallIntegrationContext.Provider, { value: props, children: isLoading ? (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {}) : children }));
+    }
+    // if integration not found, return error message
+    return (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: `Integration "${integration}" not found` });
 }
 exports.InstallIntegrationProvider = InstallIntegrationProvider;

package/build/src/context/{IntegrationListContext.js → IntegrationListContextProvider.js}

@@ -4,9 +4,9 @@ exports.IntegrationListProvider = exports.useIntegrationList = exports.Integrati
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const LoadingIcon_1 = require("../assets/LoadingIcon");
-const ErrorTextBox_1 = require("../components/Configure/ErrorTextBox");
+const ErrorTextBox_1 = require("../components/ErrorTextBox");
 const api_1 = require("../services/api");
-const ApiKeyProvider_1 = require("./ApiKeyProvider");
+const ApiKeyContextProvider_1 = require("./ApiKeyContextProvider");
 const ErrorContextProvider_1 = require("./ErrorContextProvider");
 exports.IntegrationListContext = (0, react_1.createContext)({
     integrations: null,
@@ -20,12 +20,12 @@ const useIntegrationList = () => {
 };
 exports.useIntegrationList = useIntegrationList;
 function IntegrationListProvider({ projectId, children }) {
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
     const { setError, isError } = (0, ErrorContextProvider_1.useErrorState)();
     const [integrations, setIntegrations] = (0, react_1.useState)(null);
     const [isLoading, setLoadingState] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
-        (0, api_1.api)().listIntegrations({ projectId }, {
+        (0, api_1.api)().integrationApi.listIntegrations({ projectId }, {
             headers: {
                 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '',
             },

package/build/src/context/{ProjectContext.js → ProjectContextProvider.js}

@@ -4,9 +4,9 @@ exports.ProjectProvider = exports.useProject = exports.ProjectContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const LoadingIcon_1 = require("../assets/LoadingIcon");
-const ErrorTextBox_1 = require("../components/Configure/ErrorTextBox");
+const ErrorTextBox_1 = require("../components/ErrorTextBox");
 const api_1 = require("../services/api");
-const ApiKeyProvider_1 = require("./ApiKeyProvider");
+const ApiKeyContextProvider_1 = require("./ApiKeyContextProvider");
 const ErrorContextProvider_1 = require("./ErrorContextProvider");
 exports.ProjectContext = (0, react_1.createContext)({
     project: null,
@@ -22,12 +22,12 @@ const useProject = () => {
 };
 exports.useProject = useProject;
 function ProjectProvider({ projectId, children }) {
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
     const { isError, setError } = (0, ErrorContextProvider_1.useErrorState)();
     const [project, setProject] = (0, react_1.useState)(null);
     const [isLoading, setLoadingState] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
-        (0, api_1.api)().getProject({ projectId }, {
+        (0, api_1.api)().projectApi.getProject({ projectId }, {
             headers: {
                 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '',
             },

package/build/src/hooks/useIsIntegrationInstalled.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsIntegrationInstalled = void 0;
 const react_1 = require("react");
-const ApiKeyProvider_1 = require("../context/ApiKeyProvider");
-const IntegrationListContext_1 = require("../context/IntegrationListContext");
-const ProjectContext_1 = require("../context/ProjectContext");
+const ApiKeyContextProvider_1 = require("../context/ApiKeyContextProvider");
+const IntegrationListContextProvider_1 = require("../context/IntegrationListContextProvider");
+const ProjectContextProvider_1 = require("../context/ProjectContextProvider");
 const api_1 = require("../services/api");
 const useIsIntegrationInstalled = (integration, groupRef) => {
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
-    const { projectId } = (0, ProjectContext_1.useProject)();
-    const { integrations } = (0, IntegrationListContext_1.useIntegrationList)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
+    const { integrations } = (0, IntegrationListContextProvider_1.useIntegrationList)();
     const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
     const [isIntegrationInstalled, setIsIntegrationInstalled] = (0, react_1.useState)(null);
     if (!apiKey || !projectId) {
@@ -27,7 +27,7 @@ const useIsIntegrationInstalled = (integration, groupRef) => {
     (0, react_1.useEffect)(() => {
         if (!integrationToCheck)
             return;
-        (0, api_1.api)().listInstallations({
+        (0, api_1.api)().installationApi.listInstallations({
             projectId,
             integrationId: integrationToCheck.id,
             groupRef,

package/build/src/index.d.ts

@@ -1,2 +1 @@
-export * from './components';
-export * from './hooks';
+export * from './public';

package/build/src/index.js

@@ -14,5 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-__exportStar(require("./hooks"), exports);
+__exportStar(require("./public"), exports);

package/build/src/public/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Contains all the features to be exported out of the library
+ */
+export * from '../context/AmpersandContextProvider';
+export * from '../components/Configure';
+export * from '../components/Connect/ConnectProvider';
+export * from '../hooks/useIsIntegrationInstalled';

package/build/src/{components → public}/index.js

@@ -14,6 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AmpersandProvider"), exports);
-__exportStar(require("./Configure"), exports);
-__exportStar(require("./Connect/ConnectProvider"), exports);
+/**
+ * Contains all the features to be exported out of the library
+ */
+__exportStar(require("../context/AmpersandContextProvider"), exports);
+__exportStar(require("../components/Configure"), exports);
+__exportStar(require("../components/Connect/ConnectProvider"), exports);
+__exportStar(require("../hooks/useIsIntegrationInstalled"), exports);

package/build/src/services/ApiService.d.ts

@@ -0,0 +1,27 @@
+import { AllowedDomainApi, Configuration, ConnectionApi, ConsumerApi, DestinationApi, GroupApi, InstallationApi, IntegrationApi, OAuthApi, OperationApi, OperationLogApi, ProjectApi, ProjectMembershipApi, ProviderAppApi, RevisionApi, UploadURLApi } from '../../generated-sources/api/src';
+/**
+ * ApiService is a wrapper around the generated API client, which exposes
+ * all generated api services as properties.
+ * This allows us to inject the configuration object into every api service.
+ *
+ * New or legacy services need to be added or deleted here after services are generated.
+ * Note: some services are not used in this repo.
+ */
+export declare class ApiService {
+    allowedDomainApi: AllowedDomainApi;
+    connectionApi: ConnectionApi;
+    consumerApi: ConsumerApi;
+    destinationApi: DestinationApi;
+    groupApi: GroupApi;
+    installationApi: InstallationApi;
+    integrationApi: IntegrationApi;
+    oAuthApi: OAuthApi;
+    operationApi: OperationApi;
+    operationLogApi: OperationLogApi;
+    projectApi: ProjectApi;
+    projectMembershipApi: ProjectMembershipApi;
+    providerAppApi: ProviderAppApi;
+    revisionApi: RevisionApi;
+    uploadURLApi: UploadURLApi;
+    constructor(config: Configuration);
+}

package/build/src/services/ApiService.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiService = void 0;
+/* eslint-disable import/no-relative-packages */
+// currently not using a bundler to support alias imports
+const src_1 = require("../../generated-sources/api/src");
+/**
+ * ApiService is a wrapper around the generated API client, which exposes
+ * all generated api services as properties.
+ * This allows us to inject the configuration object into every api service.
+ *
+ * New or legacy services need to be added or deleted here after services are generated.
+ * Note: some services are not used in this repo.
+ */
+class ApiService {
+    constructor(config) {
+        this.allowedDomainApi = new src_1.AllowedDomainApi(config);
+        this.connectionApi = new src_1.ConnectionApi(config);
+        this.consumerApi = new src_1.ConsumerApi(config);
+        this.destinationApi = new src_1.DestinationApi(config);
+        this.groupApi = new src_1.GroupApi(config);
+        this.installationApi = new src_1.InstallationApi(config);
+        this.integrationApi = new src_1.IntegrationApi(config);
+        this.oAuthApi = new src_1.OAuthApi(config);
+        this.operationApi = new src_1.OperationApi(config);
+        this.operationLogApi = new src_1.OperationLogApi(config);
+        this.projectApi = new src_1.ProjectApi(config);
+        this.projectMembershipApi = new src_1.ProjectMembershipApi(config);
+        this.providerAppApi = new src_1.ProviderAppApi(config);
+        this.revisionApi = new src_1.RevisionApi(config);
+        this.uploadURLApi = new src_1.UploadURLApi(config);
+    }
+}
+exports.ApiService = ApiService;

package/build/src/services/api.d.ts

@@ -1,9 +1,10 @@
-import { Config, Connection, CreateInstallationOperationRequest, CreateInstallationRequestConfig, DefaultApi, HydratedIntegrationField, HydratedIntegrationFieldExistent, HydratedIntegrationObject, HydratedIntegrationRead, HydratedRevision, Installation, Integration, IntegrationFieldMapping, Project, ProviderApp, UpdateInstallationOperationRequest, UpdateInstallationRequestInstallationConfig } from '../../generated-sources/api/src';
+import { Config, Connection, CreateInstallationOperationRequest, CreateInstallationRequestConfig, HydratedIntegrationField, HydratedIntegrationFieldExistent, HydratedIntegrationObject, HydratedIntegrationRead, HydratedIntegrationWrite, HydratedIntegrationWriteObject, HydratedRevision, Installation, Integration, IntegrationFieldMapping, Project, ProviderApp, UpdateInstallationOperationRequest, UpdateInstallationRequestInstallationConfig } from '../../generated-sources/api/src';
+import { ApiService } from './ApiService';
 export declare const AMP_SERVER: string;
 export declare const AMP_API_ROOT: string;
-export declare const setApi: (api: DefaultApi) => void;
-export declare const api: () => DefaultApi;
+export declare const setApi: (api: ApiService) => void;
+export declare const api: () => ApiService;
 /**
    * Types exported from generated api
    */
-export type { Config, Connection, CreateInstallationOperationRequest, CreateInstallationRequestConfig, HydratedIntegrationRead, HydratedIntegrationObject, HydratedIntegrationField, HydratedRevision, Installation, Integration, HydratedIntegrationFieldExistent, IntegrationFieldMapping, Project, ProviderApp, UpdateInstallationOperationRequest, UpdateInstallationRequestInstallationConfig, };
+export type { Config, Connection, CreateInstallationOperationRequest, CreateInstallationRequestConfig, HydratedIntegrationRead, HydratedIntegrationWrite, HydratedIntegrationWriteObject, HydratedIntegrationObject, HydratedIntegrationField, HydratedRevision, Installation, Integration, HydratedIntegrationFieldExistent, IntegrationFieldMapping, Project, ProviderApp, UpdateInstallationOperationRequest, UpdateInstallationRequestInstallationConfig, };

package/build/src/services/api.js

@@ -4,6 +4,7 @@ exports.api = exports.setApi = exports.AMP_API_ROOT = exports.AMP_SERVER = void
 /* eslint-disable import/no-relative-packages */
 // currently not using a bundler to support alias imports
 const src_1 = require("../../generated-sources/api/src");
+const ApiService_1 = require("./ApiService");
 /**
    * To update the api you need to
    * 1. git clone `https://github.com/amp-labs/server` into a sibling directory
@@ -17,8 +18,12 @@ const src_1 = require("../../generated-sources/api/src");
    * */
 const VERSION = 'v1';
 function getApiEndpoint() {
-    var _a;
-    switch (process.env.REACT_APP_AMP_SERVER) {
+    var _a, _b, _c;
+    const prodEndpoint = 'https://api.withampersand.com';
+    if (typeof process === 'undefined') {
+        return prodEndpoint;
+    }
+    switch ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.REACT_APP_AMP_SERVER) {
         case 'local':
             return 'http://localhost:8080';
         case 'dev':
@@ -26,15 +31,15 @@ function getApiEndpoint() {
         case 'staging':
             return 'https://staging-api.withampersand.com';
         case 'prod':
-            return 'https://api.withampersand.com';
+            return prodEndpoint;
         case 'mock':
             return 'http://127.0.0.1:4010';
         case '':
-            return 'https://api.withampersand.com';
+            return prodEndpoint;
         default:
             // The user may provide an arbitrary URL here if they want to, or else the
             // default prod url will be used.
-            return (_a = process.env.REACT_APP_AMP_SERVER) !== null && _a !== void 0 ? _a : 'https://api.withampersand.com';
+            return (_c = (_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b.REACT_APP_AMP_SERVER) !== null && _c !== void 0 ? _c : prodEndpoint;
     }
 }
 const getApiRoot = (server, version) => `${server}/${version}`;
@@ -54,7 +59,7 @@ exports.AMP_API_ROOT = assignRoot();
 const config = new src_1.Configuration({
     basePath: exports.AMP_API_ROOT,
 });
-let apiValue = new src_1.DefaultApi(config);
+let apiValue = new ApiService_1.ApiService(config);
 // For testing, etc. we may want to use a different API configuration than the default
 const setApi = (api) => {
     apiValue = api;