https://www.omni365.ai/static/js/4522.7c7abc0f.chunk.js

1"use strict";(self.webpackChunkomnidash=self.webpackChunkomnidash||[]).push([[4522],{34522(e,a,l){l.d(a,{default:()=>w});var o=l(89379),t=l(9950),n=l(71980),r=l(54783),i=l(85408),s=l(30902),d=l(55455),c=l(95367),u=l(51746),g=l(43748),f=l(42517),p=l(86512),h=l(59140),m=l(44414);const v=[{id:"whatsapp",label:"WhatsApp"},{id:"instagram",label:"Instagram"},{id:"facebook",label:"Facebook"},{id:"messenger",label:"Messenger"},{id:"threads",label:"Threads"},{id:"tiktok",label:"TikTok"},{id:"linkedin",label:"LinkedIn"},{id:"sms",label:"SMS"},{id:"web",label:"Web"},{id:"other",label:"Otra red"}],b={whatsapp:{bg:"#128C7E",fg:"#ffffff"},instagram:{bg:"#C13584",fg:"#ffffff"},facebook:{bg:"#1877F2",fg:"#ffffff"},messenger:{bg:"#0084FF",fg:"#ffffff"},threads:{bg:"#222222",fg:"#ffffff"},tiktok:{bg:"#FE2C55",fg:"#ffffff"},linkedin:{bg:"#0A66C2",fg:"#ffffff"},sms:{bg:"#6B4C9A",fg:"#ffffff"},web:{bg:"#0F6CBD",fg:"#ffffff"},other:{bg:"#5C5C5C",fg:"#ffffff"}},x=[{id:"local",label:"Funci\xf3n local",url:"https://omni365.jmaluendas.com/webhookToMsb"},{id:"prod",label:"Funci\xf3n producci\xf3n",url:"https://notification0e1d48.azurewebsites.net/webhookToMsb"}];function y(e){return"lab-".concat(e,"-").concat(Date.now().toString(36))}const S="channelLabPrefs";function w(e){var a,l,w,j,z,k,M,I,L,F,N;let{tenantId:C}=e;const{notifyFromApiError:B}=(0,h.L)(),T=(0,t.useRef)(function(){try{const e=localStorage.getItem(S);return e?JSON.parse(e):"prod"===localStorage.getItem("channelLabFnTarget")?{fnTarget:"prod"}:{}}catch(e){return{}}}()),[D,q]=(0,t.useState)(T.current.channel||"whatsapp"),[A,X]=(0,t.useState)([]),[O,_]=(0,t.useState)("prod"===T.current.fnTarget?"prod":"local"),[E,P]=(0,t.useState)(null!==(a=T.current.customChannel)&&void 0!==a?a:""),[H,V]=(0,t.useState)([]),[W,R]=(0,t.useState)(!0),[J,Y]=(0,t.useState)(T.current.tenantId||C||""),[G,$]=(0,t.useState)(()=>y(T.current.channel||"whatsapp")),[K,Z]=(0,t.useState)(T.current.sender||"+17875550100"),[Q,U]=(0,t.useState)(null!==(l=T.current.flowId)&&void 0!==l?l:""),[ee,ae]=(0,t.useState)(null!==(w=T.current.secret)&&void 0!==w?w:""),[le,oe]=(0,t.useState)(""),[te,ne]=(0,t.useState)(0),[re,ie]=(0,t.useState)(!1),[se,de]=(0,t.useState)([]),ce=(0,t.useRef)(null),ue=(0,t.useRef)([]);ue.current=se;const ge="other"===D?E.trim().toLowerCase():D,fe=(0,t.useMemo)(()=>"whatsapp"===ge||"sms"===ge,[ge]),pe=null!==(j=null===(z=A.find(e=>e.id===D))||void 0===z?void 0:z.label)&&void 0!==j?j:D,he=null!==(k=null!==(M=b[ge])&&void 0!==M?M:b[pe.trim().toLowerCase()])&&void 0!==k?k:b.other,me=null!==(I=null===(L=H.find(e=>e.tenantId===J))||void 0===L?void 0:L.name)&&void 0!==I?I:J;(0,t.useEffect)(()=>{let e=!1;return R(!0),n.A.get("/clients").then(a=>{if(e)return;const l=(Array.isArray(a.data)?a.data:[]).map(e=>{var a,l;const o=e,t=String(null!==(a=o.tenantId)&&void 0!==a?a:"").trim();return{tenantId:t,name:String(null!==(l=o.name)&&void 0!==l?l:"").trim()||t}}).filter(e=>e.tenantId.length>0).sort((e,a)=>e.name.localeCompare(a.name,"es"));V(l),Y(e=>{var a,o;if(e&&l.some(a=>a.tenantId===e))return e;const t=(null!==C&&void 0!==C?C:"").trim();return t&&l.some(e=>e.tenantId===t)?t:null!==(a=null===(o=l[0])||void 0===o?void 0:o.tenantId)&&void 0!==a?a:t})}).catch(a=>{e||B(a,{fallbackMessage:"No se pudieron cargar los clientes"})}).finally(()=>{e||R(!1)}),()=>{e=!0}},[B,C]),(0,t.useEffect)(()=>{const e=J.trim();if(!e)return void X([]);let a=!1;return n.A.get("/configs",{params:{tenantId:e}}).then(e=>{if(a)return;const l=new Set,o=[];for(const a of Array.isArray(e.data)?e.data:[]){var t,n,r,i;const e=String(null!==(t=null===a||void 0===a?void 0:a.nameConfig)&&void 0!==t?t:"").trim(),s=String(null!==(n=null===a||void 0===a?void 0:a.channelsMb)&&void 0!==n?n:"").trim();if(!e||!s)continue;const d=v.find(a=>"other"!==a.id&&(a.label.toLowerCase()===e.toLowerCase()||a.id===e.toLowerCase())),c=null!==(r=null===d||void 0===d?void 0:d.id)&&void 0!==r?r:e.toLowerCase().replace(/\s+/g,"-"),u=null!==(i=null===d||void 0===d?void 0:d.label)&&void 0!==i?i:e;l.has(c)||(l.add(c),o.push({id:c,label:u,channelsMb:s}))}X(o),q(e=>{var a,l;return o.some(a=>a.id===e)?e:null!==(a=null===(l=o[0])||void 0===l?void 0:l.id)&&void 0!==a?a:""})}).catch(()=>

1{a||X([])}),()=>{a=!0}},[J]),(0,t.useEffect)(()=>{const e={tenantId:J,channel:D,fnTarget:O,customChannel:E,sender:K,flowId:Q,secret:ee};try{localStorage.setItem(S,JSON.stringify(e)),localStorage.setItem("channelLabFnTarget",O)}catch(a){}},[J,D,O,E,K,Q,ee]);const ve=function(){$(y(arguments.length>0&&void 0!==arguments[0]?arguments[0]:D)),de([])},be=()=>{requestAnimationFrame(()=>{var e;null===(e=ce.current)||void 0===e||e.scrollTo({top:ce.current.scrollHeight})})},xe=async(e,a)=>{var l;const o=A.find(e=>e.id===D);if(!J||null===o||void 0===o||!o.channelsMb||!e.trim())return;const t=e.trim();de(e=>[...e,{id:"u-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,6)),role:"user",text:t}]),be(),ne(e=>e+1);const n=null!==(l=x.find(e=>e.id===O))&&void 0!==l?l:x[0],r=K.trim(),i=r.replace(/\D/g,""),s=i.length>=10?(r.startsWith("+"),"+".concat(i)):"+17875550100",d="lab-".concat(Date.now()),c=null!==a&&void 0!==a?a:G,u=[...se,{role:"user",text:t}].map(e=>({role:e.role,text:e.text}));try{const e=await fetch(n.url,{method:"POST",headers:{"Content-Type":"application/json","x-omni-lab":"1"},body:JSON.stringify({service:"channels",event:"".concat(ge,".inbound"),payload:{id:d,channelId:o.channelsMb,createdAt:(new Date).toISOString(),conversationId:c,labThread:u,sender:{connector:{id:o.channelsMb},contact:{id:s,identifierKey:"phonenumber",identifierValue:s,annotations:{name:"Lab"}}},receiver:{connector:{id:o.channelsMb}},body:{type:"text",text:{text:t}}}})}),a=await e.text();let l=a||String(e.status);try{var g;const e=JSON.parse(a);null!==e&&void 0!==e&&null!==(g=e.reply)&&void 0!==g&&g.trim()?l=e.reply.trim():null!==e&&void 0!==e&&e.branch&&(l=e.branch)}catch(f){}de(o=>[...o,{id:"b-".concat(d),role:"bot",text:e.ok?l:"Error ".concat(e.status,": ").concat(a),meta:n.url}])}catch(p){B(p,{fallbackMessage:"No se pudo llamar a la funci\xf3n"}),de(e=>[...e,{id:"e-".concat(Date.now()),role:"bot",text:"No se alcanz\xf3 ".concat(n.label," (").concat(n.url,").")}])}finally{ne(e=>Math.max(0,e-1)),be()}},ye={background:p.L.colorNeutralBackground1,border:"1px solid ".concat(p.L.colorNeutralStroke2),borderRadius:10,padding:12,display:"flex",flexDirection:"column",gap:8,boxShadow:p.L.shadow4},Se=(e,a)=>({display:"inline-flex",alignItems:"center",height:22,padding:"0 8px",borderRadius:999,fontSize:12,fontWeight:600,background:e,color:a,maxWidth:220,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),we={fontSize:11,fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:p.L.colorNeutralForeground3};return(0,m.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"minmax(280px, 340px) minmax(0, 1fr)",gap:12,height:"100%",minHeight:0,padding:12,boxSizing:"border-box",background:p.L.colorNeutralBackground3,color:p.L.colorNeutralForeground1},children:[(0,m.jsxs)("aside",{style:{display:"flex",flexDirection:"column",gap:10,minHeight:0,overflow:"auto"},children:[(0,m.jsxs)("div",{style:(0,o.A)((0,o.A)({},ye),{},{gap:4,borderTop:"3px solid ".concat(p.L.colorBrandBackground)}),children:[(0,m.jsx)(r.E,{weight:"semibold",size:400,children:"Laboratorio de canales"}),(0,m.jsx)(i.M,{style:{color:p.L.colorNeutralForeground3},children:"Simula un usuario. El remitente es ficticio."})]}),(0,m.jsxs)("div",{style:ye,children:[(0,m.jsx)("span",{style:we,children:"Sesi\xf3n"}),(0,m.jsx)(s.D,{label:"Cliente",size:"small",children:(0,m.jsx)(d.m,{size:"small",placeholder:W?"Cargando\u2026":"Elige un cliente",value:me,selectedOptions:J?[J]:[],disabled:W||0===H.length,onOptionSelect:(e,a)=>{const l=a.optionValue||"";Y(l),ve()},children:H.map(e=>(0,m.jsx)(c.c,{value:e.tenantId,text:e.name,children:e.name},e.tenantId))})}),(0,m.jsx)(s.D,{label:"Destino",size:"small",children:(0,m.jsx)(d.m,{size:"small",value:null!==(F=null===(N=x.find(e=>e.id===O))||void 0===N?void 0:N.label)&&void 0!==F?F:"Funci\xf3n local",selectedOptions:[O],onOptionSelect:(e,a)=>{const l="prod"===a.optionValue?"prod":"local";_(l),localStorage.setItem("channelLabFnTarget",l)},children:x.map(e=>(0,m.jsx)(c.c,{value:e.id,children:e.label},e.id))})})]}),(0,m.jsxs)("div",{style:(0,o.A)((0,o.A)({},ye),{},{borderTop:"3px solid ".concat(he.bg)}),children:[(0,m.jsxs)("span",{style:(0,o.A)((0,o.A)({},we),{},{color:he.bg}),children:["Canal \xb7 ",pe]}

1),(0,m.jsx)(s.D,{label:"Red social",size:"small",hint:"Solo redes registradas del cliente.",children:(0,m.jsx)(d.m,{size:"small",value:pe,selectedOptions:D?[D]:[],disabled:0===A.length,placeholder:0===A.length?"Este cliente no tiene redes":void 0,onOptionSelect:(e,a)=>{const l=a.optionValue||"whatsapp";q(l),ve(l)},children:A.map(e=>(0,m.jsx)(c.c,{value:e.id,children:e.label},e.id))})}),"other"===D?(0,m.jsx)(s.D,{label:"Nombre de la red",size:"small",hint:"Se env\xeda tal cual, por ejemplo telegram.",children:(0,m.jsx)(u.p,{size:"small",value:E,placeholder:"telegram",onChange:(e,a)=>P(a.value)})}):null,(0,m.jsx)(s.D,{label:fe?"Tel\xe9fono simulado":"Id de usuario simulado",size:"small",children:(0,m.jsx)(u.p,{size:"small",value:K,onChange:(e,a)=>Z(a.value)})})]}),(0,m.jsxs)("div",{style:ye,children:[(0,m.jsx)("span",{style:we,children:"Motor"}),(0,m.jsx)(s.D,{label:"Flujo",size:"small",hint:"Vac\xedo: el motor elige por el texto.",children:(0,m.jsx)(u.p,{size:"small",value:Q,placeholder:"Id num\xe9rico",onChange:(e,a)=>U(a.value)})}),(0,m.jsx)(s.D,{label:"Secreto del webhook",size:"small",hint:"Solo si el backend lo exige.",children:(0,m.jsx)(u.p,{size:"small",type:"password",value:ee,onChange:(e,a)=>ae(a.value)})}),(0,m.jsx)(g.$,{size:"small",appearance:"primary",onClick:()=>ve(),children:"Nuevo hilo"})]})]}),(0,m.jsxs)("section",{style:(0,o.A)((0,o.A)({},ye),{},{padding:0,gap:0,minWidth:0,minHeight:0,overflow:"hidden",borderTop:"3px solid ".concat(he.bg)}),children:[(0,m.jsxs)("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"10px 12px",borderBottom:"1px solid ".concat(p.L.colorNeutralStroke2),background:p.L.colorNeutralBackground1},children:[(0,m.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:6,minWidth:0},children:[(0,m.jsx)("span",{style:Se(p.L.colorBrandBackground2,p.L.colorBrandForeground2),children:me||"Sin cliente"}),(0,m.jsx)("span",{style:Se(he.bg,he.fg),children:pe}),(0,m.jsx)("span",{style:Se("prod"===O?p.L.colorPaletteDarkOrangeBackground2:p.L.colorPaletteGreenBackground2,"prod"===O?p.L.colorPaletteDarkOrangeForeground2:p.L.colorPaletteGreenForeground2),children:"prod"===O?"Producci\xf3n":"Local"})]}),(0,m.jsx)(i.M,{style:{color:p.L.colorNeutralForeground3,flexShrink:0},children:K||"usuario simulado"})]}),(0,m.jsxs)("div",{ref:ce,style:{flex:1,overflow:"auto",padding:14,display:"flex",flexDirection:"column",gap:8,background:p.L.colorNeutralBackground2},children:[0===se.length?(0,m.jsxs)("div",{style:{margin:"auto",textAlign:"center",maxWidth:320,color:p.L.colorNeutralForeground3},children:[(0,m.jsx)(r.E,{weight:"semibold",style:{color:p.L.colorNeutralForeground2},children:"Hilo vac\xedo"}),(0,m.jsx)(i.M,{block:!0,style:{marginTop:4},children:"Escribe como el cliente. La respuesta del flujo aparece aqu\xed."})]}

1):null,se.map(e=>(0,m.jsxs)("div",{style:{alignSelf:"user"===e.role?"flex-end":"flex-start",maxWidth:"min(76%, 540px)",padding:"8px 10px",borderRadius:"user"===e.role?"10px 10px 2px 10px":"10px 10px 10px 2px",whiteSpace:"pre-wrap",fontSize:13,lineHeight:1.4,background:"user"===e.role?he.bg:p.L.colorNeutralBackground1,color:"user"===e.role?he.fg:p.L.colorNeutralForeground1,border:"user"===e.role?"none":"1px solid ".concat(p.L.colorNeutralStroke2),boxShadow:p.L.shadow2},children:["user"===e.role?(0,m.jsx)("div",{style:{display:"flex",justifyContent:"flex-end",marginBottom:2},children:(0,m.jsx)(g.$,{size:"small",appearance:"transparent",disabled:re,onClick:()=>{(async e=>{if(re)return;const a=ue.current,l=a.findIndex(a=>a.id===e);if(l<0)return;const o=a.slice(0,l+1).filter(e=>"user"===e.role).map(e=>e.text);if(!o.length)return;const t=y(D);$(t),de([]),ie(!0);try{for(const e of o)await xe(e,t)}finally{ie(!1)}})(e.id)},style:{color:p.L.colorNeutralForegroundOnBrand,minWidth:0,height:22},children:"Reproducir hasta aqu\xed"})}):null,e.text,e.meta?(0,m.jsx)(i.M,{block:!0,style:{marginTop:4,color:"user"===e.role?p.L.colorNeutralForegroundOnBrand:p.L.colorNeutralForeground3,opacity:.85},children:e.meta}):null]},e.id)),te>0?(0,m.jsx)(f.y,{size:"tiny",label:te>1?"Procesando (".concat(te,")"):"Procesando"}):null]}),(0,m.jsxs)("form",{style:{display:"flex",gap:8,padding:10,borderTop:"1px solid ".concat(p.L.colorNeutralStroke2),background:p.L.colorNeutralBackground1,alignItems:"center"},onSubmit:e=>{e.preventDefault(),(async()=>{const e=le.trim();e&&(oe(""),await xe(e))})()},children:[(0,m.jsx)(i.M,{style:{color:p.L.colorNeutralForeground4,maxWidth:140,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:G,children:G}),(0,m.jsx)(u.p,{size:"small",style:{flex:1},value:le,placeholder:"Mensaje en ".concat(pe),onChange:(e,a)=>oe(a.value),disabled:!J||!ge}),(0,m.jsx)(g.$,{size:"small",appearance:"primary",type:"submit",disabled:re||!J||!ge||!le.trim(),children:re?"Reproduciendo\u2026":"Enviar"})]})]})]})}},30902(e,a,l){l.d(a,{D:()=>d});var o=l(9950),t=l(77898),n=l(92433),r=l(22131),i=l(28279),s=l(99547);const d=o.forwardRef((e,a)=>{const l=(0,n.F)(e,a);(0,r.b)(l),(0,s.$e)("useFieldStyles_unstable")(l);const o=(0,i.a)(l);return(0,t.Y)(l,o)});d.displayName="Field"},77898(e,a,l){l.d(a,{Y:()=>i});var o=l(2904),t=l(41776),n=l(41526),r=l(84581);const i=(e,a)=>{(0,t.C)(e);let{children:l}=e;return"function"===typeof l&&(l=l((0,r.m)(a.field)||{})),(0,o.Y)(n.Z,{value:null===a||void 0===a?void 0:a.field,children:(0,o.FD)(e.root,{children:[e.label&&(0,o.Y)(e.label,{}),l,e.validationMessage&&(0,o.FD)(e.validationMessage,{children:[e.validationMessageIcon&&(0,o.Y)(e.validationMessageIcon,{}),e.validationMessage.children]}),e.hint&&(0,o.Y)(e.hint,{})]})})}},92433(e,a,l){l.d(a,{F:()=>f});var o=l(89379),t=l(9950),n=l(67224),r=l(58257),i=l(89779),s=l(90468),d=l(78183),c=l(24277),u=l(26790);const g={error:t.createElement(r.KDG,null),warning:t.createElement(i.Co_,null),success:t.createElement(n.D7b,null),none:void 0},f=(e,a)=>{const{children:l,orientation:t="vertical",required:n=!1,validationState:r=(e.validationMessage?"error":"none"),size:i="medium"}=e,f=(0,c.Bi)("field-"),p=f+"__control",h=d.always((0,u.g)("div",(0,o.A)((0,o.A)({},e),{},{ref:a}),["children"]),{elementType:"div"}),m=d.optional(e.label,{defaultProps:{htmlFor:p,id:f+"__label",required:n,size:i},elementType:s.J}),v=d.optional(e.validationMessage,{defaultProps:{id:f+"__validationMessage",role:"error"===r||"warning"===r?"alert":void 0},elementType:"div"}),b=d.optional(e.hint,{defaultProps:{id:f+"__hint"},elementType:"div"}),x=g[r],y=d.optional(e.validationMessageIcon,{renderByDefault:!!x,defaultProps:{children:x},elementType:"span"});return{children:l,generatedControlId:p,orientation:t,required:n,size:i,validationState:r,components:{root:"div",label:s.J,validationMessage:"div",validationMessageIcon:"span",hint:"div"},root:h,label:m,validationMessageIcon:y,validationMessage:v,hint:b}}},22131(e,a,l){l.d(a,{Z:()=>r,b:()=>f});var o=l(13137),t=l(82713),n=l(86975);const r={root:"fui-Field",label:"fui-Field__label",validationMessage:"fui-Field__validationMessage",validationMessageIcon:"fui-Field__validationMessageIcon",hint:"fui-Field__hint"},i=(0,o.X)({base:{mc9l5x:"f13qh94s"},horizontal:{Budl1dq:"f2wwaib",wkccdc:"f1645dqt"},horizontalNoLabel:{uwmqm3:["f15jqgz8","fggqkej"],Budl1dq:"f1c2z91y"}},{d:[".f13qh94s{display:grid;}",".f2wwaib{grid-template-columns:33% 1fr;}",".f1645dqt{grid-template-rows:auto auto auto 1fr;}",".f15jqgz8{padding-left:33%;}",".fggqkej{padding-right:33%;}",".f1c2z91y{grid-template-columns:1fr;}"]}),s=(0,o.X)({vertical:{z8tnut:"fclwglc",Byoj8tv:"fywfov9",jrapky:"fyacil5"},verticalLarge:{z8tnut:"f1sl3k7w",Byoj8tv:"f1brlhvm",jrapky:"f8l5zjj"},horizontal:{z8tnut:"fp2oml8",Byoj8tv:"f1tdddsa",t21cq0:["fkujibs","f199hnxi"],Ijaq50:"f16hsg94",nk6f5a:"f1nzqi2z"}

1,horizontalSmall:{z8tnut:"f1ywm7hm",Byoj8tv:"f14wxoun"},horizontalLarge:{z8tnut:"f1hqyr95",Byoj8tv:"fm4hlj0"}},{d:[".fclwglc{padding-top:var(--spacingVerticalXXS);}",".fywfov9{padding-bottom:var(--spacingVerticalXXS);}",".fyacil5{margin-bottom:var(--spacingVerticalXXS);}",".f1sl3k7w{padding-top:1px;}",".f1brlhvm{padding-bottom:1px;}",".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}",".fp2oml8{padding-top:var(--spacingVerticalSNudge);}",".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}",".fkujibs{margin-right:var(--spacingHorizontalM);}",".f199hnxi{margin-left:var(--spacingHorizontalM);}",".f16hsg94{grid-row-start:1;}",".f1nzqi2z{grid-row-end:-1;}",".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",".f14wxoun{padding-bottom:var(--spacingVerticalXS);}",".f1hqyr95{padding-top:9px;}",".fm4hlj0{padding-bottom:9px;}"]}),d=(0,t.y)("r5c4z9l",null,[".r5c4z9l{margin-top:var(--spacingVerticalXXS);color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]),c=(0,o.X)({error:{sj55zd:"f1hcrxcs"},withIcon:{uwmqm3:["frawy03","fg4c52"]}},{d:[".f1hcrxcs{color:var(--colorPaletteRedForeground1);}",".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}",".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"]}),u=(0,t.y)("ra7h1uk","r1rh6bd7",[".ra7h1uk{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}",".r1rh6bd7{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}"]),g=(0,o.X)({error:{sj55zd:"f1hcrxcs"},warning:{sj55zd:"f1k5f75o"},success:{sj55zd:"ffmvakt"}},{d:[".f1hcrxcs{color:var(--colorPaletteRedForeground1);}",".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}",".ffmvakt{color:var(--colorPaletteGreenForeground1);}"]}),f=e=>{const{validationState:a,size:l}=e,o="horizontal"===e.orientation,t=i();e.root.className=(0,n.z)(r.root,t.base,o&&t.horizontal,o&&!e.label&&t.horizontalNoLabel,e.root.className);const f=s();e.label&&(e.label.className=(0,n.z)(r.label,o&&f.horizontal,o&&"small"===l&&f.horizontalSmall,o&&"large"===l&&f.horizontalLarge,!o&&f.vertical,!o&&"large"===l&&f.verticalLarge,e.label.className));const p=u(),h=g();e.validationMessageIcon&&(e.validationMessageIcon.className=(0,n.z)(r.validationMessageIcon,p,"none"!==a&&h[a],e.validationMessageIcon.className));const m=d(),v=c();return e.validationMessage&&(e.validationMessage.className=(0,n.z)(r.validationMessage,m,"error"===a&&v.error,!!e.validationMessageIcon&&v.withIcon,e.validationMessage.className)),e.hint&&(e.hint.className=(0,n.z)(r.hint,m,e.hint.className)),e}},28279(e,a,l){l.d(a,{a:()=>t});var o=l(9950);const t=e=>{var a,l,t,n;const{generatedControlId:r,orientation:i,required:s,size:d,validationState:c}=e,u=null===(a=e.label)||void 0===a?void 0:a.htmlFor,g=null===(l=e.label)||void 0===l?void 0:l.id,f=null===(t=e.validationMessage)||void 0===t?void 0:t.id,p=null===(n=e.hint)||void 0===n?void 0:n.id;return{field:o.useMemo(()=>({generatedControlId:r,hintId:p,labelFor:u,labelId:g,orientation:i,required:s,size:d,validationMessageId:f,validationState:c}),[r,p,u,g,i,s,d,f,c])}}}}]);