@amp-labs/react 1.5.3 → 1.7.0

package/build/src/components/Configure/content/InstallationContent.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InstallationContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const InstallIntegrationContextProvider_1 = require("../../../context/InstallIntegrationContextProvider");
-const ErrorTextBox_1 = require("../../ErrorTextBox");
-const CreateInstallation_1 = require("./CreateInstallation");
-const UpdateInstallation_1 = require("./UpdateInstallation");
-function InstallationContent() {
-    const { integrationObj, installation } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
-    if (!integrationObj) {
-        return (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: "We can't load the integration" });
-    }
-    return installation && integrationObj ? (
-    // If installation exists, render update installation flow
-    (0, jsx_runtime_1.jsx)(UpdateInstallation_1.UpdateInstallation, { installation: installation, integrationObj: integrationObj })) : (
-    // No installation, render create installation flow
-    (0, jsx_runtime_1.jsx)(CreateInstallation_1.CreateInstallation, {}));
-}
-exports.InstallationContent = InstallationContent;

package/build/src/components/Configure/content/UninstallContent.d.ts

@@ -1 +0,0 @@
-export declare function UninstallContent(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UninstallContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@chakra-ui/react");
-const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
-const InstallIntegrationContextProvider_1 = require("../../../context/InstallIntegrationContextProvider");
-const ProjectContextProvider_1 = require("../../../context/ProjectContextProvider");
-const api_1 = require("../../../services/api");
-function UninstallContent() {
-    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
-    const { projectId, appName } = (0, ProjectContextProvider_1.useProject)();
-    const { integrationId, installation, resetInstallations } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const isDisabled = !projectId || !integrationId || !(installation === null || installation === void 0 ? void 0 : installation.id) || loading;
-    const onDelete = async () => {
-        if (!isDisabled) {
-            setLoading(true);
-            console.warn('uninstalling installation', { projectId, integrationId, installationId: installation.id });
-            try {
-                await (0, api_1.api)().installationApi.deleteInstallation({ projectId, integrationId, installationId: installation.id }, {
-                    headers: {
-                        'X-Api-Key': apiKey,
-                        'Content-Type': 'application/json',
-                    },
-                });
-                resetInstallations();
-                console.warn('successfully uninstalled installation: ', installation.id);
-            }
-            catch (e) {
-                console.error('error uninstalling installation', e);
-            }
-            finally {
-                setLoading(false);
-            }
-        }
-    };
-    const buttonContent = loading ? 'Uninstalling...' : 'Yes, uninstall';
-    const content = (installation === null || installation === void 0 ? void 0 : installation.id)
-        ? `Once you uninstall this integration, all your configuration will be lost, and "${appName}" may stop working.`
-        : "You've successfully uninstalled the integration.";
-    return ((0, jsx_runtime_1.jsxs)(react_2.Stack, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { paddingBottom: 3, children: content }), (installation === null || installation === void 0 ? void 0 : installation.id) && ((0, jsx_runtime_1.jsx)(react_2.Button, { onClick: onDelete, variant: "warning", isDisabled: isDisabled, children: buttonContent }))] }));
-}
-exports.UninstallContent = UninstallContent;

package/build/src/components/Configure/content/UpdateInstallation.d.ts

@@ -1,7 +0,0 @@
-import { Installation, Integration } from '../../../services/api';
-interface UpdateInstallationProps {
-    installation: Installation;
-    integrationObj: Integration;
-}
-export declare function UpdateInstallation({ installation, integrationObj }: UpdateInstallationProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/src/components/Configure/content/UpdateInstallation.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpdateInstallation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ErrorContextProvider_1 = require("../../../context/ErrorContextProvider");
-const onSaveReadUpdateInstallation_1 = require("../actions/read/onSaveReadUpdateInstallation");
-const onSaveWriteUpdateInstallation_1 = require("../actions/write/onSaveWriteUpdateInstallation");
-const constant_1 = require("../nav/ObjectManagementNav/constant");
-const utils_1 = require("../state/utils");
-const utils_2 = require("../utils");
-const ConfigureInstallationBase_1 = require("./ConfigureInstallationBase");
-const useMutateInstallation_1 = require("./useMutateInstallation");
-//  Update Installation Flow
-function UpdateInstallation({ installation, integrationObj }) {
-    const { setInstallation, hydratedRevision, loading, selectedObjectName, apiKey, projectId, resetBoundary, setErrors, resetConfigureState, resetPendingConfigurationState, configureState, onUpdateSuccess, } = (0, useMutateInstallation_1.useMutateInstallation)();
-    const [isLoading, setLoadingState] = (0, react_1.useState)(false);
-    // is other selected?
-    const isOtherSelected = selectedObjectName === constant_1.OTHER_CONST;
-    // when no installation or config exists, render create flow
-    const { config } = installation;
-    // 1. get config from installations (contains form selection state)
-    // 2. get the hydrated revision (contains full form)
-    // 3. generate the configuration state from the hydrated revision and config
-    const resetState = (0, react_1.useCallback)(() => {
-        resetBoundary(ErrorContextProvider_1.ErrorBoundary.MAPPING);
-        // set configurationState when hydratedRevision is loaded
-        if ((hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) && !loading && selectedObjectName) {
-            (0, utils_1.setHydrateConfigState)(hydratedRevision, config, selectedObjectName, resetConfigureState);
-        }
-    }, [resetBoundary, hydratedRevision, loading, selectedObjectName, config, resetConfigureState]);
-    (0, react_1.useEffect)(() => {
-        if (!configureState) {
-            resetState();
-        }
-    }, [configureState, resetState]);
-    // reset state when installation (i.e. config) is reloaded.
-    (0, react_1.useEffect)(() => {
-        if (installation)
-            resetState();
-    }, [installation, resetState]);
-    const hydratedObject = (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
-        const hydrated = (_c = (_b = (_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.read) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((obj) => (obj === null || obj === void 0 ? void 0 : obj.objectName) === selectedObjectName);
-        return hydrated;
-    }, [hydratedRevision, selectedObjectName]);
-    const onSaveRead = () => {
-        // check if fields with requirements are met
-        const { requiredMapFields, selectedFieldMappings } = (configureState === null || configureState === void 0 ? void 0 : configureState.read) || {};
-        const { errorList } = (0, utils_2.validateFieldMappings)(requiredMapFields, selectedFieldMappings, setErrors);
-        if (errorList.length > 0) {
-            return;
-        }
-        if (hydratedRevision && installation && selectedObjectName && apiKey && projectId && hydratedObject) {
-            setLoadingState(true);
-            const res = (0, onSaveReadUpdateInstallation_1.onSaveReadUpdateInstallation)(projectId, integrationObj.id, installation.id, selectedObjectName, apiKey, configureState, setInstallation, hydratedObject, hydratedRevision, onUpdateSuccess);
-            res.finally(() => {
-                setLoadingState(false);
-                resetPendingConfigurationState(selectedObjectName);
-            });
-        }
-        else {
-            console.error('UpdateInstallation - onSaveUpdate missing required props');
-        }
-    };
-    const onSaveWrite = () => {
-        if (installation && selectedObjectName && apiKey && projectId && hydratedRevision) {
-            setLoadingState(true);
-            const res = (0, onSaveWriteUpdateInstallation_1.onSaveWriteUpdateInstallation)(projectId, integrationObj.id, installation.id, apiKey, configureState, hydratedRevision, setInstallation, onUpdateSuccess);
-            res.finally(() => {
-                setLoadingState(false);
-                resetPendingConfigurationState(selectedObjectName);
-            });
-        }
-        else {
-            console.error('UpdateInstallation - onSaveUpdate missing required props');
-        }
-    };
-    const onSave = (e) => {
-        e.preventDefault();
-        if (!isOtherSelected) {
-            onSaveRead();
-        }
-        else {
-            onSaveWrite();
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(ConfigureInstallationBase_1.ConfigureInstallationBase, { onSave: onSave, onReset: resetState, isLoading: isLoading }));
-}
-exports.UpdateInstallation = UpdateInstallation;

package/build/src/components/Configure/content/fields/FieldHeader.d.ts

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

package/build/src/components/Configure/content/fields/FieldHeader.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-function FieldHeader({ string }) {
-    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { position: "relative", paddingTop: 8, paddingBottom: 4, children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { color: "gray.500", as: "h3", fontSize: 16, fontWeight: "500", children: string }), (0, jsx_runtime_1.jsx)(react_1.Flex, { flex: "1", justifyContent: "flex-end", alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_1.Divider, { marginLeft: 2 }) })] }));
-}
-exports.FieldHeader = FieldHeader;

package/build/src/components/Configure/content/fields/FieldMappings/FieldMapping.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { HydratedIntegrationFieldExistent, IntegrationFieldMapping } from '../../../../../services/api';
-interface FieldMappingProps {
-    field: IntegrationFieldMapping;
-    onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    allFields: HydratedIntegrationFieldExistent[];
-}
-export declare function FieldMapping({ field, onSelectChange, allFields }: FieldMappingProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/src/components/Configure/content/fields/FieldMappings/FieldMapping.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldMapping = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@chakra-ui/react");
-const useSelectedConfigureState_1 = require("../../useSelectedConfigureState");
-const setFieldMapping_1 = require("./setFieldMapping");
-function FieldMapping({ field, onSelectChange, allFields }) {
-    var _a;
-    const { configureState, selectedObjectName, setConfigureState } = (0, useSelectedConfigureState_1.useSelectedConfigureState)();
-    const [disabled, setDisabled] = (0, react_1.useState)(true);
-    const selectedRequiredMapFields = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _a === void 0 ? void 0 : _a.selectedFieldMappings;
-    const fieldValue = selectedRequiredMapFields === null || selectedRequiredMapFields === void 0 ? void 0 : selectedRequiredMapFields[field.mapToName];
-    (0, react_1.useEffect)(() => {
-        /* eslint no-underscore-dangle: ["error", { "allow": ["_default"] }] */
-        if (!!field._default && !fieldValue && selectedObjectName && !!configureState) {
-            // set field mapping default value if no value exists
-            (0, setFieldMapping_1.setFieldMapping)(selectedObjectName, setConfigureState, field.mapToName, field._default);
-        }
-        setDisabled(false);
-    }, [field, setConfigureState, selectedObjectName, fieldValue, configureState]);
-    const options = (0, react_1.useMemo)(() => allFields === null || allFields === void 0 ? void 0 : allFields.map((f) => (0, jsx_runtime_1.jsx)("option", { value: f.fieldName, children: f.displayName }, f.fieldName)), [allFields]);
-    return ((0, jsx_runtime_1.jsxs)(react_2.Stack, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "500", children: field.mapToDisplayName }), (0, jsx_runtime_1.jsx)(react_2.Text, { marginBottom: "5px", fontSize: 14, children: field === null || field === void 0 ? void 0 : field.prompt }), (0, jsx_runtime_1.jsx)(react_2.Select, { name: field.mapToName, variant: "flushed", value: fieldValue || undefined, onChange: onSelectChange, placeholder: !fieldValue ? 'Please select one' : undefined, disabled: disabled, children: options })] }, field.mapToName));
-}
-exports.FieldMapping = FieldMapping;

package/build/src/components/Configure/content/fields/FieldMappings/RequiredFieldMappings.d.ts

@@ -1 +0,0 @@
-export declare function RequiredFieldMappings(): import("react/jsx-runtime").JSX.Element | null;

package/build/src/components/Configure/content/fields/FieldMappings/RequiredFieldMappings.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RequiredFieldMappings = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@chakra-ui/react");
-const ErrorContextProvider_1 = require("../../../../../context/ErrorContextProvider");
-const utils_1 = require("../../../utils");
-const useSelectedConfigureState_1 = require("../../useSelectedConfigureState");
-const FieldHeader_1 = require("../FieldHeader");
-const FieldMapping_1 = require("./FieldMapping");
-const setFieldMapping_1 = require("./setFieldMapping");
-function RequiredFieldMappings() {
-    const { selectedObjectName, configureState, setConfigureState } = (0, useSelectedConfigureState_1.useSelectedConfigureState)();
-    const { isError, removeError } = (0, ErrorContextProvider_1.useErrorState)();
-    const onSelectChange = (e) => {
-        const { value, name } = e.target;
-        if (!value) {
-            // if place holder value is chosen, we don't change state
-            return;
-        }
-        if (selectedObjectName) {
-            (0, setFieldMapping_1.setFieldMapping)(selectedObjectName, setConfigureState, name, value);
-        }
-        if (isError(ErrorContextProvider_1.ErrorBoundary.MAPPING, name)) {
-            removeError(ErrorContextProvider_1.ErrorBoundary.MAPPING, name);
-        }
-    };
-    const integrationFieldMappings = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        return ((_b = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _a === void 0 ? void 0 : _a.requiredMapFields) === null || _b === void 0 ? void 0 : _b.filter(utils_1.isIntegrationFieldMapping)) || [];
-    }, [configureState]);
-    return (integrationFieldMappings.length ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: "Map the following fields (required)" }), (0, jsx_runtime_1.jsx)(react_2.Stack, { children: integrationFieldMappings.map((field) => {
-                    var _a;
-                    return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, { isInvalid: isError(ErrorContextProvider_1.ErrorBoundary.MAPPING, field.mapToName), children: [(0, jsx_runtime_1.jsx)(FieldMapping_1.FieldMapping, { allFields: ((_a = configureState.read) === null || _a === void 0 ? void 0 : _a.allFields) || [], field: field, onSelectChange: onSelectChange }), (0, jsx_runtime_1.jsx)(react_2.FormErrorMessage, { children: " * required" })] }, field.mapToName));
-                }) })] }))
-        : null);
-}
-exports.RequiredFieldMappings = RequiredFieldMappings;

package/build/src/components/Configure/content/fields/FieldMappings/index.d.ts

@@ -1,3 +0,0 @@
-import { FieldMapping } from './FieldMapping';
-import { RequiredFieldMappings } from './RequiredFieldMappings';
-export { FieldMapping, RequiredFieldMappings };

package/build/src/components/Configure/content/fields/FieldMappings/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RequiredFieldMappings = exports.FieldMapping = void 0;
-const FieldMapping_1 = require("./FieldMapping");
-Object.defineProperty(exports, "FieldMapping", { enumerable: true, get: function () { return FieldMapping_1.FieldMapping; } });
-const RequiredFieldMappings_1 = require("./RequiredFieldMappings");
-Object.defineProperty(exports, "RequiredFieldMappings", { enumerable: true, get: function () { return RequiredFieldMappings_1.RequiredFieldMappings; } });

package/build/src/components/Configure/content/fields/FieldMappings/setFieldMapping.d.ts

@@ -1,3 +0,0 @@
-import { Draft } from 'immer';
-import { ConfigureState } from '../../../types';
-export declare function setFieldMapping(selectedObjectName: string, setConfigureState: (objectName: string, producer: (draft: Draft<ConfigureState>) => void) => void, fieldKey: string, newValue: string): void;

package/build/src/components/Configure/content/fields/FieldMappings/setFieldMapping.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setFieldMapping = void 0;
-const utils_1 = require("../../../state/utils");
-function setFieldMappingProducer(draft, fieldKey, newValue) {
-    var _a;
-    const draftRequiredMapFields = ((_a = draft === null || draft === void 0 ? void 0 : draft.read) === null || _a === void 0 ? void 0 : _a.selectedFieldMappings) || {};
-    draftRequiredMapFields[fieldKey] = newValue;
-    if (draft === null || draft === void 0 ? void 0 : draft.read) {
-        const savedFields = draft.read.savedConfig.requiredMapFields;
-        const updatedFields = draftRequiredMapFields;
-        const isModified = !(0, utils_1.isFieldObjectEqual)(savedFields, updatedFields);
-        // immer exception if we try to set a value
-        // eslint-disable-next-line no-param-reassign
-        draft.read.isRequiredMapFieldsModified = isModified;
-    }
-}
-function setFieldMapping(selectedObjectName, setConfigureState, fieldKey, newValue) {
-    setConfigureState(selectedObjectName, (draft) => setFieldMappingProducer(draft, fieldKey, newValue));
-}
-exports.setFieldMapping = setFieldMapping;

package/build/src/components/Configure/content/fields/OptionalFields/OptionalFields.d.ts

@@ -1 +0,0 @@
-export declare function OptionalFields(): false | import("react/jsx-runtime").JSX.Element;

package/build/src/components/Configure/content/fields/OptionalFields/OptionalFields.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OptionalFields = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const utils_1 = require("../../../utils");
-const useSelectedConfigureState_1 = require("../../useSelectedConfigureState");
-const FieldHeader_1 = require("../FieldHeader");
-const setOptionalField_1 = require("./setOptionalField");
-function OptionalFields() {
-    var _a, _b;
-    const { appName, configureState, setConfigureState, selectedObjectName, } = (0, useSelectedConfigureState_1.useSelectedConfigureState)();
-    const selectedOptionalFields = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _a === void 0 ? void 0 : _a.selectedOptionalFields;
-    const onCheckboxChange = (e) => {
-        const { name, checked } = e.target;
-        if (selectedObjectName && configureState) {
-            (0, setOptionalField_1.setOptionalField)(selectedObjectName, setConfigureState, name, checked);
-        }
-    };
-    const readOptionalFields = (_b = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _b === void 0 ? void 0 : _b.optionalFields;
-    const onSelectAllCheckboxChange = (e) => {
-        const { checked } = e.target;
-        if (selectedObjectName && readOptionalFields) {
-            readOptionalFields.forEach((field) => {
-                if (!(0, utils_1.isIntegrationFieldMapping)(field)) {
-                    (0, setOptionalField_1.setOptionalField)(selectedObjectName, setConfigureState, field.fieldName, checked);
-                }
-            });
-        }
-    };
-    const shouldRender = !!(readOptionalFields && readOptionalFields.length > 0);
-    const isAllChecked = Object.keys(selectedOptionalFields || {}).length === (readOptionalFields === null || readOptionalFields === void 0 ? void 0 : readOptionalFields.length);
-    const isIndeterminate = !isAllChecked && Object.keys(selectedOptionalFields || {}).length > 0;
-    return (shouldRender && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `${appName} reads the following optional fields` }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { marginBottom: 10, maxHeight: 300, overflowY: "scroll", border: "2px solid #EFEFEF", borderRadius: 8, gap: 0, children: [((readOptionalFields === null || readOptionalFields === void 0 ? void 0 : readOptionalFields.length) || 0) >= 2 && ((0, jsx_runtime_1.jsx)(react_1.Box, { backgroundColor: "gray.50", paddingX: 4, paddingY: 2, children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: "selectAll", id: "selectAll", onChange: onSelectAllCheckboxChange, isIndeterminate: isIndeterminate, isChecked: isAllChecked, children: "Select all" }) })), readOptionalFields.map((field) => {
-                        if (!(0, utils_1.isIntegrationFieldMapping)(field)) {
-                            return ((0, jsx_runtime_1.jsx)(react_1.Box, { paddingX: 4, paddingY: 2, borderBottom: "1px", borderColor: "gray.100", children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: field.fieldName, id: field.fieldName, isChecked: !!(selectedOptionalFields === null || selectedOptionalFields === void 0 ? void 0 : selectedOptionalFields[field === null || field === void 0 ? void 0 : field.fieldName]), onChange: onCheckboxChange, children: field.displayName }) }, field.fieldName));
-                        }
-                        return null; // fallback for customed mapped fields
-                    })] })] })));
-}
-exports.OptionalFields = OptionalFields;

package/build/src/components/Configure/content/fields/OptionalFields/index.d.ts

@@ -1,2 +0,0 @@
-import { OptionalFields } from './OptionalFields';
-export { OptionalFields };

package/build/src/components/Configure/content/fields/OptionalFields/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OptionalFields = void 0;
-const OptionalFields_1 = require("./OptionalFields");
-Object.defineProperty(exports, "OptionalFields", { enumerable: true, get: function () { return OptionalFields_1.OptionalFields; } });

package/build/src/components/Configure/content/fields/OptionalFields/setOptionalField.d.ts

@@ -1,3 +0,0 @@
-import { Draft } from 'immer';
-import { ConfigureState } from '../../../types';
-export declare function setOptionalField(selectedObjectName: string, setConfigureState: (objectName: string, producer: (draft: Draft<ConfigureState>) => void) => void, fieldKey: string, checked: boolean): void;

package/build/src/components/Configure/content/fields/OptionalFields/setOptionalField.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setOptionalField = void 0;
-const utils_1 = require("../../../state/utils");
-function setOptionalFieldProducer(draft, fieldKey, checked) {
-    var _a, _b;
-    const draftSelectedOptionalFields = ((_a = draft === null || draft === void 0 ? void 0 : draft.read) === null || _a === void 0 ? void 0 : _a.selectedOptionalFields) || {};
-    draftSelectedOptionalFields[fieldKey] = checked;
-    if (!checked) {
-        delete draftSelectedOptionalFields[fieldKey];
-    }
-    if ((_b = draft.read) === null || _b === void 0 ? void 0 : _b.savedConfig.optionalFields) {
-        const savedFields = draft.read.savedConfig.optionalFields;
-        const updatedFields = draftSelectedOptionalFields;
-        const isModified = !(0, utils_1.isFieldObjectEqual)(savedFields, updatedFields);
-        // immer exception if we try to set a value
-        // eslint-disable-next-line no-param-reassign
-        draft.read.isOptionalFieldsModified = isModified;
-    }
-    else {
-        console.warn('read.savedConfig.optionalFields is undefined');
-    }
-}
-function setOptionalField(selectedObjectName, setConfigureState, fieldKey, checked) {
-    setConfigureState(selectedObjectName, (draft) => setOptionalFieldProducer(draft, fieldKey, checked));
-}
-exports.setOptionalField = setOptionalField;

package/build/src/components/Configure/content/fields/ReadFields.d.ts

@@ -1 +0,0 @@
-export declare function ReadFields(): import("react/jsx-runtime").JSX.Element;

package/build/src/components/Configure/content/fields/ReadFields.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReadFields = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FieldMappings_1 = require("./FieldMappings");
-const OptionalFields_1 = require("./OptionalFields");
-const RequiredFields_1 = require("./RequiredFields");
-function ReadFields() {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(RequiredFields_1.RequiredFields, {}), (0, jsx_runtime_1.jsx)(FieldMappings_1.RequiredFieldMappings, {}), (0, jsx_runtime_1.jsx)(OptionalFields_1.OptionalFields, {})] }));
-}
-exports.ReadFields = ReadFields;

package/build/src/components/Configure/content/fields/RequiredFields.d.ts

@@ -1 +0,0 @@
-export declare function RequiredFields(): import("react/jsx-runtime").JSX.Element;

package/build/src/components/Configure/content/fields/RequiredFields.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RequiredFields = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const ProjectContextProvider_1 = require("../../../../context/ProjectContextProvider");
-const utils_1 = require("../../utils");
-const useSelectedConfigureState_1 = require("../useSelectedConfigureState");
-const FieldHeader_1 = require("./FieldHeader");
-function RequiredFields() {
-    var _a, _b, _c;
-    const { configureState, selectedObjectName } = (0, useSelectedConfigureState_1.useSelectedConfigureState)();
-    const { appName } = (0, ProjectContextProvider_1.useProject)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `${appName} reads the following ${selectedObjectName} fields` }), (0, jsx_runtime_1.jsx)(react_1.Box, { marginBottom: "20px", display: "flex", gap: 1, children: ((_b = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.read) === null || _a === void 0 ? void 0 : _a.requiredFields) === null || _b === void 0 ? void 0 : _b.length)
-                    ? ((_c = configureState.read) === null || _c === void 0 ? void 0 : _c.requiredFields.map((field) => {
-                        if (!(0, utils_1.isIntegrationFieldMapping)(field)) {
-                            return (0, jsx_runtime_1.jsx)(react_1.Tag, { children: field.displayName }, field.fieldName);
-                        }
-                        return null; // fallback for customed mapped fields
-                    }))
-                    : 'There are no required fields.' })] }));
-}
-exports.RequiredFields = RequiredFields;

package/build/src/components/Configure/content/fields/WriteFields/WriteFields.d.ts

@@ -1 +0,0 @@
-export declare function WriteFields(): false | import("react/jsx-runtime").JSX.Element;

package/build/src/components/Configure/content/fields/WriteFields/WriteFields.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WriteFields = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const useSelectedConfigureState_1 = require("../../useSelectedConfigureState");
-const FieldHeader_1 = require("../FieldHeader");
-const setNonConfigurableWriteField_1 = require("./setNonConfigurableWriteField");
-function WriteFields() {
-    var _a, _b, _c, _d;
-    const { appName, selectedObjectName, configureState, setConfigureState, } = (0, useSelectedConfigureState_1.useSelectedConfigureState)();
-    const selectedWriteFields = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _a === void 0 ? void 0 : _a.selectedNonConfigurableWriteFields;
-    const writeObjects = (_b = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _b === void 0 ? void 0 : _b.writeObjects;
-    const onCheckboxChange = (e) => {
-        const { name, checked } = e.target;
-        if (selectedObjectName && configureState) {
-            (0, setNonConfigurableWriteField_1.setNonConfigurableWriteField)(selectedObjectName, setConfigureState, name, checked);
-        }
-    };
-    const onSelectAllCheckboxChange = (e) => {
-        var _a, _b;
-        const { checked } = e.target;
-        if (selectedObjectName && configureState) {
-            (_b = (_a = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _a === void 0 ? void 0 : _a.writeObjects) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
-                (0, setNonConfigurableWriteField_1.setNonConfigurableWriteField)(selectedObjectName, setConfigureState, field.objectName, checked);
-            });
-        }
-    };
-    const shouldRender = !!(writeObjects);
-    const isAllChecked = Object.keys(selectedWriteFields || {}).length === ((_d = (_c = configureState === null || configureState === void 0 ? void 0 : configureState.write) === null || _c === void 0 ? void 0 : _c.writeObjects) === null || _d === void 0 ? void 0 : _d.length);
-    const isIndeterminate = !isAllChecked && Object.keys(selectedWriteFields || {}).length > 0;
-    return (shouldRender && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FieldHeader_1.FieldHeader, { string: `Allow ${appName} to write to these object` }), (0, jsx_runtime_1.jsxs)(react_1.Stack, { marginBottom: 10, maxHeight: 300, overflowY: "scroll", border: "2px solid #EFEFEF", borderRadius: 8, gap: 0, children: [((writeObjects === null || writeObjects === void 0 ? void 0 : writeObjects.length) || 0) >= 2 && ((0, jsx_runtime_1.jsx)(react_1.Box, { backgroundColor: "gray.50", paddingX: 4, paddingY: 2, children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: "selectAll", id: "selectAll", onChange: onSelectAllCheckboxChange, isIndeterminate: isIndeterminate, isChecked: isAllChecked, children: "Select all" }) })), writeObjects.map((field) => ((0, jsx_runtime_1.jsx)(react_1.Box, { display: "flex", alignItems: "center", borderBottom: "1px", borderColor: "gray.100", paddingX: 4, paddingY: 2, children: (0, jsx_runtime_1.jsx)(react_1.Checkbox, { name: field.objectName, id: field.objectName, onChange: onCheckboxChange, isChecked: !!(selectedWriteFields === null || selectedWriteFields === void 0 ? void 0 : selectedWriteFields[field.objectName]), children: field.displayName }) }, field.objectName)))] })] })));
-}
-exports.WriteFields = WriteFields;

package/build/src/components/Configure/content/fields/WriteFields/index.d.ts

@@ -1,2 +0,0 @@
-import { WriteFields } from './WriteFields';
-export { WriteFields };

package/build/src/components/Configure/content/fields/WriteFields/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WriteFields = void 0;
-const WriteFields_1 = require("./WriteFields");
-Object.defineProperty(exports, "WriteFields", { enumerable: true, get: function () { return WriteFields_1.WriteFields; } });

package/build/src/components/Configure/content/fields/WriteFields/setNonConfigurableWriteField.d.ts

@@ -1,3 +0,0 @@
-import { Draft } from 'immer';
-import { ConfigureState } from '../../../types';
-export declare function setNonConfigurableWriteField(selectedObjectName: string, setConfigureState: (objectName: string, producer: (draft: Draft<ConfigureState>) => void) => void, fieldKey: string, checked: boolean): void;

package/build/src/components/Configure/content/fields/WriteFields/setNonConfigurableWriteField.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setNonConfigurableWriteField = void 0;
-const utils_1 = require("../../../state/utils");
-function setNonConfigurableWriteFieldProducer(draft, fieldKey, checked) {
-    var _a, _b, _c;
-    if (((_a = draft === null || draft === void 0 ? void 0 : draft.write) === null || _a === void 0 ? void 0 : _a.selectedNonConfigurableWriteFields) === null) {
-        // immer syntax to set a value
-        // eslint-disable-next-line no-param-reassign
-        draft.write.selectedNonConfigurableWriteFields = {};
-    }
-    if (draft === null || draft === void 0 ? void 0 : draft.write) {
-        const draftSelectedWriteFields = draft.write.selectedNonConfigurableWriteFields;
-        draftSelectedWriteFields[fieldKey] = checked;
-        if (!checked) {
-            delete draftSelectedWriteFields[fieldKey];
-        }
-        // check is modified
-        if ((_c = (_b = draft === null || draft === void 0 ? void 0 : draft.write) === null || _b === void 0 ? void 0 : _b.savedConfig) === null || _c === void 0 ? void 0 : _c.selectedNonConfigurableWriteFields) {
-            const savedFields = draft.write.savedConfig.selectedNonConfigurableWriteFields;
-            const updatedFields = draftSelectedWriteFields;
-            const isModified = !(0, utils_1.isFieldObjectEqual)(savedFields, updatedFields);
-            // immer syntax to set a value
-            // eslint-disable-next-line no-param-reassign
-            draft.write.isWriteModified = isModified;
-        }
-    }
-}
-function setNonConfigurableWriteField(selectedObjectName, setConfigureState, fieldKey, checked) {
-    setConfigureState(selectedObjectName, (draft) => { setNonConfigurableWriteFieldProducer(draft, fieldKey, checked); });
-}
-exports.setNonConfigurableWriteField = setNonConfigurableWriteField;

package/build/src/components/Configure/content/useMutateInstallation.d.ts

@@ -1,23 +0,0 @@
-/**
- * state hook for installation flows (Create/Update)
- * */
-export declare const useMutateInstallation: () => {
-    integrationId: string;
-    groupRef: string;
-    consumerRef: string;
-    setInstallation: (installationObj: import("../../../services/api").Installation) => void;
-    hydratedRevision: import("../../../services/api").HydratedRevision | null;
-    loading: boolean;
-    selectedObjectName: string | undefined;
-    selectedConnection: import("../../../services/api").Connection | null;
-    apiKey: string;
-    projectId: string;
-    resetBoundary: (boundary: import("../../../context/ErrorContextProvider").ErrorBoundary) => void;
-    setErrors: (boundary: import("../../../context/ErrorContextProvider").ErrorBoundary, keys: string[]) => void;
-    resetConfigureState: (objectName: string, configureState: import("../types").ConfigureState) => void;
-    objectConfigurationsState: import("../types").ObjectConfigurationsState;
-    resetPendingConfigurationState: (objectName: string) => void;
-    configureState: import("../types").ConfigureState;
-    onInstallSuccess: ((installationId: string, config: import("../../../services/api").Config) => void) | undefined;
-    onUpdateSuccess: ((installationId: string, config: import("../../../services/api").Config) => void) | undefined;
-};

package/build/src/components/Configure/content/useMutateInstallation.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMutateInstallation = void 0;
-const ApiKeyContextProvider_1 = require("../../../context/ApiKeyContextProvider");
-const ConnectionsContextProvider_1 = require("../../../context/ConnectionsContextProvider");
-const ErrorContextProvider_1 = require("../../../context/ErrorContextProvider");
-const InstallIntegrationContextProvider_1 = require("../../../context/InstallIntegrationContextProvider");
-const ProjectContextProvider_1 = require("../../../context/ProjectContextProvider");
-const ObjectManagementNav_1 = require("../nav/ObjectManagementNav");
-const ConfigurationStateProvider_1 = require("../state/ConfigurationStateProvider");
-const HydratedRevisionContext_1 = require("../state/HydratedRevisionContext");
-const utils_1 = require("../state/utils");
-/**
- * state hook for installation flows (Create/Update)
- * */
-const useMutateInstallation = () => {
-    const { integrationId, groupRef, consumerRef, setInstallation, onInstallSuccess, onUpdateSuccess, } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
-    const { hydratedRevision, loading } = (0, HydratedRevisionContext_1.useHydratedRevision)();
-    const { selectedObjectName } = (0, ObjectManagementNav_1.useSelectedObjectName)();
-    const { selectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
-    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
-    const { projectId } = (0, ProjectContextProvider_1.useProject)();
-    const { resetBoundary, setErrors } = (0, ErrorContextProvider_1.useErrorState)();
-    const { resetConfigureState, objectConfigurationsState, resetPendingConfigurationState, } = (0, ConfigurationStateProvider_1.useObjectsConfigureState)();
-    const configureState = (0, utils_1.getConfigureState)(selectedObjectName || '', objectConfigurationsState);
-    return {
-        integrationId,
-        groupRef,
-        consumerRef,
-        setInstallation,
-        hydratedRevision,
-        loading,
-        selectedObjectName,
-        selectedConnection,
-        apiKey,
-        projectId,
-        resetBoundary,
-        setErrors,
-        resetConfigureState,
-        objectConfigurationsState,
-        resetPendingConfigurationState,
-        configureState,
-        onInstallSuccess,
-        onUpdateSuccess,
-    };
-};
-exports.useMutateInstallation = useMutateInstallation;