@amp-labs/react 1.3.0 → 1.4.0

package/build/src/components/Oauth/{NoSubdomainEntry/NoSubdomainOauthFlow.js → NoWorkspaceEntry/NoWorkspaceOauthFlow.js}

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoSubdomainOauthFlow = void 0;
+exports.NoWorkspaceOauthFlow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * OAuth flow for any providers that do not require the consumer to enter a subdomain first.
+ * OAuth flow for any providers that do not require the consumer to enter a workspace first.
  */
 const react_1 = require("react");
 const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
@@ -16,17 +16,15 @@ const fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
 const OAuthPopup_1 = __importDefault(require("../OAuthPopup"));
 const LandingContent_1 = require("./LandingContent");
 /**
- * NoSubdomainOauthFlow first prompts user with a next button,
+ * NoWorkspaceOauthFlow first prompts user with a next button,
  * then launches a popup with the OAuth flow.
  */
-function NoSubdomainOauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }) {
+function NoWorkspaceOauthFlow({ 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
-    // 2. find matching app to provider
-    // 3. fetch OAuth callback URL from connection so that oath popup can be launched
+    //  fetch OAuth callback URL from connection so that oath popup can be launched
     const handleSubmit = async () => {
         var _a;
         setError(null);
@@ -47,4 +45,4 @@ function NoSubdomainOauthFlow({ provider, consumerRef, consumerName, groupRef, g
     }, []);
     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.NoSubdomainOauthFlow = NoSubdomainOauthFlow;
+exports.NoWorkspaceOauthFlow = NoWorkspaceOauthFlow;

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

@@ -55,14 +55,10 @@ function OAuthPopup({ title = '', url, children, onClose, }) {
                         refreshConnections(connectionId);
                         onClose(null);
                     }
-                    if (externalWindow)
-                        externalWindow.close();
                 }
                 else if (((_c = event.data) === null || _c === void 0 ? void 0 : _c.eventType) === FAILURE_EVENT) {
                     clearTimer();
-                    onClose((_e = (_d = event.data.data) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : 'There was an error logging into your Salesforce subdomain. Please try again.');
-                    if (externalWindow)
-                        externalWindow.close();
+                    onClose((_e = (_d = event.data.data) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : 'There was an error logging you in. Please try again.');
                 }
             }
         });

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

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

@@ -0,0 +1,9 @@
+"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", children: children }) }));
+}
+exports.OauthCardLayout = OauthCardLayout;

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

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

@@ -0,0 +1,33 @@
+"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.oauthOpts) === 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

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

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

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

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

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

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
+const OAuthPopup_1 = __importDefault(require("../OAuthPopup"));
+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;
+        }
+        if (consumerName && groupName && apiKey && workspace) {
+            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 === 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)(OAuthPopup_1.default, { title: `Connect to ${(0, utils_1.capitalize)(provider)}`, url: oAuthCallbackURL, onClose: onClose, children: workspaceEntryComponent }));
+}
+exports.WorkspaceOauthFlow = WorkspaceOauthFlow;

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

@@ -4,12 +4,12 @@ exports.buttonVariants = void 0;
 // define custom button variants
 exports.buttonVariants = {
     warning: {
-        bg: 'red.50',
+        bg: 'red.50', // Background color
         outlineColor: 'red.800',
         outline: '2px solid',
         outlineOffset: '0',
-        borderColor: 'red.800',
-        color: 'red.800',
+        borderColor: 'red.800', // Border color
+        color: 'red.800', // Text color
         _hover: {
             bg: 'red.100', // Background color on hover
         },

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

@@ -15,9 +15,9 @@ const customTheme = (0, react_1.extendTheme)({
                         bg: 'gray.300',
                     },
                     _selected: {
-                        color: 'black',
-                        fontWeight: '500',
-                        bg: 'gray.200',
+                        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',
@@ -32,9 +32,9 @@ const customTheme = (0, react_1.extendTheme)({
                         bg: 'red.200',
                     },
                     _selected: {
-                        color: 'red.800',
-                        fontWeight: '500',
-                        bg: 'red.100',
+                        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',

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

@@ -1,4 +1,4 @@
-import { AllowedDomainApi, Configuration, ConnectionApi, ConsumerApi, DestinationApi, GroupApi, InstallationApi, IntegrationApi, OAuthApi, OperationApi, OperationLogApi, ProjectApi, ProjectMembershipApi, ProviderAppApi, RevisionApi, UploadURLApi } from '../../generated-sources/api/src';
+import { AllowedDomainApi, Configuration, ConnectionApi, ConsumerApi, DestinationApi, GroupApi, InstallationApi, IntegrationApi, OAuthApi, OperationApi, ProjectApi, ProjectMembershipApi, ProviderApi, 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.
@@ -17,9 +17,9 @@ export declare class ApiService {
     integrationApi: IntegrationApi;
     oAuthApi: OAuthApi;
     operationApi: OperationApi;
-    operationLogApi: OperationLogApi;
     projectApi: ProjectApi;
     projectMembershipApi: ProjectMembershipApi;
+    providerApi: ProviderApi;
     providerAppApi: ProviderAppApi;
     revisionApi: RevisionApi;
     uploadURLApi: UploadURLApi;

package/build/src/services/ApiService.js

@@ -23,9 +23,9 @@ class ApiService {
         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.providerApi = new src_1.ProviderApi(config);
         this.providerAppApi = new src_1.ProviderAppApi(config);
         this.revisionApi = new src_1.RevisionApi(config);
         this.uploadURLApi = new src_1.UploadURLApi(config);

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

@@ -1,4 +1,4 @@
-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 { Config, Connection, CreateInstallationOperationRequest, CreateInstallationRequestConfig, HydratedIntegrationField, HydratedIntegrationFieldExistent, HydratedIntegrationObject, HydratedIntegrationRead, HydratedIntegrationWrite, HydratedIntegrationWriteObject, HydratedRevision, Installation, Integration, IntegrationFieldMapping, Project, ProviderApp, ProviderInfo, UpdateInstallationOperationRequest, UpdateInstallationRequestInstallationConfig } from '../../generated-sources/api/src';
 import { ApiService } from './ApiService';
 export declare const AMP_SERVER: string;
 export declare const AMP_API_ROOT: string;
@@ -7,4 +7,4 @@ export declare const api: () => ApiService;
 /**
    * Types exported from generated api
    */
-export type { Config, Connection, CreateInstallationOperationRequest, CreateInstallationRequestConfig, HydratedIntegrationRead, HydratedIntegrationWrite, HydratedIntegrationWriteObject, 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, ProviderInfo, UpdateInstallationOperationRequest, UpdateInstallationRequestInstallationConfig, };

package/build/src/services/api.js

@@ -5,6 +5,7 @@ exports.api = exports.setApi = exports.AMP_API_ROOT = exports.AMP_SERVER = void
 // currently not using a bundler to support alias imports
 const src_1 = require("../../generated-sources/api/src");
 const ApiService_1 = require("./ApiService");
+const version_1 = require("./version");
 /**
    * To update the api you need to
    * 1. git clone `https://github.com/amp-labs/server` into a sibling directory
@@ -60,6 +61,10 @@ exports.AMP_API_ROOT = assignRoot();
    * */
 const config = new src_1.Configuration({
     basePath: exports.AMP_API_ROOT,
+    headers: {
+        'X-Amp-Client': 'react',
+        'X-Amp-Client-Version': version_1.LIB_VERSION,
+    },
 });
 let apiValue = new ApiService_1.ApiService(config);
 // For testing, etc. we may want to use a different API configuration than the default

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

@@ -0,0 +1 @@
+export declare const LIB_VERSION = "1.4.0";

package/build/src/services/version.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIB_VERSION = void 0;
+exports.LIB_VERSION = '1.4.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",
@@ -24,7 +24,7 @@
     "test": "jest",
     "watch": "npm run prepbuild && tsc -p tsconfig.json --watch",
     "build": "npm run prepbuild && tsc -p tsconfig.json",
-    "prepbuild": "npm run clean",
+    "prepbuild": "npm run clean && node -p \"'export const LIB_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" | sed \"s|\\\"|'|g\" > src/services/version.ts",
     "clean": "rm -rf ./build/",
     "assets": "mkdir ./build/ && cp -R ./src/public/ ./build/public/",
     "lint": "eslint --ext .ts,.tsx -c .eslintrc.cjs src/ --fix",

package/build/generated-sources/api/src/apis/OperationLogApi.d.ts

@@ -1,55 +0,0 @@
-/**
- * Ampersand public API
- * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
- *
- * The version of the OpenAPI document: 1.0.0
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-import * as runtime from '../runtime';
-import type { OperationLog } from '../models';
-export interface ListOperationLogsRequest {
-    projectId: string;
-    operationId: string;
-}
-/**
- * OperationLogApi - interface
- *
- * @export
- * @interface OperationLogApiInterface
- */
-export interface OperationLogApiInterface {
-    /**
-     * List logs for an operation, earliest first.
-     * @summary List logs for an operation
-     * @param {string} projectId
-     * @param {string} operationId
-     * @param {*} [options] Override http request option.
-     * @throws {RequiredError}
-     * @memberof OperationLogApiInterface
-     */
-    listOperationLogsRaw(requestParameters: ListOperationLogsRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Array<OperationLog>>>;
-    /**
-     * List logs for an operation, earliest first.
-     * List logs for an operation
-     */
-    listOperationLogs(requestParameters: ListOperationLogsRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Array<OperationLog>>;
-}
-/**
- *
- */
-export declare class OperationLogApi extends runtime.BaseAPI implements OperationLogApiInterface {
-    /**
-     * List logs for an operation, earliest first.
-     * List logs for an operation
-     */
-    listOperationLogsRaw(requestParameters: ListOperationLogsRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Array<OperationLog>>>;
-    /**
-     * List logs for an operation, earliest first.
-     * List logs for an operation
-     */
-    listOperationLogs(requestParameters: ListOperationLogsRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Array<OperationLog>>;
-}

package/build/generated-sources/api/src/models/DestinationMetadata.d.ts

@@ -1,39 +0,0 @@
-/**
- * Ampersand public API
- * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
- *
- * The version of the OpenAPI document: 1.0.0
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-/**
- *
- * @export
- * @interface DestinationMetadata
- */
-export interface DestinationMetadata {
-    /**
-     * Webhook URL
-     * @type {string}
-     * @memberof DestinationMetadata
-     */
-    url?: string;
-    /**
-     * Webhook headers to add
-     * @type {{ [key: string]: string; }}
-     * @memberof DestinationMetadata
-     */
-    headers?: {
-        [key: string]: string;
-    } | null;
-}
-/**
- * Check if a given object implements the DestinationMetadata interface.
- */
-export declare function instanceOfDestinationMetadata(value: object): boolean;
-export declare function DestinationMetadataFromJSON(json: any): DestinationMetadata;
-export declare function DestinationMetadataFromJSONTyped(json: any, ignoreDiscriminator: boolean): DestinationMetadata;
-export declare function DestinationMetadataToJSON(value?: DestinationMetadata | null): any;

package/build/src/components/Configure/actions/onSaveReadUpdateInstallation.d.ts

@@ -1,3 +0,0 @@
-import { Config, HydratedIntegrationObject, Installation } from '../../../services/api';
-import { ConfigureState } from '../types';
-export declare const onSaveReadUpdateInstallation: (projectId: string, integrationId: string, installationId: string, selectedObjectName: string, apiKey: string, configureState: ConfigureState, setInstallation: (installationObj: Installation) => void, hydratedObject: HydratedIntegrationObject, onUpdateSuccess?: ((installationId: string, config: Config) => void) | undefined) => Promise<void | null>;

package/build/src/components/Configure/actions/proxy/createInstallationProxyOnly.d.ts

@@ -1,8 +0,0 @@
-import { HydratedRevision } from '../../../../services/api';
-import { CreateInstallationSharedProps } from '../createInstallationReducer';
-type CreateInstallationProxyOnlyProps = CreateInstallationSharedProps & {
-    hydratedRevision: HydratedRevision;
-    consumerRef: string;
-};
-export declare function createInstallationProxyOnly({ projectId, integrationId, groupRef, consumerRef, connectionId, apiKey, hydratedRevision, setInstallation, onInstallSuccess, }: CreateInstallationProxyOnlyProps): Promise<void> | Promise<null>;
-export {};

package/build/src/components/Oauth/NoSubdomainEntry/LandingContent.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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.LandingContent = LandingContent;

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

@@ -1,16 +0,0 @@
-/**
- * Prompts customer to input their Salesforce subdomain, then creates an OAuth connection to
- * that Salesforce instance.
- */
-interface SalesforceOauthFlowProps {
-    consumerRef: string;
-    consumerName?: string;
-    groupRef: string;
-    groupName?: string;
-}
-/**
- * SalesforceOauthFlow first prompts user for their workspace ("subdomain" in Salesforce lingo),
- * then launches a popup with the OAuth flow.
- */
-export declare function SalesforceOauthFlow({ consumerRef, consumerName, groupRef, groupName, }: SalesforceOauthFlowProps): import("react/jsx-runtime").JSX.Element;
-export {};

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';