@amp-labs/react 1.1.0 → 1.3.0

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectManagementNav = exports.useSelectedObjectName = exports.SelectedObjectNameContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const InstallIntegrationContextProvider_1 = require("../../../../context/InstallIntegrationContextProvider");
+const ProjectContextProvider_1 = require("../../../../context/ProjectContextProvider");
+const utils_1 = require("../../../../utils");
+const ConfigurationStateProvider_1 = require("../../state/ConfigurationStateProvider");
+const HydratedRevisionContext_1 = require("../../state/HydratedRevisionContext");
+const utils_2 = require("../../utils");
+const NavObjectItem_1 = require("./NavObjectItem");
+const OtherTab_1 = require("./OtherTab");
+const UninstallInstallation_1 = require("./UninstallInstallation");
+// Create a context for the selected navObject's name
+exports.SelectedObjectNameContext = (0, react_1.createContext)(null);
+// Custom hook to access the selected navObject's name
+function useSelectedObjectName() {
+    const selectedNavObjectName = (0, react_1.useContext)(exports.SelectedObjectNameContext);
+    if (selectedNavObjectName === null) {
+        throw new Error('useSelectedNavObjectName must be used within a SelectedNavObjectNameProvider');
+    }
+    return { selectedObjectName: selectedNavObjectName }; // Return as an object
+}
+exports.useSelectedObjectName = useSelectedObjectName;
+function getSelectedObject(navObjects, tabIndex) {
+    if (navObjects === null || navObjects === void 0 ? void 0 : navObjects[tabIndex]) {
+        // read tabs
+        return navObjects[tabIndex];
+    }
+    // uninstall tab
+    return { name: UninstallInstallation_1.UNINSTALL_INSTALLATION_CONST, completed: false };
+}
+// note: when the object key exists in the config; the user has already completed the object before
+function ObjectManagementNav({ children, }) {
+    var _a, _b, _c;
+    const { project } = (0, ProjectContextProvider_1.useProject)();
+    const { installation, provider } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
+    const { hydratedRevision } = (0, HydratedRevisionContext_1.useHydratedRevision)();
+    const { objectConfigurationsState } = (0, ConfigurationStateProvider_1.useObjectsConfigureState)();
+    // Object Nav Tab Index
+    const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
+    const appName = (project === null || project === void 0 ? void 0 : project.appName) || '';
+    const config = installation === null || installation === void 0 ? void 0 : installation.config;
+    const readNavObjects = hydratedRevision && (0, utils_2.generateNavObjects)(config, hydratedRevision);
+    const isNavObjectsReady = readNavObjects !== null; // null = hydratedRevision/config is not ready
+    const isWriteSupported = !!((_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.write);
+    const otherNavObject = isWriteSupported ? (0, utils_2.generateOtherNavObject)(config) : undefined;
+    const allNavObjects = [...(readNavObjects || [])];
+    if (otherNavObject && isWriteSupported) {
+        allNavObjects.push(otherNavObject);
+    }
+    const selectedObject = getSelectedObject(allNavObjects, tabIndex);
+    return ((0, jsx_runtime_1.jsx)(exports.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 }), isNavObjectsReady && ((0, jsx_runtime_1.jsxs)(react_2.Tabs, { index: tabIndex, onChange: setTabIndex, orientation: "horizontal", children: [readNavObjects.map((object) => {
+                                    var _a, _b, _c, _d;
+                                    return ((0, jsx_runtime_1.jsx)(NavObjectItem_1.NavObjectItem, { objectName: object.name, completed: object.completed, pending: ((_b = (_a = objectConfigurationsState[object.name]) === null || _a === void 0 ? void 0 : _a.read) === null || _b === void 0 ? void 0 : _b.isOptionalFieldsModified)
+                                            || ((_d = (_c = objectConfigurationsState[object.name]) === null || _c === void 0 ? void 0 : _c.read) === null || _d === void 0 ? void 0 : _d.isRequiredMapFieldsModified) }, object.name));
+                                }), isWriteSupported && otherNavObject && ((0, jsx_runtime_1.jsx)(OtherTab_1.OtherTab, { completed: otherNavObject.completed, pending: (_c = (_b = objectConfigurationsState === null || objectConfigurationsState === void 0 ? void 0 : objectConfigurationsState.other) === null || _b === void 0 ? void 0 : _b.write) === null || _c === void 0 ? void 0 : _c.isWriteModified, displayName: (readNavObjects === null || readNavObjects === void 0 ? void 0 : readNavObjects.length) ? 'other' : 'write' })), installation && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Divider, { marginTop: 10, marginBottom: 3 }), (0, jsx_runtime_1.jsx)(UninstallInstallation_1.UninstallInstallation, { text: "Uninstall" }, "uninstall-installation")] }))] }))] }), children] }) }));
+}
+exports.ObjectManagementNav = ObjectManagementNav;

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

@@ -1,53 +1,81 @@
 import React from 'react';
+import { Draft } from 'immer';
 import { ConfigureState, ObjectConfigurationsState } from '../types';
-export declare function useConfigureState(): {
+export declare const ConfigurationContext: React.Context<{
+    objectConfigurationsState: ObjectConfigurationsState;
+    setObjectConfigurationsState: React.Dispatch<React.SetStateAction<ObjectConfigurationsState>>;
+    setConfigureState: (objectName: string, producer: (draft: Draft<ConfigureState>) => void) => void;
+    resetConfigureState: (objectName: string, configureState: ConfigureState) => void;
+    resetPendingConfigurationState: (objectName: string) => void;
+} | undefined>;
+/**
+ * Custom hook to access and update the configuration state for all objects
+*/
+export declare function useObjectsConfigureState(): {
     objectConfigurationsState: ObjectConfigurationsState;
     setObjectConfigurationsState: React.Dispatch<React.SetStateAction<ObjectConfigurationsState>>;
     setConfigureState: (objectName: string, producer: (draft: {
-        allFields: {
-            fieldName: string;
-            displayName: string;
-        }[] | null;
-        requiredFields: ({
-            fieldName: string;
-            displayName: string;
-        } | {
-            mapToName: string;
-            mapToDisplayName?: string | undefined;
-            _default?: string | undefined;
-            prompt?: string | undefined;
-        })[] | null;
-        optionalFields: ({
-            fieldName: string;
-            displayName: string;
-        } | {
-            mapToName: string;
-            mapToDisplayName?: string | undefined;
-            _default?: string | undefined;
-            prompt?: string | undefined;
-        })[] | null;
-        requiredMapFields: {
-            mapToName: string;
-            mapToDisplayName?: string | undefined;
-            _default?: string | undefined;
-            prompt?: string | undefined;
-        }[] | null;
-        selectedOptionalFields: {
-            [x: string]: boolean;
-        } | null;
-        selectedFieldMappings: {
-            [x: string]: string | undefined;
-        } | null;
-        isOptionalFieldsModified: boolean;
-        isRequiredMapFieldsModified: boolean;
-        savedConfig: {
-            optionalFields: {
-                [x: string]: boolean;
-            };
+        read: {
+            allFields: {
+                fieldName: string;
+                displayName: string;
+            }[] | null;
+            requiredFields: ({
+                fieldName: string;
+                displayName: string;
+            } | {
+                mapToName: string;
+                mapToDisplayName?: string | undefined;
+                _default?: string | undefined;
+                prompt?: string | undefined;
+            })[] | null;
+            optionalFields: ({
+                fieldName: string;
+                displayName: string;
+            } | {
+                mapToName: string;
+                mapToDisplayName?: string | undefined;
+                _default?: string | undefined;
+                prompt?: string | undefined;
+            })[] | null;
             requiredMapFields: {
+                mapToName: string;
+                mapToDisplayName?: string | undefined;
+                _default?: string | undefined;
+                prompt?: string | undefined;
+            }[] | null;
+            selectedOptionalFields: {
+                [x: string]: boolean;
+            } | null;
+            selectedFieldMappings: {
                 [x: string]: string | undefined;
+            } | null;
+            isOptionalFieldsModified: boolean;
+            isRequiredMapFieldsModified: boolean;
+            savedConfig: {
+                optionalFields: {
+                    [x: string]: boolean;
+                };
+                requiredMapFields: {
+                    [x: string]: string | undefined;
+                };
+            };
+        } | null;
+        write: {
+            writeObjects: {
+                objectName: string;
+                displayName: string;
+            }[] | null;
+            selectedNonConfigurableWriteFields: {
+                [x: string]: boolean;
+            } | null;
+            isWriteModified: boolean;
+            savedConfig: {
+                selectedNonConfigurableWriteFields: {
+                    [x: string]: boolean;
+                };
             };
-        };
+        } | null;
     }) => void) => void;
     resetConfigureState: (objectName: string, configureState: ConfigureState) => void;
     resetPendingConfigurationState: (objectName: string) => void;

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 {};