@amp-labs/react 1.1.0 → 1.2.0

package/build/src/components/Configure/state/ConfigurationStateProvider.js

@@ -1,27 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigurationProvider = exports.useConfigureState = void 0;
+exports.ConfigurationProvider = exports.useObjectsConfigureState = exports.ConfigurationContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const immer_1 = require("immer");
-const InstallIntegrationContext_1 = require("../../../context/InstallIntegrationContext");
+const InstallIntegrationContextProvider_1 = require("../../../context/InstallIntegrationContextProvider");
+const constant_1 = require("../nav/ObjectManagementNav/constant");
 const HydratedRevisionContext_1 = require("./HydratedRevisionContext");
 const utils_1 = require("./utils");
 // Create a context for the configuration state
-const ConfigurationContext = (0, react_1.createContext)(undefined);
+exports.ConfigurationContext = (0, react_1.createContext)(undefined);
 const initialObjectConfigurationsState = {};
-// Custom hook to access and update the configuration state
-function useConfigureState() {
-    const context = (0, react_1.useContext)(ConfigurationContext);
+/**
+ * Custom hook to access and update the configuration state for all objects
+*/
+function useObjectsConfigureState() {
+    const context = (0, react_1.useContext)(exports.ConfigurationContext);
     if (!context) {
-        throw new Error('useConfigureState must be used within a ConfigurationProvider');
+        throw new Error('useObjectsConfigureState must be used within a ConfigurationProvider');
     }
     return context;
 }
-exports.useConfigureState = useConfigureState;
+exports.useObjectsConfigureState = useObjectsConfigureState;
 // Create a provider component for the configuration context
 function ConfigurationProvider({ children }) {
-    const { installation } = (0, InstallIntegrationContext_1.useInstallIntegrationProps)();
+    const { installation } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
     const { hydratedRevision, loading } = (0, HydratedRevisionContext_1.useHydratedRevision)();
     // 1. get config from installations (contains form selection state)
     // 2. get the hydrated revision from installation revisionId (contains full form)
@@ -53,16 +56,35 @@ function ConfigurationProvider({ children }) {
             draft[objectName] = configureState;
         }));
     }, [setObjectConfigurationsState]);
-    // set configure state of single object
-    const resetPendingConfigurationState = (0, react_1.useCallback)((objectName) => {
+    const resetWritePendingConfigurationState = (0, react_1.useCallback)(() => {
         setObjectConfigurationsState((0, immer_1.produce)((draft) => {
-            // immer exception when mutating a draft
-            // eslint-disable-next-line no-param-reassign
-            draft[objectName].isOptionalFieldsModified = false;
-            // eslint-disable-next-line no-param-reassign
-            draft[objectName].isRequiredMapFieldsModified = false;
+            const writeDraft = draft.other.write;
+            if (writeDraft) {
+                writeDraft.isWriteModified = false;
+            }
+        }));
+    }, [setObjectConfigurationsState]);
+    const resetReadPendingConfigurationState = (0, react_1.useCallback)((objectName) => {
+        setObjectConfigurationsState((0, immer_1.produce)((draft) => {
+            var _a;
+            const readDraft = (_a = draft[objectName]) === null || _a === void 0 ? void 0 : _a.read;
+            if (readDraft) {
+                readDraft.isOptionalFieldsModified = false;
+                readDraft.isRequiredMapFieldsModified = false;
+            }
         }));
     }, [setObjectConfigurationsState]);
+    // set configure state of single object
+    const resetPendingConfigurationState = (0, react_1.useCallback)((objectName) => {
+        // write case
+        if (objectName === constant_1.OTHER_CONST) {
+            resetWritePendingConfigurationState();
+        }
+        else {
+            // read case
+            resetReadPendingConfigurationState(objectName);
+        }
+    }, [resetReadPendingConfigurationState, resetWritePendingConfigurationState]);
     const contextValue = (0, react_1.useMemo)(() => ({
         objectConfigurationsState,
         setObjectConfigurationsState,
@@ -71,6 +93,6 @@ function ConfigurationProvider({ children }) {
         resetPendingConfigurationState,
     }), [objectConfigurationsState,
         resetConfigureState, resetPendingConfigurationState, setConfigureState]);
-    return ((0, jsx_runtime_1.jsx)(ConfigurationContext.Provider, { value: contextValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.ConfigurationContext.Provider, { value: contextValue, children: children }));
 }
 exports.ConfigurationProvider = ConfigurationProvider;

package/build/src/components/Configure/state/HydratedRevisionContext.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HydratedRevisionProvider = exports.useHydratedRevision = exports.HydratedRevisionContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const ApiKeyProvider_1 = require("../../../context/ApiKeyProvider");
-const ConnectionsContext_1 = require("../../../context/ConnectionsContext");
+const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
+const ConnectionsContextProvider_1 = require("../../../context/ConnectionsContextProvider");
 const ErrorContextProvider_1 = require("../../../context/ErrorContextProvider");
-const InstallIntegrationContext_1 = require("../../../context/InstallIntegrationContext");
+const InstallIntegrationContextProvider_1 = require("../../../context/InstallIntegrationContextProvider");
 const api_1 = require("../../../services/api");
-const ErrorTextBox_1 = require("../ErrorTextBox");
+const ErrorTextBox_1 = require("../../ErrorTextBox");
 exports.HydratedRevisionContext = (0, react_1.createContext)({
     hydratedRevision: null,
     loading: false,
@@ -23,12 +23,12 @@ const useHydratedRevision = () => {
 exports.useHydratedRevision = useHydratedRevision;
 function HydratedRevisionProvider({ projectId, children, }) {
     var _a;
-    const { selectedConnection } = (0, ConnectionsContext_1.useConnections)();
-    const { integrationId, integrationObj } = (0, InstallIntegrationContext_1.useInstallIntegrationProps)();
+    const { selectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
+    const { integrationId, integrationObj } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
     const [hydratedRevision, setHydratedRevision] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const { isError, removeError, setError } = (0, ErrorContextProvider_1.useErrorState)();
-    const apiKey = (0, ApiKeyProvider_1.useApiKey)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
     const connectionId = selectedConnection === null || selectedConnection === void 0 ? void 0 : selectedConnection.id;
     const revisionId = (_a = integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.latestRevision) === null || _a === void 0 ? void 0 : _a.id;
     const errorIntegrationIdentifier = (integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.name) || integrationId;
@@ -39,7 +39,7 @@ function HydratedRevisionProvider({ projectId, children, }) {
             && revisionId
             && connectionId
             && apiKey) {
-            (0, api_1.api)().getHydratedRevision({
+            (0, api_1.api)().revisionApi.getHydratedRevision({
                 projectId,
                 integrationId,
                 revisionId,
@@ -74,6 +74,8 @@ function HydratedRevisionProvider({ projectId, children, }) {
         hydratedRevision,
         loading,
     }), [hydratedRevision, loading]);
-    return ((0, jsx_runtime_1.jsx)(exports.HydratedRevisionContext.Provider, { value: contextValue, children: isError(ErrorContextProvider_1.ErrorBoundary.HYDRATED_REVISION, errorIntegrationIdentifier) ? (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: `Error retrieving integration details for '${(integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.name) || integrationId || 'unknown integration'}. This is sometimes caused by insufficient permissions with your credentials'` }) : children }));
+    const errorMsg = `Error retrieving integration details for '${(integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.name) || integrationId || 'unknown integration'}. This is sometimes caused by insufficient permissions with your credentials'`;
+    return ((0, jsx_runtime_1.jsx)(exports.HydratedRevisionContext.Provider, { value: contextValue, children: isError(ErrorContextProvider_1.ErrorBoundary.HYDRATED_REVISION, errorIntegrationIdentifier)
+            ? (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: errorMsg }) : children }));
 }
 exports.HydratedRevisionProvider = HydratedRevisionProvider;

package/build/src/components/Configure/state/utils.d.ts

@@ -1,7 +1,7 @@
-import { Config, HydratedIntegrationRead, HydratedRevision } from '../../../services/api';
+import { Config, HydratedRevision } from '../../../services/api';
 import { ConfigureState, ObjectConfigurationsState, SelectMappingFields, SelectOptionalFields } from '../types';
 export declare function isFieldObjectEqual(prevFields: SelectMappingFields | SelectOptionalFields, currentFields: SelectMappingFields | SelectOptionalFields): boolean;
-export declare function generateConfigurationState(action: HydratedIntegrationRead, objectName: string, config?: Config): ConfigureState;
+export declare function generateConfigurationState(hydratedRevision: HydratedRevision, objectName: string, config?: Config): ConfigureState;
 export declare const setHydrateConfigState: (hydratedRevision: HydratedRevision, config: Config | undefined, selectedObjectName: string, setConfigureState: (objectName: string, configureState: ConfigureState) => void) => void;
 /**
  * resets configure state for all objects in hydrated revision to hydrated revision values

package/build/src/components/Configure/state/utils.js

@@ -11,18 +11,22 @@ function isFieldObjectEqual(prevFields, currentFields) {
     return (0, lodash_isequal_1.default)(prevFields, currentFields);
 }
 exports.isFieldObjectEqual = isFieldObjectEqual;
-function generateConfigurationState(action, objectName, config) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+const generateConfigurationStateRead = (readAction, objectName, config) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (!readAction) {
+        return null;
+    }
     // refactor this section to be immutable at hydrated revision level
-    const object = (0, utils_1.getStandardObjectFromAction)(action, objectName);
+    const object = (0, utils_1.getStandardObjectFromAction)(readAction, objectName);
     const requiredFields = object && (0, utils_1.getRequiredFieldsFromObject)(object);
     const optionalFields = object && (0, utils_1.getOptionalFieldsFromObject)(object);
     const requiredMapFields = object && (0, utils_1.getRequiredMapFieldsFromObject)(object);
     /// //////////////////////////////////////////////////////////////////////
     const allFields = (object === null || object === void 0 ? void 0 : object.allFields) || [];
-    const selectedFields = ((_d = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config.content) === null || _a === void 0 ? void 0 : _a.read) === null || _b === void 0 ? void 0 : _b.standardObjects) === null || _c === void 0 ? void 0 : _c[objectName]) === null || _d === void 0 ? void 0 : _d.selectedFields) || {};
-    const selectedFieldMappings = ((_h = (_g = (_f = (_e = config === null || config === void 0 ? void 0 : config.content) === null || _e === void 0 ? void 0 : _e.read) === null || _f === void 0 ? void 0 : _f.standardObjects) === null || _g === void 0 ? void 0 : _g[objectName]) === null || _h === void 0 ? void 0 : _h.selectedFieldMappings) || {};
-    const optionalFieldsSaved = Object.assign({}, selectedFields);
+    const content = config === null || config === void 0 ? void 0 : config.content;
+    const readSelectedFields = ((_c = (_b = (_a = content === null || content === void 0 ? void 0 : content.read) === null || _a === void 0 ? void 0 : _a.standardObjects) === null || _b === void 0 ? void 0 : _b[objectName]) === null || _c === void 0 ? void 0 : _c.selectedFields) || {};
+    const selectedFieldMappings = ((_f = (_e = (_d = content === null || content === void 0 ? void 0 : content.read) === null || _d === void 0 ? void 0 : _d.standardObjects) === null || _e === void 0 ? void 0 : _e[objectName]) === null || _f === void 0 ? void 0 : _f.selectedFieldMappings) || {};
+    const optionalFieldsSaved = Object.assign({}, readSelectedFields);
     const requiredMapFieldsSaved = Object.assign({}, selectedFieldMappings);
     return {
         allFields,
@@ -30,7 +34,7 @@ function generateConfigurationState(action, objectName, config) {
         optionalFields,
         requiredMapFields,
         // selected state
-        selectedOptionalFields: selectedFields,
+        selectedOptionalFields: readSelectedFields,
         selectedFieldMappings,
         isOptionalFieldsModified: false,
         isRequiredMapFieldsModified: false,
@@ -39,16 +43,39 @@ function generateConfigurationState(action, objectName, config) {
             requiredMapFields: requiredMapFieldsSaved, // from config
         },
     };
+};
+const generateConfigurationStateWrite = (writeAction, config) => {
+    var _a, _b;
+    if (!writeAction) {
+        return null;
+    }
+    const writeObjects = (_b = (_a = config === null || config === void 0 ? void 0 : config.content) === null || _a === void 0 ? void 0 : _a.write) === null || _b === void 0 ? void 0 : _b.objects;
+    const fields = Object.keys(writeObjects || {});
+    const selectedWriteFields = {};
+    fields.forEach((field) => { selectedWriteFields[field] = true; });
+    const savedFields = Object.assign({}, selectedWriteFields);
+    return {
+        writeObjects: (writeAction === null || writeAction === void 0 ? void 0 : writeAction.objects) || [],
+        selectedNonConfigurableWriteFields: selectedWriteFields,
+        isWriteModified: false,
+        savedConfig: {
+            selectedNonConfigurableWriteFields: savedFields,
+        },
+    };
+};
+function generateConfigurationState(hydratedRevision, objectName, config) {
+    var _a, _b;
+    const readAction = (_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.read;
+    const writeAction = (_b = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _b === void 0 ? void 0 : _b.write;
+    return {
+        read: generateConfigurationStateRead(readAction, objectName, config),
+        write: generateConfigurationStateWrite(writeAction, config),
+    };
 }
 exports.generateConfigurationState = generateConfigurationState;
 // resets configure state for single object to hydrated revision values
 const setHydrateConfigState = (hydratedRevision, config, selectedObjectName, setConfigureState) => {
-    var _a;
-    const readAction = (_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.read;
-    if (!readAction) {
-        return;
-    }
-    const state = generateConfigurationState(readAction, selectedObjectName, config);
+    const state = generateConfigurationState(hydratedRevision, selectedObjectName, config);
     setConfigureState(selectedObjectName, state);
 };
 exports.setHydrateConfigState = setHydrateConfigState;
@@ -59,10 +86,8 @@ const resetAllObjectsConfigurationState = (hydratedRevision, config, setObjectCo
     const navObjects = (0, utils_1.generateNavObjects)(config, hydratedRevision);
     const objectConfigurationsState = {};
     navObjects.forEach(({ name, completed }) => {
-        var _a;
-        const readAction = (_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.read;
-        if (completed && readAction) {
-            objectConfigurationsState[name] = generateConfigurationState(readAction, name, config);
+        if (completed) {
+            objectConfigurationsState[name] = generateConfigurationState(hydratedRevision, name, config);
         }
     });
     setObjectConfiguresState(objectConfigurationsState);
@@ -74,7 +99,7 @@ exports.resetAllObjectsConfigurationState = resetAllObjectsConfigurationState;
  * @returns
  */
 const generateSelectedFieldsFromConfigureState = (configureState) => {
-    const { requiredFields, selectedOptionalFields } = configureState;
+    const { requiredFields, selectedOptionalFields } = (configureState === null || configureState === void 0 ? void 0 : configureState.read) || {};
     const fields = new Set();
     requiredFields === null || requiredFields === void 0 ? void 0 : requiredFields.forEach((field) => fields.add((0, utils_1.getFieldKeyValue)(field)));
     // convert set to object for config
@@ -88,7 +113,7 @@ exports.generateSelectedFieldsFromConfigureState = generateSelectedFieldsFromCon
  * @returns
  */
 const generateSelectedFieldMappingsFromConfigureState = (configureState) => {
-    const { selectedFieldMappings: selectedRequiredMapFields } = configureState;
+    const { selectedFieldMappings: selectedRequiredMapFields } = (configureState === null || configureState === void 0 ? void 0 : configureState.read) || {};
     // filter out undefined values of selectedRequiredMapFields
     const selectedRequiredMapFieldsSubmit = {};
     if (selectedRequiredMapFields) {

package/build/src/components/Configure/types.d.ts

@@ -1,15 +1,23 @@
-import { HydratedIntegrationField, HydratedIntegrationFieldExistent, IntegrationFieldMapping } from '../../services/api';
+import { HydratedIntegrationField, HydratedIntegrationFieldExistent, HydratedIntegrationWriteObject, IntegrationFieldMapping } from '../../services/api';
+export type SelectedNonConfigurableWriteFields = {
+    [key: string]: boolean;
+};
+type SavedWriteConfigureState = {
+    selectedNonConfigurableWriteFields: SelectedNonConfigurableWriteFields;
+};
+export type ConfigureStateWrite = {
+    writeObjects: HydratedIntegrationWriteObject[] | null;
+    selectedNonConfigurableWriteFields: SelectedNonConfigurableWriteFields | null;
+    isWriteModified: boolean;
+    savedConfig: SavedWriteConfigureState;
+};
 export type SelectOptionalFields = {
     [key: string]: boolean;
 };
 export type SelectMappingFields = {
     [key: string]: string | undefined;
 };
-type SavedConfigureState = {
-    optionalFields: SelectOptionalFields;
-    requiredMapFields: SelectMappingFields;
-};
-export type ConfigureState = {
+export type ConfigureStateRead = {
     allFields: HydratedIntegrationFieldExistent[] | null;
     requiredFields: HydratedIntegrationField[] | null;
     optionalFields: HydratedIntegrationField[] | null;
@@ -20,6 +28,14 @@ export type ConfigureState = {
     isRequiredMapFieldsModified: boolean;
     savedConfig: SavedConfigureState;
 };
+type SavedConfigureState = {
+    optionalFields: SelectOptionalFields;
+    requiredMapFields: SelectMappingFields;
+};
+export type ConfigureState = {
+    read: ConfigureStateRead | null;
+    write: ConfigureStateWrite | null;
+};
 export type ObjectConfigurationsState = Record<string, ConfigureState>;
 export type NavObject = {
     name: string;

package/build/src/components/Configure/utils.d.ts

@@ -11,7 +11,7 @@ export declare function isIntegrationFieldMapping(field: HydratedIntegrationFiel
 /**
  *
  * @param action HydratedIntegrationAction
- * @param objectName string (account, contect, etc...)
+ * @param objectName string (account, contact, etc...)
  * @returns HydratedIntegrationObject | null
  */
 export declare function getStandardObjectFromAction(action: HydratedIntegrationRead, objectName: string): HydratedIntegrationObject | null;
@@ -20,7 +20,8 @@ export declare function getRequiredMapFieldsFromObject(object: HydratedIntegrati
 export declare function getOptionalFieldsFromObject(object: HydratedIntegrationObject): HydratedIntegrationField[] | null;
 export declare const getReadObject: (config: Config, objectName: string) => any;
 export declare function getFieldKeyValue(field: HydratedIntegrationField): string;
+export declare const generateOtherNavObject: (config: Config | undefined) => NavObject;
 export declare function generateNavObjects(config: Config | undefined, hydratedRevision: HydratedRevision): NavObject[];
-export declare function validateFieldMappings(requiredMapFields: IntegrationFieldMapping[] | null, selectedRequiredMapFields: SelectMappingFields | null, setErrors: (boundary: ErrorBoundary, errors: string[]) => void): {
+export declare function validateFieldMappings(requiredMapFields: IntegrationFieldMapping[] | null | undefined, selectedRequiredMapFields: SelectMappingFields | null | undefined, setErrors: (boundary: ErrorBoundary, errors: string[]) => void): {
     errorList: string[];
 };

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFieldMappings = exports.generateNavObjects = exports.getFieldKeyValue = exports.getReadObject = exports.getOptionalFieldsFromObject = exports.getRequiredMapFieldsFromObject = exports.getRequiredFieldsFromObject = exports.getStandardObjectFromAction = exports.isIntegrationFieldMapping = void 0;
+exports.validateFieldMappings = exports.generateNavObjects = exports.generateOtherNavObject = exports.getFieldKeyValue = exports.getReadObject = exports.getOptionalFieldsFromObject = exports.getRequiredMapFieldsFromObject = exports.getRequiredFieldsFromObject = exports.getStandardObjectFromAction = exports.isIntegrationFieldMapping = void 0;
 const ErrorContextProvider_1 = require("../../context/ErrorContextProvider");
+const constant_1 = require("./nav/ObjectManagementNav/constant");
 /**
  * type guard for IntegrationFieldMapping | IntegrationFieldExistent
  *
@@ -16,7 +17,7 @@ exports.isIntegrationFieldMapping = isIntegrationFieldMapping;
 /**
  *
  * @param action HydratedIntegrationAction
- * @param objectName string (account, contect, etc...)
+ * @param objectName string (account, contact, etc...)
  * @returns HydratedIntegrationObject | null
  */
 function getStandardObjectFromAction(action, objectName) {
@@ -50,11 +51,16 @@ function getFieldKeyValue(field) {
     if (isIntegrationFieldMapping(field)) {
         return field.mapToName; // custom mapping
     }
-    return field.fieldName; // existant field
+    return field.fieldName; // existent field
 }
 exports.getFieldKeyValue = getFieldKeyValue;
-// generates standard objects and whether they are complete based on config and hydrated revision
-function generateNavObjects(config, hydratedRevision) {
+/**
+ * generates Nav Objects for read action
+ * @param config
+ * @param hydratedRevision
+ * @returns NavObject[]
+ */
+const generateReadNavObjects = (config, hydratedRevision) => {
     var _a, _b, _c;
     const navObjects = [];
     (_c = (_b = (_a = hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.read) === null || _b === void 0 ? void 0 : _b.standardObjects) === null || _c === void 0 ? void 0 : _c.forEach((object) => {
@@ -66,6 +72,20 @@ function generateNavObjects(config, hydratedRevision) {
         });
     });
     return navObjects;
+};
+const generateOtherNavObject = (config) => {
+    var _a;
+    const navObject = {
+        name: constant_1.OTHER_CONST,
+        completed: config ? !!((_a = config === null || config === void 0 ? void 0 : config.content) === null || _a === void 0 ? void 0 : _a.write) : false,
+    };
+    return navObject;
+};
+exports.generateOtherNavObject = generateOtherNavObject;
+// generates standard objects and whether they are complete based on config and hydrated revision
+function generateNavObjects(config, hydratedRevision) {
+    const navObjects = generateReadNavObjects(config, hydratedRevision);
+    return navObjects;
 }
 exports.generateNavObjects = generateNavObjects;
 // validates whether required fields are filled out or throws error

package/build/src/components/Connect/ConnectProvider.d.ts

@@ -4,6 +4,8 @@ interface ConnectProviderProps {
     consumerName?: string;
     groupRef: string;
     groupName?: string;
+    redirectUrl?: string;
+    onSuccess?: (connectionID: string) => void;
 }
-export declare function ConnectProvider({ provider, consumerRef, consumerName, groupRef, groupName, }: ConnectProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectProvider({ provider, consumerRef, consumerName, groupRef, groupName, redirectUrl, onSuccess, }: ConnectProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/src/components/Connect/ConnectProvider.js

@@ -2,17 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const NavIcon_1 = require("../../assets/NavIcon");
-const ConnectionsContext_1 = require("../../context/ConnectionsContext");
-const ProjectContext_1 = require("../../context/ProjectContext");
-const utils_1 = require("../../utils");
-const ProtectedConnectionLayout_1 = require("../Configure/ProtectedConnectionLayout");
-function ConnectedSuccessBox({ provider }) {
-    const { appName } = (0, ProjectContext_1.useProject)();
-    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", 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: NavIcon_1.CheckMarkIcon }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { textAlign: "center", paddingTop: "25px", children: `You've successfully connected ${(0, utils_1.capitalize)(provider)} to ${appName}.` })] }) }));
-}
-function ConnectProvider({ provider, consumerRef, consumerName, groupRef, groupName, }) {
-    return ((0, jsx_runtime_1.jsx)(ConnectionsContext_1.ConnectionsProvider, { provider: provider, groupRef: groupRef, children: (0, jsx_runtime_1.jsx)(ProtectedConnectionLayout_1.ProtectedConnectionLayout, { provider: provider, consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName, children: (0, jsx_runtime_1.jsx)(ConnectedSuccessBox, { provider: provider }) }) }));
+const ConnectionsContextProvider_1 = require("../../context/ConnectionsContextProvider");
+const ProtectedConnectionLayout_1 = require("../Configure/layout/ProtectedConnectionLayout");
+const RedirectHandler_1 = require("../RedirectHandler");
+const ConnectedSuccessBox_1 = require("./ConnectedSuccessBox");
+function ConnectProvider({ provider, consumerRef, consumerName, groupRef, groupName, redirectUrl, onSuccess, }) {
+    return ((0, jsx_runtime_1.jsx)(ConnectionsContextProvider_1.ConnectionsProvider, { provider: provider, groupRef: groupRef, children: (0, jsx_runtime_1.jsx)(ProtectedConnectionLayout_1.ProtectedConnectionLayout, { provider: provider, consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName, onSuccess: onSuccess, children: (0, jsx_runtime_1.jsx)(RedirectHandler_1.RedirectHandler, { redirectURL: redirectUrl, children: (0, jsx_runtime_1.jsx)(ConnectedSuccessBox_1.ConnectedSuccessBox, { provider: provider }) }) }) }));
 }
 exports.ConnectProvider = ConnectProvider;

package/build/src/components/Connect/ConnectedSuccessBox.d.ts

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

package/build/src/components/Connect/ConnectedSuccessBox.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectedSuccessBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const NavIcon_1 = require("../../assets/NavIcon");
+const ProjectContextProvider_1 = require("../../context/ProjectContextProvider");
+const utils_1 = require("../../utils");
+function ConnectedSuccessBox({ provider }) {
+    const { appName } = (0, ProjectContextProvider_1.useProject)();
+    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", 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: NavIcon_1.CheckMarkIcon }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { textAlign: "center", paddingTop: "25px", children: `You've successfully connected ${(0, utils_1.capitalize)(provider)} to ${appName}.` })] }) }));
+}
+exports.ConnectedSuccessBox = ConnectedSuccessBox;

package/build/src/components/Connect/useConnectionHandler.d.ts

@@ -0,0 +1,10 @@
+type ConnectionHandlerPropsProps = {
+    onSuccess?: (connectionID: string) => void;
+};
+/**
+ * ConnectionHandler is a component that handles onSuccess and onError callbacks
+ * @param onSuccess - callback function to be called when a connection is successful
+ * @returns
+ */
+export declare function useConnectionHandler({ onSuccess }: ConnectionHandlerPropsProps): void;
+export {};

package/build/src/components/Connect/useConnectionHandler.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConnectionHandler = void 0;
+const react_1 = require("react");
+const ConnectionsContextProvider_1 = require("../../context/ConnectionsContextProvider");
+function useOnSuccessHandler(onSuccess) {
+    const { selectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
+    (0, react_1.useEffect)(() => {
+        // Check if a onSuccess callback is present
+        if (onSuccess && selectedConnection) {
+            // call callback when connection is selected
+            onSuccess(selectedConnection.id);
+        }
+    }, [onSuccess, selectedConnection]);
+}
+/**
+ * ConnectionHandler is a component that handles onSuccess and onError callbacks
+ * @param onSuccess - callback function to be called when a connection is successful
+ * @returns
+ */
+function useConnectionHandler({ onSuccess }) {
+    useOnSuccessHandler(onSuccess);
+}
+exports.useConnectionHandler = useConnectionHandler;

package/build/src/components/ErrorTextBox.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorTextBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+function ErrorTextBox({ message }) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { minHeight: "300px", padding: "30px", display: "flex", flexDirection: "column", justifyContent: "space-evenly", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { 
+                        // eslint-disable-next-line max-len
+                        d: "M20.5796 7.72236L3.63955 36.0024C3.29029 36.6072 3.10549 37.293 3.10353 37.9914C3.10158 38.6898 3.28254 39.3766 3.62841 39.9834C3.97428 40.5902 4.473 41.0959 5.07497 41.4501C5.67693 41.8043 6.36115 41.9947 7.05955 42.0024H40.9396C41.638 41.9947 42.3222 41.8043 42.9241 41.4501C43.5261 41.0959 44.0248 40.5902 44.3707 39.9834C44.7166 39.3766 44.8975 38.6898 44.8956 37.9914C44.8936 37.293 44.7088 36.6072 44.3596 36.0024L27.4196 7.72236C27.063 7.13458 26.561 6.6486 25.9619 6.31133C25.3629 5.97406 24.687 5.79688 23.9996 5.79688C23.3121 5.79688 22.6362 5.97406 22.0372 6.31133C21.4381 6.6486 20.9361 7.13458 20.5796 7.72236Z", stroke: "#7F1D1D", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M24 18V26", stroke: "#7F1D1D", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M24 34H24.02", stroke: "#7F1D1D", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { boxSizing: "border-box", display: "flex", justifyContent: "center", alignItems: "center", "align-self": "stretch", padding: "12px 50px 12px 50px", borderRadius: "8px", border: "2px solid #FECACA", background: "#FEF2F2", children: (0, jsx_runtime_1.jsx)(react_1.Text, { color: "#991B1B", children: message }) })] }));
+}
+exports.ErrorTextBox = ErrorTextBox;

package/build/src/components/Oauth/NoSubdomainEntry/LandingContent.d.ts

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

package/build/src/components/Oauth/{Hubspot/HubspotLandingContent.js → NoSubdomainEntry/LandingContent.js}

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

package/build/src/components/Oauth/NoSubdomainEntry/NoSubdomainOauthFlow.d.ts

@@ -0,0 +1,16 @@
+/**
+ * OAuth flow for any providers that do not require the consumer to enter a subdomain first.
+ */
+interface NoSubdomainOauthFlowProps {
+    provider: string;
+    consumerRef: string;
+    consumerName?: string;
+    groupRef: string;
+    groupName?: string;
+}
+/**
+ * NoSubdomainOauthFlow first prompts user with a next button,
+ * then launches a popup with the OAuth flow.
+ */
+export declare function NoSubdomainOauthFlow({ provider, consumerRef, consumerName, groupRef, groupName, }: NoSubdomainOauthFlowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Oauth/{Hubspot/HubspotOauthFlow.js → NoSubdomainEntry/NoSubdomainOauthFlow.js}

@@ -3,25 +3,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotOauthFlow = void 0;
+exports.NoSubdomainOauthFlow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * Hubspot landing component, which then will launch to create an OAuth connection to Hubspot.
+ * OAuth flow for any providers that do not require the consumer to enter a subdomain first.
  */
 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 ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
+const ProjectContextProvider_1 = require("../../../context/ProjectContextProvider");
+const utils_1 = require("../../../utils");
 const fetchOAuthCallbackURL_1 = require("../fetchOAuthCallbackURL");
-const HubspotLandingContent_1 = require("./HubspotLandingContent");
+const OAuthPopup_1 = __importDefault(require("../OAuthPopup"));
+const LandingContent_1 = require("./LandingContent");
 /**
- * HubspotOauthFlow first prompts user with a next button,
+ * NoSubdomainOauthFlow 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)();
+function NoSubdomainOauthFlow({ 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
@@ -32,7 +32,7 @@ function HubspotOauthFlow({ consumerRef, consumerName, groupRef, groupName, }) {
         setError(null);
         if (consumerName && groupName && apiKey) {
             try {
-                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, constants_1.PROVIDER_HUBSPOT);
+                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider);
                 setOAuthCallbackURL(url);
             }
             catch (err) {
@@ -45,6 +45,6 @@ function HubspotOauthFlow({ consumerRef, consumerName, groupRef, groupName, }) {
         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 }) }));
+    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.HubspotOauthFlow = HubspotOauthFlow;
+exports.NoSubdomainOauthFlow = NoSubdomainOauthFlow;