@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js

@@ -1 +1,265 @@
-import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as o,useEffect as r}from"react";import{node as i,shape as a,string as s,bool as p,func as c}from"prop-types";import{cloneDeep as l,debounce as d,noop as m}from"lodash";import{Accordion as u,AccordionSummary as g,AccordionDetails as f}from"@material-ui/core";import{ArrowForward as v,ExpandMore as h}from"@material-ui/icons";import C from"../../../../ErrorBoundary/ErrorBoundary.js";import j from"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import y from"../../../../Button/index.js";import A from"../../../../Modal/Modal.js";import b from"../../../../AssetEditorV2/index.js";import S from"../../../../AppVersionsSelect/AppVersionsSelect.js";import D from"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import O from"../../../../ConfirmationDialog.js";import{DEV_CENTER_CLI_APP_ID as N}from"../../../../../constants/devcenter.js";import"../../../../../constants/goals.js";import{SEGMENTS as I,SEGMENT_TO_ASSET_TYPE as E}from"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import R from"./RemoveAppButton.js";import k from"./styles.js";import{AppIcon as w}from"../../../../AppIcon/AppIcon.js";import{jsx as x,jsxs as P,Fragment as M}from"react/jsx-runtime";function T(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function q(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?T(Object(o),!0).forEach((function(t){e(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}var B="DC_appSettings";function V(i){var a,s,p=i.AppSettingsComponent,c=i.app,m=i.appData,T=i.appName,V=i.currentUser,H=i.isMultiRig,_=i.isSettingsDialogHidden,U=i.layoutEnvironment,L=i.onAppRemove,G=i.onCloneDashboard,K=i.onSettingsChange,Y=i.openIntercom,z=i.segment,F=i.toggleAppSettingsDialog,J=t(!1),Q=n(J,2);Q[0];var W=Q[1],X=t((function(){var e;return q(q({},l(c.settings)),{},{package:c.settings.package||(null==c||null===(e=c.package)||void 0===e?void 0:e.version)})})),Z=n(X,2),$=Z[0],ee=Z[1],ne=t(!0),te=n(ne,2),oe=te[0],re=te[1],ie=o(null),ae=Boolean(null===(a=ie.current)||void 0===a?void 0:a.clientHeight),se=k({isCompletionApp:z===I.COMPLETION,hasCustomAppSettings:ae}),pe=c.id===N,ce=function(n,t){return ee((function(o){return q(q({},o),{},e({},n,t))}))},le=function(e){return ee((function(n){return q(q({},n),e)}))},de=U&&"asset"===U.type,me=!(H||de&&z===I.COMPLETION);r((function(){d(W,200)(!0)}),[]);var ue=x("div",{ref:ie,children:p&&x(p,{app:c,appData:m,settings:$,onSettingChange:ce,onSettingsChange:le,layoutEnvironment:U,currentUser:V})}),ge=P("div",{className:se.modalTitleContainer,children:[x(w,{className:se.appIcon,segment:null==c?void 0:c.segment,iconUrl:null==c||null===(s=c.icon)||void 0===s?void 0:s.url,height:48,width:48}),P("div",{children:[x("div",{children:"".concat(T," Settings")}),P("div",{"data-testid":"".concat(B,"_appstoreLink"),className:se.appStoreButton,onClick:function(){var e,n;return window.open((n=null==c||null===(e=c.app)||void 0===e?void 0:e.id,"/app-store/app/".concat(n)),"_top")},children:["Open in Appstore ",x(v,{className:se.arrowIcon})]})]})]}),fe=P("div",{className:se.modalActions,children:[!_&&L&&x(R,{appName:T,onAppRemove:L}),P("div",{className:se.mainActions,children:[x(y,{"data-testid":"".concat(B,"_cancel"),variation:"secondary",onClick:F,children:"Cancel"}),_&&x(y,{variation:"primary",onClick:function(){return G()},children:"Copy Dashboard"}),!_&&x(y,{"data-testid":"".concat(B,"_save"),className:se.saveButton,variation:"primary",onClick:function(){$.package||pe?(K($),F()):re(!1)},children:"Save"})]})]}),ve=P(M,{children:[me&&x(b,{appKey:pe?null:c.app.app_key,settings:$,onSettingsChange:le,appType:E[z],isNullable:de,label:"Asset",isHiddenTitle:!0,isHiddenMultipleAssetsToggle:!0}),x(S,{className:se.appVersionSelect,appId:c.app.id,value:$.package,onChange:function(e){return ce("package",e)}})]});return x(A,{open:!0,onClose:F,title:ge,contentContainerClassName:se.modalContainer,modalTitleClassName:se.modalTitle,closeIconClassName:se.closeIcon,contentClassName:se.modalContent,actions:fe,children:P(C,{ErrorView:j,openIntercom:Y,children:[x(O,{open:!oe&&!$.package,isShowCancel:!1,title:"Validation failed",text:"You should select the app version to proceed",handleOk:function(){return re(!0)}}),_&&x(D,{}),!_&&P(M,{children:[P(u,{defaultExpanded:!0,className:se.assetAccordion,children:[x(g,{classes:{content:se.summaryContent,expandIcon:se.expandIcon},expandIcon:x(h,{}),children:"Asset"}),x(f,{classes:{root:se.accordionDetails},children:ve})]}),P(u,{className:se.accordion,defaultExpanded:!0,children:[x(g,{classes:{content:se.summaryContent,expandIcon:se.expandIcon},expandIcon:x(h,{}),children:"App Settings"}),x(f,{classes:{root:se.accordionDetails},children:ue})]})]})]})})}V.propTypes={AppSettingsComponent:i,app:a({}).isRequired,appData:a({}).isRequired,appName:s.isRequired,currentUser:a({}).isRequired,isMultiRig:p.isRequired,isSettingsDialogHidden:p,layoutEnvironment:a({}).isRequired,onAppRemove:c,onCloneDashboard:c,onSettingsChange:c.isRequired,segment:s.isRequired,toggleAppSettingsDialog:c.isRequired},V.defaultProps={AppSettingsComponent:null,isSettingsDialogHidden:!1,onAppRemove:void 0,onCloneDashboard:m};export{B as PAGE_NAME,V as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import { node, shape, string, bool, func } from 'prop-types';
+import { cloneDeep, debounce, noop } from 'lodash';
+import { Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
+import { ArrowForward, ExpandMore } from '@material-ui/icons';
+import ErrorBoundary from '../../../../ErrorBoundary/ErrorBoundary.js';
+import DevCenterAppErrorView from '../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import Button from '../../../../Button/index.js';
+import Modal from '../../../../Modal/Modal.js';
+import AppSettingsAssetEditor from '../../../../AssetEditorV2/index.js';
+import AppVersionsSelect from '../../../../AppVersionsSelect/AppVersionsSelect.js';
+import DisabledSettingsMessage from '../../../../DisabledSettingsMessage/DisabledSettingsMessage.js';
+import ConfirmationDialog from '../../../../ConfirmationDialog.js';
+import { DEV_CENTER_CLI_APP_ID } from '../../../../../constants/devcenter.js';
+import '../../../../../constants/goals.js';
+import { SEGMENTS, SEGMENT_TO_ASSET_TYPE } from '../../../../../constants/segment.js';
+import '../../../../../constants/alerts.js';
+import '../../../../../constants/apps.js';
+import '../../../../../constants/drillstring.js';
+import '../../../../../constants/completion.js';
+import '../../../../../constants/notifications.js';
+import '../../../../../constants/feed.js';
+import '../../../../../constants/bha.js';
+import '../../../../../utils/env.js';
+import '../../../../GradientManager/configuration/constants.js';
+import RemoveAppButton from './RemoveAppButton.js';
+import useStyles from './styles.js';
+import { AppIcon } from '../../../../AppIcon/AppIcon.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'DC_appSettings';
+var getAppPageUrl = function getAppPageUrl(appId) {
+  return "/app-store/app/".concat(appId);
+};
+function AppSettingsDialog(_ref) {
+  var _customAppSettingsRef, _app$icon;
+  var AppSettingsComponent = _ref.AppSettingsComponent,
+    app = _ref.app,
+    appData = _ref.appData,
+    appName = _ref.appName,
+    currentUser = _ref.currentUser,
+    isMultiRig = _ref.isMultiRig,
+    isSettingsDialogHidden = _ref.isSettingsDialogHidden,
+    layoutEnvironment = _ref.layoutEnvironment,
+    onAppRemove = _ref.onAppRemove,
+    onCloneDashboard = _ref.onCloneDashboard,
+    onSettingsChange = _ref.onSettingsChange,
+    openIntercom = _ref.openIntercom,
+    segment = _ref.segment,
+    toggleAppSettingsDialog = _ref.toggleAppSettingsDialog;
+  // eslint-disable-next-line no-unused-vars
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    var setIsMounted = _useState2[1];
+  var _useState3 = useState(function () {
+      var _app$package;
+      return _objectSpread(_objectSpread({}, cloneDeep(app.settings)), {}, {
+        package: app.settings.package || (app === null || app === void 0 ? void 0 : (_app$package = app.package) === null || _app$package === void 0 ? void 0 : _app$package.version)
+      });
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    appSettings = _useState4[0],
+    setAppSettings = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isAppSettingsValid = _useState6[0],
+    setIsAppSettingsValid = _useState6[1];
+  var customAppSettingsRef = useRef(null);
+  var hasCustomAppSettings = Boolean((_customAppSettingsRef = customAppSettingsRef.current) === null || _customAppSettingsRef === void 0 ? void 0 : _customAppSettingsRef.clientHeight);
+  var styles = useStyles({
+    isCompletionApp: segment === SEGMENTS.COMPLETION,
+    hasCustomAppSettings: hasCustomAppSettings
+  });
+  var isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;
+  var onSave = function onSave() {
+    if (appSettings.package || isCLIApp) {
+      onSettingsChange(appSettings);
+      toggleAppSettingsDialog();
+    } else setIsAppSettingsValid(false);
+  };
+  var onAppSettingChange = function onAppSettingChange(name, value) {
+    return setAppSettings(function (prevSettings) {
+      return _objectSpread(_objectSpread({}, prevSettings), {}, _defineProperty({}, name, value));
+    });
+  };
+  var onAppSettingsChange = function onAppSettingsChange(newSettings) {
+    return setAppSettings(function (prevSettings) {
+      return _objectSpread(_objectSpread({}, prevSettings), newSettings);
+    });
+  };
+  var isAssetPage = layoutEnvironment && layoutEnvironment.type === 'asset';
+  var isAssetSelectorRequired = !isMultiRig && !(isAssetPage && segment === SEGMENTS.COMPLETION);
+  useEffect(function () {
+    var debouncedSetIsMounted = debounce(setIsMounted, 200);
+    debouncedSetIsMounted(true);
+  }, []);
+  var appSettingsComponent = /*#__PURE__*/jsx("div", {
+    ref: customAppSettingsRef,
+    children: AppSettingsComponent && /*#__PURE__*/jsx(AppSettingsComponent, {
+      app: app,
+      appData: appData,
+      settings: appSettings,
+      onSettingChange: onAppSettingChange,
+      onSettingsChange: onAppSettingsChange,
+      layoutEnvironment: layoutEnvironment,
+      currentUser: currentUser
+    })
+  });
+  var modalTitle = /*#__PURE__*/jsxs("div", {
+    className: styles.modalTitleContainer,
+    children: [/*#__PURE__*/jsx(AppIcon, {
+      className: styles.appIcon,
+      segment: app === null || app === void 0 ? void 0 : app.segment,
+      iconUrl: app === null || app === void 0 ? void 0 : (_app$icon = app.icon) === null || _app$icon === void 0 ? void 0 : _app$icon.url,
+      height: 48,
+      width: 48
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        children: "".concat(appName, " Settings")
+      }), /*#__PURE__*/jsxs("div", {
+        "data-testid": "".concat(PAGE_NAME, "_appstoreLink"),
+        className: styles.appStoreButton,
+        onClick: function onClick() {
+          var _app$app;
+          return window.open(getAppPageUrl(app === null || app === void 0 ? void 0 : (_app$app = app.app) === null || _app$app === void 0 ? void 0 : _app$app.id), '_top');
+        },
+        children: ["Open in Appstore ", /*#__PURE__*/jsx(ArrowForward, {
+          className: styles.arrowIcon
+        })]
+      })]
+    })]
+  });
+  var modalActions = /*#__PURE__*/jsxs("div", {
+    className: styles.modalActions,
+    children: [!isSettingsDialogHidden && onAppRemove && /*#__PURE__*/jsx(RemoveAppButton, {
+      appName: appName,
+      onAppRemove: onAppRemove
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.mainActions,
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-testid": "".concat(PAGE_NAME, "_cancel"),
+        variation: "secondary",
+        onClick: toggleAppSettingsDialog,
+        children: "Cancel"
+      }), isSettingsDialogHidden && /*#__PURE__*/jsx(Button, {
+        variation: "primary",
+        onClick: function onClick() {
+          return onCloneDashboard();
+        },
+        children: "Copy Dashboard"
+      }), !isSettingsDialogHidden && /*#__PURE__*/jsx(Button, {
+        "data-testid": "".concat(PAGE_NAME, "_save"),
+        className: styles.saveButton,
+        variation: "primary",
+        onClick: onSave,
+        children: "Save"
+      })]
+    })]
+  });
+  var mainSettingsContent = /*#__PURE__*/jsxs(Fragment, {
+    children: [isAssetSelectorRequired && /*#__PURE__*/jsx(AppSettingsAssetEditor, {
+      appKey: isCLIApp ? null : app.app.app_key,
+      settings: appSettings,
+      onSettingsChange: onAppSettingsChange,
+      appType: SEGMENT_TO_ASSET_TYPE[segment],
+      isNullable: isAssetPage,
+      label: "Asset",
+      isHiddenTitle: true,
+      isHiddenMultipleAssetsToggle: true
+    }), /*#__PURE__*/jsx(AppVersionsSelect, {
+      className: styles.appVersionSelect,
+      appId: app.app.id,
+      value: appSettings.package,
+      onChange: function onChange(val) {
+        return onAppSettingChange('package', val);
+      }
+    })]
+  });
+  return /*#__PURE__*/jsx(Modal, {
+    open: true,
+    onClose: toggleAppSettingsDialog,
+    title: modalTitle,
+    contentContainerClassName: styles.modalContainer,
+    modalTitleClassName: styles.modalTitle,
+    closeIconClassName: styles.closeIcon,
+    contentClassName: styles.modalContent,
+    actions: modalActions,
+    children: /*#__PURE__*/jsxs(ErrorBoundary, {
+      ErrorView: DevCenterAppErrorView,
+      openIntercom: openIntercom,
+      children: [/*#__PURE__*/jsx(ConfirmationDialog, {
+        open: !isAppSettingsValid && !appSettings.package,
+        isShowCancel: false,
+        title: "Validation failed",
+        text: "You should select the app version to proceed",
+        handleOk: function handleOk() {
+          return setIsAppSettingsValid(true);
+        }
+      }), isSettingsDialogHidden && /*#__PURE__*/jsx(DisabledSettingsMessage, {}), !isSettingsDialogHidden && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs(Accordion, {
+          defaultExpanded: true,
+          className: styles.assetAccordion,
+          children: [/*#__PURE__*/jsx(AccordionSummary, {
+            classes: {
+              content: styles.summaryContent,
+              expandIcon: styles.expandIcon
+            },
+            expandIcon: /*#__PURE__*/jsx(ExpandMore, {}),
+            children: "Asset"
+          }), /*#__PURE__*/jsx(AccordionDetails, {
+            classes: {
+              root: styles.accordionDetails
+            },
+            children: mainSettingsContent
+          })]
+        }), /*#__PURE__*/jsxs(Accordion, {
+          className: styles.accordion,
+          defaultExpanded: true,
+          children: [/*#__PURE__*/jsx(AccordionSummary, {
+            classes: {
+              content: styles.summaryContent,
+              expandIcon: styles.expandIcon
+            },
+            expandIcon: /*#__PURE__*/jsx(ExpandMore, {}),
+            children: "App Settings"
+          }), /*#__PURE__*/jsx(AccordionDetails, {
+            classes: {
+              root: styles.accordionDetails
+            },
+            children: appSettingsComponent
+          })]
+        })]
+      })]
+    })
+  });
+}
+AppSettingsDialog.propTypes = {
+  AppSettingsComponent: node,
+  app: shape({}).isRequired,
+  appData: shape({}).isRequired,
+  appName: string.isRequired,
+  currentUser: shape({}).isRequired,
+  isMultiRig: bool.isRequired,
+  isSettingsDialogHidden: bool,
+  layoutEnvironment: shape({}).isRequired,
+  onAppRemove: func,
+  onCloneDashboard: func,
+  onSettingsChange: func.isRequired,
+  segment: string.isRequired,
+  toggleAppSettingsDialog: func.isRequired
+};
+AppSettingsDialog.defaultProps = {
+  AppSettingsComponent: null,
+  isSettingsDialogHidden: false,
+  onAppRemove: undefined,
+  onCloneDashboard: noop
+};
+
+export { PAGE_NAME, AppSettingsDialog as default };
+//# sourceMappingURL=AppSettingsDialog.js.map

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSettingsDialog.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { func, shape, string, bool, node } from 'prop-types';\nimport { cloneDeep, debounce, noop } from 'lodash';\nimport {\n  Accordion as AccordionComponent,\n  AccordionDetails,\n  AccordionSummary,\n} from '@material-ui/core';\nimport { ArrowForward as ArrowIcon, ExpandMore as ExpandMoreIcon } from '@material-ui/icons';\nimport ErrorBoundary, { DevCenterAppErrorView } from '~/components/ErrorBoundary';\nimport Button from '~/components/Button';\nimport Modal from '~/components/Modal';\nimport AppSettingsAssetEditorV2 from '~/components/AssetEditorV2';\nimport AppVersionsSelect from '~/components/AppVersionsSelect';\nimport { DisabledSettingsMessage } from '~/components/DisabledSettingsMessage';\nimport ConfirmationDialog from '~/components/ConfirmationDialog';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport { SEGMENT_TO_ASSET_TYPE, SEGMENTS } from '~/constants/segment';\n\nimport RemoveAppButton from './RemoveAppButton';\nimport useStyles from './styles';\nimport AppIcon from '~/components/AppIcon';\n\nexport const PAGE_NAME = 'DC_appSettings';\n\nconst getAppPageUrl = appId => `/app-store/app/${appId}`;\n\nfunction AppSettingsDialog({\n  AppSettingsComponent,\n  app,\n  appData,\n  appName,\n  currentUser,\n  isMultiRig,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppRemove,\n  onCloneDashboard,\n  onSettingsChange,\n  openIntercom,\n  segment,\n  toggleAppSettingsDialog,\n}) {\n  // eslint-disable-next-line no-unused-vars\n  const [_, setIsMounted] = useState(false);\n  const [appSettings, setAppSettings] = useState(() => ({\n    ...cloneDeep(app.settings),\n    package: app.settings.package || app?.package?.version,\n  }));\n\n  const [isAppSettingsValid, setIsAppSettingsValid] = useState(true);\n  const customAppSettingsRef = useRef(null);\n\n  const hasCustomAppSettings = Boolean(customAppSettingsRef.current?.clientHeight);\n\n  const styles = useStyles({\n    isCompletionApp: segment === SEGMENTS.COMPLETION,\n    hasCustomAppSettings,\n  });\n\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n\n  const onSave = () => {\n    if (appSettings.package || isCLIApp) {\n      onSettingsChange(appSettings);\n      toggleAppSettingsDialog();\n    } else setIsAppSettingsValid(false);\n  };\n\n  const onAppSettingChange = (name, value) =>\n    setAppSettings(prevSettings => ({\n      ...prevSettings,\n      [name]: value,\n    }));\n\n  const onAppSettingsChange = newSettings =>\n    setAppSettings(prevSettings => ({ ...prevSettings, ...newSettings }));\n\n  const isAssetPage = layoutEnvironment && layoutEnvironment.type === 'asset';\n  const isAssetSelectorRequired = !isMultiRig && !(isAssetPage && segment === SEGMENTS.COMPLETION);\n\n  useEffect(() => {\n    const debouncedSetIsMounted = debounce(setIsMounted, 200);\n    debouncedSetIsMounted(true);\n  }, []);\n\n  const appSettingsComponent = (\n    <div ref={customAppSettingsRef}>\n      {AppSettingsComponent && (\n        <AppSettingsComponent\n          app={app}\n          appData={appData}\n          settings={appSettings}\n          onSettingChange={onAppSettingChange}\n          onSettingsChange={onAppSettingsChange}\n          layoutEnvironment={layoutEnvironment}\n          currentUser={currentUser}\n        />\n      )}\n    </div>\n  );\n\n  const modalTitle = (\n    <div className={styles.modalTitleContainer}>\n      <AppIcon\n        className={styles.appIcon}\n        segment={app?.segment}\n        iconUrl={app?.icon?.url}\n        height={48}\n        width={48}\n      />\n      <div>\n        <div>{`${appName} Settings`}</div>\n        <div\n          data-testid={`${PAGE_NAME}_appstoreLink`}\n          className={styles.appStoreButton}\n          onClick={() => window.open(getAppPageUrl(app?.app?.id), '_top')}\n        >\n          Open in Appstore <ArrowIcon className={styles.arrowIcon} />\n        </div>\n      </div>\n    </div>\n  );\n\n  const modalActions = (\n    <div className={styles.modalActions}>\n      {!isSettingsDialogHidden && onAppRemove && (\n        <RemoveAppButton appName={appName} onAppRemove={onAppRemove} />\n      )}\n      <div className={styles.mainActions}>\n        <Button\n          data-testid={`${PAGE_NAME}_cancel`}\n          variation=\"secondary\"\n          onClick={toggleAppSettingsDialog}\n        >\n          Cancel\n        </Button>\n        {isSettingsDialogHidden && (\n          <Button variation=\"primary\" onClick={() => onCloneDashboard()}>\n            Copy Dashboard\n          </Button>\n        )}\n        {!isSettingsDialogHidden && (\n          <Button\n            data-testid={`${PAGE_NAME}_save`}\n            className={styles.saveButton}\n            variation=\"primary\"\n            onClick={onSave}\n          >\n            Save\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n\n  const mainSettingsContent = (\n    <>\n      {isAssetSelectorRequired && (\n        <AppSettingsAssetEditorV2\n          appKey={isCLIApp ? null : app.app.app_key}\n          settings={appSettings}\n          onSettingsChange={onAppSettingsChange}\n          appType={SEGMENT_TO_ASSET_TYPE[segment]}\n          isNullable={isAssetPage}\n          label=\"Asset\"\n          isHiddenTitle\n          isHiddenMultipleAssetsToggle\n        />\n      )}\n      <AppVersionsSelect\n        className={styles.appVersionSelect}\n        appId={app.app.id}\n        value={appSettings.package}\n        onChange={val => onAppSettingChange('package', val)}\n      />\n    </>\n  );\n\n  return (\n    <Modal\n      open\n      onClose={toggleAppSettingsDialog}\n      title={modalTitle}\n      contentContainerClassName={styles.modalContainer}\n      modalTitleClassName={styles.modalTitle}\n      closeIconClassName={styles.closeIcon}\n      contentClassName={styles.modalContent}\n      actions={modalActions}\n    >\n      <ErrorBoundary ErrorView={DevCenterAppErrorView} openIntercom={openIntercom}>\n        <ConfirmationDialog\n          open={!isAppSettingsValid && !appSettings.package}\n          isShowCancel={false}\n          title=\"Validation failed\"\n          text=\"You should select the app version to proceed\"\n          handleOk={() => setIsAppSettingsValid(true)}\n        />\n        {isSettingsDialogHidden && <DisabledSettingsMessage />}\n        {!isSettingsDialogHidden && (\n          <>\n            <AccordionComponent defaultExpanded className={styles.assetAccordion}>\n              <AccordionSummary\n                classes={{ content: styles.summaryContent, expandIcon: styles.expandIcon }}\n                expandIcon={<ExpandMoreIcon />}\n              >\n                Asset\n              </AccordionSummary>\n              <AccordionDetails\n                classes={{\n                  root: styles.accordionDetails,\n                }}\n              >\n                {mainSettingsContent}\n              </AccordionDetails>\n            </AccordionComponent>\n            <AccordionComponent className={styles.accordion} defaultExpanded>\n              <AccordionSummary\n                classes={{\n                  content: styles.summaryContent,\n                  expandIcon: styles.expandIcon,\n                }}\n                expandIcon={<ExpandMoreIcon />}\n              >\n                App Settings\n              </AccordionSummary>\n              <AccordionDetails\n                classes={{\n                  root: styles.accordionDetails,\n                }}\n              >\n                {appSettingsComponent}\n              </AccordionDetails>\n            </AccordionComponent>\n          </>\n        )}\n      </ErrorBoundary>\n    </Modal>\n  );\n}\n\nAppSettingsDialog.propTypes = {\n  AppSettingsComponent: node,\n  app: shape({}).isRequired,\n  appData: shape({}).isRequired,\n  appName: string.isRequired,\n  currentUser: shape({}).isRequired,\n  isMultiRig: bool.isRequired,\n  isSettingsDialogHidden: bool,\n  layoutEnvironment: shape({}).isRequired,\n  onAppRemove: func,\n  onCloneDashboard: func,\n  onSettingsChange: func.isRequired,\n  segment: string.isRequired,\n  toggleAppSettingsDialog: func.isRequired,\n};\n\nAppSettingsDialog.defaultProps = {\n  AppSettingsComponent: null,\n  isSettingsDialogHidden: false,\n  onAppRemove: undefined,\n  onCloneDashboard: noop,\n};\n\nexport default AppSettingsDialog;\n"],"names":["PAGE_NAME","getAppPageUrl","appId","AppSettingsDialog","AppSettingsComponent","app","appData","appName","currentUser","isMultiRig","isSettingsDialogHidden","layoutEnvironment","onAppRemove","onCloneDashboard","onSettingsChange","openIntercom","segment","toggleAppSettingsDialog","useState","setIsMounted","cloneDeep","settings","package","version","appSettings","setAppSettings","isAppSettingsValid","setIsAppSettingsValid","customAppSettingsRef","useRef","hasCustomAppSettings","Boolean","current","clientHeight","styles","useStyles","isCompletionApp","SEGMENTS","COMPLETION","isCLIApp","id","DEV_CENTER_CLI_APP_ID","onSave","onAppSettingChange","name","value","prevSettings","onAppSettingsChange","newSettings","isAssetPage","type","isAssetSelectorRequired","useEffect","debouncedSetIsMounted","debounce","appSettingsComponent","_jsx","modalTitle","_jsxs","modalTitleContainer","appIcon","icon","url","appStoreButton","window","open","ArrowIcon","arrowIcon","modalActions","mainActions","saveButton","mainSettingsContent","_Fragment","AppSettingsAssetEditorV2","app_key","SEGMENT_TO_ASSET_TYPE","appVersionSelect","val","modalContainer","closeIcon","modalContent","DevCenterAppErrorView","AccordionComponent","assetAccordion","content","summaryContent","expandIcon","ExpandMoreIcon","root","accordionDetails","accordion","propTypes","node","shape","isRequired","string","bool","func","defaultProps","undefined","noop"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/RemoveAppButton.js

@@ -1 +1,85 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import{makeStyles as r,Dialog as t,DialogTitle as i,DialogContent as n,DialogContentText as p,DialogActions as a}from"@material-ui/core";import c from"prop-types";import l from"../../../../Button/index.js";import{Tooltip as m}from"../../../../Tooltip/Tooltip.js";import"../../../../Tooltip/ScrollableTooltip.js";import{jsxs as d,Fragment as s,jsx as u}from"react/jsx-runtime";var f="DC_removeApp",v={elevation:1},h=r({tooltip:{maxWidth:"none"}});function A(r){var c=r.appName,f=r.onAppRemove,A=o(!1),C=e(A,2),_=C[0],y=C[1],R=function(){return y(!1)},b=h();return d(s,{children:[u(m,{classes:{tooltip:b.tooltip},title:"After removing app can be added again from AppStore",placement:"bottom-start",children:u("span",{children:u(l,{"data-testid":"".concat("DC_removeApp","_button"),onClick:function(){return y(!0)},variation:"dangerSecondary",children:"REMOVE APP"})})}),d(t,{open:_,onClose:R,PaperProps:v,children:[d(i,{"data-testid":"".concat("DC_removeApp","_title"),children:["Remove ",c]}),u(n,{children:u(p,{children:"Are you sure you want to remove this app?"})}),d(a,{children:[u(l,{"data-testid":"".concat("DC_removeApp","_cancel"),onClick:R,children:"Cancel"}),u(l,{"data-testid":"".concat("DC_removeApp","_confirm"),onClick:function(){return f()},variation:"dangerPrimary",children:"Remove"})]})]})]})}A.propTypes={appName:c.string.isRequired,onAppRemove:c.func.isRequired};export{f as PAGE_NAME,A as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { makeStyles, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import Button from '../../../../Button/index.js';
+import { Tooltip } from '../../../../Tooltip/Tooltip.js';
+import '../../../../Tooltip/ScrollableTooltip.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'DC_removeApp';
+var DIALOG_PAPER_PROPS = {
+  elevation: 1
+};
+var useStyles = makeStyles({
+  tooltip: {
+    maxWidth: 'none'
+  }
+});
+function RemoveAppButton(_ref) {
+  var appName = _ref.appName,
+    onAppRemove = _ref.onAppRemove;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isConfirmationDialogOpened = _useState2[0],
+    setConfirmationDialogOpened = _useState2[1];
+  var closeConfirmationDialog = function closeConfirmationDialog() {
+    return setConfirmationDialogOpened(false);
+  };
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Tooltip, {
+      classes: {
+        tooltip: styles.tooltip
+      },
+      title: "After removing app can be added again from AppStore",
+      placement: "bottom-start",
+      children: /*#__PURE__*/jsx("span", {
+        children: /*#__PURE__*/jsx(Button, {
+          "data-testid": "".concat(PAGE_NAME, "_button"),
+          onClick: function onClick() {
+            return setConfirmationDialogOpened(true);
+          },
+          variation: "dangerSecondary",
+          children: "REMOVE APP"
+        })
+      })
+    }), /*#__PURE__*/jsxs(Dialog, {
+      open: isConfirmationDialogOpened,
+      onClose: closeConfirmationDialog,
+      PaperProps: DIALOG_PAPER_PROPS,
+      children: [/*#__PURE__*/jsxs(DialogTitle, {
+        "data-testid": "".concat(PAGE_NAME, "_title"),
+        children: ["Remove ", appName]
+      }), /*#__PURE__*/jsx(DialogContent, {
+        children: /*#__PURE__*/jsx(DialogContentText, {
+          children: "Are you sure you want to remove this app?"
+        })
+      }), /*#__PURE__*/jsxs(DialogActions, {
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-testid": "".concat(PAGE_NAME, "_cancel"),
+          onClick: closeConfirmationDialog,
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          "data-testid": "".concat(PAGE_NAME, "_confirm")
+          // this fn comes from parent window through an iframe.
+          // It's important to call it without native event as it's not possible
+          // to pass it through the iframe, because it contains circular dependencies
+          ,
+          onClick: function onClick() {
+            return onAppRemove();
+          },
+          variation: "dangerPrimary",
+          children: "Remove"
+        })]
+      })]
+    })]
+  });
+}
+RemoveAppButton.propTypes = {
+  appName: PropTypes.string.isRequired,
+  onAppRemove: PropTypes.func.isRequired
+};
+
+export { PAGE_NAME, RemoveAppButton as default };
+//# sourceMappingURL=RemoveAppButton.js.map

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/RemoveAppButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveAppButton.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/RemoveAppButton.js"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n  makeStyles,\n} from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nimport Button from '~/components/Button';\nimport Tooltip from '~/components/Tooltip';\n\nexport const PAGE_NAME = 'DC_removeApp';\n\nconst DIALOG_PAPER_PROPS = {\n  elevation: 1,\n};\n\nconst useStyles = makeStyles({\n  tooltip: { maxWidth: 'none' },\n});\n\nfunction RemoveAppButton({ appName, onAppRemove }) {\n  const [isConfirmationDialogOpened, setConfirmationDialogOpened] = useState(false);\n  const closeConfirmationDialog = () => setConfirmationDialogOpened(false);\n  const styles = useStyles();\n\n  return (\n    <>\n      <Tooltip\n        classes={{ tooltip: styles.tooltip }}\n        title=\"After removing app can be added again from AppStore\"\n        placement=\"bottom-start\"\n      >\n        <span>\n          <Button\n            data-testid={`${PAGE_NAME}_button`}\n            onClick={() => setConfirmationDialogOpened(true)}\n            variation=\"dangerSecondary\"\n          >\n            REMOVE APP\n          </Button>\n        </span>\n      </Tooltip>\n\n      <Dialog\n        open={isConfirmationDialogOpened}\n        onClose={closeConfirmationDialog}\n        PaperProps={DIALOG_PAPER_PROPS}\n      >\n        <DialogTitle data-testid={`${PAGE_NAME}_title`}>Remove {appName}</DialogTitle>\n        <DialogContent>\n          <DialogContentText>Are you sure you want to remove this app?</DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button data-testid={`${PAGE_NAME}_cancel`} onClick={closeConfirmationDialog}>\n            Cancel\n          </Button>\n\n          <Button\n            data-testid={`${PAGE_NAME}_confirm`}\n            // this fn comes from parent window through an iframe.\n            // It's important to call it without native event as it's not possible\n            // to pass it through the iframe, because it contains circular dependencies\n            onClick={() => onAppRemove()}\n            variation=\"dangerPrimary\"\n          >\n            Remove\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n\nRemoveAppButton.propTypes = {\n  appName: PropTypes.string.isRequired,\n  onAppRemove: PropTypes.func.isRequired,\n};\n\nexport default RemoveAppButton;\n"],"names":["PAGE_NAME","DIALOG_PAPER_PROPS","elevation","useStyles","makeStyles","tooltip","maxWidth","RemoveAppButton","appName","onAppRemove","useState","isConfirmationDialogOpened","setConfirmationDialogOpened","closeConfirmationDialog","styles","_jsxs","_Fragment","_jsx","propTypes","PropTypes","string","isRequired","func"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/styles.js

@@ -1 +1,106 @@
-import{makeStyles as t}from"@material-ui/core";var n=t((function(t){return{modalTitle:{background:function(t){return t.isCompletionApp?"linear-gradient(270deg, #3F33A9 0%, #DA4583 98.46%)":"linear-gradient(90deg, #05B58B 1.96%, #3A83D3 101.28%)"},paddingBottom:24},modalTitleContainer:{display:"flex",alignItems:"center"},appStoreButton:{display:"flex",alignItems:"center",fontSize:13,cursor:"pointer",width:"fit-content","&:hover":{textDecoration:"underline"}},arrowIcon:{width:16,height:16,marginLeft:4},closeIcon:{color:t.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08) !important"}},appVersionSelect:{marginTop:16,width:"100%"},modalActions:{width:"100%",display:"flex",justifyContent:"space-between"},saveButton:{marginLeft:16},appIcon:{marginRight:12},accordionDetails:{flexDirection:"column",paddingTop:function(t){return t.hasCustomAppSettings?12:0},paddingLeft:function(t){return t.hasCustomAppSettings?32:0}},summaryContent:{display:function(t){return t.hasCustomAppSettings?"block":"none"},fontSize:16,color:t.palette.primary.contrastText},expandIcon:{display:function(t){return t.hasCustomAppSettings?"block":"none"},"& svg":{width:24,height:24}},hiddenAppSettings:{position:"fixed",left:"-10000px",top:"-10000px"},accordion:{marginTop:function(t){return t.hasCustomAppSettings?"24px !important":"0px !important"}},modalContainer:{width:600,maxWidth:600},assetAccordion:{marginTop:function(t){return t.hasCustomAppSettings?"8px !important":"-24px !important"}}}}));export{n as default};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    modalTitle: {
+      background: function background(_ref) {
+        var isCompletionApp = _ref.isCompletionApp;
+        return isCompletionApp ? 'linear-gradient(270deg, #3F33A9 0%, #DA4583 98.46%)' : 'linear-gradient(90deg, #05B58B 1.96%, #3A83D3 101.28%)';
+      },
+      paddingBottom: 24
+    },
+    modalTitleContainer: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    appStoreButton: {
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: 13,
+      cursor: 'pointer',
+      width: 'fit-content',
+      '&:hover': {
+        textDecoration: 'underline'
+      }
+    },
+    arrowIcon: {
+      width: 16,
+      height: 16,
+      marginLeft: 4
+    },
+    closeIcon: {
+      color: theme.palette.primary.contrastText,
+      '&:hover': {
+        backgroundColor: 'rgba(255, 255, 255, 0.08) !important'
+      }
+    },
+    appVersionSelect: {
+      marginTop: 16,
+      width: '100%'
+    },
+    modalActions: {
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    saveButton: {
+      marginLeft: 16
+    },
+    appIcon: {
+      marginRight: 12
+    },
+    accordionDetails: {
+      flexDirection: 'column',
+      paddingTop: function paddingTop(_ref2) {
+        var hasCustomAppSettings = _ref2.hasCustomAppSettings;
+        return hasCustomAppSettings ? 12 : 0;
+      },
+      paddingLeft: function paddingLeft(_ref3) {
+        var hasCustomAppSettings = _ref3.hasCustomAppSettings;
+        return hasCustomAppSettings ? 32 : 0;
+      }
+    },
+    summaryContent: {
+      display: function display(_ref4) {
+        var hasCustomAppSettings = _ref4.hasCustomAppSettings;
+        return hasCustomAppSettings ? 'block' : 'none';
+      },
+      fontSize: 16,
+      color: theme.palette.primary.contrastText
+    },
+    expandIcon: {
+      display: function display(_ref5) {
+        var hasCustomAppSettings = _ref5.hasCustomAppSettings;
+        return hasCustomAppSettings ? 'block' : 'none';
+      },
+      '& svg': {
+        width: 24,
+        height: 24
+      }
+    },
+    hiddenAppSettings: {
+      position: 'fixed',
+      left: '-10000px',
+      top: '-10000px'
+    },
+    accordion: {
+      marginTop: function marginTop(_ref6) {
+        var hasCustomAppSettings = _ref6.hasCustomAppSettings;
+        return hasCustomAppSettings ? '24px !important' : '0px !important';
+      }
+    },
+    modalContainer: {
+      width: 600,
+      maxWidth: 600
+    },
+    assetAccordion: {
+      marginTop: function marginTop(_ref7) {
+        var hasCustomAppSettings = _ref7.hasCustomAppSettings;
+        return hasCustomAppSettings ? '8px !important' : '-24px !important';
+      }
+    }
+  };
+});
+
+export { useStyles as default };
+//# sourceMappingURL=styles.js.map

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/styles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  modalTitle: {\n    background: ({ isCompletionApp }) =>\n      isCompletionApp\n        ? 'linear-gradient(270deg, #3F33A9 0%, #DA4583 98.46%)'\n        : 'linear-gradient(90deg, #05B58B 1.96%, #3A83D3 101.28%)',\n    paddingBottom: 24,\n  },\n  modalTitleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  appStoreButton: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: 13,\n    cursor: 'pointer',\n    width: 'fit-content',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n  arrowIcon: {\n    width: 16,\n    height: 16,\n    marginLeft: 4,\n  },\n  closeIcon: {\n    color: theme.palette.primary.contrastText,\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.08) !important',\n    },\n  },\n  appVersionSelect: {\n    marginTop: 16,\n    width: '100%',\n  },\n  modalActions: {\n    width: '100%',\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  saveButton: {\n    marginLeft: 16,\n  },\n  appIcon: {\n    marginRight: 12,\n  },\n  accordionDetails: {\n    flexDirection: 'column',\n    paddingTop: ({ hasCustomAppSettings }) => (hasCustomAppSettings ? 12 : 0),\n    paddingLeft: ({ hasCustomAppSettings }) => (hasCustomAppSettings ? 32 : 0),\n  },\n  summaryContent: {\n    display: ({ hasCustomAppSettings }) => (hasCustomAppSettings ? 'block' : 'none'),\n    fontSize: 16,\n    color: theme.palette.primary.contrastText,\n  },\n  expandIcon: {\n    display: ({ hasCustomAppSettings }) => (hasCustomAppSettings ? 'block' : 'none'),\n    '& svg': {\n      width: 24,\n      height: 24,\n    },\n  },\n  hiddenAppSettings: {\n    position: 'fixed',\n    left: '-10000px',\n    top: '-10000px',\n  },\n  accordion: {\n    marginTop: ({ hasCustomAppSettings }) =>\n      hasCustomAppSettings ? '24px !important' : '0px !important',\n  },\n  modalContainer: {\n    width: 600,\n    maxWidth: 600,\n  },\n  assetAccordion: {\n    marginTop: ({ hasCustomAppSettings }) =>\n      hasCustomAppSettings ? '8px !important' : '-24px !important',\n  },\n}));\n\nexport default useStyles;\n"],"names":["useStyles","makeStyles","theme","modalTitle","background","isCompletionApp","paddingBottom","modalTitleContainer","display","alignItems","appStoreButton","fontSize","cursor","width","textDecoration","arrowIcon","height","marginLeft","closeIcon","color","palette","primary","contrastText","backgroundColor","appVersionSelect","marginTop","modalActions","justifyContent","saveButton","appIcon","marginRight","accordionDetails","flexDirection","paddingTop","hasCustomAppSettings","paddingLeft","summaryContent","expandIcon","hiddenAppSettings","position","left","top","accordion","modalContainer","maxWidth","assetAccordion"],"mappings":"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"}