@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/Modals/ModalContent.d.ts

@@ -1,27 +1,28 @@
-import React from 'react';
-import { Size } from '../types';
-import { ButtonAction, LeftFooterAction, ModalHeaderButtons } from './ModalTypes';
-import { ImageWithFallbacksProps } from "../Image/ImageWithFallbacks";
-export declare const ModalContentHeaderComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalContentBodyComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $scrollable?: boolean | undefined;
-}>> & string;
-export declare const ModalContentFooterComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export interface ModalContentProps {
-    size?: Size.Small | Size.Medium | Size.Large;
-    isModalOpen: boolean;
-    closeAction: () => void;
-    onBack?: () => void;
-    title: string;
-    note?: string;
-    image?: ImageWithFallbacksProps;
-    headerActions?: ModalHeaderButtons[];
-    footerActions?: ButtonAction[];
-    scrollableBody?: boolean;
-    leftFooterAction?: LeftFooterAction;
-    tooltip?: string;
-    zIndex?: number;
-    children?: React.ReactNode;
-}
-declare const ModalContent: React.FC<ModalContentProps>;
-export default ModalContent;
+import React from 'react';
+import { Size } from '../types';
+import { ButtonAction, LeftFooterAction, ModalHeaderButtons } from './ModalTypes';
+import { ImageWithFallbacksProps } from "../Image/ImageWithFallbacks";
+export declare const ModalContentHeaderComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContentBodyComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $scrollable?: boolean;
+}>> & string;
+export declare const ModalContentFooterComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export interface ModalContentProps {
+    size?: Size.Small | Size.Medium | Size.Large;
+    isModalOpen: boolean;
+    closeAction: () => void;
+    hideCloseButton?: boolean;
+    onBack?: () => void;
+    title: string;
+    note?: string;
+    image?: ImageWithFallbacksProps;
+    headerActions?: ModalHeaderButtons[];
+    footerActions?: ButtonAction[];
+    scrollableBody?: boolean;
+    leftFooterAction?: LeftFooterAction;
+    tooltip?: string;
+    zIndex?: number;
+    children?: React.ReactNode;
+}
+declare const ModalContent: React.FC<ModalContentProps>;
+export default ModalContent;

package/dist/Modals/ModalContent.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _excluded = ["icon", "componentType"],
   _excluded2 = ["componentType"],
@@ -8,7 +7,6 @@ const _excluded = ["icon", "componentType"],
   _excluded4 = ["text", "variant", "action"],
   _excluded5 = ["text", "variant", "action", "actionType"],
   _excluded6 = ["action", "text"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -24,21 +22,219 @@ import { DropdownButton } from "../Dropdown";
 import { ToggleButton } from "../Toggles";
 import { ImageWithFallbacks } from "../Image";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const HeaderText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 12px 0 12px 12px;\n  gap: 4px;\n\n  &:not(:first-child) {\n    padding-left: 0 !important;\n  }\n\n"])));
-const HeaderTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme)));
-const HeaderActions = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"])));
-const HeaderWithImageActions = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: absolute;\n\n  button:only-child {\n    margin-left: auto;\n  }\n\n  top: 4px;\n  left: 4px;\n  right: 4px;\n\n  .medium & {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .large & {\n    top: 20px;\n    left: 20px;\n    right: 20px;\n  }\n"])));
-const HeaderWithImage = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  img {\n    object-fit: cover;\n    width: 100%;\n    height: 160px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n\n  .medium & {\n    img {\n      height: 200px;\n    }\n  }\n\n  .large & {\n    img {\n      height: 240px;\n    }\n  }\n"])));
-export const ModalContentHeaderComponent = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), TooltipContainer);
-export const ModalContentBodyComponent = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: ", ";\n\n  ", "\n"])), props => props.$scrollable ? 'auto' : 'visible', scrollBarStyling(Size.Small));
-const ModalContentFooterLeftContainerComponent = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-const ModalContentFooterLeftNoteComponent = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme)));
-const ModalContentFooterLeftLinkComponent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme)));
-const FooterRightContainer = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  gap: 8px;\n  margin-left: auto;\n"])));
-export const ModalContentFooterComponent = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
-const Wrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), ModalContentHeaderComponent, HeaderText, HeaderTitle, ComponentLStyling(ComponentTextStyle.Bold, null), ModalContentBodyComponent, ModalContentFooterComponent, ModalContentFooterLeftNoteComponent, ComponentXSStyling(ComponentTextStyle.Bold, null), ModalContentFooterLeftLinkComponent, ComponentMStyling(ComponentTextStyle.Bold, null), FooterRightContainer, ModalContentHeaderComponent, HeaderText, HeaderTitle, ComponentXLStyling(ComponentTextStyle.Bold, null), ModalContentBodyComponent, ModalContentFooterComponent, ModalContentFooterLeftNoteComponent, ComponentSStyling(ComponentTextStyle.Bold, null), ModalContentFooterLeftLinkComponent, ComponentLStyling(ComponentTextStyle.Bold, null), FooterRightContainer);
+const HeaderText = styled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  padding: 12px 0 12px 12px;
+  gap: 4px;
+
+  &:not(:first-child) {
+    padding-left: 0 !important;
+  }
+
+`;
+const HeaderTitle = styled.div`
+  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}
+`;
+const HeaderActions = styled.div`
+  display: flex;
+  flex-direction: row;
+`;
+const HeaderWithImageActions = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  position: absolute;
+
+  button:only-child {
+    margin-left: auto;
+  }
+
+  top: 4px;
+  left: 4px;
+  right: 4px;
+
+  .medium & {
+    top: 12px;
+    left: 12px;
+    right: 12px;
+  }
+
+  .large & {
+    top: 20px;
+    left: 20px;
+    right: 20px;
+  }
+`;
+const HeaderWithImage = styled.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+
+  img {
+    object-fit: cover;
+    width: 100%;
+    height: 160px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  .medium & {
+    img {
+      height: 200px;
+    }
+  }
+
+  .large & {
+    img {
+      height: 240px;
+    }
+  }
+`;
+export const ModalContentHeaderComponent = styled.div`
+  display: flex;
+  flex-direction: row;
+  padding: 4px;
+
+  ${TooltipContainer} {
+    height: max-content;
+  }
+`;
+export const ModalContentBodyComponent = styled.div`
+  margin-right: 8px;
+  padding: 0 8px 0 16px;
+  overflow: ${props => props.$scrollable ? 'auto' : 'visible'};
+
+  ${scrollBarStyling(Size.Small)}
+`;
+const ModalContentFooterLeftContainerComponent = styled.div`
+  display: flex;
+  align-items: center;
+`;
+const ModalContentFooterLeftNoteComponent = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 4px;
+
+  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+`;
+const ModalContentFooterLeftLinkComponent = styled.div`
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}
+  a {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+  }
+`;
+const FooterRightContainer = styled.div`
+  gap: 8px;
+  margin-left: auto;
+`;
+export const ModalContentFooterComponent = styled.div`
+  display: flex;
+  flex-direction: row;
+  padding: 8px 16px;
+`;
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: max-content;
+
+  max-height: calc(100vh - 32px);
+  max-width: calc(100vw - 32px);
+
+  &.medium {
+    max-height: calc(100vh - 64px);
+    max-width: calc(100vw - 64px);
+
+    ${ModalContentHeaderComponent} {
+      padding: 12px 12px 4px 12px;
+
+      ${HeaderText} {
+        padding: 12px 0 12px 12px;
+        gap: 4px;
+
+        ${HeaderTitle} {
+          ${ComponentLStyling(ComponentTextStyle.Bold, null)}
+        }
+      }
+    }
+
+    ${ModalContentBodyComponent} {
+      padding: 0 16px 0 24px;
+    }
+
+    ${ModalContentFooterComponent} {
+      padding: 12px 24px 20px 24px;
+
+      ${ModalContentFooterLeftNoteComponent} {
+        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}
+        gap: 6px;
+      }
+
+      ${ModalContentFooterLeftLinkComponent} {
+        a {
+          gap: 6px;
+        }
+
+        ${ComponentMStyling(ComponentTextStyle.Bold, null)}
+      }
+
+      ${FooterRightContainer} {
+        gap: 8px;
+      }
+    }
+  }
+
+  &.large {
+    max-height: calc(100vh - 112px);
+    max-width: calc(100vw - 112px);
+
+    ${ModalContentHeaderComponent} {
+      padding: 20px 20px 4px 20px;
+
+      ${HeaderText} {
+        padding: 10px 0 10px 12px;
+        gap: 8px;
+
+        ${HeaderTitle} {
+          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}
+        }
+      }
+    }
+
+    ${ModalContentBodyComponent} {
+      padding: 0 24px 0 32px;
+    }
+
+    ${ModalContentFooterComponent} {
+      padding: 16px 32px 32px 32px;
+
+      ${ModalContentFooterLeftNoteComponent} {
+        ${ComponentSStyling(ComponentTextStyle.Bold, null)}
+        gap: 8px;
+      }
+
+      ${ModalContentFooterLeftLinkComponent} {
+        a {
+          gap: 8px;
+        }
+
+        ${ComponentLStyling(ComponentTextStyle.Bold, null)}
+      }
+
+      ${FooterRightContainer} {
+        gap: 16px;
+      }
+    }
+  }
+`;
 const ModalContent = props => {
-  var _props$size, _props$footerActions;
   const theme = useTheme();
   const tooltip = () => !!props.tooltip && /*#__PURE__*/_jsx(TooltipWrapper, {
     delay: "0s",
@@ -60,49 +256,43 @@ const ModalContent = props => {
       })
     })
   });
-  const headerActions = () => {
-    var _props$headerActions;
-    return (_props$headerActions = props.headerActions) === null || _props$headerActions === void 0 ? void 0 : _props$headerActions.map((action, index) => {
-      switch (action.componentType) {
-        case 'icon':
-          {
-            const {
-                icon,
-                componentType
-              } = action,
-              rest = _objectWithoutProperties(action, _excluded);
-            return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, rest), {}, {
-              children: icon
-            }), action.id || index);
-          }
-        case 'dropdown':
-          {
-            const {
-                componentType
-              } = action,
-              rest = _objectWithoutProperties(action, _excluded2);
-            return /*#__PURE__*/_jsx(DropdownButton, _objectSpread({
-              type: 'icon',
-              size: props.size
-            }, rest));
-          }
-        case 'toggle':
-          {
-            const {
-                componentType
-              } = action,
-              rest = _objectWithoutProperties(action, _excluded3);
-            return /*#__PURE__*/_jsx(ToggleButton, _objectSpread({}, rest));
-          }
-      }
-    });
-  };
-  const getLeftActionIconElement = () => {
-    var _props$leftFooterActi, _props$leftFooterActi2;
-    return !!((_props$leftFooterActi = props.leftFooterAction) !== null && _props$leftFooterActi !== void 0 && _props$leftFooterActi.icon) && /*#__PURE__*/React.cloneElement((_props$leftFooterActi2 = props.leftFooterAction) === null || _props$leftFooterActi2 === void 0 ? void 0 : _props$leftFooterActi2.icon, {
-      size: props.size === Size.Small ? '20px' : props.size === Size.Large ? '28px' : '24px'
-    });
-  };
+  const headerActions = () => props.headerActions?.map((action, index) => {
+    switch (action.componentType) {
+      case 'icon':
+        {
+          const {
+              icon,
+              componentType
+            } = action,
+            rest = _objectWithoutProperties(action, _excluded);
+          return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, rest), {}, {
+            children: icon
+          }), action.id || index);
+        }
+      case 'dropdown':
+        {
+          const {
+              componentType
+            } = action,
+            rest = _objectWithoutProperties(action, _excluded2);
+          return /*#__PURE__*/_jsx(DropdownButton, _objectSpread({
+            type: 'icon',
+            size: props.size
+          }, rest));
+        }
+      case 'toggle':
+        {
+          const {
+              componentType
+            } = action,
+            rest = _objectWithoutProperties(action, _excluded3);
+          return /*#__PURE__*/_jsx(ToggleButton, _objectSpread({}, rest));
+        }
+    }
+  });
+  const getLeftActionIconElement = () => !!props.leftFooterAction?.icon && /*#__PURE__*/React.cloneElement(props.leftFooterAction?.icon, {
+    size: props.size === Size.Small ? '20px' : props.size === Size.Large ? '28px' : '24px'
+  });
   const leftFooterAction = () => {
     if (!props.leftFooterAction) return null;
     switch (props.leftFooterAction.actionType) {
@@ -118,7 +308,7 @@ const ModalContent = props => {
           return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, rest), {}, {
             size: props.size,
             onClick: action,
-            variant: variant !== null && variant !== void 0 ? variant : 'secondary',
+            variant: variant ?? 'secondary',
             children: text
           }));
         }
@@ -134,7 +324,7 @@ const ModalContent = props => {
             rest = _objectWithoutProperties(_ref2, _excluded5);
           return /*#__PURE__*/_jsx(ModalContentFooterLeftLinkComponent, {
             children: /*#__PURE__*/_jsxs(HyperLink, _objectSpread(_objectSpread({}, rest), {}, {
-              variant: variant !== null && variant !== void 0 ? variant : 'default',
+              variant: variant ?? 'default',
               onClick: e => {
                 if (action) {
                   e.preventDefault();
@@ -162,7 +352,7 @@ const ModalContent = props => {
     showModal: props.isModalOpen,
     closeModal: props.closeAction,
     children: /*#__PURE__*/_jsxs(Wrapper, {
-      className: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : Size.Medium,
+      className: props.size ?? Size.Medium,
       children: [props.image && /*#__PURE__*/_jsxs(HeaderWithImage, {
         children: [/*#__PURE__*/_jsx(ImageWithFallbacks, _objectSpread({}, props.image)), /*#__PURE__*/_jsxs(HeaderWithImageActions, {
           children: [props.onBack && /*#__PURE__*/_jsx(IconButton, {
@@ -170,7 +360,7 @@ const ModalContent = props => {
             shape: "circular",
             action: props.onBack,
             children: /*#__PURE__*/_jsx(SystemIcons.ArrowLineLeft, {})
-          }), /*#__PURE__*/_jsx(IconButton, {
+          }), !props.hideCloseButton && /*#__PURE__*/_jsx(IconButton, {
             dataTestId: 'content-modal-close-button',
             id: 'content-modal-close-button',
             variant: "secondary",
@@ -205,7 +395,7 @@ const ModalContent = props => {
             children: props.note
           })]
         }), /*#__PURE__*/_jsxs(HeaderActions, {
-          children: [tooltip(), headerActions(), /*#__PURE__*/_jsx(IconButton, {
+          children: [tooltip(), headerActions(), !props.hideCloseButton && /*#__PURE__*/_jsx(IconButton, {
             dataTestId: 'content-modal-close-button',
             id: 'content-modal-close-button',
             variant: "secondary",
@@ -224,7 +414,7 @@ const ModalContent = props => {
         children: [/*#__PURE__*/_jsx(ModalContentFooterLeftContainerComponent, {
           children: leftFooterAction()
         }), /*#__PURE__*/_jsx(FooterRightContainer, {
-          children: (_props$footerActions = props.footerActions) === null || _props$footerActions === void 0 ? void 0 : _props$footerActions.map((item, index) => {
+          children: props.footerActions?.map((item, index) => {
             const {
                 action,
                 text
@@ -245,6 +435,7 @@ const ModalContent = props => {
 ModalContent.propTypes = {
   isModalOpen: _pt.bool.isRequired,
   closeAction: _pt.func.isRequired,
+  hideCloseButton: _pt.bool,
   onBack: _pt.func,
   title: _pt.string.isRequired,
   note: _pt.string,

package/dist/Modals/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","HeaderText","div","_templateObject","_taggedTemplateLiteral","HeaderTitle","_templateObject2","props","Bold","getColor","theme","HeaderActions","_templateObject3","HeaderWithImageActions","_templateObject4","HeaderWithImage","_templateObject5","ModalContentHeaderComponent","_templateObject6","ModalContentBodyComponent","_templateObject7","$scrollable","Small","ModalContentFooterLeftContainerComponent","_templateObject8","ModalContentFooterLeftNoteComponent","_templateObject9","ModalContentFooterLeftLinkComponent","_templateObject10","FooterRightContainer","_templateObject11","ModalContentFooterComponent","_templateObject12","Wrapper","_templateObject13","ModalContent","_props$size","_props$footerActions","tooltip","delay","size","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","id","_excluded2","type","_excluded3","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","cloneElement","Large","actionType","_ref","text","_excluded4","onClick","_ref2","_excluded5","e","preventDefault","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","onBack","ArrowLineLeft","dataTestId","Close","title","note","scrollableBody","undefined","footerActions","item","_excluded6","onKeyDown","a","key","propTypes","_pt","bool","isRequired","func","string","array","zIndex","number","node"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ModalContentHeaderComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nexport const ModalContentBodyComponent = styled.div<{$scrollable?: boolean}>`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: ${props => props.$scrollable ? 'auto' : 'visible'};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst ModalContentFooterLeftContainerComponent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst ModalContentFooterLeftNoteComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst ModalContentFooterLeftLinkComponent = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nexport const ModalContentFooterComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${ModalContentHeaderComponent} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${ModalContentBodyComponent} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${ModalContentHeaderComponent} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${ModalContentBodyComponent} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  scrollableBody?: boolean;\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n  const theme = useTheme();\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, actionType, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <ModalContentFooterLeftLinkComponent>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </ModalContentFooterLeftLinkComponent>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <ModalContentFooterLeftNoteComponent>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </ModalContentFooterLeftNoteComponent>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <ModalContentHeaderComponent>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </ModalContentHeaderComponent>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <ModalContentHeaderComponent>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </ModalContentHeaderComponent>\r\n        }\r\n        <ModalContentBodyComponent $scrollable={props.scrollableBody == undefined ? true : props.scrollableBody}>\r\n          {props.children}\r\n        </ModalContentBodyComponent>\r\n        <ModalContentFooterComponent>\r\n          <ModalContentFooterLeftContainerComponent>\r\n            {leftFooterAction()}\r\n          </ModalContentFooterLeftContainerComponent>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </ModalContentFooterComponent>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAS7B,SAAQC,cAAc,QAAO,SAAS;AACtC,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SACEC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EAAEC,iBAAiB,EACpCC,kBAAkB,EAAEC,kBAAkB,EACtCC,kBAAkB,EAClBC,mBAAmB,EAAEC,IAAI,EACzBC,gBAAgB,QACX,WAAW;AAClB,SAAQC,gBAAgB,EAAEC,cAAc,QAAO,aAAa;AAC5D,SAAQC,MAAM,EAAEC,UAAU,QAAO,WAAW;AAC5C,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,SAAS,QAAO,cAAc;AAEtC,SAAQC,cAAc,QAAO,aAAa;AAC1C,SAAQC,YAAY,QAAO,YAAY;AACvC,SAAQC,kBAAkB,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5C,MAAMC,UAAU,GAAGzB,MAAM,CAAC0B,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+MAa5B;AACD,MAAMC,WAAW,GAAG7B,MAAM,CAAC0B,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,mBAC1BG,KAAK,IAAI3B,iBAAiB,CAACE,kBAAkB,CAAC0B,IAAI,EAAE9B,MAAM,CAAC+B,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CAC7F;AAED,MAAMC,aAAa,GAAGnC,MAAM,CAAC0B,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,oDAG/B;AAED,MAAMS,sBAAsB,GAAGrC,MAAM,CAAC0B,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,iWAyBxC;AAED,MAAMW,eAAe,GAAGvC,MAAM,CAAC0B,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,4VAwBjC;AAED,OAAO,MAAMa,2BAA2B,GAAGzC,MAAM,CAAC0B,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,iHAKjDhB,gBAAgB,CAGnB;AAED,OAAO,MAAM+B,yBAAyB,GAAG3C,MAAM,CAAC0B,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,wFAGrCG,KAAK,IAAIA,KAAK,CAACc,WAAW,GAAG,MAAM,GAAG,SAAS,EAEzDlC,gBAAgB,CAACb,IAAI,CAACgD,KAAK,CAAC,CAC/B;AAED,MAAMC,wCAAwC,GAAG/C,MAAM,CAAC0B,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAApB,sBAAA,oDAG1D;AAED,MAAMqB,mCAAmC,GAAGjD,MAAM,CAAC0B,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAtB,sBAAA,oGAMlDG,KAAK,IAAItB,mBAAmB,CAACH,kBAAkB,CAAC0B,IAAI,EAAE9B,MAAM,CAAC+B,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CACrG;AAED,MAAMiB,mCAAmC,GAAGnD,MAAM,CAAC0B,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,sHAClDG,KAAK,IAAI1B,iBAAiB,CAACC,kBAAkB,CAAC0B,IAAI,EAAE9B,MAAM,CAAC+B,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,CAOnG;AAED,MAAMmB,oBAAoB,GAAGrD,MAAM,CAAC0B,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA,6CAGtC;AAED,OAAO,MAAM2B,2BAA2B,GAAGvD,MAAM,CAAC0B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA,0EAIpD;AAGD,MAAM6B,OAAO,GAAGzD,MAAM,CAAC0B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA,oxCAYpBa,2BAA2B,EAGzBhB,UAAU,EAIRI,WAAW,EACT1B,iBAAiB,CAACG,kBAAkB,CAAC0B,IAAI,EAAE,IAAI,CAAC,EAKtDW,yBAAyB,EAIzBY,2BAA2B,EAGzBN,mCAAmC,EACjCzC,kBAAkB,CAACF,kBAAkB,CAAC0B,IAAI,EAAE,IAAI,CAAC,EAInDmB,mCAAmC,EAKjC/C,iBAAiB,CAACE,kBAAkB,CAAC0B,IAAI,EAAE,IAAI,CAAC,EAGlDqB,oBAAoB,EAUtBZ,2BAA2B,EAGzBhB,UAAU,EAIRI,WAAW,EACTtB,kBAAkB,CAACD,kBAAkB,CAAC0B,IAAI,EAAE,IAAI,CAAC,EAKvDW,yBAAyB,EAIzBY,2BAA2B,EAGzBN,mCAAmC,EACjC5C,iBAAiB,CAACC,kBAAkB,CAAC0B,IAAI,EAAE,IAAI,CAAC,EAIlDmB,mCAAmC,EAKjChD,iBAAiB,CAACG,kBAAkB,CAAC0B,IAAI,EAAE,IAAI,CAAC,EAGlDqB,oBAAoB,CAK3B;AAoBD,MAAMM,YAAyC,GAAI5B,KAAK,IAAK;EAAA,IAAA6B,WAAA,EAAAC,oBAAA;EAC3D,MAAM3B,KAAK,GAAGjC,QAAQ,CAAC,CAAC;EAExB,MAAM6D,OAAO,GAAGA,CAAA,KACd,CAAC,CAAC/B,KAAK,CAAC+B,OAAO,iBACfxC,IAAA,CAACT,cAAc;IAACkD,KAAK,EAAC,IAAI;IAACC,IAAI,EAAElE,IAAI,CAACmE,MAAO;IAACC,KAAK,EAAC,QAAQ;IAACC,QAAQ,EAAC,QAAQ;IAACC,SAAS,EAAE,KAAM;IAChFC,KAAK,EAAEtC,KAAK,CAAC+B,OAAQ;IAAAQ,QAAA,eACnChD,IAAA,CAACP,UAAU;MAACwD,OAAO,EAAC,WAAW;MAACC,KAAK,EAAC,UAAU;MAACC,KAAK,EAAE;QAACC,MAAM,EAAE;MAAM,CAAE;MAACC,MAAM,EAAEA,CAAA,KAAM,CACxF,CAAE;MAAAL,QAAA,eACAhD,IAAA,CAACN,WAAW,CAAC4D,IAAI;QAACZ,IAAI,EAAC,MAAM;QAACa,KAAK,EAAE3E,MAAM,CAAC+B,QAAQ,CAAC,aAAa,EAAEC,KAAK;MAAE,CAAC;IAAC,CACnE;EAAC,CACC,CAAC;EAEnB,MAAM4C,aAAa,GAAGA,CAAA;IAAA,IAAAC,oBAAA;IAAA,QAAAA,oBAAA,GAAMhD,KAAK,CAAC+C,aAAa,cAAAC,oBAAA,uBAAnBA,oBAAA,CAAqBC,GAAG,CAAC,CAACL,MAAM,EAAEM,KAAK,KAAK;MACpE,QAAQN,MAAM,CAACO,aAAa;QAC1B,KAAK,MAAM;UAAE;YACX,MAAM;gBAACC,IAAI;gBAAED;cAAsB,CAAC,GAAGP,MAAM;cAAdS,IAAI,GAAAC,wBAAA,CAAIV,MAAM,EAAAW,SAAA;YAC7C,oBAAOhE,IAAA,CAACP,UAAU,EAAAwE,aAAA,CAAAA,aAAA,KACKH,IAAI;cAAAd,QAAA,EACxBa;YAAI,IAFiBR,MAAM,CAACa,EAAE,IAAIP,KAGzB,CAAC;UACf;QACA,KAAK,UAAU;UAAE;YACf,MAAM;gBAACC;cAAsB,CAAC,GAAGP,MAAM;cAAdS,IAAI,GAAAC,wBAAA,CAAIV,MAAM,EAAAc,UAAA;YACvC,oBAAOnE,IAAA,CAACJ,cAAc,EAAAqE,aAAA;cAACG,IAAI,EAAE,MAAO;cAAC1B,IAAI,EAAEjC,KAAK,CAACiC;YAAK,GAAKoB,IAAI,CAAE,CAAC;UACpE;QACA,KAAK,QAAQ;UAAE;YACb,MAAM;gBAACF;cAAsB,CAAC,GAAGP,MAAM;cAAdS,IAAI,GAAAC,wBAAA,CAAIV,MAAM,EAAAgB,UAAA;YACvC,oBAAOrE,IAAA,CAACH,YAAY,EAAAoE,aAAA,KAAMH,IAAI,CAAE,CAAC;UACnC;MACF;IACF,CACF,CAAC;EAAA;EAED,MAAMQ,wBAAwB,GAAGA,CAAA;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,OAC/B,CAAC,GAAAD,qBAAA,GAAC9D,KAAK,CAACgE,gBAAgB,cAAAF,qBAAA,eAAtBA,qBAAA,CAAwBV,IAAI,kBAC9BtF,KAAK,CAACmG,YAAY,EAAAF,sBAAA,GAAC/D,KAAK,CAACgE,gBAAgB,cAAAD,sBAAA,uBAAtBA,sBAAA,CAAwBX,IAAI,EAAwB;MACrEnB,IAAI,EACFjC,KAAK,CAACiC,IAAI,KAAKlE,IAAI,CAACgD,KAAK,GACrB,MAAM,GACNf,KAAK,CAACiC,IAAI,KAAKlE,IAAI,CAACmG,KAAK,GACvB,MAAM,GACN;IACV,CAAC,CAAC;EAAA;EAEJ,MAAMF,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAI,CAAChE,KAAK,CAACgE,gBAAgB,EAAE,OAAO,IAAI;IAExC,QAAQhE,KAAK,CAACgE,gBAAgB,CAACG,UAAU;MACvC,KAAK,QAAQ;QAAE;UACb,MAAAC,IAAA,GAAyCpE,KAAK,CAACgE,gBAAgB;YAAzD;cAACK,IAAI;cAAE7B,OAAO;cAAEI;YAAe,CAAC,GAAAwB,IAAA;YAALf,IAAI,GAAAC,wBAAA,CAAAc,IAAA,EAAAE,UAAA;UACrC,oBACE/E,IAAA,CAACR,MAAM,EAAAyE,aAAA,CAAAA,aAAA,KAAIH,IAAI;YACRpB,IAAI,EAAEjC,KAAK,CAACiC,IAAK;YACjBsC,OAAO,EAAE3B,MAAO;YAChBJ,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,WAAY;YAAAD,QAAA,EACpC8B;UAAI,EACC,CAAC;QAEb;MACA,KAAK,WAAW;QAAE;UAChB,MAAAG,KAAA,GAAqDxE,KAAK,CAACgE,gBAAgB;YAArE;cAACK,IAAI;cAAE7B,OAAO;cAAEI,MAAM;cAAEuB;YAAmB,CAAC,GAAAK,KAAA;YAALnB,IAAI,GAAAC,wBAAA,CAAAkB,KAAA,EAAAC,UAAA;UACjD,oBACElF,IAAA,CAAC6B,mCAAmC;YAAAmB,QAAA,eAClC9C,KAAA,CAACP,SAAS,EAAAsE,aAAA,CAAAA,aAAA,KAAKH,IAAI;cACRb,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,SAAU;cAC9B+B,OAAO,EAAGG,CAAC,IAAK;gBACd,IAAI9B,MAAM,EAAE;kBACV8B,CAAC,CAACC,cAAc,CAAC,CAAC;kBAClB/B,MAAM,CAAC8B,CAAC,CAAC;gBACX;cACF,CAAE;cAAAnC,QAAA,GACV8B,IAAI,EACJR,wBAAwB,CAAC,CAAC;YAAA,EAClB;UAAC,CACuB,CAAC;QAG1C;MACA,KAAK,MAAM;QAAE;UACX,MAAM;YAACQ;UAAI,CAAC,GAAGrE,KAAK,CAACgE,gBAAgB;UACrC,oBACEvE,KAAA,CAACyB,mCAAmC;YAAAqB,QAAA,GACjCsB,wBAAwB,CAAC,CAAC,eAC3BtE,IAAA;cAAAgD,QAAA,EAAO8B;YAAI,CAAO,CAAC;UAAA,CACgB,CAAC;QAE1C;IACF;EACF,CAAC;EAGD,oBACE9E,IAAA,CAACvB,cAAc;IAAC4G,SAAS,EAAE5E,KAAK,CAAC6E,WAAY;IAACC,UAAU,EAAE9E,KAAK,CAAC+E,WAAY;IAAAxC,QAAA,eAC1E9C,KAAA,CAACiC,OAAO;MAACsD,SAAS,GAAAnD,WAAA,GAAE7B,KAAK,CAACiC,IAAI,cAAAJ,WAAA,cAAAA,WAAA,GAAI9D,IAAI,CAACkH,MAAO;MAAA1C,QAAA,GAE1CvC,KAAK,CAACkF,KAAK,iBACXzF,KAAA,CAACe,eAAe;QAAA+B,QAAA,gBACdhD,IAAA,CAACF,kBAAkB,EAAAmE,aAAA,KAAKxD,KAAK,CAACkF,KAAK,CAAE,CAAC,eACtCzF,KAAA,CAACa,sBAAsB;UAAAiC,QAAA,GAEnBvC,KAAK,CAACmF,MAAM,iBACZ5F,IAAA,CAACP,UAAU;YAACwD,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,UAAU;YAACG,MAAM,EAAE5C,KAAK,CAACmF,MAAO;YAAA5C,QAAA,eACpEhD,IAAA,CAACN,WAAW,CAACmG,aAAa,IAAC;UAAC,CAClB,CAAC,eAGf7F,IAAA,CAACP,UAAU;YAACqG,UAAU,EAAE,4BAA6B;YAAC5B,EAAE,EAAE,4BAA6B;YAC3EjB,OAAO,EAAC,WAAW;YACnBC,KAAK,EAAC,UAAU;YAChBG,MAAM,EAAE5C,KAAK,CAAC+E,WAAY;YAAAxC,QAAA,eACpChD,IAAA,CAACN,WAAW,CAACqG,KAAK;cAACrD,IAAI,EAAC,MAAM;cAACa,KAAK,EAAE3E,MAAM,CAAC+B,QAAQ,CAAC,aAAa,EAAEC,KAAK;YAAE,CAAC;UAAC,CACpE,CAAC;QAAA,CACS,CAAC,eAEzBV,KAAA,CAACiB,2BAA2B;UAAA6B,QAAA,gBAC1B9C,KAAA,CAACC,UAAU;YAAA6C,QAAA,gBACThD,IAAA,CAACO,WAAW;cAAAyC,QAAA,EAAEvC,KAAK,CAACuF;YAAK,CAAc,CAAC,EACvC,CAAC,CAACvF,KAAK,CAACwF,IAAI,iBAAIjG,IAAA,CAACZ,IAAI;cAAA4D,QAAA,EAAEvC,KAAK,CAACwF;YAAI,CAAO,CAAC;UAAA,CAChC,CAAC,eACb/F,KAAA,CAACW,aAAa;YAAAmC,QAAA,GACXR,OAAO,CAAC,CAAC,EACTgB,aAAa,CAAC,CAAC;UAAA,CACH,CAAC;QAAA,CACW,CAAC;MAAA,CACf,CAAC,EAGlB,CAAC/C,KAAK,CAACkF,KAAK,iBACZzF,KAAA,CAACiB,2BAA2B;QAAA6B,QAAA,GAExBvC,KAAK,CAACmF,MAAM,iBACZ5F,IAAA,CAACP,UAAU;UAACwD,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACG,MAAM,EAAE5C,KAAK,CAACmF,MAAO;UAAA5C,QAAA,eACpEhD,IAAA,CAACN,WAAW,CAACmG,aAAa,IAAC;QAAC,CAClB,CAAC,eAEf3F,KAAA,CAACC,UAAU;UAAA6C,QAAA,gBACThD,IAAA,CAACO,WAAW;YAAAyC,QAAA,EAAEvC,KAAK,CAACuF;UAAK,CAAc,CAAC,EACvC,CAAC,CAACvF,KAAK,CAACwF,IAAI,iBAAIjG,IAAA,CAACZ,IAAI;YAAA4D,QAAA,EAAEvC,KAAK,CAACwF;UAAI,CAAO,CAAC;QAAA,CAChC,CAAC,eACb/F,KAAA,CAACW,aAAa;UAAAmC,QAAA,GACXR,OAAO,CAAC,CAAC,EACTgB,aAAa,CAAC,CAAC,eAChBxD,IAAA,CAACP,UAAU;YAACqG,UAAU,EAAE,4BAA6B;YAAC5B,EAAE,EAAE,4BAA6B;YAC3EjB,OAAO,EAAC,WAAW;YACnBC,KAAK,EAAC,UAAU;YAChBG,MAAM,EAAE5C,KAAK,CAAC+E,WAAY;YAAAxC,QAAA,eACpChD,IAAA,CAACN,WAAW,CAACqG,KAAK;cAACrD,IAAI,EAAC,MAAM;cAACa,KAAK,EAAE3E,MAAM,CAAC+B,QAAQ,CAAC,aAAa,EAAEC,KAAK;YAAE,CAAC;UAAC,CACpE,CAAC;QAAA,CACA,CAAC;MAAA,CACW,CAAC,eAEhCZ,IAAA,CAACqB,yBAAyB;QAACE,WAAW,EAAEd,KAAK,CAACyF,cAAc,IAAIC,SAAS,GAAG,IAAI,GAAG1F,KAAK,CAACyF,cAAe;QAAAlD,QAAA,EACrGvC,KAAK,CAACuC;MAAQ,CACU,CAAC,eAC5B9C,KAAA,CAAC+B,2BAA2B;QAAAe,QAAA,gBAC1BhD,IAAA,CAACyB,wCAAwC;UAAAuB,QAAA,EACtCyB,gBAAgB,CAAC;QAAC,CACqB,CAAC,eAC3CzE,IAAA,CAAC+B,oBAAoB;UAAAiB,QAAA,GAAAT,oBAAA,GAClB9B,KAAK,CAAC2F,aAAa,cAAA7D,oBAAA,uBAAnBA,oBAAA,CAAqBmB,GAAG,CAAC,CAAC2C,IAAI,EAAE1C,KAAK,KAAK;YACvC,MAAM;gBAACN,MAAM;gBAAEyB;cAAa,CAAC,GAAGuB,IAAI;cAAZvC,IAAI,GAAAC,wBAAA,CAAIsC,IAAI,EAAAC,UAAA;YACpC,oBAAOtG,IAAA,CAACR,MAAM,EAAAyE,aAAA,CAAAA,aAAA,KACKH,IAAI;cACRkB,OAAO,EAAE3B,MAAO;cAChBX,IAAI,EAAEjC,KAAK,CAACiC,IAAK;cACjB6D,SAAS,EAAEC,CAAC,IAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAKpD,MAAM,CAAEmD,CAAC,CAAE;cAAAxD,QAAA,EAC/E8B;YAAI,IALahB,IAAI,CAACI,EAAE,IAAIP,KAMvB,CAAC;UACX,CACF;QAAC,CACmB,CAAC;MAAA,CACI,CAAC;IAAA,CACvB;EAAC,CACI,CAAC;AAErB,CAAC;AAACtB,YAAA,CAAAqE,SAAA;EA/LApB,WAAW,EAAAqB,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACXrB,WAAW,EAAAmB,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACXjB,MAAM,EAAAe,GAAA,CAAAG,IAAA;EACNd,KAAK,EAAAW,GAAA,CAAAI,MAAA,CAAAF,UAAA;EACLZ,IAAI,EAAAU,GAAA,CAAAI,MAAA;EAEJvD,aAAa,EAAAmD,GAAA,CAAAK,KAAA;EACbZ,aAAa,EAAAO,GAAA,CAAAK,KAAA;EACbd,cAAc,EAAAS,GAAA,CAAAC,IAAA;EAEdpE,OAAO,EAAAmE,GAAA,CAAAI,MAAA;EACPE,MAAM,EAAAN,GAAA,CAAAO,MAAA;EACNlE,QAAQ,EAAA2D,GAAA,CAAAQ;AAAA;AAqLV,eAAe9E,YAAY","ignoreList":[]}
+{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","HeaderText","div","HeaderTitle","props","Bold","getColor","theme","HeaderActions","HeaderWithImageActions","HeaderWithImage","ModalContentHeaderComponent","ModalContentBodyComponent","$scrollable","Small","ModalContentFooterLeftContainerComponent","ModalContentFooterLeftNoteComponent","ModalContentFooterLeftLinkComponent","FooterRightContainer","ModalContentFooterComponent","Wrapper","ModalContent","tooltip","delay","size","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","headerActions","map","index","componentType","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","id","_excluded2","type","_excluded3","getLeftActionIconElement","leftFooterAction","cloneElement","Large","actionType","_ref","text","_excluded4","onClick","_ref2","_excluded5","e","preventDefault","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","onBack","ArrowLineLeft","hideCloseButton","dataTestId","Close","title","note","scrollableBody","undefined","footerActions","item","_excluded6","onKeyDown","a","key","propTypes","_pt","bool","isRequired","func","string","array","zIndex","number","node"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ModalContentHeaderComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nexport const ModalContentBodyComponent = styled.div<{$scrollable?: boolean}>`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: ${props => props.$scrollable ? 'auto' : 'visible'};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst ModalContentFooterLeftContainerComponent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst ModalContentFooterLeftNoteComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst ModalContentFooterLeftLinkComponent = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nexport const ModalContentFooterComponent = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${ModalContentHeaderComponent} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${ModalContentBodyComponent} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${ModalContentHeaderComponent} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${ModalContentBodyComponent} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${ModalContentFooterComponent} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${ModalContentFooterLeftNoteComponent} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${ModalContentFooterLeftLinkComponent} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  hideCloseButton?: boolean;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  scrollableBody?: boolean;\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n  const theme = useTheme();\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement<any>, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, actionType, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <ModalContentFooterLeftLinkComponent>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </ModalContentFooterLeftLinkComponent>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <ModalContentFooterLeftNoteComponent>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </ModalContentFooterLeftNoteComponent>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              {!props.hideCloseButton && <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>}\r\n            </HeaderWithImageActions>\r\n\r\n            <ModalContentHeaderComponent>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </ModalContentHeaderComponent>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <ModalContentHeaderComponent>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              {!props.hideCloseButton && <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                    variant=\"secondary\"\r\n                    shape=\"circular\"\r\n                    action={props.closeAction}>\r\n              <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>}\r\n            </HeaderActions>\r\n          </ModalContentHeaderComponent>\r\n        }\r\n        <ModalContentBodyComponent $scrollable={props.scrollableBody == undefined ? true : props.scrollableBody}>\r\n          {props.children}\r\n        </ModalContentBodyComponent>\r\n        <ModalContentFooterComponent>\r\n          <ModalContentFooterLeftContainerComponent>\r\n            {leftFooterAction()}\r\n          </ModalContentFooterLeftContainerComponent>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </ModalContentFooterComponent>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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","ignoreList":[]}