@uipath/apollo-react 6.45.3 → 6.47.0

package/dist/canvas/components/Guardrails/components/guardrail-action-section.cjs

@@ -0,0 +1,173 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    GuardrailActionSection: ()=>GuardrailActionSection
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const external_builder_utils_cjs_namespaceObject = require("../builder-utils.cjs");
+const external_escalate_action_fields_cjs_namespaceObject = require("./escalate-action-fields.cjs");
+function GuardrailActionSection({ action, onActionChange, showFilter = false, filterContent, errors, labels, renderRecipientSearch, renderStaticRecipient, renderAppPicker, escalateHelp }) {
+    const uid = (0, external_react_namespaceObject.useId)();
+    const actionTypeSelect = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
+                htmlFor: `${uid}-action-type`,
+                children: [
+                    labels.actionTypeLabel,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.RequiredIndicator, {})
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Select, {
+                value: action.$actionType,
+                onValueChange: (type)=>onActionChange((0, external_builder_utils_cjs_namespaceObject.createDefaultGuardrailAction)(type)),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectTrigger, {
+                        id: `${uid}-action-type`,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectValue, {})
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.SelectContent, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                value: "log",
+                                children: labels.actionLogLabel
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                value: "block",
+                                children: labels.actionBlockLabel
+                            }),
+                            showFilter && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                value: "filter",
+                                children: labels.actionFilterLabel
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                value: "escalate",
+                                children: labels.actionEscalateLabel
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+    if ('escalate' === action.$actionType) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_escalate_action_fields_cjs_namespaceObject.EscalateActionFields, {
+        action: action,
+        onChange: onActionChange,
+        actionTypeSelect: actionTypeSelect,
+        errors: errors,
+        labels: labels,
+        renderRecipientSearch: renderRecipientSearch,
+        renderStaticRecipient: renderStaticRecipient,
+        renderAppPicker: renderAppPicker,
+        escalateHelp: escalateHelp
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "@container",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "grid grid-cols-1 @sm:grid-cols-2 gap-3",
+            children: [
+                actionTypeSelect,
+                'log' === action.$actionType && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
+                            htmlFor: `${uid}-severity-level`,
+                            children: [
+                                labels.severityLabel,
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.RequiredIndicator, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Select, {
+                            value: action.severityLevel,
+                            onValueChange: (v)=>onActionChange({
+                                    ...action,
+                                    severityLevel: v
+                                }),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectTrigger, {
+                                    id: `${uid}-severity-level`,
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectValue, {})
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.SelectContent, {
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                            value: "Info",
+                                            children: labels.severityInfoLabel
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                            value: "Warning",
+                                            children: labels.severityWarningLabel
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                            value: "Error",
+                                            children: labels.severityErrorLabel
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                'block' === action.$actionType && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
+                            htmlFor: `${uid}-block-reason`,
+                            children: [
+                                labels.blockReasonLabel,
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.RequiredIndicator, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Input, {
+                            id: `${uid}-block-reason`,
+                            value: action.reason,
+                            onChange: (e)=>onActionChange({
+                                    ...action,
+                                    reason: e.target.value
+                                }),
+                            placeholder: labels.blockReasonPlaceholder,
+                            error: errors?.blockReason
+                        })
+                    ]
+                }),
+                'filter' === action.$actionType && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+                    children: [
+                        filterContent,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                            children: errors?.filterFields
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+exports.GuardrailActionSection = __webpack_exports__.GuardrailActionSection;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailActionSection"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/guardrail-action-section.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+import type { GuardrailAction, GuardrailAppPickerContext, GuardrailRecipientSearchContext, GuardrailStaticRecipientContext } from '../builder-types';
+import type { GuardrailBuilderLabels } from '../i18n';
+export interface GuardrailActionSectionProps {
+    action: GuardrailAction;
+    onActionChange: (action: GuardrailAction) => void;
+    showFilter?: boolean;
+    filterContent?: ReactNode;
+    errors?: {
+        blockReason?: string;
+        filterFields?: string;
+        recipient?: string;
+        actionApp?: string;
+    };
+    labels: GuardrailBuilderLabels;
+    renderRecipientSearch?: (ctx: GuardrailRecipientSearchContext) => ReactNode;
+    renderStaticRecipient?: (ctx: GuardrailStaticRecipientContext) => ReactNode | undefined;
+    renderAppPicker?: (ctx: GuardrailAppPickerContext) => ReactNode;
+    escalateHelp?: ReactNode;
+}
+export declare function GuardrailActionSection({ action, onActionChange, showFilter, filterContent, errors, labels, renderRecipientSearch, renderStaticRecipient, renderAppPicker, escalateHelp, }: GuardrailActionSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=guardrail-action-section.d.ts.map

package/dist/canvas/components/Guardrails/components/guardrail-action-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-action-section.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/guardrail-action-section.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EACV,eAAe,EACf,yBAAyB,EACzB,+BAA+B,EAC/B,+BAA+B,EAChC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGtD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,eAAe,CAAC;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjG,MAAM,EAAE,sBAAsB,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,SAAS,CAAC;IAC5E,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,SAAS,GAAG,SAAS,CAAC;IACxF,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAChE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAOD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,cAAc,EACd,UAAkB,EAClB,aAAa,EACb,MAAM,EACN,MAAM,EACN,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,YAAY,GACb,EAAE,2BAA2B,2CAqG7B"}

package/dist/canvas/components/Guardrails/components/guardrail-action-section.js

@@ -0,0 +1,139 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormField, FormFieldError, Input, Label, RequiredIndicator, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@uipath/apollo-wind";
+import { useId } from "react";
+import { createDefaultGuardrailAction } from "../builder-utils.js";
+import { EscalateActionFields } from "./escalate-action-fields.js";
+function GuardrailActionSection({ action, onActionChange, showFilter = false, filterContent, errors, labels, renderRecipientSearch, renderStaticRecipient, renderAppPicker, escalateHelp }) {
+    const uid = useId();
+    const actionTypeSelect = /*#__PURE__*/ jsxs(FormField, {
+        children: [
+            /*#__PURE__*/ jsxs(Label, {
+                htmlFor: `${uid}-action-type`,
+                children: [
+                    labels.actionTypeLabel,
+                    /*#__PURE__*/ jsx(RequiredIndicator, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Select, {
+                value: action.$actionType,
+                onValueChange: (type)=>onActionChange(createDefaultGuardrailAction(type)),
+                children: [
+                    /*#__PURE__*/ jsx(SelectTrigger, {
+                        id: `${uid}-action-type`,
+                        children: /*#__PURE__*/ jsx(SelectValue, {})
+                    }),
+                    /*#__PURE__*/ jsxs(SelectContent, {
+                        children: [
+                            /*#__PURE__*/ jsx(SelectItem, {
+                                value: "log",
+                                children: labels.actionLogLabel
+                            }),
+                            /*#__PURE__*/ jsx(SelectItem, {
+                                value: "block",
+                                children: labels.actionBlockLabel
+                            }),
+                            showFilter && /*#__PURE__*/ jsx(SelectItem, {
+                                value: "filter",
+                                children: labels.actionFilterLabel
+                            }),
+                            /*#__PURE__*/ jsx(SelectItem, {
+                                value: "escalate",
+                                children: labels.actionEscalateLabel
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+    if ('escalate' === action.$actionType) return /*#__PURE__*/ jsx(EscalateActionFields, {
+        action: action,
+        onChange: onActionChange,
+        actionTypeSelect: actionTypeSelect,
+        errors: errors,
+        labels: labels,
+        renderRecipientSearch: renderRecipientSearch,
+        renderStaticRecipient: renderStaticRecipient,
+        renderAppPicker: renderAppPicker,
+        escalateHelp: escalateHelp
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: "@container",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "grid grid-cols-1 @sm:grid-cols-2 gap-3",
+            children: [
+                actionTypeSelect,
+                'log' === action.$actionType && /*#__PURE__*/ jsxs(FormField, {
+                    children: [
+                        /*#__PURE__*/ jsxs(Label, {
+                            htmlFor: `${uid}-severity-level`,
+                            children: [
+                                labels.severityLabel,
+                                /*#__PURE__*/ jsx(RequiredIndicator, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Select, {
+                            value: action.severityLevel,
+                            onValueChange: (v)=>onActionChange({
+                                    ...action,
+                                    severityLevel: v
+                                }),
+                            children: [
+                                /*#__PURE__*/ jsx(SelectTrigger, {
+                                    id: `${uid}-severity-level`,
+                                    children: /*#__PURE__*/ jsx(SelectValue, {})
+                                }),
+                                /*#__PURE__*/ jsxs(SelectContent, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(SelectItem, {
+                                            value: "Info",
+                                            children: labels.severityInfoLabel
+                                        }),
+                                        /*#__PURE__*/ jsx(SelectItem, {
+                                            value: "Warning",
+                                            children: labels.severityWarningLabel
+                                        }),
+                                        /*#__PURE__*/ jsx(SelectItem, {
+                                            value: "Error",
+                                            children: labels.severityErrorLabel
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                'block' === action.$actionType && /*#__PURE__*/ jsxs(FormField, {
+                    children: [
+                        /*#__PURE__*/ jsxs(Label, {
+                            htmlFor: `${uid}-block-reason`,
+                            children: [
+                                labels.blockReasonLabel,
+                                /*#__PURE__*/ jsx(RequiredIndicator, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Input, {
+                            id: `${uid}-block-reason`,
+                            value: action.reason,
+                            onChange: (e)=>onActionChange({
+                                    ...action,
+                                    reason: e.target.value
+                                }),
+                            placeholder: labels.blockReasonPlaceholder,
+                            error: errors?.blockReason
+                        })
+                    ]
+                }),
+                'filter' === action.$actionType && /*#__PURE__*/ jsxs(FormField, {
+                    children: [
+                        filterContent,
+                        /*#__PURE__*/ jsx(FormFieldError, {
+                            children: errors?.filterFields
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { GuardrailActionSection };

package/dist/canvas/components/Guardrails/components/guardrail-chip.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    guardrailChipVariants: ()=>guardrailChipVariants,
+    GuardrailChip: ()=>GuardrailChip
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_react_namespaceObject = require("react");
+const guardrailChipVariants = (0, external_class_variance_authority_namespaceObject.cva)('h-6 min-w-0 gap-1 rounded-full border px-2.5 text-xs font-medium [&_svg]:size-3', {
+    variants: {
+        appearance: {
+            default: 'bg-background text-foreground border-border hover:bg-muted hover:text-foreground data-[state=on]:bg-brand-subtle data-[state=on]:text-foreground-accent data-[state=on]:border-brand-lighter future:text-foreground future:hover:text-foreground future:data-[state=on]:text-foreground-accent',
+            addable: 'border-dashed bg-background text-foreground-muted border-border hover:bg-muted hover:text-foreground future:text-foreground-muted future:hover:text-foreground'
+        }
+    },
+    defaultVariants: {
+        appearance: 'default'
+    }
+});
+const GuardrailChip = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ appearance, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Toggle, {
+        ref: ref,
+        "data-slot": "guardrail-chip",
+        className: (0, apollo_wind_namespaceObject.cn)(guardrailChipVariants({
+            appearance,
+            className
+        })),
+        ...props
+    }));
+GuardrailChip.displayName = 'GuardrailChip';
+exports.GuardrailChip = __webpack_exports__.GuardrailChip;
+exports.guardrailChipVariants = __webpack_exports__.guardrailChipVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailChip",
+    "guardrailChipVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/guardrail-chip.d.ts

@@ -0,0 +1,11 @@
+import { Toggle } from '@uipath/apollo-wind';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const guardrailChipVariants: (props?: ({
+    appearance?: "default" | "addable" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface GuardrailChipProps extends React.ComponentPropsWithoutRef<typeof Toggle>, VariantProps<typeof guardrailChipVariants> {
+}
+declare const GuardrailChip: React.ForwardRefExoticComponent<GuardrailChipProps & React.RefAttributes<HTMLButtonElement>>;
+export { GuardrailChip, guardrailChipVariants };
+//# sourceMappingURL=guardrail-chip.d.ts.map

package/dist/canvas/components/Guardrails/components/guardrail-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-chip.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/guardrail-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,qBAAqB;;8EAgB1B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EACnD,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAGjD,QAAA,MAAM,aAAa,8FASlB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/canvas/components/Guardrails/components/guardrail-chip.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Toggle, cn } from "@uipath/apollo-wind";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+const guardrailChipVariants = cva('h-6 min-w-0 gap-1 rounded-full border px-2.5 text-xs font-medium [&_svg]:size-3', {
+    variants: {
+        appearance: {
+            default: 'bg-background text-foreground border-border hover:bg-muted hover:text-foreground data-[state=on]:bg-brand-subtle data-[state=on]:text-foreground-accent data-[state=on]:border-brand-lighter future:text-foreground future:hover:text-foreground future:data-[state=on]:text-foreground-accent',
+            addable: 'border-dashed bg-background text-foreground-muted border-border hover:bg-muted hover:text-foreground future:text-foreground-muted future:hover:text-foreground'
+        }
+    },
+    defaultVariants: {
+        appearance: 'default'
+    }
+});
+const GuardrailChip = /*#__PURE__*/ forwardRef(({ appearance, className, ...props }, ref)=>/*#__PURE__*/ jsx(Toggle, {
+        ref: ref,
+        "data-slot": "guardrail-chip",
+        className: cn(guardrailChipVariants({
+            appearance,
+            className
+        })),
+        ...props
+    }));
+GuardrailChip.displayName = 'GuardrailChip';
+export { GuardrailChip, guardrailChipVariants };

package/dist/canvas/components/Guardrails/components/guardrail-scope-selector.cjs

@@ -0,0 +1,217 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    GuardrailScopeSelector: ()=>GuardrailScopeSelector
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_field_shell_cjs_namespaceObject = require("./field-shell.cjs");
+const external_guardrail_chip_cjs_namespaceObject = require("./guardrail-chip.cjs");
+const ALL_SCOPES = [
+    'Agent',
+    'Llm',
+    'Tool'
+];
+function GuardrailScopeSelector({ selector, onChange, availableToolNames = [], allowedScopes, errors, labels }) {
+    const uid = (0, external_react_namespaceObject.useId)();
+    const scopeLabels = (0, external_react_namespaceObject.useMemo)(()=>({
+            Agent: labels.scopeAgentLabel,
+            Llm: labels.scopeLlmLabel,
+            Tool: labels.scopeToolLabel
+        }), [
+        labels
+    ]);
+    const selectedScopes = (0, external_react_namespaceObject.useMemo)(()=>selector.scopes ?? [], [
+        selector.scopes
+    ]);
+    const hasTools = availableToolNames.length > 0;
+    const visibleScopes = (0, external_react_namespaceObject.useMemo)(()=>{
+        const scopes = allowedScopes ?? ALL_SCOPES;
+        return hasTools ? scopes : scopes.filter((s)=>'Tool' !== s);
+    }, [
+        allowedScopes,
+        hasTools
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!hasTools && selectedScopes.includes('Tool')) {
+            const cleaned = selectedScopes.filter((s)=>'Tool' !== s);
+            onChange({
+                scopes: cleaned
+            });
+        }
+    }, [
+        hasTools,
+        selectedScopes,
+        onChange
+    ]);
+    const handleToggleScope = (0, external_react_namespaceObject.useCallback)((scope)=>{
+        const isSelected = selectedScopes.includes(scope);
+        const newScopes = isSelected ? selectedScopes.filter((s)=>s !== scope) : [
+            ...selectedScopes,
+            scope
+        ];
+        const hasToolScope = newScopes.includes('Tool');
+        if (hasToolScope) isSelected || 'Tool' !== scope ? onChange({
+            scopes: newScopes,
+            matchNames: selector.matchNames ?? [
+                ...availableToolNames
+            ]
+        }) : onChange({
+            scopes: newScopes,
+            matchNames: [
+                ...availableToolNames
+            ]
+        });
+        else onChange({
+            scopes: newScopes
+        });
+    }, [
+        selectedScopes,
+        selector.matchNames,
+        availableToolNames,
+        onChange
+    ]);
+    const handleToggleTool = (0, external_react_namespaceObject.useCallback)((toolName)=>{
+        const current = selector.matchNames ?? [];
+        const isSelected = current.includes(toolName);
+        const newMatchNames = isSelected ? current.filter((n)=>n !== toolName) : [
+            ...current,
+            toolName
+        ];
+        onChange({
+            ...selector,
+            matchNames: newMatchNames
+        });
+    }, [
+        selector,
+        onChange
+    ]);
+    const selectedTools = (0, external_react_namespaceObject.useMemo)(()=>selector.matchNames ?? [], [
+        selector.matchNames
+    ]);
+    const hasToolScope = selectedScopes.includes('Tool');
+    const targetedTools = (0, external_react_namespaceObject.useMemo)(()=>selectedTools.filter((name)=>availableToolNames.includes(name)), [
+        selectedTools,
+        availableToolNames
+    ]);
+    const addableTools = (0, external_react_namespaceObject.useMemo)(()=>availableToolNames.filter((name)=>!selectedTools.includes(name)), [
+        availableToolNames,
+        selectedTools
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        "data-slot": "guardrail-scope-selector",
+        className: "space-y-3",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
+                        id: `${uid}-scopes-label`,
+                        children: [
+                            labels.scopesLabel,
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.RequiredIndicator, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_field_shell_cjs_namespaceObject.FieldShell, {
+                        invalid: Boolean(errors?.scopes),
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            role: "group",
+                            "aria-labelledby": `${uid}-scopes-label`,
+                            "aria-invalid": errors?.scopes ? true : void 0,
+                            "aria-describedby": errors?.scopes ? `${uid}-scopes-error` : void 0,
+                            className: "flex flex-wrap gap-1.5",
+                            children: visibleScopes.map((scope)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_chip_cjs_namespaceObject.GuardrailChip, {
+                                    pressed: selectedScopes.includes(scope),
+                                    onPressedChange: ()=>handleToggleScope(scope),
+                                    children: scopeLabels[scope]
+                                }, scope))
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                        id: `${uid}-scopes-error`,
+                        children: errors?.scopes
+                    })
+                ]
+            }),
+            hasToolScope && availableToolNames.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
+                        id: `${uid}-tools-label`,
+                        children: [
+                            labels.toolsLabel,
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.RequiredIndicator, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_field_shell_cjs_namespaceObject.FieldShell, {
+                        invalid: Boolean(errors?.toolNames),
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            role: "group",
+                            "aria-labelledby": `${uid}-tools-label`,
+                            "aria-invalid": errors?.toolNames ? true : void 0,
+                            "aria-describedby": errors?.toolNames ? `${uid}-tools-error` : void 0,
+                            className: "flex flex-wrap gap-1.5",
+                            children: [
+                                targetedTools.map((name)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_guardrail_chip_cjs_namespaceObject.GuardrailChip, {
+                                        pressed: true,
+                                        onPressedChange: ()=>handleToggleTool(name),
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                                                "aria-hidden": "true"
+                                            }),
+                                            name
+                                        ]
+                                    }, `targeted-${name}`)),
+                                addableTools.map((name)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_guardrail_chip_cjs_namespaceObject.GuardrailChip, {
+                                        appearance: "addable",
+                                        pressed: false,
+                                        onPressedChange: ()=>handleToggleTool(name),
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                                                "aria-hidden": "true"
+                                            }),
+                                            name
+                                        ]
+                                    }, `addable-${name}`))
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                        id: `${uid}-tools-error`,
+                        children: errors?.toolNames
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.GuardrailScopeSelector = __webpack_exports__.GuardrailScopeSelector;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailScopeSelector"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});