@amp-labs/react 1.0.2 → 1.1.0

package/README.md

@@ -1,4 +1,4 @@
-# Ampersand React Library
+# Ampersand React library
 
 ## Overview
 Ampersand is a config-first platform for SaaS builders who are creating user-facing integrations.

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

@@ -74,6 +74,10 @@ export interface GetHydratedRevisionRequest {
     revisionId: string;
     connectionId: string;
 }
+export interface GetOperationRequest {
+    projectId: string;
+    operationId: string;
+}
 export interface GetProjectRequest {
     projectId: string;
 }
@@ -346,7 +350,7 @@ export interface DefaultApiInterface {
     generateUploadUrl(initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<SignedUrl>;
     /**
      *
-     * @summary get a connection
+     * @summary Get a connection
      * @param {string} projectId
      * @param {string} connectionId
      * @param {*} [options] Override http request option.
@@ -355,7 +359,7 @@ export interface DefaultApiInterface {
      */
     getConnectionRaw(requestParameters: GetConnectionRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Connection>>;
     /**
-     * get a connection
+     * Get a connection
      */
     getConnection(requestParameters: GetConnectionRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Connection>;
     /**
@@ -374,6 +378,20 @@ export interface DefaultApiInterface {
      * Hydrate a revision with information from the consumer\'s SaaS instance.
      */
     getHydratedRevision(requestParameters: GetHydratedRevisionRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<HydratedRevision>;
+    /**
+     *
+     * @summary Get an operation
+     * @param {string} projectId
+     * @param {string} operationId
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof DefaultApiInterface
+     */
+    getOperationRaw(requestParameters: GetOperationRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Operation>>;
+    /**
+     * Get an operation
+     */
+    getOperation(requestParameters: GetOperationRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Operation>;
     /**
      *
      * @summary Get a project
@@ -742,11 +760,11 @@ export declare class DefaultApi extends runtime.BaseAPI implements DefaultApiInt
      */
     generateUploadUrl(initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<SignedUrl>;
     /**
-     * get a connection
+     * Get a connection
      */
     getConnectionRaw(requestParameters: GetConnectionRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Connection>>;
     /**
-     * get a connection
+     * Get a connection
      */
     getConnection(requestParameters: GetConnectionRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Connection>;
     /**
@@ -757,6 +775,14 @@ export declare class DefaultApi extends runtime.BaseAPI implements DefaultApiInt
      * Hydrate a revision with information from the consumer\'s SaaS instance.
      */
     getHydratedRevision(requestParameters: GetHydratedRevisionRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<HydratedRevision>;
+    /**
+     * Get an operation
+     */
+    getOperationRaw(requestParameters: GetOperationRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Operation>>;
+    /**
+     * Get an operation
+     */
+    getOperation(requestParameters: GetOperationRequest, initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Operation>;
     /**
      * Get a project
      */

package/build/generated-sources/api/src/apis/DefaultApi.js

@@ -424,7 +424,7 @@ class DefaultApi extends runtime.BaseAPI {
         return await response.value();
     }
     /**
-     * get a connection
+     * Get a connection
      */
     async getConnectionRaw(requestParameters, initOverrides) {
         if (requestParameters.projectId === null || requestParameters.projectId === undefined) {
@@ -444,7 +444,7 @@ class DefaultApi extends runtime.BaseAPI {
         return new runtime.JSONApiResponse(response, (jsonValue) => (0, models_1.ConnectionFromJSON)(jsonValue));
     }
     /**
-     * get a connection
+     * Get a connection
      */
     async getConnection(requestParameters, initOverrides) {
         const response = await this.getConnectionRaw(requestParameters, initOverrides);
@@ -486,6 +486,33 @@ class DefaultApi extends runtime.BaseAPI {
         const response = await this.getHydratedRevisionRaw(requestParameters, initOverrides);
         return await response.value();
     }
+    /**
+     * Get an operation
+     */
+    async getOperationRaw(requestParameters, initOverrides) {
+        if (requestParameters.projectId === null || requestParameters.projectId === undefined) {
+            throw new runtime.RequiredError('projectId', 'Required parameter requestParameters.projectId was null or undefined when calling getOperation.');
+        }
+        if (requestParameters.operationId === null || requestParameters.operationId === undefined) {
+            throw new runtime.RequiredError('operationId', 'Required parameter requestParameters.operationId was null or undefined when calling getOperation.');
+        }
+        const queryParameters = {};
+        const headerParameters = {};
+        const response = await this.request({
+            path: `/projects/{projectId}/operations/{operationId}`.replace(`{${"projectId"}}`, encodeURIComponent(String(requestParameters.projectId))).replace(`{${"operationId"}}`, encodeURIComponent(String(requestParameters.operationId))),
+            method: 'GET',
+            headers: headerParameters,
+            query: queryParameters,
+        }, initOverrides);
+        return new runtime.JSONApiResponse(response, (jsonValue) => (0, models_1.OperationFromJSON)(jsonValue));
+    }
+    /**
+     * Get an operation
+     */
+    async getOperation(requestParameters, initOverrides) {
+        const response = await this.getOperationRaw(requestParameters, initOverrides);
+        return await response.value();
+    }
     /**
      * Get a project
      */

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

@@ -23,11 +23,11 @@ export interface CreateInstallationRequest {
      */
     groupRef: string;
     /**
-     * The ID of the SaaS connection tied to this installation.
+     * The ID of the SaaS connection tied to this installation. If omitted the default connection for this group will be used.
      * @type {string}
      * @memberof CreateInstallationRequest
      */
-    connectionId: string;
+    connectionId?: string;
     /**
      *
      * @type {CreateInstallationRequestConfig}

package/build/generated-sources/api/src/models/CreateInstallationRequest.js

@@ -14,6 +14,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateInstallationRequestToJSON = exports.CreateInstallationRequestFromJSONTyped = exports.CreateInstallationRequestFromJSON = exports.instanceOfCreateInstallationRequest = void 0;
+const runtime_1 = require("../runtime");
 const CreateInstallationRequestConfig_1 = require("./CreateInstallationRequestConfig");
 /**
  * Check if a given object implements the CreateInstallationRequest interface.
@@ -21,7 +22,6 @@ const CreateInstallationRequestConfig_1 = require("./CreateInstallationRequestCo
 function instanceOfCreateInstallationRequest(value) {
     let isInstance = true;
     isInstance = isInstance && "groupRef" in value;
-    isInstance = isInstance && "connectionId" in value;
     isInstance = isInstance && "config" in value;
     return isInstance;
 }
@@ -36,7 +36,7 @@ function CreateInstallationRequestFromJSONTyped(json, ignoreDiscriminator) {
     }
     return {
         'groupRef': json['groupRef'],
-        'connectionId': json['connectionId'],
+        'connectionId': !(0, runtime_1.exists)(json, 'connectionId') ? undefined : json['connectionId'],
         'config': (0, CreateInstallationRequestConfig_1.CreateInstallationRequestConfigFromJSON)(json['config']),
     };
 }

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

@@ -17,17 +17,17 @@ import type { ConfigContent } from './ConfigContent';
  */
 export interface CreateInstallationRequestConfig {
     /**
-     * The ID of the revision that this config is based on.
+     * The ID of the revision that this config is based on. If omitted, the latest revision is assumed.
      * @type {string}
      * @memberof CreateInstallationRequestConfig
      */
-    revisionId: string;
+    revisionId?: string;
     /**
      * The person who created the config, in the format of "consumer:{consumer-id}" or "builder:{builder-id}".
      * @type {string}
      * @memberof CreateInstallationRequestConfig
      */
-    createdBy: string;
+    createdBy?: string;
     /**
      *
      * @type {ConfigContent}

package/build/generated-sources/api/src/models/CreateInstallationRequestConfig.js

@@ -14,14 +14,13 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateInstallationRequestConfigToJSON = exports.CreateInstallationRequestConfigFromJSONTyped = exports.CreateInstallationRequestConfigFromJSON = exports.instanceOfCreateInstallationRequestConfig = void 0;
+const runtime_1 = require("../runtime");
 const ConfigContent_1 = require("./ConfigContent");
 /**
  * Check if a given object implements the CreateInstallationRequestConfig interface.
  */
 function instanceOfCreateInstallationRequestConfig(value) {
     let isInstance = true;
-    isInstance = isInstance && "revisionId" in value;
-    isInstance = isInstance && "createdBy" in value;
     isInstance = isInstance && "content" in value;
     return isInstance;
 }
@@ -35,8 +34,8 @@ function CreateInstallationRequestConfigFromJSONTyped(json, ignoreDiscriminator)
         return json;
     }
     return {
-        'revisionId': json['revisionId'],
-        'createdBy': json['createdBy'],
+        'revisionId': !(0, runtime_1.exists)(json, 'revisionId') ? undefined : json['revisionId'],
+        'createdBy': !(0, runtime_1.exists)(json, 'createdBy') ? undefined : json['createdBy'],
         'content': (0, ConfigContent_1.ConfigContentFromJSON)(json['content']),
     };
 }

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

@@ -20,7 +20,7 @@ export interface OauthConnectRequest {
      * @type {string}
      * @memberof OauthConnectRequest
      */
-    providerWorkspaceRef: string;
+    providerWorkspaceRef?: string;
     /**
      * The project ID.
      * @type {string}

package/build/generated-sources/api/src/models/OauthConnectRequest.js

@@ -20,7 +20,6 @@ const runtime_1 = require("../runtime");
  */
 function instanceOfOauthConnectRequest(value) {
     let isInstance = true;
-    isInstance = isInstance && "providerWorkspaceRef" in value;
     isInstance = isInstance && "projectId" in value;
     isInstance = isInstance && "groupRef" in value;
     isInstance = isInstance && "consumerRef" in value;
@@ -38,7 +37,7 @@ function OauthConnectRequestFromJSONTyped(json, ignoreDiscriminator) {
         return json;
     }
     return {
-        'providerWorkspaceRef': json['providerWorkspaceRef'],
+        'providerWorkspaceRef': !(0, runtime_1.exists)(json, 'providerWorkspaceRef') ? undefined : json['providerWorkspaceRef'],
         'projectId': json['projectId'],
         'groupRef': json['groupRef'],
         'groupName': !(0, runtime_1.exists)(json, 'groupName') ? undefined : json['groupName'],

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

@@ -35,29 +35,23 @@ export interface Operation {
      */
     objectName: string;
     /**
-     * The Ampersand installation ID.
-     * @type {string}
-     * @memberof Operation
-     */
-    installationId: string;
-    /**
-     * The status of the operation.
+     * The operation ID.
      * @type {string}
      * @memberof Operation
      */
-    status?: string;
+    id: string;
     /**
-     * The workflow reference.
+     * The Ampersand installation ID.
      * @type {string}
      * @memberof Operation
      */
-    workflowRef: string;
+    installationId: string;
     /**
-     * The run reference.
+     * The status of the operation.
      * @type {string}
      * @memberof Operation
      */
-    runRef: string;
+    status?: string;
     /**
      * The error history of the operation.
      * @type {Array<OperationError>}

package/build/generated-sources/api/src/models/Operation.js

@@ -24,9 +24,8 @@ function instanceOfOperation(value) {
     isInstance = isInstance && "projectId" in value;
     isInstance = isInstance && "actionType" in value;
     isInstance = isInstance && "objectName" in value;
+    isInstance = isInstance && "id" in value;
     isInstance = isInstance && "installationId" in value;
-    isInstance = isInstance && "workflowRef" in value;
-    isInstance = isInstance && "runRef" in value;
     return isInstance;
 }
 exports.instanceOfOperation = instanceOfOperation;
@@ -42,10 +41,9 @@ function OperationFromJSONTyped(json, ignoreDiscriminator) {
         'projectId': json['projectId'],
         'actionType': json['actionType'],
         'objectName': json['objectName'],
+        'id': json['id'],
         'installationId': json['installationId'],
         'status': !(0, runtime_1.exists)(json, 'status') ? undefined : json['status'],
-        'workflowRef': json['workflowRef'],
-        'runRef': json['runRef'],
         'errorHistory': !(0, runtime_1.exists)(json, 'errorHistory') ? undefined : (json['errorHistory'].map(OperationError_1.OperationErrorFromJSON)),
         'createTime': !(0, runtime_1.exists)(json, 'createTime') ? undefined : (new Date(json['createTime'])),
     };
@@ -62,10 +60,9 @@ function OperationToJSON(value) {
         'projectId': value.projectId,
         'actionType': value.actionType,
         'objectName': value.objectName,
+        'id': value.id,
         'installationId': value.installationId,
         'status': value.status,
-        'workflowRef': value.workflowRef,
-        'runRef': value.runRef,
         'errorHistory': value.errorHistory === undefined ? undefined : (value.errorHistory.map(OperationError_1.OperationErrorToJSON)),
         'createTime': value.createTime === undefined ? undefined : (value.createTime.toISOString()),
     };

package/build/src/components/Configure/ObjectManagementNav/index.js

@@ -6,9 +6,10 @@ const react_1 = require("react");
 const react_2 = require("@chakra-ui/react");
 const InstallIntegrationContext_1 = require("../../../context/InstallIntegrationContext");
 const ProjectContext_1 = require("../../../context/ProjectContext");
+const utils_1 = require("../../../utils");
 const ConfigurationStateProvider_1 = require("../state/ConfigurationStateProvider");
 const HydratedRevisionContext_1 = require("../state/HydratedRevisionContext");
-const utils_1 = require("../utils");
+const utils_2 = require("../utils");
 const NavObjectItem_1 = require("./NavObjectItem");
 const UninstallInstallation_1 = require("./UninstallInstallation");
 // Create a context for the selected navObject's name
@@ -33,17 +34,17 @@ function getSelectedObject(navObjects, tabIndex) {
 }
 // note: when the object key exists in the config; the user has already completed the object before
 function ObjectManagementNav({ children, }) {
-    const { installation } = (0, InstallIntegrationContext_1.useInstallIntegrationProps)();
+    const { installation, provider } = (0, InstallIntegrationContext_1.useInstallIntegrationProps)();
     const { hydratedRevision } = (0, HydratedRevisionContext_1.useHydratedRevision)();
     const { objectConfigurationsState } = (0, ConfigurationStateProvider_1.useConfigureState)();
     const config = installation === null || installation === void 0 ? void 0 : installation.config;
-    const navObjects = hydratedRevision && (0, utils_1.generateNavObjects)(config, hydratedRevision);
+    const navObjects = hydratedRevision && (0, utils_2.generateNavObjects)(config, hydratedRevision);
     const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
     const handleTabsChange = (index) => { setTabIndex(index); };
     const selectedObject = getSelectedObject(navObjects || [], tabIndex);
     const { project } = (0, ProjectContext_1.useProject)();
     const appName = (project === null || project === void 0 ? void 0 : project.appName) || '';
-    return ((0, jsx_runtime_1.jsx)(SelectedObjectNameContext.Provider, { value: selectedObject === null || selectedObject === void 0 ? void 0 : selectedObject.name, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { p: 8, maxWidth: "55rem", border: "1px solid #EFEFEF", borderRadius: 6, boxShadow: "md", margin: "auto", bgColor: "whitesmoke", display: "flex", gap: "6", minHeight: "100%", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { width: "20rem", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { children: "Salesforce integration" }), (0, jsx_runtime_1.jsx)(react_2.Text, { marginBottom: "20px", fontSize: "1.125rem", fontWeight: "500", children: appName }), navObjects && ((0, jsx_runtime_1.jsxs)(react_2.Tabs, { index: tabIndex, onChange: handleTabsChange, orientation: "horizontal", children: [navObjects.map((object) => {
+    return ((0, jsx_runtime_1.jsx)(SelectedObjectNameContext.Provider, { value: selectedObject === null || selectedObject === void 0 ? void 0 : selectedObject.name, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { p: 8, maxWidth: "55rem", border: "1px solid #EFEFEF", borderRadius: 6, boxShadow: "md", margin: "auto", bgColor: "whitesmoke", display: "flex", gap: "6", minHeight: "100%", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { width: "20rem", children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { children: [(0, utils_1.capitalize)(provider), " integration"] }), (0, jsx_runtime_1.jsx)(react_2.Text, { marginBottom: "20px", fontSize: "1.125rem", fontWeight: "500", children: appName }), navObjects && ((0, jsx_runtime_1.jsxs)(react_2.Tabs, { index: tabIndex, onChange: handleTabsChange, orientation: "horizontal", children: [navObjects.map((object) => {
                                     var _a, _b;
                                     return ((0, jsx_runtime_1.jsx)(NavObjectItem_1.NavObjectItem, { objectName: object.name, completed: object.completed, pending: ((_a = objectConfigurationsState[object.name]) === null || _a === void 0 ? void 0 : _a.isOptionalFieldsModified)
                                             || ((_b = objectConfigurationsState[object.name]) === null || _b === void 0 ? void 0 : _b.isRequiredMapFieldsModified) }, object.name));

package/build/src/components/Configure/ProtectedConnectionLayout.js

@@ -1,7 +1,4 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProtectedConnectionLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -9,7 +6,8 @@ const react_1 = require("react");
 const constants_1 = require("../../constants");
 const ConnectionsContext_1 = require("../../context/ConnectionsContext");
 const InstallIntegrationContext_1 = require("../../context/InstallIntegrationContext");
-const SalesforceOauthFlow_1 = __importDefault(require("../Salesforce/SalesforceOauthFlow"));
+const HubspotOauthFlow_1 = require("../Oauth/Hubspot/HubspotOauthFlow");
+const SalesforceOauthFlow_1 = require("../Oauth/Salesforce/SalesforceOauthFlow");
 function ProtectedConnectionLayout({ provider, consumerRef, consumerName, groupRef, groupName, children, }) {
     const { selectedConnection, setSelectedConnection, connections } = (0, ConnectionsContext_1.useConnections)();
     (0, react_1.useEffect)(() => {
@@ -26,7 +24,10 @@ function ProtectedConnectionLayout({ provider, consumerRef, consumerName, groupR
     if (selectedConnection)
         return children;
     if (provider === constants_1.PROVIDER_SALESFORCE || providerFromProps === constants_1.PROVIDER_SALESFORCE) {
-        return ((0, jsx_runtime_1.jsx)(SalesforceOauthFlow_1.default, { consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName }));
+        return ((0, jsx_runtime_1.jsx)(SalesforceOauthFlow_1.SalesforceOauthFlow, { consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName }));
+    }
+    if (provider === constants_1.PROVIDER_HUBSPOT || providerFromProps === constants_1.PROVIDER_HUBSPOT) {
+        return ((0, jsx_runtime_1.jsx)(HubspotOauthFlow_1.HubspotOauthFlow, { consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName }));
     }
     return ((0, jsx_runtime_1.jsx)("div", { children: "Unsupported provider" }));
 }

package/build/src/components/Configure/UninstallContent.js

@@ -4,10 +4,12 @@ exports.UninstallContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("@chakra-ui/react");
+const ApiKeyProvider_1 = require("../../context/ApiKeyProvider");
 const InstallIntegrationContext_1 = require("../../context/InstallIntegrationContext");
 const ProjectContext_1 = require("../../context/ProjectContext");
 const api_1 = require("../../services/api");
 function UninstallContent() {
+    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
     const { projectId, appName } = (0, ProjectContext_1.useProject)();
     const { integrationId, installation, resetInstallations } = (0, InstallIntegrationContext_1.useInstallIntegrationProps)();
     const [loading, setLoading] = (0, react_1.useState)(false);
@@ -17,7 +19,12 @@ function UninstallContent() {
             setLoading(true);
             console.warn('uninstalling installation', { projectId, integrationId, installationId: installation.id });
             try {
-                await (0, api_1.api)().deleteInstallation({ projectId, integrationId, installationId: installation.id });
+                await (0, api_1.api)().deleteInstallation({ projectId, integrationId, installationId: installation.id }, {
+                    headers: {
+                        'X-Api-Key': apiKey,
+                        'Content-Type': 'application/json',
+                    },
+                });
                 resetInstallations();
                 console.warn('successfully uninstalled installation: ', installation.id);
             }

package/build/src/components/Oauth/Hubspot/HubspotLandingContent.d.ts

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

package/build/src/components/Oauth/Hubspot/HubspotLandingContent.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HubspotLandingContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+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" })] }) }) }));
+}
+exports.HubspotLandingContent = HubspotLandingContent;

package/build/src/components/Oauth/Hubspot/HubspotOauthFlow.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Hubspot landing component, which then will launch to create an OAuth connection to Hubspot.
+ */
+interface HubspotOauthFlowProps {
+    consumerRef: string;
+    consumerName?: string;
+    groupRef: string;
+    groupName?: string;
+}
+/**
+ * HubspotOauthFlow first prompts user with a next button,
+ * then launches a popup with the OAuth flow.
+ */
+export declare function HubspotOauthFlow({ consumerRef, consumerName, groupRef, groupName, }: HubspotOauthFlowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Oauth/Hubspot/HubspotOauthFlow.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HubspotOauthFlow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Hubspot landing component, which then will launch to create an OAuth connection to Hubspot.
+ */
+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 fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
+const HubspotLandingContent_1 = require("./HubspotLandingContent");
+/**
+ * HubspotOauthFlow 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)();
+    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
+    const handleSubmit = async () => {
+        var _a;
+        setError(null);
+        if (consumerName && groupName && apiKey) {
+            try {
+                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, constants_1.PROVIDER_HUBSPOT);
+                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);
+    }, []);
+    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 }) }));
+}
+exports.HubspotOauthFlow = HubspotOauthFlow;

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

@@ -0,0 +1,5 @@
+interface OAuthErrorAlertProps {
+    error: string | null;
+}
+export declare function OAuthErrorAlert({ error }: OAuthErrorAlertProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,12 @@
+"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/{Salesforce → Oauth/Salesforce}/SalesforceOauthFlow.d.ts

@@ -12,5 +12,5 @@ interface SalesforceOauthFlowProps {
  * SalesforceOauthFlow first prompts user for their workspace ("subdomain" in Salesforce lingo),
  * then launches a popup with the OAuth flow.
  */
-declare function SalesforceOauthFlow({ consumerRef, consumerName, groupRef, groupName, }: SalesforceOauthFlowProps): import("react/jsx-runtime").JSX.Element;
-export default SalesforceOauthFlow;
+export declare function SalesforceOauthFlow({ consumerRef, consumerName, groupRef, groupName, }: SalesforceOauthFlowProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,57 @@
+"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 ApiKeyProvider_1 = require("../../../context/ApiKeyProvider");
+const ProjectContext_1 = require("../../../context/ProjectContext");
+const OAuthPopup_1 = __importDefault(require("../../Connect/OAuthPopup"));
+const fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
+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 [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

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

@@ -0,0 +1,12 @@
+"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/articleView?id=domain_name_not_found.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/components/Oauth/fetchOAuthCallbackURL.d.ts

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

@@ -0,0 +1,29 @@
+"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 }, {
+        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({
+        connectOAuthParams: {
+            providerWorkspaceRef: workspace,
+            projectId,
+            groupRef,
+            groupName,
+            consumerRef,
+            consumerName,
+            providerAppId: app.id,
+            provider,
+        },
+    });
+    return url;
+};
+exports.fetchOAuthCallbackURL = fetchOAuthCallbackURL;

package/build/src/constants.d.ts

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

package/build/src/constants.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@amp-labs/react",
-  "version": "1.0.2",
-  "description": "Ampersand React library",
+  "version": "1.1.0",
+  "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",
     "url": "http://withampersand.com"

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

@@ -1,89 +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 ApiKeyProvider_1 = require("../../context/ApiKeyProvider");
-const ProjectContext_1 = require("../../context/ProjectContext");
-const api_1 = require("../../services/api");
-const OAuthPopup_1 = __importDefault(require("../Connect/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;
-}
-const SALESFORCE_HELP_URL = 'https://help.salesforce.com/articleView?id=domain_name_not_found.htm&type=5';
-function SubdomainEntry({ handleSubmit, setWorkspace, error, isButtonDisabled, }) {
-    return ((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: "16", marginBottom: "0", children: (0, jsx_runtime_1.jsx)(react_2.Heading, { as: "h4", size: "md", children: "Enter your Salesforce subdomain" }) }), (0, jsx_runtime_1.jsxs)(react_2.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, { 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, { isDisabled: isButtonDisabled, width: "100%", type: "submit", onClick: handleSubmit, children: "Next" })] }) }) }));
-}
-const fetchOAuthCallbackURL = async (projectId, workspace, consumerRef, groupRef, consumerName, groupName, apiKey, provider = constants_1.PROVIDER_SALESFORCE) => {
-    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 === provider);
-    if (!app) {
-        throw new Error(`You must first set up a ${provider} 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,
-        },
-    });
-    return url;
-};
-/**
- * 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 [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 fetchOAuthCallbackURL(projectId, workspace, consumerRef, groupRef, consumerName, groupName, apiKey, provider);
-                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, { handleSubmit: handleSubmit, setWorkspace: setWorkspace, error: error, isButtonDisabled: isButtonDisabled }) }));
-}
-exports.default = SalesforceOauthFlow;