pixelon 0.3.30 → 0.3.31

package/dist/components/molecules/chat/StructuredContent/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ChatComponentProps } from '../../helpers/types';
+export declare const ActionMenu: React.FC<ChatComponentProps>;

package/dist/components/molecules/chat/StructuredContent/components/index.d.ts

@@ -9,3 +9,4 @@ export { BadgeDisplay } from './BadgeDisplay/BadgeDisplay';
 export { TimeInputWithConfirm } from './TimeInputWithConfirm/TimeInputWithConfirm';
 export { ReactiveForm } from './ReactiveForm/ReactiveForm';
 export { CarouselDisplay } from './CarouselDisplay/CarouselDisplay';
+export { ActionMenu } from './ActionMenu/ActionMenu';

package/dist/index.esm.js

@@ -5147,6 +5147,42 @@ const CarouselDisplay = ({
   ] });
 };
 
+const ActionMenu = ({
+  component,
+  eventBus,
+  assistantMessageId = ""
+}) => {
+  const { emitInteraction, isConfirmed } = useComponentInteraction({
+    eventBus,
+    fieldName: component.props.field_name || "action_menu",
+    componentType: component.type,
+    assistantMessageId
+  });
+  if (isConfirmed) return null;
+  const label = component.props.label;
+  const actions = component.actions ?? [];
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "px-chat-action-menu",
+      style: { display: "flex", flexDirection: "column", gap: "8px" },
+      children: [
+        label && /* @__PURE__ */ jsx("div", { style: { fontWeight: 500 }, children: label }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: actions.map((a) => /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: a.intent === "primary" ? "primary" : "secondary",
+            onClick: () => emitInteraction(a.value ?? a.id, a.label, a.id),
+            children: a.label
+          },
+          a.id
+        )) })
+      ]
+    }
+  );
+};
+
 const COMPONENT_MAP = {
   select: SelectWithConfirm,
   select_multiple: SelectMultipleWithConfirm,
@@ -5157,7 +5193,8 @@ const COMPONENT_MAP = {
   card: CardDisplay,
   badge: BadgeDisplay,
   reactive_form: ReactiveForm,
-  carousel: CarouselDisplay
+  carousel: CarouselDisplay,
+  action_menu: ActionMenu
 };
 function renderComponent(props) {
   const { component } = props;

package/dist/index.js

@@ -5168,6 +5168,42 @@ const CarouselDisplay = ({
   ] });
 };
 
+const ActionMenu = ({
+  component,
+  eventBus,
+  assistantMessageId = ""
+}) => {
+  const { emitInteraction, isConfirmed } = useComponentInteraction({
+    eventBus,
+    fieldName: component.props.field_name || "action_menu",
+    componentType: component.type,
+    assistantMessageId
+  });
+  if (isConfirmed) return null;
+  const label = component.props.label;
+  const actions = component.actions ?? [];
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "px-chat-action-menu",
+      style: { display: "flex", flexDirection: "column", gap: "8px" },
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 500 }, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: actions.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
+          Button$1,
+          {
+            variant: a.intent === "primary" ? "primary" : "secondary",
+            onClick: () => emitInteraction(a.value ?? a.id, a.label, a.id),
+            children: a.label
+          },
+          a.id
+        )) })
+      ]
+    }
+  );
+};
+
 const COMPONENT_MAP = {
   select: SelectWithConfirm,
   select_multiple: SelectMultipleWithConfirm,
@@ -5178,7 +5214,8 @@ const COMPONENT_MAP = {
   card: CardDisplay,
   badge: BadgeDisplay,
   reactive_form: ReactiveForm,
-  carousel: CarouselDisplay
+  carousel: CarouselDisplay,
+  action_menu: ActionMenu
 };
 function renderComponent(props) {
   const { component } = props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelon",
-  "version": "0.3.30",
+  "version": "0.3.31",
   "description": "Design system de la marca goluti",
   "type": "module",
   "main": "dist/index.js",