@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js

@@ -1,49 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
-import styles from './AppInfoMessage.css.js';
-import AppHeader from '../../../AppHeader/AppHeader.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 = 'AppInfoMessage';
-function AppInfoMessage(_ref) {
-  var appHeaderProps = _ref.appHeaderProps,
-    children = _ref.children,
-    message = _ref.message,
-    submessage = _ref.submessage;
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.appInfoMessage,
-    "data-testid": PAGE_NAME,
-    children: [/*#__PURE__*/jsx(AppHeader, _objectSpread({}, appHeaderProps)), /*#__PURE__*/jsxs("div", {
-      className: styles.content,
-      children: [children, !children && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(InfoOutlinedIcon, {
-          size: "large",
-          className: styles.infoIcon
-        }), /*#__PURE__*/jsx("p", {
-          className: styles.message,
-          children: message
-        }), submessage && /*#__PURE__*/jsx("p", {
-          className: styles.submessage,
-          children: submessage
-        })]
-      })]
-    })]
-  });
-}
-AppInfoMessage.propTypes = {
-  appHeaderProps: PropTypes.shape({}).isRequired,
-  children: PropTypes.node,
-  message: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-  submessage: PropTypes.string
-};
-AppInfoMessage.defaultProps = {
-  message: '',
-  submessage: '',
-  children: null
-};
-
-export { PAGE_NAME, AppInfoMessage as default };
-//# sourceMappingURL=AppInfoMessage.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import s from"@material-ui/icons/InfoOutlined";import t from"./AppInfoMessage.css.js";import n from"../../../AppHeader/AppHeader.js";import{jsxs as o,jsx as p,Fragment as a}from"react/jsx-runtime";function i(e,r){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),s.push.apply(s,t)}return s}function c(r){for(var s=1;s<arguments.length;s++){var t=null!=arguments[s]?arguments[s]:{};s%2?i(Object(t),!0).forEach((function(s){e(r,s,t[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var m="AppInfoMessage";function l(e){var r=e.appHeaderProps,i=e.children,m=e.message,l=e.submessage;return o("div",{className:t.appInfoMessage,"data-testid":"AppInfoMessage",children:[p(n,c({},r)),o("div",{className:t.content,children:[i,!i&&o(a,{children:[p(s,{size:"large",className:t.infoIcon}),p("p",{className:t.message,children:m}),l&&p("p",{className:t.submessage,children:l})]})]})]})}l.propTypes={appHeaderProps:r.shape({}).isRequired,children:r.node,message:r.oneOfType([r.node,r.string]),submessage:r.string},l.defaultProps={message:"",submessage:"",children:null};export{m as PAGE_NAME,l as default};

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

@@ -1,365 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
-import { func, shape, string, bool } from 'prop-types';
-import { cloneDeep, debounce, noop, mapValues, keyBy } from 'lodash';
-import { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
-import { ArrowForward } from '@material-ui/icons';
-import EmptyState from '../../../../EmptyState/EmptyState.js';
-import { getIsSustainabilityApp } from '../../utils.js';
-import RemoveAppButton from './components/RemoveAppButton.js';
-import { SettingsAccordion } from './components/SettingsAccordion.js';
-import { useStyles } from './styles.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@material-ui/pickers';
-import '@date-io/moment';
-import 'moment';
-import '../../../../../config/theme/index.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import withAssetEditorLockHOC from '../../../../../hocs/withAssetEditorLockHOC.js';
-import ErrorBoundary from '../../../../ErrorBoundary/ErrorBoundary.js';
-import DevCenterAppErrorView from '../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
-import Button from '../../../../Button/components/Button/index.js';
-import 'moment-timezone';
-import 'classnames';
-import '@icon-park/react/es/all';
-import '../../../../../icons/IconParkProvider.js';
-import '../../../../../icons/customIcons/icons/AddMessage.js';
-import '../../../../../icons/customIcons/icons/Attention.js';
-import '../../../../../icons/customIcons/icons/Collapse.js';
-import '../../../../../icons/customIcons/icons/Dashboard.js';
-import '../../../../../icons/customIcons/icons/Expand.js';
-import '../../../../../icons/customIcons/icons/FolderClosed.js';
-import '../../../../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../../../../icons/customIcons/icons/FolderOpened.js';
-import '../../../../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../../../../icons/customIcons/icons/LessOrEqual.js';
-import '../../../../../icons/customIcons/icons/Search.js';
-import '../../../../../icons/customIcons/icons/Wellhub.js';
-import '../../../../../icons/customIcons/icons/MultiRuler.js';
-import '../../../../../icons/customIcons/icons/Checkbox.js';
-import '../../../../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../../../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../../../../icons/customIcons/icons/Radio.js';
-import '../../../../../icons/customIcons/icons/RadioChecked.js';
-import '../../../../../icons/customIcons/icons/SimulFrac.js';
-import '../../../../../icons/customIcons/icons/ZipperFrac.js';
-import '../../../../../icons/customIcons/icons/CautionFilled.js';
-import '../../../../../icons/customIcons/icons/MoreApp.js';
-import '../../../../../icons/customIcons/icons/Pad.js';
-import '../../../../../icons/customIcons/icons/Gap.js';
-import '../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../../../../Button/components/LiveButton/styles.js';
-import Modal from '../../../../Modal/Modal.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/appPackages.js';
-import '../../../../../constants/notifications.js';
-import '../../../../../constants/feed.js';
-import '../../../../../constants/bha.js';
-import { ASSET_TYPES } from '../../../../../constants/assetTypes.js';
-import '../../../../../utils/env.js';
-import '../../../../GradientManager/configuration/constants.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 '../../../../../utils/index.js';
-import { AppIcon } from '../../../../AppIcon/AppIcon.js';
-import { getAppSegment } from '../../../../../utils/devcenter.js';
-import usePermissions from '../../../../../permissions/usePermissions.js';
-import { PERMISSIONS } from '../../../../../permissions/constants/index.js';
-import '../../../../LoadingIndicator/LoadingIndicator.js';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import 'query-string';
-import '../../../../../clients/api/apiCore.js';
-import '../../../../../clients/constants.js';
-import '../../../../../permissions/ProvidePermissions.js';
-import '../../../../../permissions/PermissionsContext.js';
-import { showSuccessNotification } from '../../../../../utils/notificationToasts.js';
-
-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);
-};
-var AssetEditorWithLock = withAssetEditorLockHOC(AppSettingsAssetEditor);
-function AppSettingsDialog(_ref) {
-  var _app$segment, _app$app, _platformAppSettingsR, _customAppSettingsRef, _app$app2, _app$app2$icon, _appData$well;
-  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,
-    rigId = _ref.rigId,
-    toggleAppSettingsDialog = _ref.toggleAppSettingsDialog;
-  var hasSegmentSelector = (app === null || app === void 0 ? void 0 : (_app$segment = app.segment) === null || _app$segment === void 0 ? void 0 : _app$segment.length) > 1;
-  var _useState = useState(getAppSegment(app)),
-    _useState2 = _slicedToArray(_useState, 2),
-    appSegmentSetting = _useState2[0],
-    setAppSegmentSetting = _useState2[1];
-  var isCompletionSegment = appSegmentSetting === SEGMENTS.COMPLETION;
-  var assetEditorAppType = SEGMENT_TO_ASSET_TYPE[appSegmentSetting];
-  var isAssetPage = layoutEnvironment && layoutEnvironment.type === 'asset';
-  var _usePermissions = usePermissions([PERMISSIONS.getCanReadAppPackages(app.app.id)]),
-    _usePermissions2 = _slicedToArray(_usePermissions, 1),
-    _usePermissions2$ = _usePermissions2[0],
-    canReadAppPackages = _usePermissions2$.active,
-    isPermissionsLoading = _usePermissions2$.loading;
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isMounted = _useState4[0],
-    setIsMounted = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isAssetSelectorRendered = _useState6[0],
-    setIsAssetSelectorRendered = _useState6[1];
-  var isAssetSelectorVisible = !isMultiRig && !(isAssetPage && isCompletionSegment);
-
-  // NOTE: Keep in ref to have a way to reset default value
-  // of asset selector when changing app segment
-  var defaultRigId = useRef(rigId);
-  useEffect(function () {
-    if (!isAssetSelectorRendered) setIsAssetSelectorRendered(true);
-  }, [isAssetSelectorRendered]);
-  var _useState7 = 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)
-      });
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    appSettings = _useState8[0],
-    setAppSettings = _useState8[1];
-  var handleChangeAppSegment = function handleChangeAppSegment(_ref2) {
-    var nextSegment = _ref2.target.value;
-    defaultRigId.current = null;
-    setIsAssetSelectorRendered(false);
-    setAppSegmentSetting(nextSegment);
-    setAppSettings(_objectSpread(_objectSpread({
-      package: appSettings.package,
-      segment: nextSegment
-    }, mapValues(keyBy(ASSET_TYPES, 'id'), function () {
-      return null;
-    })), {}, {
-      assets: null
-    }));
-  };
-  var isSustainabilityApp = getIsSustainabilityApp(app === null || app === void 0 ? void 0 : (_app$app = app.app) === null || _app$app === void 0 ? void 0 : _app$app.id);
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    validationError = _useState10[0],
-    setValidationError = _useState10[1];
-  var platformAppSettingsRef = useRef(null);
-  var customAppSettingsRef = useRef(null);
-  var hasPlatformAppSettings = isPermissionsLoading || canReadAppPackages || Boolean((_platformAppSettingsR = platformAppSettingsRef.current) === null || _platformAppSettingsR === void 0 ? void 0 : _platformAppSettingsR.clientHeight);
-  var hasCustomAppSettings = Boolean((_customAppSettingsRef = customAppSettingsRef.current) === null || _customAppSettingsRef === void 0 ? void 0 : _customAppSettingsRef.clientHeight);
-  var isAccordionRequired = hasPlatformAppSettings && hasCustomAppSettings;
-  var styles = useStyles({
-    isCompletionApp: isCompletionSegment,
-    isSustainabilityApp: isSustainabilityApp,
-    isAccordionRequired: isAccordionRequired
-  });
-  var isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;
-  var onSave = function onSave() {
-    var isNoPackageError = !appSettings.package && !isCLIApp;
-    if (isNoPackageError) return setValidationError('Please select app version');
-    if (isAssetSelectorVisible && !isAssetPage) {
-      var appTypeKey = assetEditorAppType === null || assetEditorAppType === void 0 ? void 0 : assetEditorAppType.primaryAsset.assetType.id;
-      var appTypeLabel = assetEditorAppType === null || assetEditorAppType === void 0 ? void 0 : assetEditorAppType.primaryAsset.assetType.label;
-      if (appTypeKey && !appSettings[appTypeKey]) return setValidationError("Please select ".concat(appTypeLabel));
-    }
-    onSettingsChange(appSettings);
-    showSuccessNotification('Successfully saved');
-    return toggleAppSettingsDialog();
-  };
-  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 AssetEditorComponent = isAssetPage ? AssetEditorWithLock : AppSettingsAssetEditor;
-  useEffect(function () {
-    var debouncedSetIsMounted = debounce(setIsMounted, 200);
-    debouncedSetIsMounted(true);
-  }, []);
-  var modalTitle = /*#__PURE__*/jsxs("div", {
-    className: styles.modalTitleContainer,
-    children: [/*#__PURE__*/jsx(AppIcon, {
-      className: styles.appIcon,
-      segment: [appSegmentSetting],
-      iconUrl: app === null || app === void 0 ? void 0 : (_app$app2 = app.app) === null || _app$app2 === void 0 ? void 0 : (_app$app2$icon = _app$app2.icon) === null || _app$app2$icon === void 0 ? void 0 : _app$app2$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$app3;
-          return window.open(getAppPageUrl(app === null || app === void 0 ? void 0 : (_app$app3 = app.app) === null || _app$app3 === void 0 ? void 0 : _app$app3.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", {
-      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"
-      })]
-    })]
-  });
-  return /*#__PURE__*/jsx(Modal, {
-    actions: modalActions,
-    closeIconClassName: styles.closeIcon,
-    contentContainerClassName: styles.modalContainer,
-    modalTitleClassName: styles.modalTitle,
-    onClose: toggleAppSettingsDialog,
-    open: true,
-    title: modalTitle,
-    children: /*#__PURE__*/jsxs(ErrorBoundary, {
-      ErrorView: DevCenterAppErrorView,
-      openIntercom: openIntercom,
-      children: [/*#__PURE__*/jsx(ConfirmationDialog, {
-        open: !!validationError,
-        isShowCancel: false,
-        title: "Validation failed",
-        text: validationError,
-        handleOk: function handleOk() {
-          return setValidationError('');
-        },
-        classes: {
-          confirmation: styles.confirmationText
-        }
-      }), isSettingsDialogHidden && /*#__PURE__*/jsx(DisabledSettingsMessage, {}), !isSettingsDialogHidden && isMounted && !hasCustomAppSettings && !hasPlatformAppSettings && /*#__PURE__*/jsx(EmptyState, {
-        image: EmptyState.IMAGES.UnderConstruction,
-        title: "No app settings"
-      }), !isSettingsDialogHidden && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs(SettingsAccordion, {
-          defaultExpanded: true,
-          className: styles.assetAccordion,
-          accordionDetailsRef: platformAppSettingsRef,
-          isAccordionRequired: isAccordionRequired,
-          summary: "Asset",
-          children: [hasSegmentSelector && /*#__PURE__*/jsxs(FormControl, {
-            className: styles.segmentSelector,
-            children: [/*#__PURE__*/jsx(InputLabel, {
-              children: "Segment"
-            }), /*#__PURE__*/jsx(Select, {
-              value: appSegmentSetting,
-              onChange: handleChangeAppSegment,
-              children: app.segment.map(function (segmentItem) {
-                return /*#__PURE__*/jsx(MenuItem, {
-                  className: styles.segmentMenuItem,
-                  value: segmentItem,
-                  children: segmentItem
-                }, segmentItem);
-              })
-            })]
-          }), isAssetSelectorVisible && isAssetSelectorRendered && /*#__PURE__*/jsx(AssetEditorComponent, {
-            appKey: isCLIApp ? null : app.app.app_key,
-            appType: assetEditorAppType,
-            defaultValue: defaultRigId.current,
-            secondaryDefaultValue: +(appData === null || appData === void 0 ? void 0 : (_appData$well = appData.well) === null || _appData$well === void 0 ? void 0 : _appData$well.id),
-            isHiddenMultipleAssetsToggle: true,
-            isHiddenTitle: true,
-            isNullable: isAssetPage,
-            label: "Asset",
-            onSettingsChange: onAppSettingsChange,
-            settings: appSettings
-          }), /*#__PURE__*/jsx(AppVersionsSelect, {
-            className: styles.appVersionSelect,
-            appId: app.app.id,
-            value: appSettings.package,
-            onChange: function onChange(val) {
-              return onAppSettingChange('package', val);
-            }
-          })]
-        }), /*#__PURE__*/jsx(SettingsAccordion, {
-          accordionDetailsRef: customAppSettingsRef,
-          className: styles.accordion,
-          defaultExpanded: true,
-          isAccordionRequired: isAccordionRequired,
-          summary: "App Settings",
-          children: AppSettingsComponent && /*#__PURE__*/jsx(AppSettingsComponent, {
-            app: app,
-            appData: appData,
-            settings: appSettings,
-            onSettingChange: onAppSettingChange,
-            onSettingsChange: onAppSettingsChange,
-            layoutEnvironment: layoutEnvironment,
-            currentUser: currentUser
-          })
-        })]
-      })]
-    })
-  });
-}
-AppSettingsDialog.propTypes = {
-  AppSettingsComponent: func,
-  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,
-  toggleAppSettingsDialog: func.isRequired
-};
-AppSettingsDialog.defaultProps = {
-  AppSettingsComponent: function AppSettingsComponent() {
-    return null;
-  },
-  isSettingsDialogHidden: false,
-  onAppRemove: undefined,
-  onCloneDashboard: noop
-};
-
-export { PAGE_NAME, AppSettingsDialog as default };
-//# sourceMappingURL=AppSettingsDialog.js.map
+import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as n,useEffect as i}from"react";import{func as s,shape as r,string as c,bool as a}from"prop-types";import{cloneDeep as p,debounce as m,noop as l,mapValues as u,keyBy as d}from"lodash";import{FormControl as g,InputLabel as f,Select as j,MenuItem as v}from"@material-ui/core";import{ArrowForward as h}from"@material-ui/icons";import C from"../../../../EmptyState/EmptyState.js";import{getIsSustainabilityApp as y}from"../../utils.js";import b from"./components/RemoveAppButton.js";import{SettingsAccordion as A}from"./components/SettingsAccordion.js";import{useStyles as I}from"./styles.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/pickers";import"@date-io/moment";import"moment";import"../../../../../config/theme/index.js";import{jsxs as S,jsx as k,Fragment as D}from"react/jsx-runtime";import O from"../../../../../hocs/withAssetEditorLockHOC.js";import P from"../../../../ErrorBoundary/ErrorBoundary.js";import R from"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import E from"../../../../Button/components/Button/index.js";import"moment-timezone";import"classnames";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import N from"../../../../Modal/Modal.js";import{DEV_CENTER_CLI_APP_ID as x}from"../../../../../constants/devcenter.js";import"../../../../../constants/goals.js";import{SEGMENTS as w,SEGMENT_TO_ASSET_TYPE as B}from"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import{ASSET_TYPES as T}from"../../../../../constants/assetTypes.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import M from"../../../../AssetEditorV2/index.js";import q from"../../../../AppVersionsSelect/AppVersionsSelect.js";import V from"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import H from"../../../../ConfirmationDialog.js";import"../../../../../utils/index.js";import{AppIcon as F}from"../../../../AppIcon/AppIcon.js";import{getAppSegment as L}from"../../../../../utils/devcenter.js";import _ from"../../../../../permissions/usePermissions.js";import{PERMISSIONS as G}from"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../permissions/PermissionsContext.js";import{showSuccessNotification as U}from"../../../../../utils/notificationToasts.js";function W(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),t.push.apply(t,n)}return t}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}var K="DC_appSettings",Z=O(M);function J(s){var r,c,a,l,O,W,J,Q=s.AppSettingsComponent,X=s.app,Y=s.appData,$=s.appName,oo=s.currentUser,eo=s.isMultiRig,to=s.isSettingsDialogHidden,no=s.layoutEnvironment,io=s.onAppRemove,so=s.onCloneDashboard,ro=s.onSettingsChange,co=s.openIntercom,ao=s.rigId,po=s.toggleAppSettingsDialog,mo=(null==X||null===(r=X.segment)||void 0===r?void 0:r.length)>1,lo=t(L(X)),uo=e(lo,2),go=uo[0],fo=uo[1],jo=go===w.COMPLETION,vo=B[go],ho=no&&"asset"===no.type,Co=_([G.getCanReadAppPackages(X.app.id)]),yo=e(Co,1)[0],bo=yo.active,Ao=yo.loading,Io=t(!1),So=e(Io,2),ko=So[0],Do=So[1],Oo=t(!0),Po=e(Oo,2),Ro=Po[0],Eo=Po[1],No=!(eo||ho&&jo),xo=n(ao);i((function(){Ro||Eo(!0)}),[Ro]);var wo=t((function(){var o;return z(z({},p(X.settings)),{},{package:X.settings.package||(null==X||null===(o=X.package)||void 0===o?void 0:o.version)})})),Bo=e(wo,2),To=Bo[0],Mo=Bo[1],qo=y(null==X||null===(c=X.app)||void 0===c?void 0:c.id),Vo=t(""),Ho=e(Vo,2),Fo=Ho[0],Lo=Ho[1],_o=n(null),Go=n(null),Uo=Ao||bo||Boolean(null===(a=_o.current)||void 0===a?void 0:a.clientHeight),Wo=Boolean(null===(l=Go.current)||void 0===l?void 0:l.clientHeight),zo=Uo&&Wo,Ko=I({isCompletionApp:jo,isSustainabilityApp:qo,isAccordionRequired:zo}),Zo=X.id===x,Jo=function(e,t){return Mo((function(n){return z(z({},n),{},o({},e,t))}))},Qo=function(o){return Mo((function(e){return z(z({},e),o)}))},Xo=ho?Z:M;i((function(){m(Do,200)(!0)}),[]);var Yo=S("div",{className:Ko.modalTitleContainer,children:[k(F,{className:Ko.appIcon,segment:[go],iconUrl:null==X||null===(O=X.app)||void 0===O||null===(W=O.icon)||void 0===W?void 0:W.url,height:48,width:48}),S("div",{children:[k("div",{children:"".concat($," Settings")}),S("div",{"data-testid":"".concat(K,"_appstoreLink"),className:Ko.appStoreButton,onClick:function(){var o,e;return window.open((e=null==X||null===(o=X.app)||void 0===o?void 0:o.id,"/app-store/app/".concat(e)),"_top")},children:["Open in Appstore ",k(h,{className:Ko.arrowIcon})]})]})]}),$o=S("div",{className:Ko.modalActions,children:[!to&&io&&k(b,{appName:$,onAppRemove:io}),S("div",{children:[k(E,{"data-testid":"".concat(K,"_cancel"),variation:"secondary",onClick:po,children:"Cancel"}),to&&k(E,{variation:"primary",onClick:function(){return so()},children:"Copy Dashboard"}),!to&&k(E,{"data-testid":"".concat(K,"_save"),className:Ko.saveButton,variation:"primary",onClick:function(){if(!To.package&&!Zo)return Lo("Please select app version");if(No&&!ho){var o=null==vo?void 0:vo.primaryAsset.assetType.id,e=null==vo?void 0:vo.primaryAsset.assetType.label;if(o&&!To[o])return Lo("Please select ".concat(e))}return ro(To),U("Successfully saved"),po()},children:"Save"})]})]});return k(N,{actions:$o,closeIconClassName:Ko.closeIcon,contentContainerClassName:Ko.modalContainer,modalTitleClassName:Ko.modalTitle,onClose:po,open:!0,title:Yo,children:S(P,{ErrorView:R,openIntercom:co,children:[k(H,{open:!!Fo,isShowCancel:!1,title:"Validation failed",text:Fo,handleOk:function(){return Lo("")},classes:{confirmation:Ko.confirmationText}}),to&&k(V,{}),!to&&ko&&!Wo&&!Uo&&k(C,{image:C.IMAGES.UnderConstruction,title:"No app settings"}),!to&&S(D,{children:[S(A,{defaultExpanded:!0,className:Ko.assetAccordion,accordionDetailsRef:_o,isAccordionRequired:zo,summary:"Asset",children:[mo&&S(g,{className:Ko.segmentSelector,children:[k(f,{children:"Segment"}),k(j,{value:go,onChange:function(o){var e=o.target.value;xo.current=null,Eo(!1),fo(e),Mo(z(z({package:To.package,segment:e},u(d(T,"id"),(function(){return null}))),{},{assets:null}))},children:X.segment.map((function(o){return k(v,{className:Ko.segmentMenuItem,value:o,children:o},o)}))})]}),No&&Ro&&k(Xo,{appKey:Zo?null:X.app.app_key,appType:vo,defaultValue:xo.current,secondaryDefaultValue:+(null==Y||null===(J=Y.well)||void 0===J?void 0:J.id),isHiddenMultipleAssetsToggle:!0,isHiddenTitle:!0,isNullable:ho,label:"Asset",onSettingsChange:Qo,settings:To}),k(q,{className:Ko.appVersionSelect,appId:X.app.id,value:To.package,onChange:function(o){return Jo("package",o)}})]}),k(A,{accordionDetailsRef:Go,className:Ko.accordion,defaultExpanded:!0,isAccordionRequired:zo,summary:"App Settings",children:Q&&k(Q,{app:X,appData:Y,settings:To,onSettingChange:Jo,onSettingsChange:Qo,layoutEnvironment:no,currentUser:oo})})]})]})})}J.propTypes={AppSettingsComponent:s,app:r({}).isRequired,appData:r({}).isRequired,appName:c.isRequired,currentUser:r({}).isRequired,isMultiRig:a.isRequired,isSettingsDialogHidden:a,layoutEnvironment:r({}).isRequired,onAppRemove:s,onCloneDashboard:s,onSettingsChange:s.isRequired,toggleAppSettingsDialog:s.isRequired},J.defaultProps={AppSettingsComponent:function(){return null},isSettingsDialogHidden:!1,onAppRemove:void 0,onCloneDashboard:l};export{K as PAGE_NAME,J as default};

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

@@ -1,106 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import { makeStyles, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@material-ui/core';
-import Button from '../../../../../Button/components/Button/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'moment-timezone';
-import 'classnames';
-import { DeleteFourIcon } from '../../../../../../icons/iconParkIcons.js';
-import '../../../../../../icons/customIcons/icons/AddMessage.js';
-import '../../../../../../icons/customIcons/icons/Attention.js';
-import '../../../../../../icons/customIcons/icons/Collapse.js';
-import '../../../../../../icons/customIcons/icons/Dashboard.js';
-import '../../../../../../icons/customIcons/icons/Expand.js';
-import '../../../../../../icons/customIcons/icons/FolderClosed.js';
-import '../../../../../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../../../../../icons/customIcons/icons/FolderOpened.js';
-import '../../../../../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../../../../../icons/customIcons/icons/LessOrEqual.js';
-import '../../../../../../icons/customIcons/icons/Search.js';
-import '../../../../../../icons/customIcons/icons/Wellhub.js';
-import '../../../../../../icons/customIcons/icons/MultiRuler.js';
-import '../../../../../../icons/customIcons/icons/Checkbox.js';
-import '../../../../../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../../../../../icons/customIcons/icons/Radio.js';
-import '../../../../../../icons/customIcons/icons/RadioChecked.js';
-import '../../../../../../icons/customIcons/icons/SimulFrac.js';
-import '../../../../../../icons/customIcons/icons/ZipperFrac.js';
-import '../../../../../../icons/customIcons/icons/CautionFilled.js';
-import '../../../../../../icons/customIcons/icons/MoreApp.js';
-import '../../../../../../icons/customIcons/icons/Pad.js';
-import '../../../../../../icons/customIcons/icons/Gap.js';
-import '../../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../../../../../Button/components/LiveButton/styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'DC_removeApp';
-var useStyles = makeStyles({
-  removeButtonIcon: {
-    marginRight: 8
-  },
-  paperClassName: {
-    width: 416
-  }
-});
-function RemoveAppButton(_ref) {
-  var appName = _ref.appName,
-    onAppRemove = _ref.onAppRemove;
-  var styles = useStyles();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isConfirmationDialogOpened = _useState2[0],
-    setConfirmationDialogOpened = _useState2[1];
-  var closeConfirmationDialog = function closeConfirmationDialog() {
-    return setConfirmationDialogOpened(false);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(Button, {
-      color: "primary",
-      "data-testid": "".concat(PAGE_NAME, "_button"),
-      onClick: function onClick() {
-        return setConfirmationDialogOpened(true);
-      },
-      children: [/*#__PURE__*/jsx(DeleteFourIcon, {
-        className: styles.removeButtonIcon
-      }), "REMOVE APP"]
-    }), /*#__PURE__*/jsxs(Dialog, {
-      open: isConfirmationDialogOpened,
-      onClose: closeConfirmationDialog,
-      PaperProps: {
-        elevation: 1,
-        className: styles.paperClassName
-      },
-      children: [/*#__PURE__*/jsxs(DialogTitle, {
-        "data-testid": "".concat(PAGE_NAME, "_title"),
-        children: ["Remove ", appName, "?"]
-      }), /*#__PURE__*/jsx(DialogContent, {
-        children: /*#__PURE__*/jsx(DialogContentText, {
-          children: "App and all related information will be removed immediately. App can be added again from AppStore."
-        })
-      }), /*#__PURE__*/jsxs(DialogActions, {
-        children: [/*#__PURE__*/jsx(Button, {
-          color: "primary",
-          "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: "primary",
-          children: "Remove"
-        })]
-      })]
-    })]
-  });
-}
-
-export { PAGE_NAME, RemoveAppButton as default };
-//# sourceMappingURL=RemoveAppButton.js.map
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s}from"react";import{makeStyles as c,Dialog as n,DialogTitle as i,DialogContent as t,DialogContentText as e,DialogActions as r}from"@material-ui/core";import m from"../../../../../Button/components/Button/index.js";import{jsxs as p,Fragment as a,jsx as l}from"react/jsx-runtime";import"moment-timezone";import"classnames";import{DeleteFourIcon as u}from"../../../../../../icons/iconParkIcons.js";import"../../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../../icons/customIcons/icons/Attention.js";import"../../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../../icons/customIcons/icons/Expand.js";import"../../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../../icons/customIcons/icons/Search.js";import"../../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../../icons/customIcons/icons/Radio.js";import"../../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../../icons/customIcons/icons/Pad.js";import"../../../../../../icons/customIcons/icons/Gap.js";import"../../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../../Button/components/LiveButton/styles.js";var d="DC_removeApp",j=c({removeButtonIcon:{marginRight:8},paperClassName:{width:416}});function I(c){var d=c.appName,I=c.onAppRemove,C=j(),h=s(!1),v=o(h,2),f=v[0],A=v[1],b=function(){return A(!1)};return p(a,{children:[p(m,{color:"primary","data-testid":"".concat("DC_removeApp","_button"),onClick:function(){return A(!0)},children:[l(u,{className:C.removeButtonIcon}),"REMOVE APP"]}),p(n,{open:f,onClose:b,PaperProps:{elevation:1,className:C.paperClassName},children:[p(i,{"data-testid":"".concat("DC_removeApp","_title"),children:["Remove ",d,"?"]}),l(t,{children:l(e,{children:"App and all related information will be removed immediately. App can be added again from AppStore."})}),p(r,{children:[l(m,{color:"primary","data-testid":"".concat("DC_removeApp","_cancel"),onClick:b,children:"Cancel"}),l(m,{"data-testid":"".concat("DC_removeApp","_confirm"),onClick:function(){return I()},variation:"primary",children:"Remove"})]})]})]})}export{d as PAGE_NAME,I as default};

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

@@ -1,71 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { makeStyles, Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
-import { ExpandMore } from '@material-ui/icons';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["accordionDetailsRef", "children", "isAccordionRequired", "summary"];
-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 useStyles = makeStyles(function (theme) {
-  return {
-    accordionDetails: {
-      flexDirection: 'column',
-      paddingTop: function paddingTop(_ref) {
-        var isAccordionRequired = _ref.isAccordionRequired;
-        return isAccordionRequired ? 12 : 0;
-      },
-      paddingLeft: function paddingLeft(_ref2) {
-        var isAccordionRequired = _ref2.isAccordionRequired;
-        return isAccordionRequired ? 32 : 0;
-      }
-    },
-    summaryContent: {
-      display: function display(_ref3) {
-        var isAccordionRequired = _ref3.isAccordionRequired;
-        return isAccordionRequired ? 'block' : 'none';
-      },
-      fontSize: 16,
-      color: theme.palette.primary.contrastText
-    },
-    expandIcon: {
-      display: function display(_ref4) {
-        var isAccordionRequired = _ref4.isAccordionRequired;
-        return isAccordionRequired ? 'block' : 'none';
-      },
-      '& svg': {
-        width: 24,
-        height: 24
-      }
-    }
-  };
-});
-function SettingsAccordion(_ref5) {
-  var accordionDetailsRef = _ref5.accordionDetailsRef,
-    children = _ref5.children,
-    isAccordionRequired = _ref5.isAccordionRequired,
-    summary = _ref5.summary,
-    props = _objectWithoutProperties(_ref5, _excluded);
-  var styles = useStyles({
-    isAccordionRequired: isAccordionRequired
-  });
-  return /*#__PURE__*/jsxs(Accordion, _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx(AccordionSummary, {
-      classes: {
-        content: styles.summaryContent,
-        expandIcon: styles.expandIcon
-      },
-      expandIcon: /*#__PURE__*/jsx(ExpandMore, {}),
-      children: summary
-    }), /*#__PURE__*/jsx(AccordionDetails, {
-      classes: {
-        root: styles.accordionDetails
-      },
-      ref: accordionDetailsRef,
-      children: children
-    })]
-  }));
-}
-
-export { SettingsAccordion };
-//# sourceMappingURL=SettingsAccordion.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as t,Accordion as n,AccordionSummary as o,AccordionDetails as i}from"@material-ui/core";import{ExpandMore as c}from"@material-ui/icons";import{jsxs as a,jsx as s}from"react/jsx-runtime";var u=["accordionDetailsRef","children","isAccordionRequired","summary"];function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var l=t((function(e){return{accordionDetails:{flexDirection:"column",paddingTop:function(e){return e.isAccordionRequired?12:0},paddingLeft:function(e){return e.isAccordionRequired?32:0}},summaryContent:{display:function(e){return e.isAccordionRequired?"block":"none"},fontSize:16,color:e.palette.primary.contrastText},expandIcon:{display:function(e){return e.isAccordionRequired?"block":"none"},"& svg":{width:24,height:24}}}}));function f(e){var t=e.accordionDetailsRef,d=e.children,f=e.isAccordionRequired,m=e.summary,b=r(e,u),y=l({isAccordionRequired:f});return a(n,p(p({},b),{},{children:[s(o,{classes:{content:y.summaryContent,expandIcon:y.expandIcon},expandIcon:s(c,{}),children:m}),s(i,{classes:{root:y.accordionDetails},ref:t,children:d})]}))}export{f as SettingsAccordion};