@amp-labs/react 1.5.3 → 1.6.0

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OAuthErrorAlert = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-function OAuthErrorAlert({ error }) {
-    if (error) {
-        return ((0, jsx_runtime_1.jsxs)(react_1.Alert, { status: "error", marginTop: "2em", children: [(0, jsx_runtime_1.jsx)(react_1.AlertIcon, {}), (0, jsx_runtime_1.jsx)(react_1.AlertDescription, { children: error })] }));
-    }
-    return null;
-}
-exports.OAuthErrorAlert = OAuthErrorAlert;

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-type OAuthWindowProps = {
-    children: React.ReactNode;
-    windowTitle: string;
-    oauthUrl: string | null;
-    onClose: (err: string | null) => void;
-};
-/**
- * v2 OAuth window to manage OAuth flow
- * @param param0
- * @returns
- */
-export declare function OAuthWindow({ children, oauthUrl, windowTitle, onClose, }: OAuthWindowProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OAuthWindow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
-const ConnectionsContextProvider_1 = require("../../../context/ConnectionsContextProvider");
-const ProjectContextProvider_1 = require("../../../context/ProjectContextProvider");
-const windowHelpers_1 = require("./windowHelpers");
-/**
- * v2 OAuth window to manage OAuth flow
- * @param param0
- * @returns
- */
-function OAuthWindow({ children, oauthUrl, windowTitle = 'Connect to Provider', onClose, }) {
-    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
-    const { projectId } = (0, ProjectContextProvider_1.useProject)();
-    const [connectionId, setConnectionId] = (0, react_1.useState)(null);
-    const [oauthWindow, setOauthWindow] = (0, react_1.useState)(null);
-    const { setSelectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
-    const receiveMessage = (0, windowHelpers_1.getReceiveMessageEventHandler)(setConnectionId);
-    const openOAuthWindow = (0, windowHelpers_1.getOpenWindowHandler)(windowTitle, setOauthWindow, receiveMessage, oauthUrl);
-    const refreshConnections = (0, windowHelpers_1.getRefreshConnectionHandler)(projectId, apiKey, setSelectedConnection);
-    // open the OAuth window on mount and prop change
-    (0, react_1.useEffect)(() => {
-        if (oauthUrl && !oauthWindow) {
-            openOAuthWindow(); // creates new window and adds event listener
-        }
-    }, [oauthUrl, oauthWindow, openOAuthWindow, receiveMessage, windowTitle]);
-    // refresh connections on connectionId change
-    (0, react_1.useEffect)(() => {
-        if (connectionId) {
-            refreshConnections(connectionId)
-                .then(() => {
-                oauthWindow === null || oauthWindow === void 0 ? void 0 : oauthWindow.close(); // only close the window if connection is successful
-                // console.debug('Connection successful');
-            }).catch((err) => {
-                var _a;
-                console.error('Error refreshing connection: ', err);
-                onClose((_a = err.message) !== null && _a !== void 0 ? _a : 'Unexpected error: not able to refresh connection');
-            });
-        }
-    }, [connectionId, apiKey, setSelectedConnection, refreshConnections, oauthWindow, onClose]);
-    // check if the window is closed
-    const interval = oauthWindow && setInterval(() => {
-        if (((oauthWindow === null || oauthWindow === void 0 ? void 0 : oauthWindow.closed) || !oauthWindow) && !!interval) {
-            clearInterval(interval);
-            // cleanup event listener and window reference
-            window.removeEventListener('message', receiveMessage);
-            setOauthWindow(null);
-            if (!connectionId) {
-                // if connectionId is not set, then set OAuth failed error
-                console.error('OAuth failed. Please try again.');
-                if (onClose)
-                    onClose('OAuth failed. Please try again.');
-            }
-            else if (connectionId && onClose) {
-                // if connectionId is set, then set OAuth success -- no error in onClose
-                onClose(null);
-            }
-        }
-    }, 500);
-    return (0, jsx_runtime_1.jsx)("div", { children: children });
-}
-exports.OAuthWindow = OAuthWindow;

package/build/src/components/Oauth/OAuthWindow/windowHelpers.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { Connection } from '../../../services/api';
-/**
- * returns a function to refresh the connection
- * @param projectId
- * @param apiKey
- * @param setSelectedConnection
- * @returns
- */
-export declare function getRefreshConnectionHandler(projectId: string, apiKey: string, setSelectedConnection: React.Dispatch<React.SetStateAction<Connection | null>>): (_connectionId: string) => Promise<void>;
-/**
- * opens a new window with the OAuth URL
- *  side effect: adds a message event listener to the window
- * @param oauthUrl
- * @param windowTitle
- * @param setOauthWindow
- * @param receiveMessage
- * @returns a function to open the oauth window
- */
-export declare function getOpenWindowHandler(windowTitle: string, setOauthWindow: React.Dispatch<React.SetStateAction<Window | null>>, receiveMessage: (event: MessageEvent) => void, oauthUrl: string | null): () => void;
-/**
-  * returns a function to handle the message event
-  */
-export declare function getReceiveMessageEventHandler(setConnectionId: React.Dispatch<React.SetStateAction<null>>): (event: MessageEvent) => void;

package/build/src/components/Oauth/OAuthWindow/windowHelpers.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getReceiveMessageEventHandler = exports.getOpenWindowHandler = exports.getRefreshConnectionHandler = void 0;
-const react_1 = require("react");
-const api_1 = require("../../../services/api");
-const DEFAULT_WIDTH = 600; // px
-const DEFAULT_HEIGHT = 600; // px
-const SUCCESS_EVENT = 'AUTHORIZATION_SUCCEEDED';
-const FAILURE_EVENT = 'AUTHORIZATION_FAILED';
-/**
- * returns a function to refresh the connection
- * @param projectId
- * @param apiKey
- * @param setSelectedConnection
- * @returns
- */
-function getRefreshConnectionHandler(projectId, apiKey, setSelectedConnection) {
-    return (0, react_1.useCallback)(async (_connectionId) => {
-        const connection = await (0, api_1.api)().connectionApi.getConnection({ projectId, connectionId: _connectionId }, {
-            headers: { 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '' },
-        });
-        setSelectedConnection(connection);
-    }, [projectId, apiKey, setSelectedConnection]);
-}
-exports.getRefreshConnectionHandler = getRefreshConnectionHandler;
-/**
- * opens a new window with the OAuth URL
- *  side effect: adds a message event listener to the window
- * @param oauthUrl
- * @param windowTitle
- * @param setOauthWindow
- * @param receiveMessage
- * @returns a function to open the oauth window
- */
-function getOpenWindowHandler(windowTitle, setOauthWindow, receiveMessage, oauthUrl) {
-    return (0, react_1.useCallback)(() => {
-        if (!oauthUrl)
-            return;
-        const left = window.screenX + (window.outerWidth - DEFAULT_WIDTH) / 2;
-        const top = window.screenY + (window.outerHeight - DEFAULT_HEIGHT) / 2.5;
-        const windowDimensions = `width=${DEFAULT_WIDTH},height=${DEFAULT_HEIGHT},left=${left},top=${top}`;
-        // creates a new window
-        const newWindow = window.open(oauthUrl, windowTitle, windowDimensions);
-        setOauthWindow(newWindow);
-        window.addEventListener('message', receiveMessage, false);
-    }, [oauthUrl, windowTitle, setOauthWindow, receiveMessage]);
-}
-exports.getOpenWindowHandler = getOpenWindowHandler;
-/**
-  * returns a function to handle the message event
-  */
-function getReceiveMessageEventHandler(setConnectionId) {
-    return (0, react_1.useCallback)((event) => {
-        var _a;
-        // Ignore messages from unexpected origins
-        if (event.origin !== api_1.AMP_SERVER) {
-            return;
-        }
-        // success case
-        if (event.data.eventType === SUCCESS_EVENT) {
-            const connection = (_a = event.data.data) === null || _a === void 0 ? void 0 : _a.connection; // connection id
-            if (connection) {
-                setConnectionId(connection);
-                // do not close the window if connection is successful yet
-            }
-            else {
-                console.error('Connection ID not found in event data: ', { event });
-            }
-        }
-        // failure case
-        if (event.data.eventType === FAILURE_EVENT) {
-            console.error('OAuth failed: ', { event });
-            // do not close the window if error occurs
-        }
-    }, [setConnectionId]);
-}
-exports.getReceiveMessageEventHandler = getReceiveMessageEventHandler;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type OauthCardLayoutProps = {
-    children: React.ReactNode;
-};
-export declare function OauthCardLayout({ children }: OauthCardLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OauthCardLayout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-function OauthCardLayout({ children }) {
-    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", color: "gray.800", fontSize: "md", children: children }) }));
-}
-exports.OauthCardLayout = OauthCardLayout;

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

@@ -1,9 +0,0 @@
-type OauthFlowProps = {
-    provider: string;
-    consumerRef: string;
-    consumerName?: string;
-    groupRef: string;
-    groupName?: string;
-};
-export declare function OauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }: OauthFlowProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OauthFlow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
-const api_1 = require("../../../services/api");
-const NoWorkspaceOauthFlow_1 = require("../NoWorkspaceEntry/NoWorkspaceOauthFlow");
-const WorkspaceOauthFlow_1 = require("../WorkspaceEntry/WorkspaceOauthFlow");
-function OauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }) {
-    var _a, _b;
-    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
-    const [providerInfo, setProviderInfo] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        if (provider && api_1.api) {
-            (0, api_1.api)().providerApi.getProvider({ provider }, {
-                headers: { 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '' },
-            }).then((_providerInfo) => {
-                setProviderInfo(_providerInfo);
-            }).catch((err) => {
-                console.error('Error loading provider info: ', err);
-            });
-        }
-    }, [apiKey, provider]);
-    const workspaceRequired = (_b = (_a = providerInfo === null || providerInfo === void 0 ? void 0 : providerInfo.oauth2Opts) === null || _a === void 0 ? void 0 : _a.explicitWorkspaceRequired) !== null && _b !== void 0 ? _b : false;
-    // required workspace
-    if (workspaceRequired) {
-        return ((0, jsx_runtime_1.jsx)(WorkspaceOauthFlow_1.WorkspaceOauthFlow, { provider: provider, consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName }));
-    }
-    // no workspace required
-    return ((0, jsx_runtime_1.jsx)(NoWorkspaceOauthFlow_1.NoWorkspaceOauthFlow, { provider: provider, consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName }));
-}
-exports.OauthFlow = OauthFlow;

package/build/src/components/Oauth/Salesforce/SalesforceSubdomainEntry.d.ts

@@ -1,13 +0,0 @@
-type SubdomainEntryProps = {
-    handleSubmit: () => void;
-    setWorkspace: (workspace: string) => void;
-    error: string | null;
-    isButtonDisabled?: boolean;
-};
-/**
- * Salesforce specific subdomain entry component, use workspace entry for other providers.
- * @param param0
- * @returns
- */
-export declare function SalesforceSubdomainEntry({ handleSubmit, setWorkspace, error, isButtonDisabled, }: SubdomainEntryProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SalesforceSubdomainEntry = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@chakra-ui/icons");
-const react_1 = require("@chakra-ui/react");
-const OauthCardLayout_1 = require("../OauthCardLayout");
-const OAuthErrorAlert_1 = require("../OAuthErrorAlert");
-const SALESFORCE_HELP_URL = 'https://help.salesforce.com/s/articleView?id=sf.faq_domain_name_what.htm&type=5';
-/**
- * Salesforce specific subdomain entry component, use workspace entry for other providers.
- * @param param0
- * @returns
- */
-function SalesforceSubdomainEntry({ handleSubmit, setWorkspace, error, isButtonDisabled, }) {
-    return ((0, jsx_runtime_1.jsx)(OauthCardLayout_1.OauthCardLayout, { 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" })] }) }));
-}
-exports.SalesforceSubdomainEntry = SalesforceSubdomainEntry;

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

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

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WorkspaceEntry = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const utils_1 = require("../../../utils");
-const OauthCardLayout_1 = require("../OauthCardLayout");
-const OAuthErrorAlert_1 = require("../OAuthErrorAlert");
-function WorkspaceEntry({ provider, handleSubmit, setWorkspace, error, isButtonDisabled, }) {
-    return ((0, jsx_runtime_1.jsx)(OauthCardLayout_1.OauthCardLayout, { 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.jsxs)(react_1.Heading, { as: "h4", size: "md", children: ["Enter your ", (0, utils_1.capitalize)(provider), " workspace"] }) }), (0, jsx_runtime_1.jsx)(OAuthErrorAlert_1.OAuthErrorAlert, { error: error }), (0, jsx_runtime_1.jsx)(react_1.Flex, { marginTop: "1em", children: (0, jsx_runtime_1.jsx)(react_1.Input, { placeholder: "MyWorkspace", onChange: (event) => setWorkspace(event.currentTarget.value) }) }), (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.WorkspaceEntry = WorkspaceEntry;

package/build/src/components/Oauth/WorkspaceEntry/WorkspaceOauthFlow.d.ts

@@ -1,14 +0,0 @@
-interface WorkspaceOauthFlowProps {
-    provider: string;
-    consumerRef: string;
-    consumerName?: string;
-    groupRef: string;
-    groupName?: string;
-}
-/**
- * Chooses workspace/subdomain entry component based on provider.
- * WorkspaceEntry is generic for any provider that requires a workspace to be entered first,
- * then launches a popup with the OAuth flow.
- */
-export declare function WorkspaceOauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }: WorkspaceOauthFlowProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/src/components/Oauth/WorkspaceEntry/WorkspaceOauthFlow.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WorkspaceOauthFlow = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
-const ProjectContextProvider_1 = require("../../../context/ProjectContextProvider");
-const utils_1 = require("../../../utils");
-const fetchOAuthPopupURL_1 = require("../fetchOAuthPopupURL");
-const OAuthWindow_1 = require("../OAuthWindow/OAuthWindow");
-const SalesforceSubdomainEntry_1 = require("../Salesforce/SalesforceSubdomainEntry");
-const WorkspaceEntry_1 = require("./WorkspaceEntry");
-const PROVIDER_SALESFORCE = 'salesforce';
-/**
- * Chooses workspace/subdomain entry component based on provider.
- * WorkspaceEntry is generic for any provider that requires a workspace to be entered first,
- * then launches a popup with the OAuth flow.
- */
-function WorkspaceOauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }) {
-    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);
-    //  fetch OAuth callback URL from connection so that oath popup can be launched
-    const handleSubmit = async () => {
-        var _a;
-        setError(null);
-        if (!workspace) {
-            setError('Workspace is required');
-            return;
-        }
-        try {
-            const url = await (0, fetchOAuthPopupURL_1.fetchOAuthPopupURL)(projectId, consumerRef, groupRef, apiKey, provider, workspace, consumerName, groupName);
-            setOAuthCallbackURL(url);
-        }
-        catch (err) {
-            console.error(err);
-            setError((_a = err === null || err === void 0 ? void 0 : err.message) !== null && _a !== void 0 ? _a : 'Unexpected error');
-        }
-    };
-    const onClose = (0, react_1.useCallback)((err) => {
-        setError(err);
-        setOAuthCallbackURL(null);
-    }, []);
-    // custom entry component for Salesforce provider
-    const workspaceEntryComponent = (provider === PROVIDER_SALESFORCE)
-        ? ((0, jsx_runtime_1.jsx)(SalesforceSubdomainEntry_1.SalesforceSubdomainEntry, { handleSubmit: handleSubmit, setWorkspace: setWorkspace, error: error, isButtonDisabled: workspace.length === 0 })) : (
-    // general workspace entry component
-    (0, jsx_runtime_1.jsx)(WorkspaceEntry_1.WorkspaceEntry, { provider: provider, handleSubmit: handleSubmit, setWorkspace: setWorkspace, error: error, isButtonDisabled: workspace.length === 0 }));
-    return ((0, jsx_runtime_1.jsx)(OAuthWindow_1.OAuthWindow, { windowTitle: `Connect to ${(0, utils_1.capitalize)(provider)}`, oauthUrl: oAuthCallbackURL, onClose: onClose, children: workspaceEntryComponent }));
-}
-exports.WorkspaceOauthFlow = WorkspaceOauthFlow;

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

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

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchOAuthPopupURL = void 0;
-const api_1 = require("../../services/api");
-const utils_1 = require("../../utils");
-const fetchOAuthPopupURL = async (projectId, consumerRef, groupRef, apiKey, provider, workspace, consumerName, groupName) => {
-    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)} Provider App using the Ampersand Console.`);
-    }
-    const request = {
-        connectOAuthParams: {
-            providerWorkspaceRef: workspace,
-            projectId,
-            groupRef,
-            groupName,
-            consumerRef,
-            consumerName,
-            providerAppId: app.id,
-            provider,
-        },
-    };
-    const url = await (0, api_1.api)().oAuthApi.oauthConnect(request);
-    return url;
-};
-exports.fetchOAuthPopupURL = fetchOAuthPopupURL;

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

@@ -1,15 +0,0 @@
-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

@@ -1,31 +0,0 @@
-"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

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

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

@@ -1,5 +0,0 @@
-"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

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

package/build/src/components/SuccessTextBox.js

@@ -1,10 +0,0 @@
-"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", color: "gray.800", fontSize: "md", 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/ThemeProvider/Button/buttonTheme.d.ts

@@ -1,13 +0,0 @@
-export declare const buttonVariants: {
-    warning: {
-        bg: string;
-        outlineColor: string;
-        outline: string;
-        outlineOffset: string;
-        borderColor: string;
-        color: string;
-        _hover: {
-            bg: string;
-        };
-    };
-};

package/build/src/components/ThemeProvider/Button/buttonTheme.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonVariants = void 0;
-// define custom button variants
-exports.buttonVariants = {
-    warning: {
-        bg: 'red.50', // Background color
-        outlineColor: 'red.800',
-        outline: '2px solid',
-        outlineOffset: '0',
-        borderColor: 'red.800', // Border color
-        color: 'red.800', // Text color
-        _hover: {
-            bg: 'red.100', // Background color on hover
-        },
-    },
-};

package/build/src/components/ThemeProvider/Button/index.d.ts

@@ -1,2 +0,0 @@
-import { buttonVariants } from './buttonTheme';
-export { buttonVariants };

package/build/src/components/ThemeProvider/Button/index.js

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

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type ThemeProviderProps = {
-    children: React.ReactNode;
-};
-export declare function ThemeProvider({ children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const Button_1 = require("./Button");
-const customTheme = (0, react_1.extendTheme)({
-    components: {
-        Tabs: {
-            baseStyle: {
-                tab: {
-                    width: '100%',
-                    borderRadius: '4px',
-                    _hover: {
-                        bg: 'gray.300',
-                    },
-                    _selected: {
-                        color: 'black', // Set the color of the selected tab to 'black
-                        fontWeight: '500', // Set the font weight of the selected tab
-                        bg: 'gray.200', // Set the background color of the selected tab
-                        border: 'none',
-                        _hover: {
-                            bg: 'gray.300',
-                        },
-                    },
-                },
-                // consider creating a warning variant tab
-                warningTab: {
-                    width: '100%',
-                    borderRadius: '4px',
-                    _hover: {
-                        bg: 'red.200',
-                    },
-                    _selected: {
-                        color: 'red.800', // Set the color of the selected tab
-                        fontWeight: '500', // Set the font weight of the selected tab
-                        bg: 'red.100', // Set the background color of the selected tab
-                        border: 'none',
-                        _hover: {
-                            bg: 'red.200',
-                        },
-                    },
-                },
-            },
-        },
-        Button: {
-            variants: Button_1.buttonVariants,
-        },
-    },
-});
-const theme = (0, react_1.extendTheme)((0, react_1.withDefaultColorScheme)({
-    colorScheme: 'facebook',
-    components: ['Button'],
-}), customTheme);
-function ThemeProvider({ children }) {
-    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: theme, children: children }));
-}
-exports.ThemeProvider = ThemeProvider;

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

@@ -1,19 +0,0 @@
-/**
- * AmpersandProvider.tsx
- *
- * Takes API key and project ID. Fetches source, making it available to all child components.
- * Also optionally accepts theme styles object with CSS values.
- */
-import React from 'react';
-interface AmpersandProviderProps {
-    options: {
-        apiKey: string;
-        projectId: string;
-        styles?: object;
-    };
-    children: React.ReactNode;
-}
-export declare function AmpersandProvider(props: AmpersandProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare const AmpersandContext: React.Context<null>;
-export declare function useAmpersandProvider(): never;
-export {};