@amp-labs/react 1.0.1 → 1.1.0

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

@@ -1,78 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Prompts customer to input their Salesforce subdomain, then creates an OAuth connection to
- * that Salesforce instance.
- */
-const react_1 = require("react");
-const icons_1 = require("@chakra-ui/icons");
-const react_2 = require("@chakra-ui/react");
-const constants_1 = require("../../constants");
-const ApiKeyContext_1 = require("../../context/ApiKeyContext");
-const ProjectContext_1 = require("../../context/ProjectContext");
-const api_1 = require("../../services/api");
-const OAuthPopup_1 = __importDefault(require("../OAuthPopup/OAuthPopup"));
-function OAuthErrorAlert({ error }) {
-    if (error) {
-        return ((0, jsx_runtime_1.jsxs)(react_2.Alert, { status: "error", marginTop: "2em", children: [(0, jsx_runtime_1.jsx)(react_2.AlertIcon, {}), (0, jsx_runtime_1.jsx)(react_2.AlertDescription, { children: error })] }));
-    }
-    return null;
-}
-/**
- * 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 [workspace, setWorkspace] = (0, react_1.useState)('');
-    const [oAuthCallbackURL, setOAuthCallbackURL] = (0, react_1.useState)(null);
-    const [error, setError] = (0, react_1.useState)(null);
-    const { projectId } = (0, ProjectContext_1.useProject)();
-    const apiKey = (0, react_1.useContext)(ApiKeyContext_1.ApiKeyContext);
-    const handleSubmit = async () => {
-        var _a;
-        setError(null);
-        if (workspace) {
-            try {
-                const providerApps = await (0, api_1.api)().listProviderApps({
-                    projectId,
-                }, {
-                    headers: {
-                        'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '',
-                    },
-                });
-                const app = providerApps.find((a) => a.provider === constants_1.PROVIDER_SALESFORCE);
-                if (!app) {
-                    throw new Error('You must first set up a Salesforce Connected App using the Ampersand Console.');
-                }
-                const url = await (0, api_1.api)().oauthConnect({
-                    connectOAuthParams: {
-                        providerWorkspaceRef: workspace,
-                        projectId,
-                        groupRef,
-                        groupName,
-                        consumerRef,
-                        consumerName,
-                        providerAppId: app.id,
-                        provider: constants_1.PROVIDER_SALESFORCE,
-                    },
-                });
-                setOAuthCallbackURL(url);
-            }
-            catch (err) {
-                console.error(err);
-                setError((_a = err.message) !== null && _a !== void 0 ? _a : 'Unexpected error');
-            }
-        }
-    };
-    const onClose = (0, react_1.useCallback)((err) => {
-        setError(err);
-        setOAuthCallbackURL(null);
-    }, []);
-    const SubdomainEntry = ((0, jsx_runtime_1.jsx)(react_2.Container, { children: (0, jsx_runtime_1.jsx)(react_2.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_2.FormControl, { children: [(0, jsx_runtime_1.jsx)(react_2.FormLabel, { marginTop: "3em", marginBottom: "0", children: (0, jsx_runtime_1.jsx)(react_2.Heading, { as: "h4", size: "lg", children: "Enter your Salesforce subdomain" }) }), (0, jsx_runtime_1.jsxs)(react_2.Link, { href: "https://help.salesforce.com/s/articleView?id=sf.faq_domain_name_what.htm&type=5", 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, { error: error }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { marginTop: "1em", children: [(0, jsx_runtime_1.jsx)(react_2.Input, { placeholder: "MyDomain", onChange: (event) => setWorkspace(event.currentTarget.value) }), (0, jsx_runtime_1.jsx)(react_2.Text, { lineHeight: "2.2em", marginLeft: "0.4em", children: ".my.salesforce.com" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_2.Button, { type: "submit", onClick: handleSubmit, children: "Submit" })] }) }) }));
-    return ((0, jsx_runtime_1.jsx)(OAuthPopup_1.default, { title: "Connect to Salesforce", url: oAuthCallbackURL, onClose: onClose, children: SubdomainEntry }));
-}
-exports.default = SalesforceOauthFlow;

package/build/src/context/ApiKeyContext.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApiKeyProvider = exports.ApiKeyContext = void 0;
-const react_1 = require("react");
-exports.ApiKeyContext = (0, react_1.createContext)(null);
-exports.ApiKeyProvider = exports.ApiKeyContext.Provider;