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

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

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