@e-llm-studio/instant-learning 0.0.150 → 0.0.152

package/dist/cjs/features/IL-OTJ/_components/MessageRendering/ClickableChatComponents.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.mjs.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("../../helpers/utils.js"),i=require("../_svg/TickIcon.js"),s=require("../ChatComponents/ChatComponent.js"),o=function(r){var t=r.label,i=r.onToggle,s=r.isSelected,o=r.disabled;return n.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",cursor:o?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:o?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:o&&!s?.6:1},onClick:function(){return!o&&i(t,!s)}},{children:[n.jsx("div",e.__assign({style:{width:"18px",height:"18px",borderRadius:"4px",border:s?"none":"2px solid ".concat(o?"#e5e7eb":"#cfd8dc"),backgroundColor:s?o?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:s&&n.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),n.jsx("span",{children:t})]}))};exports.ActionableButton=function(o){o.node;var a=o.className,l=o.children,d=o.handleStream,c=o.onAction,u=o.disabled,g=o.isStreamEnd,p=void 0===g||g,f=o.style;o.isLastMessage;var x=e.__rest(o,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage"]),h=t.extractTextFromChildren(l),m=r.useState(!1),b=m[0],y=m[1],_=x["data-selected"],v="true"===_,j="true"===_||"false"===_,k=x["data-value"];if(!1===p&&!u&&!j)return null;if("clickable-button"===a){var F={background:"#fff",color:"#272727ff",borderColor:"#272727ff",cursor:"pointer",opacity:1};return j?F=v?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:u&&(F={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),n.jsx("button",e.__assign({className:a,onClick:function(n){return e.__awaiter(void 0,void 0,void 0,function(){var r,t,i,o;return e.__generator(this,function(e){switch(e.label){case 0:return n.preventDefault(),u||j?[2]:(r=k||h,c?(c(r),[3,6]):[3,1]);case 1:return e.trys.push([1,4,5,6]),t=void 0,(null==x?void 0:x.isTesterGenie)?(y(!0),[4,s.autoGeneratePrompt()]):[3,3];case 2:t=e.sent(),e.label=3;case 3:return d(new KeyboardEvent("keydown",{key:"Enter"}),!1,(null===(o=null==t?void 0:t.result)||void 0===o?void 0:o.Answer)||r,y),[3,6];case 4:return i=e.sent(),console.error("Error in ActionableButton onClick:",i),[3,6];case 5:return y(!1),[7];case 6:return[2]}})})},disabled:u||j,style:e.__assign({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:F.background||F.backgroundColor,color:F.color,border:"1px solid ".concat(F.borderColor),borderRadius:"4px",cursor:F.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"all 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:u||j?"none":"auto",opacity:F.opacity},f),onMouseEnter:function(e){u||j||(e.currentTarget.style.background="linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",e.currentTarget.style.borderColor="#55a78fff",e.currentTarget.style.color="#272727ff")},onMouseLeave:function(e){u||j||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727ff",e.currentTarget.style.color="#272727ff")}},x,{children:b&&(null==x?void 0:x.isTesterGenie)?n.jsx(n.Fragment,{children:n.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[n.jsx("span",{style:{display:"inline-block",width:"12px",height:"12px",border:"2px solid #64676A",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite"}}),n.jsx("style",{children:"\n                                        @keyframes spin {\n                                            to { transform: rotate(360deg); }\n                                        }\n                                    "}),"Finding an interesting usecase to test..."]}))}):n.jsxs(n.Fragment,{children:[v&&n.jsx("span",e.__assign({style:{fontSize:"1rem",color:"#6ee5a9ff",display:"flex",alignItems:"center"}},{children:n.jsx(i.TickIcon,{})})),l]})}))}return n.jsx("button",e.__assign({className:a},x,{children:l}))},exports.ActionableCheckbox=function(r){r.node;var i=r.className,s=r.children,a=r.selectedItems,l=r.onToggle,d=r.isSubmitted,c=r.disabled;e.__rest(r,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var u=t.extractTextFromChildren(s),g=u.trim();return"clickable-box"===i?d?a.includes(g)?n.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[n.jsx("span",e.__assign({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",u]})):null:n.jsx(o,{label:u,isSelected:a.includes(g),onToggle:l,disabled:c}):n.jsx("span",e.__assign({className:i},{children:s}))},exports.CheckboxSelector=o,exports.RuleDisplay=function(r){var t=r.content,i=function(e){var n=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=new RegExp("<".concat(n,">([\\s\\S]*?)<\\/").concat(n,">"),"i"),i=t.match(r);return i?i[1].trim():"*No ".concat(e," tag found.*")},s=i("reasoning_new"),o=i("proposed_rule"),a=i("wta_new"),l=i("wnta_new");return n.jsxs("div",e.__assign({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[n.jsx("div",e.__assign({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:s})),n.jsxs("div",e.__assign({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[n.jsxs("div",e.__assign({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[n.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),n.jsx("div",e.__assign({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:o}))]})),n.jsxs("div",e.__assign({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[n.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),n.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),n.jsxs("div",e.__assign({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[n.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),n.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:l}))]}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.mjs.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../helpers/utils.js"),o=require("../_svg/TickIcon.js"),i=require("../ChatComponents/ChatComponent.js"),s=require("../_svg/SparkleIcon.js"),a=function(n){var t=n.label,o=n.onToggle,i=n.isSelected,s=n.disabled;return r.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",cursor:s?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:s?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:s&&!i?.6:1},onClick:function(){return!s&&o(t,!i)}},{children:[r.jsx("div",e.__assign({style:{width:"18px",height:"18px",borderRadius:"4px",border:i?"none":"2px solid ".concat(s?"#e5e7eb":"#cfd8dc"),backgroundColor:i?s?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:i&&r.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),r.jsx("span",{children:t})]}))};exports.ActionableButton=function(a){a.node;var l=a.className,d=a.children,c=a.handleStream,u=a.onAction,g=a.disabled,p=a.isStreamEnd,f=void 0===p||p,b=a.style;a.isLastMessage;var x=e.__rest(a,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage"]),h=t.extractTextFromChildren(d),y=n.useState(!1),m=y[0],_=y[1],v=n.useState(!1),k=v[0],j=v[1],C=n.useState(null),T=C[0],S=C[1],w=n.useState(!1),F=w[0],z=w[1],W=n.useState(""),G=W[0],A=W[1],L=x["data-selected"],M="true"===L,P="true"===L||"false"===L,E=x["data-value"];if(!1===f&&!g&&!P)return null;var R={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},I={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===l){var B=(null==x?void 0:x.isTesterGenie)&&(m||null!==T),N=g||P||B,q={background:(null==x?void 0:x.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"#fff",color:(null==x?void 0:x.isTesterGenie)?"#6d28d9":"#272727ff",borderColor:(null==x?void 0:x.isTesterGenie)?"rgba(139, 92, 246, 0.35)":"#272727ff",cursor:"pointer",opacity:1};return P?q=M?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:(g||B)&&(q={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),r.jsxs(r.Fragment,{children:[r.jsx("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),r.jsx("button",e.__assign({className:l,onClick:function(r){return e.__awaiter(void 0,void 0,void 0,function(){var n,t,o,s;return e.__generator(this,function(e){switch(e.label){case 0:return r.preventDefault(),N?[2]:(n=E||h,u?(u(n),[3,8]):[3,1]);case 1:if(!(null==x?void 0:x.isTesterGenie))return[3,7];e.label=2;case 2:return e.trys.push([2,4,5,6]),_(!0),[4,i.autoGeneratePrompt()];case 3:return t=e.sent(),S((null===(s=null==t?void 0:t.result)||void 0===s?void 0:s.Answer)||""),[3,6];case 4:return o=e.sent(),console.error("Error in TesterGenie click:",o),[3,6];case 5:return _(!1),[7];case 6:return[3,8];case 7:c(new KeyboardEvent("keydown",{key:"Enter"}),!1,n,_),e.label=8;case 8:return[2]}})})},disabled:N,style:e.__assign({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:q.background,backgroundSize:(null==x?void 0:x.isTesterGenie)?"250% 250%":void 0,animation:(null==x?void 0:x.isTesterGenie)&&!N?"tgShimmer 6s ease infinite":void 0,color:q.color,border:"1.5px solid ".concat(q.borderColor),borderRadius:"6px",cursor:q.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:N?"none":"auto",opacity:q.opacity,boxShadow:(null==x?void 0:x.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},b),onMouseEnter:function(e){N||((null==x?void 0:x.isTesterGenie)?(e.currentTarget.style.animationPlayState="paused",e.currentTarget.style.background="linear-gradient(135deg, #c7d2fe, #ddd6fe, #bfdbfe)",e.currentTarget.style.borderColor="rgba(109, 40, 217, 0.5)",e.currentTarget.style.color="#5b21b6",e.currentTarget.style.boxShadow="0 2px 10px rgba(124, 58, 237, 0.18)"):(e.currentTarget.style.background="linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",e.currentTarget.style.borderColor="#55a78fff",e.currentTarget.style.color="#272727ff"))},onMouseLeave:function(e){N||((null==x?void 0:x.isTesterGenie)?(e.currentTarget.style.animationPlayState="running",e.currentTarget.style.background="linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)",e.currentTarget.style.borderColor="rgba(139, 92, 246, 0.35)",e.currentTarget.style.color="#6d28d9",e.currentTarget.style.boxShadow="0 1px 4px rgba(124, 58, 237, 0.1)"):(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727ff",e.currentTarget.style.color="#272727ff"))}},x,{children:m&&(null==x?void 0:x.isTesterGenie)&&null===T?r.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("span",{style:I}),"Finding an interesting usecase to test..."]})):r.jsxs(r.Fragment,{children:[M&&r.jsx("span",e.__assign({style:{fontSize:"1rem",color:"#6ee5a9ff",display:"flex",alignItems:"center"}},{children:r.jsx(o.TickIcon,{})})),d]})})),(null==x?void 0:x.isTesterGenie)&&null!==T&&r.jsxs("div",e.__assign({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid #e5e7eb",background:"#f9fafb",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(e){return e.stopPropagation()}},{children:[r.jsxs("p",e.__assign({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827"}},{children:[r.jsx("span",e.__assign({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:r.jsx(s.default,{})})),"Your prompt is ready!"]})),r.jsx("p",e.__assign({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"#111827",whiteSpace:"pre-wrap"}},{children:T})),r.jsx("p",e.__assign({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),r.jsxs("div",e.__assign({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[r.jsxs("button",e.__assign({disabled:k||m,style:e.__assign(e.__assign({},R),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:k||m?.6:1,cursor:k||m?"not-allowed":"pointer"}),onMouseEnter:function(e){k||m||(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){k||m||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){c(new KeyboardEvent("keydown",{key:"Enter"}),!1,T,_),S(null),z(!1),A("")}},{children:[r.jsx(o.TickIcon,{color:"#5b21b6"})," Proceed"]})),r.jsx("button",e.__assign({disabled:k||m,style:e.__assign(e.__assign({},R),{background:k?"#f3f4f6":"#fff",color:k?"#64676A":"#272727",borderColor:k?"#C0C0C2":"#272727",cursor:k||m?"not-allowed":"pointer",opacity:k||m?.7:1}),onMouseEnter:function(e){k||m||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){k||m||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,n,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,3,4]),j(!0),[4,i.autoGeneratePrompt(G||void 0)];case 1:return r=e.sent(),S((null===(t=null==r?void 0:r.result)||void 0===t?void 0:t.Answer)||""),[3,4];case 2:return n=e.sent(),console.error("Error regenerating prompt:",n),[3,4];case 3:return j(!1),[7];case 4:return[2]}})})}},{children:k?r.jsxs(r.Fragment,{children:[r.jsx("span",{style:I})," Regenerating..."]}):r.jsxs(r.Fragment,{children:[r.jsxs("svg",e.__assign({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[r.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),r.jsx("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),r.jsx("button",e.__assign({disabled:k||m,style:e.__assign(e.__assign({},R),{background:"#fff",color:F?"#5b21b6":"#64676A",borderColor:F?"#7c3aed":"#C0C0C2",cursor:k||m?"not-allowed":"pointer",opacity:k||m?.6:1}),onMouseEnter:function(e){k||m||(e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){k||m||F||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return z(function(e){return!e})}},{children:F?"✕    Hide Inputs":" Give Inputs"}))]})),F&&r.jsxs("div",e.__assign({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},{children:[r.jsx("p",e.__assign({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"#6b7280"}},{children:"Help us generate better prompt (optional)"})),r.jsx("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:G,onChange:function(e){return A(e.target.value)},rows:3,onKeyDown:function(e){e.stopPropagation()},onWheel:function(e){e.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid #d1d5db",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"#111827",background:"#fff",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(e){e.currentTarget.style.borderColor="#7c3aed"},onBlur:function(e){e.currentTarget.style.borderColor="#d1d5db"}}),r.jsxs("div",e.__assign({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[r.jsx("button",e.__assign({disabled:m||!G.trim(),style:e.__assign(e.__assign({},R),{background:m||!G.trim()?"#f3f4f6":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:m||!G.trim()?"#64676A":"#5b21b6",borderColor:m||!G.trim()?"#C0C0C2":"#7c3aed",cursor:m||!G.trim()?"not-allowed":"pointer",opacity:m||!G.trim()?.7:1}),onMouseEnter:function(e){!m&&G.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){!m&&G.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,n,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,3,4]),_(!0),[4,i.autoGeneratePrompt(G)];case 1:return r=e.sent(),S((null===(t=null==r?void 0:r.result)||void 0===t?void 0:t.Answer)||""),z(!1),[3,4];case 2:return n=e.sent(),console.error("Error generating with direction:",n),[3,4];case 3:return _(!1),[7];case 4:return[2]}})})}},{children:m?r.jsxs(r.Fragment,{children:[r.jsx("span",{style:I})," Generating..."]}):r.jsx(r.Fragment,{children:"✦ Generate"})})),r.jsx("button",e.__assign({disabled:m,style:e.__assign(e.__assign({},R),{background:"#fff",color:"#64676A",borderColor:"#C0C0C2",cursor:m?"not-allowed":"pointer",opacity:m?.5:1}),onMouseEnter:function(e){m||(e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onMouseLeave:function(e){m||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return A("")}},{children:"Clear"}))]}))]}))]}))]})}return r.jsx("button",e.__assign({className:l},x,{children:d}))},exports.ActionableCheckbox=function(n){n.node;var o=n.className,i=n.children,s=n.selectedItems,l=n.onToggle,d=n.isSubmitted,c=n.disabled;e.__rest(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var u=t.extractTextFromChildren(i),g=u.trim();return"clickable-box"===o?d?s.includes(g)?r.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[r.jsx("span",e.__assign({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",u]})):null:r.jsx(a,{label:u,isSelected:s.includes(g),onToggle:l,disabled:c}):r.jsx("span",e.__assign({className:o},{children:i}))},exports.CheckboxSelector=a,exports.RuleDisplay=function(n){var t=n.content,o=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),o=t.match(n);return o?o[1].trim():"*No ".concat(e," tag found.*")},i=o("reasoning_new"),s=o("proposed_rule"),a=o("wta_new"),l=o("wnta_new");return r.jsxs("div",e.__assign({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[r.jsx("div",e.__assign({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:i})),r.jsxs("div",e.__assign({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[r.jsxs("div",e.__assign({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),r.jsx("div",e.__assign({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),r.jsxs("div",e.__assign({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),r.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),r.jsxs("div",e.__assign({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),r.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:l}))]}))]}))]}))};
 //# sourceMappingURL=ClickableChatComponents.js.map