https://www.twain.ai/assets/MultiFormSlider-aL3bPsJ7.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`6b85ecdc-7140-449a-a6f5-1442665eb986`,e._sentryDebugIdIdentifier=`sentry-dbid-6b85ecdc-7140-449a-a6f5-1442665eb986`)}catch{}})();import{a as e}from"./rolldown-runtime-BMeI84Mc.js";import{t}from"./react-WDKYc4qm.js";import{t as n}from"./jsx-runtime-D9GSpKDf.js";import"./utils-0tI9uaQ2.js";import{n as r}from"./IconSVG-whEfqG3B-DHgYpmba.js";import{t as i}from"./classnames-z26bgr_C.js";import{G as a,n as o}from"./Button-UqWikuPw.js";import{d as s,n as c,u as l}from"./Dropdown-B569SiVS.js";import{t as u}from"./onPreventDefault-H626O1DA.js";import{c as d}from"./dist-y9jRDF5O.js";import{t as f}from"./Clickable-CYC56n8l.js";import{n as p,t as m}from"./dist-xi2-iJYM.js";import{t as h}from"./CaretRightL_SM-DH0bKJHY.js";import"./Popover-CwcnnPGW.js";import{t as g}from"./debounce-B63GZqSe.js";import{n as _,r as v,s as y,t as b}from"./swiper-react-tPiA1ZeQ.js";import{n as x,r as S,t as C}from"./effect-virtual-transition-end-8qjAGOwa.js";/* empty css               */var w=e(i()),T=e(g()),E=e(t()),D=({ref:e,onResize:t,box:n=`border-box`})=>{let r=(0,E.useRef)(null),i=(0,E.useCallback)(()=>{r.current!==null&&cancelAnimationFrame(r.current),r.current=requestAnimationFrame(()=>{t()})},[t]);d((0,E.useMemo)(()=>({ref:e,onResize:i,box:n}),[n,i,e])),(0,E.useEffect)(()=>()=>{r.current!==null&&cancelAnimationFrame(r.current)},[])},O=n(),k=(0,E.memo)((0,E.forwardRef)(({isVisible:e=!0,onClick:t,children:n,scrollableRef:r,withoutIcon:i,pending:a,disabled:s,immediate:c,isSticky:l=!1,variant:u=`primary`,iconClassName:d=`__pls-3 __nrs-9`,isCustomButton:f,agentId:p},m)=>{let[g,_]=(0,E.useState)(!1),[v,y]=(0,E.useState)(!1),b=(0,E.useRef)(null);(0,E.useEffect)(()=>{if(c||!l){_(e);return}let t=setTimeout(()=>{_(e)},0);return()=>{clearTimeout(t)}},[c,l,e]);let x=(0,E.useCallback)(()=>{if(!r?.current)return;let e=r.current,t=e.scrollTop,n=e.scrollHeight,i=e.clientHeight;Math.abs(t-(n-i))<1?y(!1):y(!0)},[r]),S=(0,E.useMemo)(()=>(0,T.default)(x,10),[x]);if((0,E.useEffect)(()=>{if(!r?.current||!b.current||!e||!l)return;let t=r.current;if(t)return setTimeout(x,150),setTimeout(x,300),setTimeout(x,500),t.addEventListener(`scroll`,S,{passive:!0}),window.addEventListener(`resize`,S),()=>{t?.removeEventListener(`scroll`,S),window.removeEventListener(`resize`,S)}},[r,b,e,l,S,x]),D((0,E.useMemo)(()=>({ref:r,onResize:()=>{e&&l&&x()}}),[e,l,x,r])),!e)return null;let C=(typeof n==`string`?n:void 0)?.toLowerCase().replace(/\s+/g,`-`);return(0,O.jsxs)(`div`,{className:(0,w.default)(`multi-form-details-action`,{"__is-visible":g,"__is-scrolled":v,"__with-animation":l,"__is-sticky":l}),ref:b,"data-agent-control":`step-action-wrapper`,"data-agent-state":v?`sticky`:`inline`,children:[!f&&(0,O.jsx)(o,{variant:u,onClick:t,testId:`continue-button`,"data-agent-id":p,icon:i?void 0:h,isIconRight:!i,iconClassName:i?void 0:d,pendingWithIcon:!0,pending:a,disabled:s,ref:m,"data-agent-control":`step-action`,"data-agent-action":C||`continue`,children:n}),f&&n]})}));k.displayName=`StepAction`;var A=({containerRef:e,depsKey:t,resizeDelay:n=0,updateDelay:r=200,enabled:i=!0,onResizeLog:a})=>{let o=v(),s=(0,E.useRef)(null),c=(0,E.useCallback)(()=>{a?.(),!(!i||!o||o.destroyed)&&s.current===null&&(s.current=requestAnimationFrame(()=>{s.current=null,o&&!o.destroyed&&o.updateAutoHeight(n)}))},[i,n,o,a]);D((0,E.useMemo)(()=>({ref:e,onResize:c}),[e,c]));let l=(0,E.useMemo)(()=>JSON.stringify(t??[]),[t]);(0,E.useEffect)(()=>{!i||!o||o.destroyed||o.updateAutoHeight(r)},[i,o,r,l])},j=({id:e,data:t,isActive:n,disabled:r,handleSetCurrentCategory:i,isPopover:a=!1,isSubMenu:o=!1,className:s,onClick:c,role:l,tabIndex:u,...d},p)=>{let{icon:m,img:h,imgSizes:g,title:_,description:v,isColoredIcon:y,isColoredIconWithGray:b,activeIcon:x,activeIsColoredIcon:S,activeIsColoredIconWithGray:C,activeDescription:T}=t,D=n&&x?x:m,k=n&&x?S:y,A=n&&x?C:b,j=n&&T?T:v,M=a?`div`:f,N=o?`category-submenu-option`:a?`category-group-trigger`:`category-selector`,P=r?`disabled`:n?`active`:`available`,F=(0,E.useCallback)(t=>{i?.(e)(),c?.(t)},[i,e,c]);return(0,O.jsxs)(M,{className:(0,w.default)(`multi-form-details-selector__item`,s,{"__is-active":n,"__is-disabled":r,"__type-sub":o}),"data-testid":`multi-form-details-selector-${e.toLowerCase().replace(`_`,`-`)}`,"data-agent-control":N,"data-agent-category":e,"data-agent-action":`select-category`,"data-agent-state":P,ref:p,...d,...a?{onClick:c,role:l??`button`,tabIndex:u??0}:{onClick:F,tagName:`div`,disabled:r},children:[(0,O.jsxs)(`div`,{className:(0,w.default)(`multi-form-details-selector__item-icon`,{"__is-colored":!!h||k,"__with-gray":A}),children:[h&&(0,O.jsx)(`div`,{className:`multi-form-details-selector__item-icon-img`,children:(0,O.jsx)(`img`,{src:h.src,alt:_,width:g?.[0]??h.width,height:g?.[1]??h.height})}),!h&&D&&(0,O.jsx)(D,{size:24,withoutBaseColor:!0})]}),(0,O.jsx)(`div`,{className:`multi-form-details-selector__item-title`,children:_}),(0,O.jsx)(`div`,{className:`multi-form-details-selector__item-description`,children:j})]})};j.displayName=`MultiFormSelectorItemWithRef`;var M=(0,E.memo)((0,E.forwardRef)(j)),N=(0,E.memo)(({isOpen:e,setIsOpen:t,disabled:n,children:i,categoryEntries:a,currentCategory:o,triggerRef:c,withViewportOverlayClamp:d,onSetCurrentCategory:f,onContentPointerEnter:p,onContentPointerLeave:m})=>{let{isDesktopOrBelow:h,isDesktopXl:g,isExtraWide:_,breakpoint:v}=r(),y=(0,E.useRef)(null),b=(0,E.useCallback)(({onOpenChange:e})=>(0,O.jsx)(l,{onOpenChange:e,bodyClassName:`multi-form-details-selector__popover`,onPointerEnter:p,onPointerLeave:m,children:(0,O.jsx)(`div`,{className:`multi-form-details-selector__popover-items`,children:a.map(([e,t])=>(0,O.jsx)(M,{id:e,data:t,isActive:o===e,disabled:n,isSubMenu:!0,handleSetCurrentCategory:f},e))})}),[a,o,n,p,m,f]),x=(0,E.useMemo)(()=>

1{if(!e&&y.current!==null)return y.current;let t=e&&d,n=(e,n)=>{if(typeof window>`u`)return e;let r=c.current?.getBoundingClientRect();if(!r||!t)return e;let i=16-r.bottom,a=window.innerHeight-16-n-r.bottom;return i>a?i:Math.min(Math.max(e,i),a)},r=(e,t)=>{let r=2*e+8,i=-((r+t)/2);return n(i,r)};return h?r(138,138):g?r(140,140):_?r(148,148):0},[e,h,g,_,c,d,v]);return(0,E.useEffect)(()=>{e&&(y.current=x)},[e,x]),(0,O.jsx)(s,{renderContent:b,disabled:n,align:`center`,side:`bottom`,sideOffset:x,collisionPadding:16,type:`multi-form-selector`,externalOpen:e,setExternalOpen:t,onOpenAutoFocus:u,children:i})});N.displayName=`MultiFormSelectorItemsPopover`;var P=(0,E.memo)(({isOpen:e,setIsOpen:t,disabled:n,children:i,categoryEntries:a,currentCategory:o,triggerRef:s,withViewportOverlayClamp:l,withCaptions:u=!1,hideSelectedOption:d=!1,onSetCurrentCategory:f,onContentPointerEnter:p,onContentPointerLeave:m})=>{let{isDesktopOrBelow:h,isDesktopXl:g,isExtraWide:_,breakpoint:v}=r(),y=(0,E.useRef)(null),b=(0,E.useRef)(null),x=(0,E.useMemo)(()=>a.flatMap(([e,t])=>d&&e===o?[]:[{id:e,label:t.title,caption:u?t.dropdownDescription??t.description:void 0,icon:t.dropdownIcon??t.icon,isColoredIcon:t.isColoredIcon,isColoredIconWithGray:t.isColoredIconWithGray,"data-testid":`multi-form-details-selector-option-${e.toLowerCase().replace(/_/g,`-`)}`,"data-agent-control":`category-dropdown-option`,"data-agent-category":String(e),"data-agent-action":`select-category`,"data-agent-state":e===o?`active`:`available`}]),[a,u,d,o]),S=(0,E.useMemo)(()=>e?x:y.current??x,[e,x]),C=(0,E.useMemo)(()=>{if(!e&&b.current!==null)return b.current;let t=S.length,n=e&&l,r=(e,t)=>{if(typeof window>`u`)return e;let r=s.current?.getBoundingClientRect();if(!r||!n)return e;let i=16-r.bottom,a=window.innerHeight-16-t-r.bottom;return i>a?i:Math.min(Math.max(e,i),a)},i=(e,n)=>{let i=t*e+8,a=-((i+n)/2);return r(a,i)};return h?i(u?52:32,138):g?i(u?56:36,140):_?i(u?62:40,148):0},[e,h,g,_,S.length,s,l,u,v]);(0,E.useEffect)(()=>{e&&(y.current=x,b.current=C)},[e,x,C]);let w=(0,E.useCallback)((e,t)=>{f(t.id)()},[f]);return(0,O.jsx)(c,{options:S,isDisabled:n,align:`center`,side:`bottom`,sideOffset:C,collisionPadding:16,type:`multi-form-selector`,maxHeightAuto:!0,externalOpen:e,setExternalOpen:t,onSelect:w,activeId:o,preventAutoFocusOnOpen:!0,preventAutoFocusAfterClose:!0,onPointerEnter:p,onPointerLeave:m,children:i})});P.displayName=`MultiFormSelectorItemsDropdown`;var F=(0,E.memo)(({id:e,data:t,currentCategory:n,disabled:r,onSetCurrentCategory:i,isDropdown:a,dropdownWithCaptions:o=!1,withViewportOverlayClamp:s=!1,hideSelectedOption:c=!1})=>{let{categories:l}=t,u=(0,E.useRef)(null),d=(0,E.useRef)(null),f=(0,E.useRef)(!1),p=(0,E.useRef)(!1),m=(0,E.useRef)(null),[h,g]=(0,E.useState)(!1),_=(0,E.useMemo)(()=>Object.entries(l),[l]),v=(0,E.useMemo)(()=>!!(n&&_.some(([e])=>e===n)),[_,n]),y=(0,E.useMemo)(()=>n?l[n]??t:t,[l,n,t]),b=(0,E.useCallback)(()=>{u.current&&=(clearTimeout(u.current),null)},[]),x=(0,E.useCallback)(()=>{d.current&&=(d.current(),null)},[]),S=(0,E.useCallback)(()=>{if(x(),p.current=!0,typeof window>`u`)return;let e=e=>{if(!p.current){x();return}let t=m.current?.getBoundingClientRect();if(!t){p.current=!1,x();return}e.clientX>=t.left&&e.clientX<=t.right&&e.clientY>=t.top&&e.clientY<=t.bottom||(p.current=!1,x())};window.addEventListener(`pointermove`,e,!0),d.current=()=>window.removeEventListener(`pointermove`,e,!0)},[x]);(0,E.useEffect)(()=>()=>{b(),x()},[b,x]);let C=(0,E.useCallback)(()=>{r||p.current||(f.current=!0,b(),g(!0))},[b,r]),w=(0,E.useCallback)(()=>{p.current=!1,x(),f.current=!1,b(),u.current=setTimeout(()=>{f.current||g(!1)},80)},[b,x]),T=(0,E.useCallback)(e=>{e&&(r||p.current)||g(e)},[r]),D=(0,E.useCallback)(()=>{r||(f.current=!0,b(),g(!0))},[b,r]),k=(0,E.useCallback)(()=>{f.current=!1,b(),u.current=setTimeout(()=>{f.current||g(!1)},80)},[b]),A=(0,E.useCallback)(e=>()=>{S(),f.current=!1,b(),g(!1),i(e)()},[S,b,i]);return a?(0,O.jsx)(P,{isOpen:h,setIsOpen:T,disabled:r,categoryEntries:_,currentCategory:n,triggerRef:m,withViewportOverlayClamp:s,withCaptions:o,hideSelectedOption:c,onSetCurrentCategory:A,onContentPointerEnter:D,onContentPointerLeave:k,children:(0,O.jsx)(M,{ref:m,id:e,data:y,isActive:v,disabled:r,isPopover:!0,onPointerEnter:C,onPointerLeave:w,"data-agent-control":`category-dropdown-trigger`,"data-agent-category":`INTEGRATIONS`,"data-agent-state":v?`active`:r?`disabled`:`available`})}):(0,O.jsx)(N,{isOpen:h,setIsOpen:T,disabled:r,categoryEntries:_,currentCategory:n,triggerRef:m,withViewportOverlayClamp:s,onSetCurrentCategory:A,onContentPointerEnter:D,onContentPointerLeave:k,children:(0,O.jsx)(M,{ref:m,id:e,data:y,isActive:v,disabled:r,isPopover:!0,onPointerEnter:C,onPointerLeave:w,"data-agent-control":`category-popover-trigger`,"data-agent-category":e,"data-agent-state":v?`active`:r?`disabled`:`available`})})});F.displayName=`MultiFormSelectorItems`;var I=e=>`categories`in e,L=(0,E.memo)(({categories:e,currentCategory:t,disabled:n,hidden:r,ref:i,handleSetCurrentCategory:a,withoutSelected:o=!1,selectorKeys:s,dropdownKeys:c,selectorCategory:l,isDropdown:u=!1,dropdownWithCaptions:d=!1,withViewportOverlayClamp:f=!1,hideSelectedOption:p=!1})=>{let m=(0,E.useMemo)(()=>

1{if(!l||(u?!c?.length:!s?.length))return null;let t=[];return u||s?.forEach(n=>{let r=e[n];!r||I(r)||t.push([n,r])}),u&&c?.forEach(n=>{let r=e[n];!r||I(r)||t.push([n,r])}),t.length?Object.fromEntries(t):null},[e,l,s,c,u]),h=(0,E.useMemo)(()=>{let t=Object.entries(e);if((u?!c?.length:!s?.length)||l&&!m)return t;let n=new Set(u?c:s),r=!!(l&&m),i=u?c?.[0]:s?.[0],a=[],o=!1;for(let[e,s]of t){if(!n.has(e)){a.push([e,s]);continue}if(r){!o&&l&&m&&(o=!0,a.push([e,{...l,categories:m}]));continue}e===i&&a.push([e,s])}return a},[e,l,m,s,c,u]);return(0,O.jsx)(`div`,{ref:i,className:(0,w.default)(`multi-form-details-selector`,{hidden:r,"__is-selected":t&&!o}),children:h.map(([e,r])=>I(r)?(0,O.jsx)(F,{id:e,data:r,currentCategory:t,disabled:n,onSetCurrentCategory:a,isDropdown:u,dropdownWithCaptions:d,withViewportOverlayClamp:f,hideSelectedOption:p},e):(0,O.jsx)(M,{id:e,data:r,isActive:t===e,disabled:n,handleSetCurrentCategory:a},e))})});L.displayName=`MultiFormSelector`;function R({swiper:e,extendParams:t,on:n}){t({fadeEffect:{crossFade:!1}}),S({effect:`fade`,swiper:e,on:n,setTranslate:()=>{let{slides:t}=e,n=e.params.fadeEffect;for(let r=0;r<t.length;r+=1){let t=e.slides[r],i=-t.swiperSlideOffset;e.params.virtualTranslate||(i-=e.translate);let a=0;e.isHorizontal()||(a=i,i=0);let o=e.params.fadeEffect.crossFade?Math.max(1-Math.abs(t.progress),0):1+Math.min(Math.max(t.progress,-1),0),s=x(n,t);s.style.opacity=o,s.style.transform=`translate3d(${i}px, ${a}px, 0px)`}},setTransition:t=>{let n=e.slides.map(e=>y(e));n.forEach(e=>{e.style.transitionDuration=`${t}ms`}),C({swiper:e,duration:t,transformElements:n,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})}var z=[R],B={crossFade:!0},V=(0,E.memo)((0,E.forwardRef)(({children:e,isActive:t,initialSlideIndex:n,withoutCollapsible:r},i)=>{let o=(0,E.useRef)(null),s=(0,E.useCallback)(e=>{o.current=e},[]),[c,l]=(0,E.useState)(n),u=(0,E.useCallback)(e=>{l(e)},[]),d=(0,E.useCallback)(e=>{u(e.realIndex)},[u]);(0,E.useImperativeHandle)(i,()=>({slideTo:e=>{o.current?.slideTo?.(e),l(e)}}));let f=(0,E.useMemo)(()=>({open:t}),[t]);return(0,O.jsx)(a,{tagName:m,wrapperProps:f,className:`multi-form-details-body-collapsible`,noWrap:r,children:(0,O.jsx)(a,{tagName:p,className:`multi-form-details-body-collapsible__container`,noWrap:r,children:(0,O.jsx)(b,{onInit:s,onSlideChange:d,slidesPerView:`auto`,modules:z,effect:`fade`,autoHeight:!0,fadeEffect:B,initialSlide:c,noSwiping:!0,allowTouchMove:!1,simulateTouch:!1,resizeObserver:!0,speed:200,roundLengths:!0,observer:!0,observeParents:!0,observeSlideChildren:!0,children:E.Children.map(e,(e,t)=>(0,O.jsx)(_,{children:e},t))})})})}));V.displayName=`MultiFormSlider`;export{k as i,L as n,A as r,V as t};