@remoteoss/remote-flows 1.47.0 → 1.47.1

package/dist/chunk-KBDRU6SO.js

@@ -1,2 +0,0 @@
-import{a as J}from"./chunk-CM4UUBU5.js";import{a as re}from"./chunk-UCBZMQGL.js";import{b as ne,c as ie,f as le}from"./chunk-RRERBS7F.js";import{a as te}from"./chunk-BODQC6OK.js";import{a as oe}from"./chunk-RKXF7Q7V.js";import{c as G}from"./chunk-WDO7XH6B.js";import{c as g,i as T,m as B}from"./chunk-4FGKIGKF.js";import{l as j,m as ee,n as H,r as O}from"./chunk-NXRWBI36.js";import{b as S,c as x}from"./chunk-H2O4CVKF.js";import{a as n}from"./chunk-P37U34EQ.js";import{Fragment as no,useEffect as io,useRef as We}from"react";import V from"lodash.omit";import{jsx as se}from"react/jsx-runtime";function me({description:e,label:o,name:t,minDate:r,maxDate:i,onChange:l,component:a,...s}){let{components:p}=S(),{control:u}=g(),F=x(),m;s.meta?.mot&&typeof s.meta.mot=="number"?m=j(s.meta.mot):typeof r=="string"&&(m=new Date(`${r}T00:00:00`));let f;return i&&(f=new Date(`${i}T23:59:59`)),se(T,{control:u,name:t,render:({field:C,fieldState:h})=>{let c=a||p?.date;if(!c)throw new Error(`Date picker component not found for field ${t}`);let P={description:e,label:o,name:t,onChange:l,transformHtml:F,...m&&{minDate:m.toISOString()},...f&&{maxDate:f.toISOString()},...s};return se(c,{field:{...C,onChange:n(y=>{C.onChange(y),l?.(y)},"onChange")},fieldState:h,fieldData:P})}})}n(me,"DatePickerField");import{jsx as ae}from"react/jsx-runtime";var Oe=n((e,o)=>{if(!o)return null;for(let t of e)if(t.size>o){let r=Math.round(o/1048576),i=Math.round(t.size/(1024*1024));return`File "${t.name}" exceeds maximum size of ${r}MB (file is ${i}MB)`}return null},"validateFileSize");function de({name:e,description:o,label:t,multiple:r,onChange:i,component:l,accept:a,maxSize:s,...p}){let{components:u}=S(),{control:F,setError:m,clearErrors:f}=g(),C=x(),h=n(async(c,P)=>{let y=Oe(c,s);if(y){m(e,{message:y});return}f(e),P.onChange(c),i?.(c)},"handleOnChange");return ae(T,{control:F,name:e,render:({field:c,fieldState:P})=>{let y=l||u.file;if(!y)throw new Error(`File upload component not found for field ${e}`);let b={name:e,description:o,label:t,multiple:r,accept:a,maxFileSize:s,transformHtml:C,...p};return ae(y,{field:{...c,value:c.value,onChange:n(async w=>h(w,c),"onChange")},fieldState:P,fieldData:b})}})}n(de,"FileUploadField");import{jsx as pe}from"react/jsx-runtime";function I({component:e,onChange:o,...t}){let{components:r}=S(),{control:i}=g(),l=x();return pe(T,{control:i,name:t.name,render:({field:a,fieldState:s})=>{let p=e||r.number;if(!p)throw new Error(`Number component not found for field ${t.name}`);let u={onChange:o,transformHtml:l,...t};return pe(p,{field:{...a,onChange:n(F=>{a.onChange(F),o?.(F)},"onChange")},fieldState:s,fieldData:u})}})}n(I,"NumberField");import{jsx as ce}from"react/jsx-runtime";function ue({name:e,defaultValue:o,description:t,label:r,options:i,onChange:l,component:a,...s}){let{components:p}=S(),{control:u}=g(),F=x();return ce(T,{control:u,name:e,defaultValue:o,render:({field:m,fieldState:f})=>{let C=a||p?.radio;if(!C)throw new Error(`Radio group component not found for field ${e}`);let h={name:e,defaultValue:o,description:t,label:r,options:i,transformHtml:F,...s};return ce(C,{field:{...m,onChange:n(c=>{m.onChange(c),l?.(c)},"onChange")},fieldState:f,fieldData:h})}})}n(ue,"RadioGroupField");import{jsx as Fe}from"react/jsx-runtime";function fe({label:e,name:o,options:t,defaultValue:r,description:i,onChange:l,component:a,...s}){let{control:p}=g(),{components:u}=S(),F=x();return Fe(T,{defaultValue:r,control:p,name:o,render:({field:m,fieldState:f})=>{let C=a||u?.select;if(!C)throw new Error(`Select component not found for field ${o}`);let h={label:e,name:o,options:t,defaultValue:r,description:i,onChange:l,transformHtml:F,...s};return Fe(C,{field:{...m,onChange:n(c=>{let y=(Array.isArray(s.jsonType)?s.jsonType.includes("number"):s.jsonType==="number")?Number(c):c;m.onChange(y),l?.(y)},"onChange")},fieldState:f,fieldData:h})}})}n(fe,"SelectField");import{jsx as Ce}from"react/jsx-runtime";function ge({label:e,name:o,options:t,defaultValue:r,description:i,onChange:l,$meta:a,component:s,...p}){let{control:u}=g(),{components:F}=S(),m=x();return Ce(T,{defaultValue:r,control:u,name:o,render:({field:f,fieldState:C})=>{let h=s||F.countries;if(!h)throw new Error(`Country component not found for field ${o}`);let c={label:e,name:o,options:t,defaultValue:r,description:i,onChange:l,$meta:a,transformHtml:m,...p};return Ce(h,{field:{...f,onChange:n(P=>{f.onChange(P),l?.(P)},"onChange")},fieldState:C,fieldData:c})}})}n(ge,"CountryField");import{jsx as he}from"react/jsx-runtime";function Se({name:e,description:o,label:t,onChange:r,maxLength:i,component:l,...a}){let{components:s}=S(),{control:p}=g(),u=x();return he(T,{control:p,name:e,render:({field:F,fieldState:m})=>{let f=l||s.textarea;if(!f)throw new Error(`Text area component not found for field ${e}`);let C={name:e,description:o,label:t,maxLength:i,transformHtml:u,...a};return he(f,{field:{...F,onChange:n(h=>{F.onChange(h),r?.(h)},"onChange")},fieldState:m,fieldData:C})}})}n(Se,"TextAreaField");import{jsx as Te}from"react/jsx-runtime";function xe({component:e,onChange:o,...t}){let{components:r}=S(),{control:i}=g(),l=x();return Te(T,{control:i,name:t.name,render:({field:a,fieldState:s})=>{let p=e||r.email;if(!p)throw new Error(`Email component not found for field ${t.name}`);let u={onChange:o,transformHtml:l,...t};return Te(p,{field:{...a,onChange:n(F=>{a.onChange(F),o?.(F)},"onChange")},fieldState:s,fieldData:u})}})}n(xe,"EmailField");import{useEffect as Ge}from"react";import{jsx as ye}from"react/jsx-runtime";function be(e){let{control:o,setValue:t}=g();return Ge(()=>{e.const!==void 0&&e.const===e.default&&e.name&&t(e.name,e.const)},[e.const,e.default,e.name,t]),ye(T,{control:o,name:e.name,render:({field:r})=>ye("input",{...r,type:"hidden"})})}n(be,"HiddenField");import{useEffect as Ue,useState as Ze}from"react";import{jsx as Pe}from"react/jsx-runtime";function $e(e){let{components:o}=S(),{setValue:t,control:r,watch:i}=g(),l=x(),a=i(e.name),[s,p]=Ze(a),{workHoursSummary:u,breakSummary:F}=ie(s),m=ne(s);Ue(()=>{t(e.name,s)},[s,e.name,t]);function f(c){p(c)}n(f,"onSubmit");let C=e.component||o["work-schedule"];if(!C)throw new Error(`Work schedule component not found for field ${e.name}`);let h={...e,onSubmit:f,currentSchedule:s,transformHtml:l,defaultFormattedValue:{workHoursSummary:u,breakSummary:F,totalWorkHours:m}};return Pe(T,{control:r,name:e.name,render:({field:c,fieldState:P})=>Pe(C,{field:{...c,onChange:n(y=>{c.onChange(y),e.onChange?.(y)},"onChange")},fieldState:P,fieldData:h})})}n($e,"WorkScheduleField");import{jsx as De}from"react/jsx-runtime";function Re({label:e,name:o,options:t,defaultValue:r,description:i,onChange:l,component:a,...s}){let{control:p}=g(),{components:u}=S(),F=x();return De(T,{defaultValue:r,control:p,name:o,render:({field:m,fieldState:f})=>{let C=a||u?.["multi-select"];if(!C)throw new Error(`Multi select component not found for field ${o}`);let h={label:e,name:o,options:t,defaultValue:r,description:i,onChange:l,transformHtml:F,...s};return De(C,{field:{...m,onChange:n(c=>{m.onChange(c),l?.(c)},"onChange")},fieldState:f,fieldData:h})}})}n(Re,"MultiSelectField");import{jsx as Ke}from"react/jsx-runtime";var ve=n(e=>Ke(I,{maxLength:15,...e}),"MoneyField");import{useMemo as L,useCallback as we,useState as qe,useEffect as Qe,useRef as Xe}from"react";import{jsx as U}from"react/jsx-runtime";function Ye(e){return e.replace(/\s/g,"")}n(Ye,"removeSpaces");function _e(e="",o){let t=new RegExp(`^(\\+|00)(\\d{${o?.dialCode?.length??0}})(.*)$`),r=e?.match(t);if(!r)return{prefix:"",dialCode:"",phoneNumber:e};let[,i,l,a]=r;return{prefix:i,dialCode:l,phoneNumber:a}}n(_e,"getStructuredNumberFromInternationalNumber");function Ee({dialCodes:e,dialCodeMaxLength:o},t){let{prefix:r}=_e(t);if(r)for(let i=o+r.length;i>r.length;i--){let l=t.slice(r.length,i);if(e[l])return e[l]}}n(Ee,"getCountryFromPhoneNumber");function Me(e){let o={},t=0;return e.forEach(r=>{r.areaCodes?r.areaCodes.forEach(i=>{let l=r.dialCode+i;o[l]=r,l.length>t&&(t=l.length)}):(o[r.dialCode]=r,r.dialCode.length>t&&(t=r.dialCode.length))}),{dialCodes:o,dialCodeMaxLength:t}}n(Me,"getCountryDataByCountryCode");function je(e=""){let o=/\(([^)]+)\)/g,t=e.match(o);if(t?.length===2)return t[1].replace(/\(|\)/g,"").split("|")}n(je,"getAreaCodesFromPattern");function eo(e){return e.map(o=>({name:o.label,dialCode:o.meta.countryCode,pattern:o.pattern,areaCodes:je(o.pattern)}))}n(eo,"transformSchemaToCountries");function oo({field:e,fieldState:o,fieldData:t,component:r,onChangeCountryCode:i,onChangePhoneNumber:l}){let{value:a}=e,{options:s}=t,p=L(()=>eo(s),[s]),u=L(()=>Me(p),[p]),F=Xe(!1),[m,f]=qe(()=>Ee(Me(p),a||""));Qe(()=>{if((!a||a==="+")&&(F.current=!1),F.current)return;let b=Ee(u,a||"");f(b)},[a,u]);let{prefix:C,phoneNumber:h}=L(()=>_e(a,m),[a,m]),c=we(b=>{if(!b)return;let w=`+${b.dialCode}${h}`;F.current=!0,f(b),e.onChange(w),i&&i(b)},[h,e,i]),P=we(b=>{let w=Ye(b.target.value),_;if(m?_=`${C}${m.dialCode}${w}`:_=`${C}${w}`,e.onChange(_),l){let N={target:{value:_,name:e.name}};l(N)}},[m,C,e,l]),y=L(()=>({...t,onChangeCountryCode:c,onChangePhoneNumber:P,currentCountry:m,nationalPhoneNumber:h}),[t,c,P,m,h]);return U(r,{field:e,fieldState:o,fieldData:y})}n(oo,"TelFieldRenderer");function Ne({name:e,description:o,label:t,onChangeCountryCode:r,onChangePhoneNumber:i,component:l,...a}){let{components:s}=S(),{control:p}=g(),u=x();return U(T,{control:p,name:e,render:({field:F,fieldState:m})=>{let f=l||s.tel;if(!f)throw new Error(`Tel component not found for field ${e}`);let C={name:e,description:o,label:t,transformHtml:u,...a};return U(oo,{field:F,fieldState:m,fieldData:C,component:f,onChangeCountryCode:r,onChangePhoneNumber:i})}})}n(Ne,"TelField");import{jsx as ke}from"react/jsx-runtime";function He({name:e,description:o,label:t,type:r,onChange:i,component:l,maxLength:a,...s}){let{components:p}=S(),{control:u}=g(),F=x();return ke(T,{control:u,name:e,render:({field:m,fieldState:f})=>{let C=l||p?.time;if(!C)throw new Error(`Time component not found for field ${e}`);let h={name:e,description:o,label:t,type:r,onChange:i,maxLength:a,transformHtml:F,...s};return ke(C,{field:{...m,onChange:n(c=>{m.onChange(c),i?.(c)},"onChange")},fieldState:f,fieldData:h})}})}n(He,"TimeField");var Z={checkbox:le,text:te,email:xe,money:ve,select:fe,"multi-select":Re,radio:ue,number:I,file:de,date:me,textarea:Se,countries:ge,hidden:be,tel:Ne,time:He,"work-schedule":$e};import{useEffect as to}from"react";import{jsx as K,jsxs as ro}from"react/jsx-runtime";function Ve({name:e,value:o,description:t,statement:r,label:i,helpCenter:l}){let{setValue:a}=g(),s=r?.description||t,p=r?.title?O(r?.title):O(i),u=`forced-value-${e}-title`,F=`forced-value-${e}-description`;return to(()=>{a(e,o)},[e,o,a]),!s&&!r?.title?null:ro("div",{role:"group","aria-labelledby":p?u:void 0,"aria-describedby":s?F:void 0,children:[p&&K("p",{id:u,className:`text-sm RemoteFlows__ForcedValue__Title__${e}`,dangerouslySetInnerHTML:{__html:p}}),K(B,{as:"span",id:F,className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,helpCenter:K(oe,{className:"RemoteFlows__ForcedValue__HelpCenterLink",helpCenter:l}),children:s})]})}n(Ve,"ForcedValueField");import{Fragment as q,jsx as $,jsxs as M}from"react/jsx-runtime";function Ae({label:e,name:o,fields:t,description:r,components:i,statement:l,isFlatFieldset:a,extra:s,variant:p="outset",features:u,meta:F}){let{helpCenter:m}=F||{},{watch:f,setValue:C,trigger:h,formState:c}=g(),{components:P}=S(),y=u?.toggle?.stateField,b=y?f(y):u?.toggle?.defaultExpanded??!0,w=t.map(({name:d})=>`${o}.${d}`),_=t.some(d=>d.calculateDynamicProperties),N=f(w),Be=_?f():N,Q=We(N),k=We(null),Je=n(()=>{y&&C(y,!b)},"toggleExpanded");io(()=>{let d=N,E=Q.current,R=c.isSubmitted||c.submitCount>0,W=!1;for(let v=0;v<d.length;v++)if(d[v]!==void 0&&E[v]!==d[v]){W=!0;break}return W&&R&&(k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{h()},50)),Q.current=[...d],()=>{k.current&&clearTimeout(k.current)}},[N,h,c.isSubmitted,c.submitCount]);let Ie=P?.fieldsetToggle||re,X=`${o}-content`,Y=`${o}-header`;return M("fieldset",{className:H("border-1 border-input p-4 rounded-xl","RemoteFlows__FieldSetField",`RemoteFlows__FieldSetField__${o}`),children:[$("legend",{className:H("text-sm font-semibold px-2",p==="inset"&&"hidden"),children:e}),m?.callToAction&&m?.id&&p==="outset"&&$(G,{className:"RemoteFlows__FieldSetField__HelpCenterLink mb-3",zendeskId:m.id,children:m.callToAction}),p==="inset"&&M(q,{children:[M("div",{className:"RemoteFlows__FieldSetField__Header",id:Y,"data-state":b?"expanded":"collapsed","aria-expanded":b,children:[$("h3",{className:H("RemoteFlows__FieldSetField__Title"),children:e}),u?.toggle?.enabled&&$(Ie,{isExpanded:b,onToggle:Je,"aria-expanded":b,"aria-controls":X,"aria-label":`${b?"Hide":"Show"} ${e}`,className:H("RemoteFlows__FieldSetField__Toggle",u.toggle?.className),children:b?u.toggle.labels?.collapse??"Remove":u.toggle.labels?.expand??"Define"})]}),m?.callToAction&&m?.id&&$(G,{className:"RemoteFlows__FieldSetField__HelpCenterLink mb-3",zendeskId:m.id,children:m.callToAction})]}),b&&M("div",{id:X,"aria-labelledby":Y,role:"region",children:[r?$(B,{as:"div",className:"mb-5 RemoteFlows__FieldSetField__Description",children:r}):null,M("div",{className:"grid gap-4",children:[t.map(d=>{if(d.calculateDynamicProperties&&(d={...d,...d.calculateDynamicProperties(Be,d)||{}}),d.isVisible===!1||d.deprecated)return null;let E=d.type,R=`${a?d.name:`${o}.${d.name}`}`,W=ee(d),v=n((D,A)=>d.WrapperComponent?$(d.WrapperComponent,{children:D},A):$(no,{children:D},A),"wrapWithCustomWrapper");if(W){let D=V(d,"WrapperComponent");return v($(Ve,{name:R,description:D.description,value:D.const,statement:D.statement,label:D.label,helpCenter:D.meta?.helpCenter}),R)}if(E==="fieldset"){let D=V(d,"WrapperComponent");return v($(Ae,{...D,name:R,components:i}),R)}if(E==="fieldset-flat"){let D=V(d,"WrapperComponent");return v($(Ae,{...D,name:R,components:i,isFlatFieldset:!0}),R)}let z=Z[E];if(d.Component){let{Component:D}=d,A=V(d,"WrapperComponent");return v(M(q,{children:[$(D,{...A,value:f(R),setValue:ze=>{C(R,ze)}}),d.statement?$(J,{...d.statement}):null,d.extra?d.extra:null]}),R)}if(!z)return M("p",{className:"error",children:["Field type ",E," not supported"]});E==="select"&&d.multiple&&(z=Z["multi-select"]);let Le=V(d,"WrapperComponent");return v(M(q,{children:[$(z,{...Le,name:R,component:i?.[E]}),d.statement?$(J,{...d.statement}):null,d.extra?d.extra:null]}),R)}),s||null,l?$(J,{...l}):null]})]})]})}n(Ae,"FieldSetField");export{Z as a,Ve as b,Ae as c};
-//# sourceMappingURL=chunk-KBDRU6SO.js.map