@amp-labs/react 1.2.0 → 1.3.0

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

@@ -23,7 +23,6 @@ function instanceOfOauthConnectRequest(value) {
     isInstance = isInstance && "projectId" in value;
     isInstance = isInstance && "groupRef" in value;
     isInstance = isInstance && "consumerRef" in value;
-    isInstance = isInstance && "providerAppId" in value;
     isInstance = isInstance && "provider" in value;
     return isInstance;
 }
@@ -43,7 +42,7 @@ function OauthConnectRequestFromJSONTyped(json, ignoreDiscriminator) {
         'groupName': !(0, runtime_1.exists)(json, 'groupName') ? undefined : json['groupName'],
         'consumerRef': json['consumerRef'],
         'consumerName': !(0, runtime_1.exists)(json, 'consumerName') ? undefined : json['consumerName'],
-        'providerAppId': json['providerAppId'],
+        'providerAppId': !(0, runtime_1.exists)(json, 'providerAppId') ? undefined : json['providerAppId'],
         'provider': json['provider'],
     };
 }

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

@@ -9,7 +9,6 @@
  * https://openapi-generator.tech
  * Do not edit the class manually.
  */
-import type { OperationError } from './OperationError';
 /**
  *
  * @export
@@ -23,17 +22,23 @@ export interface Operation {
      */
     projectId: string;
     /**
-     * The action type to perform for the given object.
+     * The integration ID.
      * @type {string}
      * @memberof Operation
      */
-    actionType: string;
+    integrationId: string;
+    /**
+     * The config ID.
+     * @type {string}
+     * @memberof Operation
+     */
+    configId: string;
     /**
-     * The provider object name to perform the action for
+     * The action type to perform for the given object.
      * @type {string}
      * @memberof Operation
      */
-    objectName: string;
+    actionType: string;
     /**
      * The operation ID.
      * @type {string}
@@ -51,13 +56,25 @@ export interface Operation {
      * @type {string}
      * @memberof Operation
      */
-    status?: string;
+    status: string;
+    /**
+     * The result of the operation.
+     * @type {string}
+     * @memberof Operation
+     */
+    result?: string;
+    /**
+     * The latest operation event ID.
+     * @type {string}
+     * @memberof Operation
+     */
+    latestOperationEventId?: string;
     /**
-     * The error history of the operation.
-     * @type {Array<OperationError>}
+     * Metadata associated with the operation.
+     * @type {object}
      * @memberof Operation
      */
-    errorHistory?: Array<OperationError>;
+    metadata?: object;
     /**
      * The time the operation was created.
      * @type {Date}

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

@@ -15,17 +15,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OperationToJSON = exports.OperationFromJSONTyped = exports.OperationFromJSON = exports.instanceOfOperation = void 0;
 const runtime_1 = require("../runtime");
-const OperationError_1 = require("./OperationError");
 /**
  * Check if a given object implements the Operation interface.
  */
 function instanceOfOperation(value) {
     let isInstance = true;
     isInstance = isInstance && "projectId" in value;
+    isInstance = isInstance && "integrationId" in value;
+    isInstance = isInstance && "configId" in value;
     isInstance = isInstance && "actionType" in value;
-    isInstance = isInstance && "objectName" in value;
     isInstance = isInstance && "id" in value;
     isInstance = isInstance && "installationId" in value;
+    isInstance = isInstance && "status" in value;
     return isInstance;
 }
 exports.instanceOfOperation = instanceOfOperation;
@@ -39,12 +40,15 @@ function OperationFromJSONTyped(json, ignoreDiscriminator) {
     }
     return {
         'projectId': json['projectId'],
+        'integrationId': json['integrationId'],
+        'configId': json['configId'],
         'actionType': json['actionType'],
-        'objectName': json['objectName'],
         'id': json['id'],
         'installationId': json['installationId'],
-        'status': !(0, runtime_1.exists)(json, 'status') ? undefined : json['status'],
-        'errorHistory': !(0, runtime_1.exists)(json, 'errorHistory') ? undefined : (json['errorHistory'].map(OperationError_1.OperationErrorFromJSON)),
+        'status': json['status'],
+        'result': !(0, runtime_1.exists)(json, 'result') ? undefined : json['result'],
+        'latestOperationEventId': !(0, runtime_1.exists)(json, 'latestOperationEventId') ? undefined : json['latestOperationEventId'],
+        'metadata': !(0, runtime_1.exists)(json, 'metadata') ? undefined : json['metadata'],
         'createTime': !(0, runtime_1.exists)(json, 'createTime') ? undefined : (new Date(json['createTime'])),
     };
 }
@@ -58,12 +62,15 @@ function OperationToJSON(value) {
     }
     return {
         'projectId': value.projectId,
+        'integrationId': value.integrationId,
+        'configId': value.configId,
         'actionType': value.actionType,
-        'objectName': value.objectName,
         'id': value.id,
         'installationId': value.installationId,
         'status': value.status,
-        'errorHistory': value.errorHistory === undefined ? undefined : (value.errorHistory.map(OperationError_1.OperationErrorToJSON)),
+        'result': value.result,
+        'latestOperationEventId': value.latestOperationEventId,
+        'metadata': value.metadata,
         'createTime': value.createTime === undefined ? undefined : (value.createTime.toISOString()),
     };
 }

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

@@ -9,6 +9,7 @@
  * https://openapi-generator.tech
  * Do not edit the class manually.
  */
+import type { BaseProxyConfig } from './BaseProxyConfig';
 import type { BaseReadConfig } from './BaseReadConfig';
 import type { BaseWriteConfig } from './BaseWriteConfig';
 /**
@@ -35,6 +36,12 @@ export interface UpdateInstallationConfigContent {
      * @memberof UpdateInstallationConfigContent
      */
     write?: BaseWriteConfig;
+    /**
+     *
+     * @type {BaseProxyConfig}
+     * @memberof UpdateInstallationConfigContent
+     */
+    proxy?: BaseProxyConfig;
 }
 /**
  * Check if a given object implements the UpdateInstallationConfigContent interface.

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

@@ -15,6 +15,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UpdateInstallationConfigContentToJSON = exports.UpdateInstallationConfigContentFromJSONTyped = exports.UpdateInstallationConfigContentFromJSON = exports.instanceOfUpdateInstallationConfigContent = void 0;
 const runtime_1 = require("../runtime");
+const BaseProxyConfig_1 = require("./BaseProxyConfig");
 const BaseReadConfig_1 = require("./BaseReadConfig");
 const BaseWriteConfig_1 = require("./BaseWriteConfig");
 /**
@@ -37,6 +38,7 @@ function UpdateInstallationConfigContentFromJSONTyped(json, ignoreDiscriminator)
         'provider': !(0, runtime_1.exists)(json, 'provider') ? undefined : json['provider'],
         'read': !(0, runtime_1.exists)(json, 'read') ? undefined : (0, BaseReadConfig_1.BaseReadConfigFromJSON)(json['read']),
         'write': !(0, runtime_1.exists)(json, 'write') ? undefined : (0, BaseWriteConfig_1.BaseWriteConfigFromJSON)(json['write']),
+        'proxy': !(0, runtime_1.exists)(json, 'proxy') ? undefined : (0, BaseProxyConfig_1.BaseProxyConfigFromJSON)(json['proxy']),
     };
 }
 exports.UpdateInstallationConfigContentFromJSONTyped = UpdateInstallationConfigContentFromJSONTyped;
@@ -51,6 +53,7 @@ function UpdateInstallationConfigContentToJSON(value) {
         'provider': value.provider,
         'read': (0, BaseReadConfig_1.BaseReadConfigToJSON)(value.read),
         'write': (0, BaseWriteConfig_1.BaseWriteConfigToJSON)(value.write),
+        'proxy': (0, BaseProxyConfig_1.BaseProxyConfigToJSON)(value.proxy),
     };
 }
 exports.UpdateInstallationConfigContentToJSON = UpdateInstallationConfigContentToJSON;

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

@@ -1,4 +1,5 @@
 export * from './BaseConfigContent';
+export * from './BaseProxyConfig';
 export * from './BaseReadConfig';
 export * from './BaseReadConfigStandardObject';
 export * from './BaseWriteConfig';
@@ -24,6 +25,7 @@ export * from './HydratedIntegration';
 export * from './HydratedIntegrationField';
 export * from './HydratedIntegrationFieldExistent';
 export * from './HydratedIntegrationObject';
+export * from './HydratedIntegrationProxy';
 export * from './HydratedIntegrationRead';
 export * from './HydratedIntegrationWrite';
 export * from './HydratedIntegrationWriteObject';
@@ -38,12 +40,12 @@ export * from './IntegrationField';
 export * from './IntegrationFieldExistent';
 export * from './IntegrationFieldMapping';
 export * from './IntegrationObject';
+export * from './IntegrationProxy';
 export * from './IntegrationRead';
 export * from './IntegrationWrite';
 export * from './IntegrationWriteObject';
 export * from './OauthConnectRequest';
 export * from './Operation';
-export * from './OperationError';
 export * from './OperationLog';
 export * from './OptionalFieldsAutoOption';
 export * from './Project';

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

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* tslint:disable */
 /* eslint-disable */
 __exportStar(require("./BaseConfigContent"), exports);
+__exportStar(require("./BaseProxyConfig"), exports);
 __exportStar(require("./BaseReadConfig"), exports);
 __exportStar(require("./BaseReadConfigStandardObject"), exports);
 __exportStar(require("./BaseWriteConfig"), exports);
@@ -42,6 +43,7 @@ __exportStar(require("./HydratedIntegration"), exports);
 __exportStar(require("./HydratedIntegrationField"), exports);
 __exportStar(require("./HydratedIntegrationFieldExistent"), exports);
 __exportStar(require("./HydratedIntegrationObject"), exports);
+__exportStar(require("./HydratedIntegrationProxy"), exports);
 __exportStar(require("./HydratedIntegrationRead"), exports);
 __exportStar(require("./HydratedIntegrationWrite"), exports);
 __exportStar(require("./HydratedIntegrationWriteObject"), exports);
@@ -56,12 +58,12 @@ __exportStar(require("./IntegrationField"), exports);
 __exportStar(require("./IntegrationFieldExistent"), exports);
 __exportStar(require("./IntegrationFieldMapping"), exports);
 __exportStar(require("./IntegrationObject"), exports);
+__exportStar(require("./IntegrationProxy"), exports);
 __exportStar(require("./IntegrationRead"), exports);
 __exportStar(require("./IntegrationWrite"), exports);
 __exportStar(require("./IntegrationWriteObject"), exports);
 __exportStar(require("./OauthConnectRequest"), exports);
 __exportStar(require("./Operation"), exports);
-__exportStar(require("./OperationError"), exports);
 __exportStar(require("./OperationLog"), exports);
 __exportStar(require("./OptionalFieldsAutoOption"), exports);
 __exportStar(require("./Project"), exports);

package/build/src/assets/SuccessIcon.d.ts

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

package/build/src/assets/SuccessIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuccessCheckmarkIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SuccessCheckmarkIcon() {
+    return ((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)("circle", { cx: "24", cy: "24", r: "24", fill: "#BBF7D0" }), (0, jsx_runtime_1.jsx)("path", { d: "M34.6666 18.6667L20 32.0001L13.3333 25.9395", stroke: "#16A34A", strokeWidth: "5.33333", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+exports.SuccessCheckmarkIcon = SuccessCheckmarkIcon;

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

@@ -8,6 +8,7 @@ const InstallIntegrationContextProvider_1 = require("../../context/InstallIntegr
 const ProjectContextProvider_1 = require("../../context/ProjectContextProvider");
 const ErrorTextBox_1 = require("../ErrorTextBox");
 const InstallationContent_1 = require("./content/InstallationContent");
+const ConditionalProxyLayout_1 = require("./layout/ConditionalProxyLayout/ConditionalProxyLayout");
 const ProtectedConnectionLayout_1 = require("./layout/ProtectedConnectionLayout");
 const ObjectManagementNav_1 = require("./nav/ObjectManagementNav");
 const ConfigurationStateProvider_1 = require("./state/ConfigurationStateProvider");
@@ -21,6 +22,6 @@ function InstallIntegration({ integration, consumerRef, consumerName, groupRef,
     }
     return (
     // install integration provider provides all props, integrationObj and installation
-    (0, jsx_runtime_1.jsx)(InstallIntegrationContextProvider_1.InstallIntegrationProvider, { integration: integration, consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName, onInstallSuccess: onInstallSuccess, onUpdateSuccess: onUpdateSuccess, children: (0, jsx_runtime_1.jsx)(ConnectionsContextProvider_1.ConnectionsProvider, { groupRef: groupRef, children: (0, jsx_runtime_1.jsx)(ProtectedConnectionLayout_1.ProtectedConnectionLayout, { consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName, children: (0, jsx_runtime_1.jsx)(HydratedRevisionContext_1.HydratedRevisionProvider, { projectId: projectId, children: (0, jsx_runtime_1.jsx)(ConfigurationStateProvider_1.ConfigurationProvider, { children: (0, jsx_runtime_1.jsx)(ObjectManagementNav_1.ObjectManagementNav, { children: (0, jsx_runtime_1.jsx)(InstallationContent_1.InstallationContent, {}) }) }) }) }) }) }));
+    (0, jsx_runtime_1.jsx)(InstallIntegrationContextProvider_1.InstallIntegrationProvider, { integration: integration, consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName, onInstallSuccess: onInstallSuccess, onUpdateSuccess: onUpdateSuccess, children: (0, jsx_runtime_1.jsx)(ConnectionsContextProvider_1.ConnectionsProvider, { groupRef: groupRef, children: (0, jsx_runtime_1.jsx)(ProtectedConnectionLayout_1.ProtectedConnectionLayout, { consumerRef: consumerRef, consumerName: consumerName, groupRef: groupRef, groupName: groupName, children: (0, jsx_runtime_1.jsx)(HydratedRevisionContext_1.HydratedRevisionProvider, { projectId: projectId, children: (0, jsx_runtime_1.jsx)(ConditionalProxyLayout_1.ConditionalProxyLayout, { children: (0, jsx_runtime_1.jsx)(ConfigurationStateProvider_1.ConfigurationProvider, { children: (0, jsx_runtime_1.jsx)(ObjectManagementNav_1.ObjectManagementNav, { children: (0, jsx_runtime_1.jsx)(InstallationContent_1.InstallationContent, {}) }) }) }) }) }) }) }));
 }
 exports.InstallIntegration = InstallIntegration;

package/build/src/components/Configure/actions/createInstallationReducer.d.ts

@@ -0,0 +1,15 @@
+import { Config, CreateInstallationRequestConfig, Installation } from '../../../services/api';
+export type CreateInstallationSharedProps = {
+    projectId: string;
+    integrationId: string;
+    groupRef: string;
+    connectionId: string;
+    apiKey: string;
+    setInstallation: (installationObj: Installation) => void;
+    onInstallSuccess?: (installationId: string, config: Config) => void;
+};
+type CreateInstallationReducer = CreateInstallationSharedProps & {
+    createConfig: CreateInstallationRequestConfig;
+};
+export declare function createInstallationReducer({ createConfig, projectId, integrationId, groupRef, connectionId, apiKey, setInstallation, onInstallSuccess, }: CreateInstallationReducer): Promise<void>;
+export {};

package/build/src/components/Configure/actions/createInstallationReducer.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInstallationReducer = void 0;
+const api_1 = require("../../../services/api");
+function createInstallationReducer({ createConfig, projectId, integrationId, groupRef, connectionId, apiKey, setInstallation, onInstallSuccess, }) {
+    const createInstallationRequest = {
+        projectId,
+        integrationId,
+        installation: {
+            groupRef,
+            connectionId,
+            config: createConfig,
+        },
+    };
+    return (0, api_1.api)().installationApi.createInstallation(createInstallationRequest, {
+        headers: {
+            'X-Api-Key': apiKey,
+            'Content-Type': 'application/json',
+        },
+    })
+        .then((installation) => {
+        // update local installation state
+        setInstallation(installation);
+        onInstallSuccess === null || onInstallSuccess === void 0 ? void 0 : onInstallSuccess(installation.id, installation.config);
+    })
+        .catch((err) => {
+        console.error('ERROR: ', err);
+    });
+}
+exports.createInstallationReducer = createInstallationReducer;

package/build/src/components/Configure/actions/onSaveReadCreateInstallation.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onSaveReadCreateInstallation = void 0;
-const api_1 = require("../../../services/api");
 const utils_1 = require("../state/utils");
+const createInstallationReducer_1 = require("./createInstallationReducer");
 /**
  * gets matching object from hydratedRevision
  * @param hydratedRevision
@@ -64,28 +64,15 @@ const onSaveReadCreateInstallation = (projectId, integrationId, groupRef, consum
         console.error('Error when generating createConfig from configureState');
         return Promise.resolve(null);
     }
-    const createInstallationRequest = {
+    return (0, createInstallationReducer_1.createInstallationReducer)({
+        createConfig,
         projectId,
         integrationId,
-        installation: {
-            groupRef,
-            connectionId,
-            config: createConfig,
-        },
-    };
-    return (0, api_1.api)().installationApi.createInstallation(createInstallationRequest, {
-        headers: {
-            'X-Api-Key': apiKey,
-            'Content-Type': 'application/json',
-        },
-    })
-        .then((installation) => {
-        // update local installation state
-        setInstallation(installation);
-        onInstallSuccess === null || onInstallSuccess === void 0 ? void 0 : onInstallSuccess(installation.id, installation.config);
-    })
-        .catch((err) => {
-        console.error('ERROR: ', err);
+        groupRef,
+        connectionId,
+        apiKey,
+        setInstallation,
+        onInstallSuccess,
     });
 };
 exports.onSaveReadCreateInstallation = onSaveReadCreateInstallation;

package/build/src/components/Configure/actions/proxy/createInstallationProxyOnly.d.ts

@@ -0,0 +1,8 @@
+import { HydratedRevision } from '../../../../services/api';
+import { CreateInstallationSharedProps } from '../createInstallationReducer';
+type CreateInstallationProxyOnlyProps = CreateInstallationSharedProps & {
+    hydratedRevision: HydratedRevision;
+    consumerRef: string;
+};
+export declare function createInstallationProxyOnly({ projectId, integrationId, groupRef, consumerRef, connectionId, apiKey, hydratedRevision, setInstallation, onInstallSuccess, }: CreateInstallationProxyOnlyProps): Promise<void> | Promise<null>;
+export {};

package/build/src/components/Configure/actions/proxy/createInstallationProxyOnly.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInstallationProxyOnly = void 0;
+const createInstallationReducer_1 = require("../createInstallationReducer");
+/**
+ * given a hydratedRevision and consumerRef,
+ * generate the config object that is need for create installation request with proxy only.
+ *
+ * @param hydratedRevision
+ * @param consumerRef
+ *  @returns
+ */
+const generateProxyOnlyConfig = (hydratedRevision, consumerRef) => {
+    // create config request object
+    const createConfigObj = {
+        revisionId: hydratedRevision.id,
+        createdBy: `consumer:${consumerRef}`,
+        content: {
+            provider: hydratedRevision.content.provider,
+            proxy: {
+                enabled: true,
+            },
+        },
+    };
+    return createConfigObj;
+};
+function createInstallationProxyOnly({ projectId, integrationId, groupRef, consumerRef, connectionId, apiKey, hydratedRevision, setInstallation, onInstallSuccess, }) {
+    const createConfig = generateProxyOnlyConfig(hydratedRevision, consumerRef);
+    if (!createConfig) {
+        console.error('Error when generating createConfig from configureState');
+        return Promise.resolve(null);
+    }
+    return (0, createInstallationReducer_1.createInstallationReducer)({
+        createConfig,
+        projectId,
+        integrationId,
+        groupRef,
+        connectionId,
+        apiKey,
+        setInstallation,
+        onInstallSuccess,
+    });
+}
+exports.createInstallationProxyOnly = createInstallationProxyOnly;

package/build/src/components/Configure/actions/write/onSaveWriteCreateInstallation.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onSaveWriteCreateInstallation = void 0;
-const api_1 = require("../../../../services/api");
+const createInstallationReducer_1 = require("../createInstallationReducer");
 const generateConfigWriteObjects_1 = require("./generateConfigWriteObjects");
 /**
    * gets write objects from hydratedRevision
@@ -58,28 +58,15 @@ const onSaveWriteCreateInstallation = (projectId, integrationId, groupRef, consu
         console.error('Error when generating createConfig from configureState');
         return Promise.resolve(null);
     }
-    const createInstallationRequest = {
+    return (0, createInstallationReducer_1.createInstallationReducer)({
+        createConfig,
         projectId,
         integrationId,
-        installation: {
-            groupRef,
-            connectionId,
-            config: createConfig,
-        },
-    };
-    return (0, api_1.api)().installationApi.createInstallation(createInstallationRequest, {
-        headers: {
-            'X-Api-Key': apiKey,
-            'Content-Type': 'application/json',
-        },
-    })
-        .then((installation) => {
-        // update local installation state
-        setInstallation(installation);
-        onInstallSuccess === null || onInstallSuccess === void 0 ? void 0 : onInstallSuccess(installation.id, installation.config);
-    })
-        .catch((err) => {
-        console.error('ERROR: ', err);
+        groupRef,
+        connectionId,
+        apiKey,
+        setInstallation,
+        onInstallSuccess,
     });
 };
 exports.onSaveWriteCreateInstallation = onSaveWriteCreateInstallation;

package/build/src/components/Configure/layout/ConditionalProxyLayout/ConditionalProxyLayout.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ConditionalProxyLayoutProps {
+    children: React.ReactNode;
+}
+/**
+ * if the hydratedRevision only has proxy actions,
+ * then it will not render the ConfigureInstallation
+ * @returns
+ */
+export declare function ConditionalProxyLayout({ children }: ConditionalProxyLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Configure/layout/ConditionalProxyLayout/ConditionalProxyLayout.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionalProxyLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LoadingIcon_1 = require("../../../../assets/LoadingIcon");
+const ApiKeyContextProvider_1 = require("../../../../context/ApiKeyContextProvider");
+const ConnectionsContextProvider_1 = require("../../../../context/ConnectionsContextProvider");
+const InstallIntegrationContextProvider_1 = require("../../../../context/InstallIntegrationContextProvider");
+const ProjectContextProvider_1 = require("../../../../context/ProjectContextProvider");
+const ErrorTextBox_1 = require("../../../ErrorTextBox");
+const createInstallationProxyOnly_1 = require("../../actions/proxy/createInstallationProxyOnly");
+const HydratedRevisionContext_1 = require("../../state/HydratedRevisionContext");
+const InstalledSuccessBox_1 = require("./InstalledSuccessBox");
+// explicity check other actions (i.e. read, write) to determine if it's proxy only
+// returns false if it's not proxy only or no hydratedRevision
+const getIsProxyOnly = (hydratedRevision) => {
+    var _a;
+    const { read, write, proxy } = (_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) !== null && _a !== void 0 ? _a : {};
+    return (!read && !write && (proxy === null || proxy === void 0 ? void 0 : proxy.enabled)) || false;
+};
+/**
+ * if the hydratedRevision only has proxy actions,
+ * then it will not render the ConfigureInstallation
+ * @returns
+ */
+function ConditionalProxyLayout({ children }) {
+    var _a;
+    const { projectId } = (0, ProjectContextProvider_1.useProject)();
+    const apiKey = (0, ApiKeyContextProvider_1.useApiKey)();
+    const { hydratedRevision, loading: hydratedRevisionLoading } = (0, HydratedRevisionContext_1.useHydratedRevision)();
+    const { integrationObj, installation, groupRef, consumerRef, setInstallation, } = (0, InstallIntegrationContextProvider_1.useInstallIntegrationProps)();
+    const { selectedConnection } = (0, ConnectionsContextProvider_1.useConnections)();
+    const [createInstallLoading, setCreateInstallLoading] = (0, react_1.useState)(false);
+    const isLoading = hydratedRevisionLoading || createInstallLoading;
+    const provider = (_a = hydratedRevision === null || hydratedRevision === void 0 ? void 0 : hydratedRevision.content) === null || _a === void 0 ? void 0 : _a.provider;
+    const isProxyOnly = getIsProxyOnly(hydratedRevision);
+    (0, react_1.useEffect)(() => {
+        if (hydratedRevision && isProxyOnly && !installation && selectedConnection && apiKey && (integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.id)) {
+            setCreateInstallLoading(true);
+            (0, createInstallationProxyOnly_1.createInstallationProxyOnly)({
+                apiKey,
+                projectId,
+                integrationId: integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.id,
+                groupRef,
+                consumerRef,
+                connectionId: selectedConnection === null || selectedConnection === void 0 ? void 0 : selectedConnection.id,
+                hydratedRevision,
+                setInstallation,
+            }).then(() => {
+                setCreateInstallLoading(false);
+            }).catch((e) => {
+                setCreateInstallLoading(false);
+                console.error('Error when creating proxy installation:', e);
+            });
+        }
+    }, [hydratedRevision, isProxyOnly, installation,
+        selectedConnection, apiKey, projectId, integrationObj === null || integrationObj === void 0 ? void 0 : integrationObj.id, groupRef, consumerRef, setInstallation]);
+    if (!integrationObj)
+        return (0, jsx_runtime_1.jsx)(ErrorTextBox_1.ErrorTextBox, { message: "We can't load the integration" });
+    if (isLoading)
+        return (0, jsx_runtime_1.jsx)(LoadingIcon_1.LoadingIcon, {});
+    if (isProxyOnly && provider && installation)
+        return (0, jsx_runtime_1.jsx)(InstalledSuccessBox_1.InstalledSuccessBox, { provider: provider });
+    return ((0, jsx_runtime_1.jsx)("div", { children: children }));
+}
+exports.ConditionalProxyLayout = ConditionalProxyLayout;

package/build/src/components/Configure/layout/ConditionalProxyLayout/InstalledSuccessBox.d.ts

@@ -0,0 +1,5 @@
+type InstalledSuccessBoxProps = {
+    provider: string;
+};
+export declare function InstalledSuccessBox({ provider }: InstalledSuccessBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Configure/layout/ConditionalProxyLayout/InstalledSuccessBox.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstalledSuccessBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../../utils");
+const SuccessTextBox_1 = require("../../../SuccessTextBox");
+function InstalledSuccessBox({ provider }) {
+    const text = `You have successfully installed your ${(0, utils_1.capitalize)(provider)} integration.`;
+    return ((0, jsx_runtime_1.jsx)(SuccessTextBox_1.SuccessTextBox, { text: text }));
+}
+exports.InstalledSuccessBox = InstalledSuccessBox;

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectedSuccessBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const NavIcon_1 = require("../../assets/NavIcon");
 const ProjectContextProvider_1 = require("../../context/ProjectContextProvider");
 const utils_1 = require("../../utils");
+const SuccessTextBox_1 = require("../SuccessTextBox");
 function ConnectedSuccessBox({ provider }) {
     const { appName } = (0, ProjectContextProvider_1.useProject)();
-    return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { p: 8, maxWidth: "600px", minHeight: "290px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", margin: "auto", marginTop: "40px", bgColor: "white", paddingTop: "100px", children: [(0, jsx_runtime_1.jsx)(react_1.Box, { width: "100%", display: "flex", alignContent: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_1.Box, { margin: "auto", children: NavIcon_1.CheckMarkIcon }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { textAlign: "center", paddingTop: "25px", children: `You've successfully connected ${(0, utils_1.capitalize)(provider)} to ${appName}.` })] }) }));
+    const text = `You have successfully connected your ${(0, utils_1.capitalize)(provider)} account to ${appName}.`;
+    return ((0, jsx_runtime_1.jsx)(SuccessTextBox_1.SuccessTextBox, { text: text }));
 }
 exports.ConnectedSuccessBox = ConnectedSuccessBox;

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

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@chakra-ui/icons");
 const react_1 = require("@chakra-ui/react");
 const OAuthErrorAlert_1 = require("../OAuthErrorAlert");
-const SALESFORCE_HELP_URL = 'https://help.salesforce.com/articleView?id=domain_name_not_found.htm&type=5';
+const SALESFORCE_HELP_URL = 'https://help.salesforce.com/s/articleView?id=sf.faq_domain_name_what.htm&type=5';
 function SubdomainEntry({ handleSubmit, setWorkspace, error, isButtonDisabled, }) {
     return ((0, jsx_runtime_1.jsx)(react_1.Container, { children: (0, jsx_runtime_1.jsx)(react_1.Box, { p: 8, maxWidth: "600px", borderWidth: 1, borderRadius: 8, boxShadow: "lg", textAlign: ['left'], margin: "auto", marginTop: "40px", bgColor: "white", children: (0, jsx_runtime_1.jsxs)(react_1.FormControl, { children: [(0, jsx_runtime_1.jsx)(react_1.FormLabel, { marginTop: "16", marginBottom: "0", children: (0, jsx_runtime_1.jsx)(react_1.Heading, { as: "h4", size: "md", children: "Enter your Salesforce subdomain" }) }), (0, jsx_runtime_1.jsxs)(react_1.Link, { href: SALESFORCE_HELP_URL, color: "blackAlpha.600", isExternal: true, children: ["What is my Salesforce subdomain?", (0, jsx_runtime_1.jsx)(icons_1.ExternalLinkIcon, { mx: "2px" })] }), (0, jsx_runtime_1.jsx)(OAuthErrorAlert_1.OAuthErrorAlert, { error: error }), (0, jsx_runtime_1.jsxs)(react_1.Flex, { marginTop: "1em", children: [(0, jsx_runtime_1.jsx)(react_1.Input, { placeholder: "MyDomain", onChange: (event) => setWorkspace(event.currentTarget.value) }), (0, jsx_runtime_1.jsx)(react_1.Text, { lineHeight: "2.2em", marginLeft: "0.4em", children: ".my.salesforce.com" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Button, { isDisabled: isButtonDisabled, width: "100%", type: "submit", onClick: handleSubmit, children: "Next" })] }) }) }));
 }

package/build/src/components/SuccessTextBox.d.ts

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

package/build/src/components/SuccessTextBox.js

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