@amp-labs/react 1.4.0 → 1.4.2

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

@@ -43,7 +43,7 @@ function ObjectManagementNav({ children, }) {
     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 readNavObjects = hydratedRevision && (0, utils_2.generateReadNavObjects)(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;
@@ -52,7 +52,7 @@ function ObjectManagementNav({ children, }) {
         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) => {
+    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%", color: "gray.800", fontSize: "md", 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));

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

@@ -83,7 +83,8 @@ exports.setHydrateConfigState = setHydrateConfigState;
  * resets configure state for all objects in hydrated revision to hydrated revision values
  */
 const resetAllObjectsConfigurationState = (hydratedRevision, config, setObjectConfiguresState) => {
-    const navObjects = (0, utils_1.generateNavObjects)(config, hydratedRevision);
+    // read nav objects from hydrated revision
+    const navObjects = (0, utils_1.generateAllNavObjects)(config, hydratedRevision);
     const objectConfigurationsState = {};
     navObjects.forEach(({ name, completed }) => {
         if (completed) {

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

@@ -20,8 +20,15 @@ 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;
+/**
+ * generates Nav Objects for read action
+ * @param config
+ * @param hydratedRevision
+ * @returns NavObject[]
+ */
+export declare const generateReadNavObjects: (config: Config | undefined, hydratedRevision: HydratedRevision) => NavObject[];
 export declare const generateOtherNavObject: (config: Config | undefined) => NavObject;
-export declare function generateNavObjects(config: Config | undefined, hydratedRevision: HydratedRevision): NavObject[];
+export declare function generateAllNavObjects(config: Config | undefined, hydratedRevision: HydratedRevision): NavObject[];
 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,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateFieldMappings = exports.generateNavObjects = exports.generateOtherNavObject = exports.getFieldKeyValue = exports.getReadObject = exports.getOptionalFieldsFromObject = exports.getRequiredMapFieldsFromObject = exports.getRequiredFieldsFromObject = exports.getStandardObjectFromAction = exports.isIntegrationFieldMapping = void 0;
+exports.validateFieldMappings = exports.generateAllNavObjects = exports.generateOtherNavObject = exports.generateReadNavObjects = 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");
 /**
@@ -73,6 +73,7 @@ const generateReadNavObjects = (config, hydratedRevision) => {
     });
     return navObjects;
 };
+exports.generateReadNavObjects = generateReadNavObjects;
 const generateOtherNavObject = (config) => {
     var _a;
     const navObject = {
@@ -83,11 +84,17 @@ const generateOtherNavObject = (config) => {
 };
 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);
+function generateAllNavObjects(config, hydratedRevision) {
+    var _a;
+    const navObjects = (0, exports.generateReadNavObjects)(config, hydratedRevision);
+    const isWriteSupported = !!((_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.write);
+    const otherNavObject = isWriteSupported ? (0, exports.generateOtherNavObject)(config) : undefined;
+    if (otherNavObject) {
+        navObjects.push(otherNavObject);
+    }
     return navObjects;
 }
-exports.generateNavObjects = generateNavObjects;
+exports.generateAllNavObjects = generateAllNavObjects;
 // validates whether required fields are filled out or throws error
 function validateFieldMappings(requiredMapFields, selectedRequiredMapFields, setErrors) {
     // check if fields with requirements are met

package/build/src/components/ErrorTextBox.js

@@ -6,6 +6,6 @@ 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 }) })] }));
+                        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", fontSize: "md", children: message }) })] }));
 }
 exports.ErrorTextBox = ErrorTextBox;

package/build/src/components/Oauth/NoWorkspaceEntry/NoWorkspaceOauthFlow.js

@@ -28,15 +28,13 @@ function NoWorkspaceOauthFlow({ provider, consumerRef, consumerName, groupRef, g
     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, provider);
-                setOAuthCallbackURL(url);
-            }
-            catch (err) {
-                console.error(err);
-                setError((_a = err.message) !== null && _a !== void 0 ? _a : 'Unexpected error');
-            }
+        try {
+            const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, apiKey, provider, undefined, consumerName, groupName);
+            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) => {

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

@@ -4,6 +4,6 @@ exports.OauthCardLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@chakra-ui/react");
 function OauthCardLayout({ children }) {
-    return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { p: 8, maxWidth: "600px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", textAlign: ['left'], margin: "auto", marginTop: "40px", bgColor: "white", children: children }) }));
+    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", color: "gray.800", fontSize: "md", children: children }) }));
 }
 exports.OauthCardLayout = OauthCardLayout;

package/build/src/components/Oauth/WorkspaceEntry/WorkspaceOauthFlow.js

@@ -33,15 +33,13 @@ function WorkspaceOauthFlow({ provider, consumerRef, consumerName, groupRef, gro
             setError('Workspace is required');
             return;
         }
-        if (consumerName && groupName && apiKey && workspace) {
-            try {
-                const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider, workspace);
-                setOAuthCallbackURL(url);
-            }
-            catch (err) {
-                console.error(err);
-                setError((_a = err === null || err === void 0 ? void 0 : err.message) !== null && _a !== void 0 ? _a : 'Unexpected error');
-            }
+        try {
+            const url = await (0, fetchOAuthCallbackURL_1.fetchOAuthCallbackURL)(projectId, consumerRef, groupRef, apiKey, provider, workspace, consumerName, groupName);
+            setOAuthCallbackURL(url);
+        }
+        catch (err) {
+            console.error(err);
+            setError((_a = err === null || err === void 0 ? void 0 : err.message) !== null && _a !== void 0 ? _a : 'Unexpected error');
         }
     };
     const onClose = (0, react_1.useCallback)((err) => {

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

@@ -1 +1 @@
-export declare const fetchOAuthCallbackURL: (projectId: string, consumerRef: string, groupRef: string, consumerName: string, groupName: string, apiKey: string, provider: string, workspace?: string) => Promise<string>;
+export declare const fetchOAuthCallbackURL: (projectId: string, consumerRef: string, groupRef: string, apiKey: string, provider: string, workspace?: string, consumerName?: string, groupName?: string) => Promise<string>;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchOAuthCallbackURL = void 0;
 const api_1 = require("../../services/api");
 const utils_1 = require("../../utils");
-const fetchOAuthCallbackURL = async (projectId, consumerRef, groupRef, consumerName, groupName, apiKey, provider, workspace) => {
+const fetchOAuthCallbackURL = async (projectId, consumerRef, groupRef, apiKey, provider, workspace, consumerName, groupName) => {
     const providerApps = await (0, api_1.api)().providerAppApi.listProviderApps({ projectId }, {
         headers: { 'X-Api-Key': apiKey !== null && apiKey !== void 0 ? apiKey : '' },
     });

package/build/src/components/SuccessTextBox.js

@@ -5,6 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@chakra-ui/react");
 const SuccessIcon_1 = require("../assets/SuccessIcon");
 function SuccessTextBox({ text }) {
-    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: (0, jsx_runtime_1.jsx)(SuccessIcon_1.SuccessCheckmarkIcon, {}) }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { textAlign: "center", paddingTop: "25px", children: text })] }) }));
+    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", color: "gray.800", fontSize: "md", 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: (0, jsx_runtime_1.jsx)(SuccessIcon_1.SuccessCheckmarkIcon, {}) }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { textAlign: "center", paddingTop: "25px", children: text })] }) }));
 }
 exports.SuccessTextBox = SuccessTextBox;

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

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

package/build/src/services/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amp-labs/react",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Ampersand React library.",
   "author": {
     "name": "Ampersand Labs",
@@ -57,7 +57,7 @@
     "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-n": "^16.2.0",
+    "eslint-plugin-n": "^17.2.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",