1mpacto-react-ui 2.0.28 → 2.0.30

package/dist/components/fin/Chat/BubbleChatOption.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),i=require("./style.module.scss.cjs"),N=require("../../Button/Button.cjs"),o=require("./Icons.cjs"),p=({id:n,icon:u,type:l,header:r,content:d,options:f,optionDirection:m,onClick:c,onCopy:x,onDislike:j,onLike:h,onReply:b})=>e.jsxs("div",{id:n,className:i.default.container,children:[e.jsxs("div",{className:i.default["container-card"],children:[s.isValidElement(u)&&e.jsx("div",{className:i.default.icon,children:u}),s.isValidElement(r)&&r,s.isValidElement(d)&&d,e.jsxs("div",{className:m==="column"?i.default["option-column"]:i.default["option-row"],children:[(l==="action"||l==="suggestion")&&f?.map((t,a)=>e.jsxs("button",{className:i.default["button-option"],onClick:()=>{typeof c=="function"&&c(t)},children:[e.jsxs("div",{className:i.default["left-section"],children:[s.isValidElement(t?.iconLeft)&&t.iconLeft,e.jsxs("div",{className:i.default["option-content"],children:[e.jsx("p",{className:l==="action"?i.default["text-action"]:i.default["text-suggestion"],children:t.title}),t?.subtitle&&e.jsx("p",{className:i.default["text-subtitle"],children:t.subtitle})]})]}),s.isValidElement(t?.iconRight)&&e.jsx("div",{className:i.default["right-section"],children:e.jsx("div",{className:i.default["icon-right"],children:t.iconRight})})]},a)),l==="system"&&f?.map((t,a)=>s.createElement(N.default,{...t,variants:t?.variants||"primary-fin-primary-500",size:t?.size||"fin-s",id:t.id,key:a,onClick:()=>{typeof c=="function"&&c(t)}},t.title))]})]}),e.jsxs("div",{className:i.default["container-action"],children:[e.jsx("button",{id:`${n}-like`,className:i.default["button-action"],onClick:h,children:e.jsx(o.LikeIcon,{})}),e.jsx("button",{id:`${n}-dislike`,className:i.default["button-action"],onClick:j,children:e.jsx(o.DislikeIcon,{})}),e.jsx("button",{id:`${n}-copy`,className:i.default["button-action"],onClick:x,children:e.jsx(o.CopyIcon,{})}),e.jsx("button",{id:`${n}-reply`,className:i.default["button-action"],onClick:b,children:e.jsx(o.ReplyIcon,{})})]})]});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),i=require("./style.module.scss.cjs"),N=require("../../Button/Button.cjs"),o=require("./Icons.cjs"),p=({id:n,icon:u,type:l,header:r,content:d,options:f,optionDirection:m,onClick:c,onCopy:x,onDislike:j,onLike:h,onReply:b})=>e.jsxs("div",{id:n,className:i.default.container,children:[e.jsxs("div",{className:i.default["container-card"],children:[s.isValidElement(u)&&e.jsx("div",{className:i.default.icon,children:u}),s.isValidElement(r)&&r,s.isValidElement(d)&&d,e.jsxs("div",{className:m==="column"?i.default["option-column"]:i.default["option-row"],children:[(l==="action"||l==="suggestion")&&f?.map((t,a)=>e.jsxs("button",{id:t.id,className:i.default["button-option"],onClick:()=>{typeof c=="function"&&c(t)},children:[e.jsxs("div",{className:i.default["left-section"],children:[s.isValidElement(t?.iconLeft)&&t.iconLeft,e.jsxs("div",{className:i.default["option-content"],children:[e.jsx("p",{className:l==="action"?i.default["text-action"]:i.default["text-suggestion"],children:t.title}),t?.subtitle&&e.jsx("p",{className:i.default["text-subtitle"],children:t.subtitle})]})]}),s.isValidElement(t?.iconRight)&&e.jsx("div",{className:i.default["right-section"],children:e.jsx("div",{className:i.default["icon-right"],children:t.iconRight})})]},a)),l==="system"&&f?.map((t,a)=>s.createElement(N.default,{...t,variants:t?.variants||"primary-fin-primary-500",size:t?.size||"fin-s",id:t.id,key:a,onClick:()=>{typeof c=="function"&&c(t)}},t.title))]})]}),e.jsxs("div",{className:i.default["container-action"],children:[e.jsx("button",{id:`${n}-like`,className:i.default["button-action"],onClick:h,children:e.jsx(o.LikeIcon,{})}),e.jsx("button",{id:`${n}-dislike`,className:i.default["button-action"],onClick:j,children:e.jsx(o.DislikeIcon,{})}),e.jsx("button",{id:`${n}-copy`,className:i.default["button-action"],onClick:x,children:e.jsx(o.CopyIcon,{})}),e.jsx("button",{id:`${n}-reply`,className:i.default["button-action"],onClick:b,children:e.jsx(o.ReplyIcon,{})})]})]});exports.default=p;

package/dist/components/fin/Chat/BubbleChatOption.mjs

@@ -10,9 +10,9 @@ const z = ({
   header: a,
   content: u,
   options: h,
-  optionDirection: p,
+  optionDirection: d,
   onClick: l,
-  onCopy: d,
+  onCopy: p,
   onDislike: f,
   onLike: N,
   onReply: b
@@ -21,10 +21,11 @@ const z = ({
     c(m) && /* @__PURE__ */ t("div", { className: i.icon, children: m }),
     c(a) && a,
     c(u) && u,
-    /* @__PURE__ */ e("div", { className: p === "column" ? i["option-column"] : i["option-row"], children: [
+    /* @__PURE__ */ e("div", { className: d === "column" ? i["option-column"] : i["option-row"], children: [
       (s === "action" || s === "suggestion") && h?.map((n, r) => /* @__PURE__ */ e(
         "button",
         {
+          id: n.id,
           className: i["button-option"],
           onClick: () => {
             typeof l == "function" && l(n);
@@ -61,7 +62,7 @@ const z = ({
   /* @__PURE__ */ e("div", { className: i["container-action"], children: [
     /* @__PURE__ */ t("button", { id: `${o}-like`, className: i["button-action"], onClick: N, children: /* @__PURE__ */ t(k, {}) }),
     /* @__PURE__ */ t("button", { id: `${o}-dislike`, className: i["button-action"], onClick: f, children: /* @__PURE__ */ t(y, {}) }),
-    /* @__PURE__ */ t("button", { id: `${o}-copy`, className: i["button-action"], onClick: d, children: /* @__PURE__ */ t(x, {}) }),
+    /* @__PURE__ */ t("button", { id: `${o}-copy`, className: i["button-action"], onClick: p, children: /* @__PURE__ */ t(x, {}) }),
     /* @__PURE__ */ t("button", { id: `${o}-reply`, className: i["button-action"], onClick: b, children: /* @__PURE__ */ t(C, {}) })
   ] })
 ] });

package/dist/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.28",o={version:e};exports.default=o;exports.version=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.30",o={version:e};exports.default=o;exports.version=e;

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.28",
+  "version": "2.0.30",
   "type": "module",
   "engines": {
     "node": ">=22.22.3",

package/dist/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "2.0.28", s = {
+const o = "2.0.30", s = {
   version: o
 };
 export {

package/dist/src/components/index.d.ts

@@ -85,8 +85,9 @@ import { default as InputInnerLabel } from './Input/InputInnerLabel';
 import { default as Text } from './Text/Text';
 import { default as Slider } from './Slider/Slider';
 import { BubbleChat, BubbleChatOption, BubbleChatUser } from './fin';
+import { IBubbleChat, IBubbleChatOption, IDataOptionBubbleChat, IBubbleChatUser } from '../interfaces/components/fin/Chat';
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
 export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, PieChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, Text, Slider, BubbleChat, BubbleChatOption, BubbleChatUser, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, ISlider, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, IPieChart, IPieChartDataSet, IPieChartData, TPieChartCustomTooltip, IDataPieChartCustomTooltip, IPieChartThreshold, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, ISlider, IBubbleChat, IBubbleChatOption, IDataOptionBubbleChat, IBubbleChatUser, };

package/dist/src/interfaces/components/fin/Chat/index.d.ts

@@ -1,39 +1,162 @@
 import { IButton } from '../../Button';
+/**
+ * [ID] : Struktur dasar untuk satu bubble chat.
+ * [EN] : Base structure for a single chat bubble.
+ */
 export interface IBubble {
+    /**
+     * [ID] : ID unik bubble.
+     * [EN] : Unique identifier of the bubble.
+     */
     id?: string;
+    /**
+     * [ID] : Isi konten bubble, bisa berupa node tunggal atau array node.
+     * [EN] : Bubble content, can be a single node or an array of nodes.
+     */
     content?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Handler saat aksi copy konten dipicu.
+     * [EN] : Handler triggered when the copy content action fires.
+     */
     onCopy?: () => void;
 }
+/**
+ * [ID] : Bubble chat pihak lain (system/bot), dilengkapi aksi like/dislike/reply.
+ * [EN] : Chat bubble from the other party (system/bot), with like/dislike/reply actions.
+ */
 export interface IBubbleChat extends IBubble {
+    /**
+     * [ID] : Ikon yang ditampilkan pada bubble.
+     * [EN] : Icon displayed on the bubble.
+     */
     icon?: React.ReactNode;
+    /**
+     * [ID] : Header/judul bubble, bisa berupa node tunggal atau array node.
+     * [EN] : Bubble header/title, can be a single node or an array of nodes.
+     */
     header?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Handler saat aksi like dipicu.
+     * [EN] : Handler triggered when the like action fires.
+     */
     onLike?: () => void;
+    /**
+     * [ID] : Handler saat aksi dislike dipicu.
+     * [EN] : Handler triggered when the dislike action fires.
+     */
     onDislike?: () => void;
+    /**
+     * [ID] : Handler saat aksi reply dipicu.
+     * [EN] : Handler triggered when the reply action fires.
+     */
     onReply?: () => void;
 }
+/**
+ * [ID] : Bubble chat milik user, dengan slot konten tambahan di atas dan bawah.
+ * [EN] : Chat bubble owned by the user, with extra content slots above and below.
+ */
 export interface IBubbleChatUser extends IBubble {
+    /**
+     * [ID] : Konten tambahan di atas bubble utama.
+     * [EN] : Extra content rendered above the main bubble.
+     */
     otherContentTop?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Konten tambahan di bawah bubble utama.
+     * [EN] : Extra content rendered below the main bubble.
+     */
     otherContentBottom?: React.ReactNode | React.ReactNode[];
 }
+/**
+ * [ID] : Data satu opsi yang ditampilkan dalam bubble chat opsi (system/suggestion/action).
+ * [EN] : Data of a single option rendered inside an option chat bubble (system/suggestion/action).
+ */
 export interface IDataOptionBubbleChat {
+    /**
+     * [ID] : ID unik opsi.
+     * [EN] : Unique identifier of the option.
+     */
     id: string;
+    /**
+     * [ID] : Judul opsi.
+     * [EN] : Title of the option.
+     */
     title: string;
+    /**
+     * [ID] : Subjudul/deskripsi tambahan opsi.
+     * [EN] : Subtitle/additional description of the option.
+     */
     subtitle?: string;
+    /**
+     * [ID] : Ikon di sisi kanan opsi.
+     * [EN] : Icon rendered on the right side of the option.
+     */
     iconRight?: React.ReactNode;
+    /**
+     * [ID] : Ikon di sisi kiri opsi.
+     * [EN] : Icon rendered on the left side of the option.
+     */
     iconLeft?: React.ReactNode;
 }
+/**
+ * [ID] : Struktur dasar internal untuk bubble chat yang memiliki daftar opsi.
+ * [EN] : Internal base structure for a chat bubble that carries a list of options.
+ */
 interface IBaseBubbleChatOption extends IBubbleChat {
+    /**
+     * [ID] : Arah tata letak daftar opsi (kolom atau baris).
+     * [EN] : Layout direction of the option list (column or row).
+     */
     optionDirection?: 'column' | 'row';
 }
+/**
+ * [ID] : Bubble chat opsi bertipe system, opsi ditampilkan sebagai tombol.
+ * [EN] : System-type option chat bubble, options rendered as buttons.
+ */
 interface ISystemBubbleChatOption extends IBaseBubbleChatOption {
+    /**
+     * [ID] : Penanda tipe bubble opsi sebagai system.
+     * [EN] : Discriminator marking the option bubble as system type.
+     */
     type: 'system';
-    options?: Omit<IButton, 'children'>[];
-    onClick?: (data: Omit<IButton, 'children'>) => void;
+    /**
+     * [ID] : Daftar opsi, gabungan properti tombol (tanpa children) dan data opsi.
+     * [EN] : List of options, combining button props (without children) and option data.
+     */
+    options?: (Omit<IButton, 'children'> & IDataOptionBubbleChat)[];
+    /**
+     * [ID] : Handler saat salah satu opsi diklik.
+     * [EN] : Handler triggered when one of the options is clicked.
+     * @param data - [ID] : Data opsi (gabungan properti tombol dan data opsi) yang diklik.
+     * [EN] : Option data (button props combined with option data) that was clicked.
+     */
+    onClick?: (data: Omit<IButton, 'children'> & IDataOptionBubbleChat) => void;
 }
+/**
+ * [ID] : Bubble chat opsi bertipe suggestion/action.
+ * [EN] : Suggestion/action-type option chat bubble.
+ */
 interface IOtherBubbleChatOption extends IBaseBubbleChatOption {
+    /**
+     * [ID] : Penanda tipe bubble opsi sebagai suggestion atau action.
+     * [EN] : Discriminator marking the option bubble as suggestion or action type.
+     */
     type: 'suggestion' | 'action';
+    /**
+     * [ID] : Daftar opsi yang ditampilkan.
+     * [EN] : List of options to render.
+     */
     options?: IDataOptionBubbleChat[];
+    /**
+     * [ID] : Handler saat salah satu opsi diklik.
+     * [EN] : Handler triggered when one of the options is clicked.
+     * @param data - [ID] : Data opsi yang diklik. [EN] : Option data that was clicked.
+     */
     onClick?: (data: IDataOptionBubbleChat) => void;
 }
+/**
+ * [ID] : Union tipe bubble chat opsi, bisa system atau suggestion/action.
+ * [EN] : Union type of option chat bubbles, either system or suggestion/action.
+ */
 export type IBubbleChatOption = ISystemBubbleChatOption | IOtherBubbleChatOption;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.28",
+  "version": "2.0.30",
   "type": "module",
   "engines": {
     "node": ">=22.22.3",