@amp-labs/react 1.3.0 → 1.4.1

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

@@ -1,57 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SalesforceOauthFlow = void 0;
-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 constants_1 = require("../../../constants");
-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, 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);
-    const isButtonDisabled = workspace.length === 0;
-    const provider = constants_1.PROVIDER_SALESFORCE;
-    // 1. fetch provider apps
-    // 2. find matching app to provider
-    // 3. fetch OAuth callback URL from connection so that oath popup can be launched
-    const handleSubmit = async () => {
-        var _a;
-        setError(null);
-        if (workspace && consumerName && groupName && apiKey) {
-            try {
-                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider, workspace);
-                setOAuthCallbackURL(url);
-            }
-            catch (err) {
-                console.error(err);
-                setError((_a = err.message) !== null && _a !== void 0 ? _a : 'Unexpected error');
-            }
-        }
-        else {
-            setError('missing required fields');
-        }
-    };
-    const onClose = (0, react_1.useCallback)((err) => {
-        setError(err);
-        setOAuthCallbackURL(null);
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(OAuthPopup_1.default, { title: "Connect to Salesforce", url: oAuthCallbackURL, onClose: onClose, children: (0, jsx_runtime_1.jsx)(SubdomainEntry_1.SubdomainEntry, { handleSubmit: handleSubmit, setWorkspace: setWorkspace, error: error, isButtonDisabled: isButtonDisabled }) }));
-}
-exports.SalesforceOauthFlow = SalesforceOauthFlow;

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

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

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubdomainEntry = 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 OAuthErrorAlert_1 = require("../OAuthErrorAlert");
-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" })] }) }) }));
-}
-exports.SubdomainEntry = SubdomainEntry;

package/build/src/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const PROVIDER_SALESFORCE = "salesforce";
-export declare const PROVIDER_HUBSPOT = "hubspot";

package/build/src/constants.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PROVIDER_HUBSPOT = exports.PROVIDER_SALESFORCE = void 0;
-exports.PROVIDER_SALESFORCE = 'salesforce';
-exports.PROVIDER_HUBSPOT = 'hubspot';