@amp-labs/react 1.1.0 → 1.3.0

package/build/src/components/Connect/ConnectedSuccessBox.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectedSuccessBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ProjectContextProvider_1 = require("../../context/ProjectContextProvider");
+const utils_1 = require("../../utils");
+const SuccessTextBox_1 = require("../SuccessTextBox");
+function ConnectedSuccessBox({ provider }) {
+    const { appName } = (0, ProjectContextProvider_1.useProject)();
+    const text = `You have successfully connected your ${(0, utils_1.capitalize)(provider)} account to ${appName}.`;
+    return ((0, jsx_runtime_1.jsx)(SuccessTextBox_1.SuccessTextBox, { text: text }));
+}
+exports.ConnectedSuccessBox = ConnectedSuccessBox;

package/build/src/components/Connect/useConnectionHandler.d.ts

@@ -0,0 +1,10 @@
+type ConnectionHandlerPropsProps = {
+    onSuccess?: (connectionID: string) => void;
+};
+/**
+ * ConnectionHandler is a component that handles onSuccess and onError callbacks
+ * @param onSuccess - callback function to be called when a connection is successful
+ * @returns
+ */
+export declare function useConnectionHandler({ onSuccess }: ConnectionHandlerPropsProps): void;
+export {};

package/build/src/components/Connect/useConnectionHandler.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConnectionHandler = void 0;
+const react_1 = require("react");
+const ConnectionsContextProvider_1 = require("../../context/ConnectionsContextProvider");
+function useOnSuccessHandler(onSuccess) {
+    const { selectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
+    (0, react_1.useEffect)(() => {
+        // Check if a onSuccess callback is present
+        if (onSuccess && selectedConnection) {
+            // call callback when connection is selected
+            onSuccess(selectedConnection.id);
+        }
+    }, [onSuccess, selectedConnection]);
+}
+/**
+ * ConnectionHandler is a component that handles onSuccess and onError callbacks
+ * @param onSuccess - callback function to be called when a connection is successful
+ * @returns
+ */
+function useConnectionHandler({ onSuccess }) {
+    useOnSuccessHandler(onSuccess);
+}
+exports.useConnectionHandler = useConnectionHandler;

package/build/src/components/ErrorTextBox.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorTextBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+function ErrorTextBox({ message }) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { minHeight: "300px", padding: "30px", display: "flex", flexDirection: "column", justifyContent: "space-evenly", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { 
+                        // eslint-disable-next-line max-len
+                        d: "M20.5796 7.72236L3.63955 36.0024C3.29029 36.6072 3.10549 37.293 3.10353 37.9914C3.10158 38.6898 3.28254 39.3766 3.62841 39.9834C3.97428 40.5902 4.473 41.0959 5.07497 41.4501C5.67693 41.8043 6.36115 41.9947 7.05955 42.0024H40.9396C41.638 41.9947 42.3222 41.8043 42.9241 41.4501C43.5261 41.0959 44.0248 40.5902 44.3707 39.9834C44.7166 39.3766 44.8975 38.6898 44.8956 37.9914C44.8936 37.293 44.7088 36.6072 44.3596 36.0024L27.4196 7.72236C27.063 7.13458 26.561 6.6486 25.9619 6.31133C25.3629 5.97406 24.687 5.79688 23.9996 5.79688C23.3121 5.79688 22.6362 5.97406 22.0372 6.31133C21.4381 6.6486 20.9361 7.13458 20.5796 7.72236Z", stroke: "#7F1D1D", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M24 18V26", stroke: "#7F1D1D", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M24 34H24.02", stroke: "#7F1D1D", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { boxSizing: "border-box", display: "flex", justifyContent: "center", alignItems: "center", "align-self": "stretch", padding: "12px 50px 12px 50px", borderRadius: "8px", border: "2px solid #FECACA", background: "#FEF2F2", children: (0, jsx_runtime_1.jsx)(react_1.Text, { color: "#991B1B", children: message }) })] }));
+}
+exports.ErrorTextBox = ErrorTextBox;

package/build/src/components/Oauth/NoSubdomainEntry/LandingContent.d.ts

@@ -0,0 +1,8 @@
+type LandingContentProps = {
+    provider: string;
+    handleSubmit: () => void;
+    error: string | null;
+    isButtonDisabled?: boolean;
+};
+export declare function LandingContent({ provider, handleSubmit, error, isButtonDisabled, }: LandingContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Oauth/{Hubspot/HubspotLandingContent.js → NoSubdomainEntry/LandingContent.js}

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotLandingContent = void 0;
+exports.LandingContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@chakra-ui/react");
+const utils_1 = require("../../../utils");
 const OAuthErrorAlert_1 = require("../OAuthErrorAlert");
-function HubspotLandingContent({ handleSubmit, error, isButtonDisabled, }) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { p: 8, maxWidth: "600px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", textAlign: ['left'], margin: "auto", marginTop: "40px", bgColor: "white", children: (0, jsx_runtime_1.jsxs)(react_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, { marginTop: "16", marginBottom: "0", children: (0, jsx_runtime_1.jsx)(react_1.Heading, { as: "h4", size: "md", children: "Set up HubSpot integration" }) }), (0, jsx_runtime_1.jsx)(OAuthErrorAlert_1.OAuthErrorAlert, { error: error }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Button, { isDisabled: isButtonDisabled, width: "100%", type: "submit", onClick: handleSubmit, children: "Next" })] }) }) }));
+function LandingContent({ provider, handleSubmit, error, isButtonDisabled, }) {
+    return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { p: 8, maxWidth: "600px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", textAlign: ['left'], margin: "auto", marginTop: "40px", bgColor: "white", children: (0, jsx_runtime_1.jsxs)(react_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, { marginTop: "16", marginBottom: "0", children: (0, jsx_runtime_1.jsx)(react_1.Heading, { as: "h4", size: "md", children: `Set up ${(0, utils_1.capitalize)(provider)} integration` }) }), (0, jsx_runtime_1.jsx)(OAuthErrorAlert_1.OAuthErrorAlert, { error: error }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Button, { isDisabled: isButtonDisabled, width: "100%", type: "submit", onClick: handleSubmit, children: "Next" })] }) }) }));
 }
-exports.HubspotLandingContent = HubspotLandingContent;
+exports.LandingContent = LandingContent;

package/build/src/components/Oauth/NoSubdomainEntry/NoSubdomainOauthFlow.d.ts

@@ -0,0 +1,16 @@
+/**
+ * OAuth flow for any providers that do not require the consumer to enter a subdomain first.
+ */
+interface NoSubdomainOauthFlowProps {
+    provider: string;
+    consumerRef: string;
+    consumerName?: string;
+    groupRef: string;
+    groupName?: string;
+}
+/**
+ * NoSubdomainOauthFlow first prompts user with a next button,
+ * then launches a popup with the OAuth flow.
+ */
+export declare function NoSubdomainOauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }: NoSubdomainOauthFlowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Oauth/{Hubspot/HubspotOauthFlow.js → NoSubdomainEntry/NoSubdomainOauthFlow.js}

@@ -3,25 +3,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotOauthFlow = void 0;
+exports.NoSubdomainOauthFlow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * Hubspot landing component, which then will launch to create an OAuth connection to Hubspot.
+ * OAuth flow for any providers that do not require the consumer to enter a subdomain first.
  */
 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 utils_1 = require("../../../utils");
 const fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
-const HubspotLandingContent_1 = require("./HubspotLandingContent");
+const OAuthPopup_1 = __importDefault(require("../OAuthPopup"));
+const LandingContent_1 = require("./LandingContent");
 /**
- * HubspotOauthFlow first prompts user with a next button,
+ * NoSubdomainOauthFlow first prompts user with a next button,
  * then launches a popup with the OAuth flow.
  */
-function HubspotOauthFlow({ consumerRef, consumerName, groupRef, groupName, }) {
-    const { projectId } = (0, ProjectContext_1.useProject)();
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
+function NoSubdomainOauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }) {
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
     const [oAuthCallbackURL, setOAuthCallbackURL] = (0, react_1.useState)(null);
     const [error, setError] = (0, react_1.useState)(null);
     // 1. fetch provider apps
@@ -32,7 +32,7 @@ function HubspotOauthFlow({ consumerRef, consumerName, groupRef, groupName, }) {
         setError(null);
         if (consumerName && groupName && apiKey) {
             try {
-                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, constants_1.PROVIDER_HUBSPOT);
+                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider);
                 setOAuthCallbackURL(url);
             }
             catch (err) {
@@ -45,6 +45,6 @@ function HubspotOauthFlow({ consumerRef, consumerName, groupRef, groupName, }) {
         setError(err);
         setOAuthCallbackURL(null);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(OAuthPopup_1.default, { title: "Connect to Hubspot", url: oAuthCallbackURL, onClose: onClose, children: (0, jsx_runtime_1.jsx)(HubspotLandingContent_1.HubspotLandingContent, { handleSubmit: handleSubmit, error: error }) }));
+    return ((0, jsx_runtime_1.jsx)(OAuthPopup_1.default, { title: `Connect to ${(0, utils_1.capitalize)(provider)}`, url: oAuthCallbackURL, onClose: onClose, children: (0, jsx_runtime_1.jsx)(LandingContent_1.LandingContent, { provider: provider, handleSubmit: handleSubmit, error: error }) }));
 }
-exports.HubspotOauthFlow = HubspotOauthFlow;
+exports.NoSubdomainOauthFlow = NoSubdomainOauthFlow;

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/Salesforce/SubdomainEntry.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@chakra-ui/icons");
 const react_1 = require("@chakra-ui/react");
 const OAuthErrorAlert_1 = require("../OAuthErrorAlert");
-const SALESFORCE_HELP_URL = 'https://help.salesforce.com/articleView?id=domain_name_not_found.htm&type=5';
+const SALESFORCE_HELP_URL = 'https://help.salesforce.com/s/articleView?id=sf.faq_domain_name_what.htm&type=5';
 function SubdomainEntry({ handleSubmit, setWorkspace, error, isButtonDisabled, }) {
     return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { p: 8, maxWidth: "600px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", textAlign: ['left'], margin: "auto", marginTop: "40px", bgColor: "white", children: (0, jsx_runtime_1.jsxs)(react_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, { marginTop: "16", marginBottom: "0", children: (0, jsx_runtime_1.jsx)(react_1.Heading, { as: "h4", size: "md", children: "Enter your Salesforce subdomain" }) }), (0, jsx_runtime_1.jsxs)(react_1.Link, { href: SALESFORCE_HELP_URL, color: "blackAlpha.600", isExternal: true, children: ["What is my Salesforce subdomain?", (0, jsx_runtime_1.jsx)(icons_1.ExternalLinkIcon, { mx: "2px" })] }), (0, jsx_runtime_1.jsx)(OAuthErrorAlert_1.OAuthErrorAlert, { error: error }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { marginTop: "1em", children: [(0, jsx_runtime_1.jsx)(react_1.Input, { placeholder: "MyDomain", onChange: (event) => setWorkspace(event.currentTarget.value) }), (0, jsx_runtime_1.jsx)(react_1.Text, { lineHeight: "2.2em", marginLeft: "0.4em", children: ".my.salesforce.com" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Button, { isDisabled: isButtonDisabled, width: "100%", type: "submit", onClick: handleSubmit, children: "Next" })] }) }) }));
 }

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/SuccessTextBox.d.ts

@@ -0,0 +1,5 @@
+interface ConnectedSuccessBoxProps {
+    text: string;
+}
+export declare function SuccessTextBox({ text }: ConnectedSuccessBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/SuccessTextBox.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuccessTextBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const SuccessIcon_1 = require("../assets/SuccessIcon");
+function SuccessTextBox({ text }) {
+    return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { p: 8, maxWidth: "600px", minHeight: "290px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", margin: "auto", marginTop: "40px", bgColor: "white", paddingTop: "100px", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: "100%", display: "flex", alignContent: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_1.Box, { margin: "auto", children: (0, jsx_runtime_1.jsx)(SuccessIcon_1.SuccessCheckmarkIcon, {}) }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { textAlign: "center", paddingTop: "25px", children: text })] }) }));
+}
+exports.SuccessTextBox = SuccessTextBox;

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 : '',
             },