@antscorp/antsomi-ui 1.3.3-beta.8 → 1.3.3-beta.80

package/es/components/molecules/UploadImage/styled.d.ts

@@ -1,13 +1,13 @@
-export declare const WrapperListImages: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Boxed: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const WrapperBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Paragraph: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const WrapperInputMode: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
-export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UploadImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperListImages: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Boxed: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const WrapperBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Paragraph: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperInputMode: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UploadImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/UploadImage/styled.js

@@ -1,134 +1,134 @@
-var _a, _b, _c, _d;
-// Libraries
-import styled from 'styled-components';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const WrapperListImages = styled.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 250px;
-  height: auto;
-  text-align: center;
-
-  &.ants-group:hover .group-hover {
-    opacity: 1;
-  }
-`;
-export const TextStyled = styled.span `
-  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDark};
-`;
-export const Boxed = styled.div `
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 250px;
-  height: 250px;
-  border-width: 1px;
-  border-style: solid;
-  --tw-border-opacity: 1;
-  border-color: rgb(224 224 224 / var(--tw-border-opacity));
-
-  &:hover {
-    border-width: 2px;
-  }
-`;
-export const Image = styled.img `
-  object-fit: contain;
-  width: 100%;
-  height: 100%;
-`;
-export const WrapperBtn = styled.div `
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 3;
-  gap: 15px;
-  opacity: 0;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-`;
-export const Paragraph = styled.p `
-  display: inline-block;
-  margin-top: 5px;
-  width: 100%;
-  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
-`;
-export const Overlay = styled.div `
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  z-index: 2;
-  background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bgLightTransparent};
-  opacity: 0;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
-    opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-`;
-export const WrapperInputMode = styled.div `
-  position: relative;
-  width: ${props => (props.width ? props.width : '100%')};
-`;
-export const WrapperIcon = styled.div `
-  position: absolute;
-  top: -10px;
-  left: calc(100% - 44px);
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 12px;
-  border-radius: 50%;
-
-  cursor: pointer;
-
-  &:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-  }
-`;
-export const ErrorMessage = styled.div `
-  width: 100%;
-  margin-top: 3px;
-  color: #f44336;
-  font-size: 0.688rem;
-  line-height: 1.66;
-`;
-export const UploadImageWrapper = styled.div `
-  .antsomi-upload.antsomi-upload-btn {
-    padding: 0px;
-  }
-
-  .image-upload-content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    gap: 20px;
-    position: relative;
-    border-radius: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.borderRadius}px;
-    border-width: 2px;
-    border-style: dashed;
-    --tw-border-opacity: 1;
-    border-color: rgb(210 210 210 / var(--tw-border-opacity));
-    aspect-ratio: 3.2;
-
-    &.uploaded {
-      background: url('data:image/svg+xml;base64, PHN2ZyBoZWlnaHQ9IjEwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMCAyNTZoMjU2djI1NkgweiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yNTYgMjU2aDI1NnYyNTZIMjU2eiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMjU2IDBoMjU2djI1NkgyNTZ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTAgMGgyNTZ2MjU2SDB6Ij48L3BhdGg+PC9zdmc+')
-        repeat rgb(249, 251, 255);
-    }
-    .antsomi-upload-drag-container {
-    }
-    .upload-file-info {
-      p {
-        font-size: 12px;
-      }
-    }
-  }
-`;
+var _a, _b, _c, _d;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const WrapperListImages = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 250px;
+  height: auto;
+  text-align: center;
+
+  &.ants-group:hover .group-hover {
+    opacity: 1;
+  }
+`;
+export const TextStyled = styled.span `
+  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDark};
+`;
+export const Boxed = styled.div `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 250px;
+  height: 250px;
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(224 224 224 / var(--tw-border-opacity));
+
+  &:hover {
+    border-width: 2px;
+  }
+`;
+export const Image = styled.img `
+  object-fit: contain;
+  width: 100%;
+  height: 100%;
+`;
+export const WrapperBtn = styled.div `
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  gap: 15px;
+  opacity: 0;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+`;
+export const Paragraph = styled.p `
+  display: inline-block;
+  margin-top: 5px;
+  width: 100%;
+  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px;
+`;
+export const Overlay = styled.div `
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 2;
+  background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bgLightTransparent};
+  opacity: 0;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+`;
+export const WrapperInputMode = styled.div `
+  position: relative;
+  width: ${props => (props.width ? props.width : '100%')};
+`;
+export const WrapperIcon = styled.div `
+  position: absolute;
+  top: -10px;
+  left: calc(100% - 44px);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 12px;
+  border-radius: 50%;
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+`;
+export const ErrorMessage = styled.div `
+  width: 100%;
+  margin-top: 3px;
+  color: #f44336;
+  font-size: 0.688rem;
+  line-height: 1.66;
+`;
+export const UploadImageWrapper = styled.div `
+  .antsomi-upload.antsomi-upload-btn {
+    padding: 0px;
+  }
+
+  .image-upload-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    gap: 20px;
+    position: relative;
+    border-radius: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.borderRadius}px;
+    border-width: 2px;
+    border-style: dashed;
+    --tw-border-opacity: 1;
+    border-color: rgb(210 210 210 / var(--tw-border-opacity));
+    aspect-ratio: 3.2;
+
+    &.uploaded {
+      background: url('data:image/svg+xml;base64, PHN2ZyBoZWlnaHQ9IjEwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMCAyNTZoMjU2djI1NkgweiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yNTYgMjU2aDI1NnYyNTZIMjU2eiI+PC9wYXRoPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1vcGFjaXR5PSIuMTI1IiBkPSJNMjU2IDBoMjU2djI1NkgyNTZ6Ij48L3BhdGg+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTAgMGgyNTZ2MjU2SDB6Ij48L3BhdGg+PC9zdmc+')
+        repeat rgb(249, 251, 255);
+    }
+    .antsomi-upload-drag-container {
+    }
+    .upload-file-info {
+      p {
+        font-size: 12px;
+      }
+    }
+  }
+`;

package/es/components/molecules/index.d.ts

@@ -1,38 +1,37 @@
-export { Cascader } from './Cascader';
-export { Dropdown } from './Dropdown';
-export { Modal } from './Modal';
-export { Select } from './Select';
-export { DatePicker } from './DatePicker';
-export { ChatBox } from './ChatBox';
-export { PopupDraggable } from './PopupDraggable';
-export { Tabs } from './Tabs';
-export { CaptureScreen } from './CaptureScreen';
-export { SettingWrapper } from './SettingWrapper';
-export { ColorPicker } from './ColorPicker';
-export { ColorSetting } from './ColorSetting';
-export { SliderWithInputNumber } from './SliderWithInputNumber';
-export { RadioGroup } from './RadioGroup';
-export { InputSearch } from './InputSearch';
-export { UploadImage } from './UploadImage';
-export { IconSelection } from './IconSelection';
-export { IconSelectionRenderer } from './IconSelection/components/Icon';
-export { AlignSetting } from './AlignSetting';
-export { EdgeSetting } from './EdgeSetting';
-export { TreeSelect } from './TreeSelect';
-export { Result } from './Result';
-export { Card } from './Card';
-export { InputNumberWithUnit } from './InputNumberWithUnit';
-export { GradientSetting } from './GradientSetting';
-export { Collapse } from './Collapse';
-export { Drawer } from './Drawer';
-export { SettingWrapperPopover } from './SettingWrapperPopover';
-export { FontWeightSelect } from './FontWeightSelect';
-export { FontFamilySelect } from './FontFamilySelect';
-export { TextDecorationSelect } from './TextDecorationSelect';
-export { TextTransformSelect } from './TextTransformSelect';
-export { FontSetting, FontSettingEdit } from './FontSetting';
-export { Form } from './Form';
-export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
-export type { ColorPickerProps } from './ColorPicker';
-export type { AlignEditProps, AlignSettingProps } from './AlignSetting';
-export type { TFontSettingProps, TFontSettingEditProps } from './FontSetting';
+export { Cascader } from './Cascader';
+export { Dropdown } from './Dropdown';
+export { Modal } from './Modal';
+export { Select } from './Select';
+export { DatePicker } from './DatePicker';
+export { ChatBox } from './ChatBox';
+export { PopupDraggable } from './PopupDraggable';
+export { Tabs } from './Tabs';
+export { CaptureScreen } from './CaptureScreen';
+export { SettingWrapper } from './SettingWrapper';
+export { ColorPicker } from './ColorPicker';
+export { ColorSetting } from './ColorSetting';
+export { SliderWithInputNumber } from './SliderWithInputNumber';
+export { RadioGroup } from './RadioGroup';
+export { InputSearch } from './InputSearch';
+export { UploadImage } from './UploadImage';
+export { IconSelection } from './IconSelection';
+export { IconSelectionRenderer } from './IconSelection/components/Icon';
+export { AlignSetting } from './AlignSetting';
+export { EdgeSetting } from './EdgeSetting';
+export { TreeSelect } from './TreeSelect';
+export { Result } from './Result';
+export { Card } from './Card';
+export { InputNumberWithUnit } from './InputNumberWithUnit';
+export { GradientSetting } from './GradientSetting';
+export { Collapse } from './Collapse';
+export { Drawer } from './Drawer';
+export { SettingWrapperPopover } from './SettingWrapperPopover';
+export { FontWeightSelect } from './FontWeightSelect';
+export { FontFamilySelect } from './FontFamilySelect';
+export { TextDecorationSelect } from './TextDecorationSelect';
+export { TextTransformSelect } from './TextTransformSelect';
+export { FontSetting, FontSettingEdit } from './FontSetting';
+export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
+export type { ColorPickerProps } from './ColorPicker';
+export type { AlignEditProps, AlignSettingProps } from './AlignSetting';
+export type { TFontSettingProps, TFontSettingEditProps } from './FontSetting';

package/es/components/molecules/index.js

@@ -1,34 +1,33 @@
-export { Cascader } from './Cascader';
-export { Dropdown } from './Dropdown';
-export { Modal } from './Modal';
-export { Select } from './Select';
-export { DatePicker } from './DatePicker';
-export { ChatBox } from './ChatBox';
-export { PopupDraggable } from './PopupDraggable';
-export { Tabs } from './Tabs';
-export { CaptureScreen } from './CaptureScreen';
-export { SettingWrapper } from './SettingWrapper';
-export { ColorPicker } from './ColorPicker';
-export { ColorSetting } from './ColorSetting';
-export { SliderWithInputNumber } from './SliderWithInputNumber';
-export { RadioGroup } from './RadioGroup';
-export { InputSearch } from './InputSearch';
-export { UploadImage } from './UploadImage';
-export { IconSelection } from './IconSelection';
-export { IconSelectionRenderer } from './IconSelection/components/Icon';
-export { AlignSetting } from './AlignSetting';
-export { EdgeSetting } from './EdgeSetting';
-export { TreeSelect } from './TreeSelect';
-export { Result } from './Result';
-export { Card } from './Card';
-export { InputNumberWithUnit } from './InputNumberWithUnit';
-export { GradientSetting } from './GradientSetting';
-export { Collapse } from './Collapse';
-export { Drawer } from './Drawer';
-export { SettingWrapperPopover } from './SettingWrapperPopover';
-export { FontWeightSelect } from './FontWeightSelect';
-export { FontFamilySelect } from './FontFamilySelect';
-export { TextDecorationSelect } from './TextDecorationSelect';
-export { TextTransformSelect } from './TextTransformSelect';
-export { FontSetting, FontSettingEdit } from './FontSetting';
-export { Form } from './Form';
+export { Cascader } from './Cascader';
+export { Dropdown } from './Dropdown';
+export { Modal } from './Modal';
+export { Select } from './Select';
+export { DatePicker } from './DatePicker';
+export { ChatBox } from './ChatBox';
+export { PopupDraggable } from './PopupDraggable';
+export { Tabs } from './Tabs';
+export { CaptureScreen } from './CaptureScreen';
+export { SettingWrapper } from './SettingWrapper';
+export { ColorPicker } from './ColorPicker';
+export { ColorSetting } from './ColorSetting';
+export { SliderWithInputNumber } from './SliderWithInputNumber';
+export { RadioGroup } from './RadioGroup';
+export { InputSearch } from './InputSearch';
+export { UploadImage } from './UploadImage';
+export { IconSelection } from './IconSelection';
+export { IconSelectionRenderer } from './IconSelection/components/Icon';
+export { AlignSetting } from './AlignSetting';
+export { EdgeSetting } from './EdgeSetting';
+export { TreeSelect } from './TreeSelect';
+export { Result } from './Result';
+export { Card } from './Card';
+export { InputNumberWithUnit } from './InputNumberWithUnit';
+export { GradientSetting } from './GradientSetting';
+export { Collapse } from './Collapse';
+export { Drawer } from './Drawer';
+export { SettingWrapperPopover } from './SettingWrapperPopover';
+export { FontWeightSelect } from './FontWeightSelect';
+export { FontFamilySelect } from './FontFamilySelect';
+export { TextDecorationSelect } from './TextDecorationSelect';
+export { TextTransformSelect } from './TextTransformSelect';
+export { FontSetting, FontSettingEdit } from './FontSetting';

package/es/components/organism/GenerativeInsights/constants.d.ts

@@ -0,0 +1 @@
+export declare const PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP = "PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP";

package/es/components/organism/GenerativeInsights/constants.js

@@ -0,0 +1 @@
+export const PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP = 'PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP';

package/es/components/organism/GenerativeInsights/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type TGenerativeInsights = {
+    isShowPopup: boolean;
+    title?: any;
+    onClose: () => void;
+    boundsDraggable?: string;
+    isShowResizeHover?: boolean;
+    configs?: Record<string, any>;
+};
+export declare const GenerativeInsights: React.FC<TGenerativeInsights>;
+export {};

package/es/components/organism/GenerativeInsights/index.js

@@ -0,0 +1,57 @@
+/* eslint-disable prettier/prettier */
+/* eslint-disable react/jsx-no-useless-fragment */
+/* eslint-disable react/jsx-no-undef */
+import React, { useState } from 'react';
+import { createPortal } from 'react-dom';
+import { ChatBox, PopupDraggable } from '../../molecules';
+import { Header, WrapperBody, WrapperHeader } from './styled';
+import { PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP } from './constants';
+export const GenerativeInsights = props => {
+    const { isShowPopup, title, onClose, boundsDraggable, isShowResizeHover, configs } = props;
+    const { domainTicket, userId, token, avatar, } = configs || {};
+    // state
+    const [isMainLoading, setIsMainLoading] = useState(false);
+    const callback = (type) => {
+        switch (type) {
+            case 'ON_CLOSE_POPUP': {
+                onClose();
+                break;
+            }
+            default: {
+                break;
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null, isShowPopup &&
+        createPortal(React.createElement(PopupDraggable, { isHiddenResizing: true, bounds: boundsDraggable, isShowResizeHover: isShowResizeHover, callback: callback, styleContainer: {
+                display: 'flex',
+                flexDirection: 'column',
+                textAlign: 'left',
+            } },
+            React.createElement(WrapperHeader, { className: "cursor" },
+                React.createElement(Header, null, title)),
+            React.createElement(WrapperBody, { className: "popup-content", style: { padding: 0 } },
+                React.createElement(ChatBox, { domain: domainTicket, userId: userId, token: token, avatar: avatar, style: {
+                        height: 'calc(100% - 50px)',
+                    }, withoutBox: true }))), document.body, PORTALS_ANTSOMI_PACKAGE_UI_KEY_POPUP)));
+};
+GenerativeInsights.defaultProps = {
+    title: 'Insights',
+    boundsDraggable: 'body',
+    isShowResizeHover: true,
+    configs: {
+        domainTicket: 'https://sandbox-issue.antsomi.com',
+        portalId: '33167',
+        userId: '1600080515',
+        token: '5474r2x214z254a4u2a4y4m503w5p2r5a4s2g4x2l5e4',
+        avatar: 'https://c0-platform.ants.tech/avatar/2021/09/20/bldjzfbz33.png',
+        config: {
+            p_timezone: 'Asia/Hong_Kong',
+            api_pid: 33167,
+            p_f_longdatetime: "dd MMMM 'at' HH:mm:ss",
+            user_language: 'en',
+            embeddedData: {},
+            INSIGHT_U_OGS: 'uogs',
+        },
+    },
+};

package/es/components/organism/GenerativeInsights/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const WrapperLoading: import("styled-components").StyledComponent<"div", any, {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+}, never>;
+export declare const WrapperHeader: import("styled-components").StyledComponent<"strong", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const WrapperBody: import("styled-components").StyledComponent<"div", any, {
+    types?: string | undefined;
+}, never>;
+export declare const WrapperFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperFooterSpace: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/GenerativeInsights/styled.js

@@ -0,0 +1,66 @@
+var _a, _b, _c, _d, _e, _f;
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { Typography } from 'antd';
+import styled from 'styled-components';
+const { Text: AntText } = Typography;
+export const WrapperLoading = styled.div `
+  width: ${props => (props.width ? props.width : 'calc(100% - 100px)')};
+  height: ${props => (props.height ? props.height : '100%')};
+  position: fixed;
+  background: rgba(0, 0, 0, 0.06);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
+`;
+export const WrapperHeader = styled.strong `
+  display: block;
+  height: 50px;
+  border-bottom: 1px solid ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw3};
+  line-height: 50px;
+  padding-left: 15px;
+  box-sizing: border-box;
+
+  &.cursor {
+    cursor: move;
+  }
+`;
+export const Header = styled(AntText) `
+  font-size: 16px !important;
+  color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorText} !important;
+  font-weight: normal !important;
+`;
+export const WrapperBody = styled.div `
+  padding: ${props => props.types === 'help' || props.types === 'help_v1' ? 'none;' : '13px 15px;'};
+  box-sizing: border-box;
+  // height: calc(100% - 100px);
+  flex: 1;
+  overflow-y: auto;
+`;
+export const WrapperFooter = styled.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 58px;
+  border-top: 1px solid ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw3};
+  background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw0};
+  padding: 15px;
+  box-sizing: border-box;
+  z-index: 10;
+`;
+export const WrapperFooterSpace = styled.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 58px;
+  border-top: 1px solid ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.bw3};
+  background-color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw0};
+  padding: 15px;
+  box-sizing: border-box;
+  z-index: 10;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;

package/es/components/organism/GenerativeInsights/utils.d.ts

@@ -0,0 +1,13 @@
+export declare const formatAccountId: (data: any) => any;
+export declare const formatParams: (data: any) => {
+    title: string;
+    ownerId: undefined;
+    followers: never[];
+    referenceUrl: string;
+    priority: string;
+    feature: string;
+    ticketType: string;
+    category: string;
+    message: string;
+    attachments: never[];
+};