@lifesg/react-design-system 2.0.0-canary.7 → 2.0.0

package/index.js

@@ -1641,7 +1641,13 @@ object-assign
     background: none;
     border: none;
     padding: 0;
-`,Popover=({children:e,visible:t,onMobileClose:r,...i})=>{const n=i["data-testid"]||"popover",[a,o]=useState("none"),s=useRef(null),l=reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL}),p=useRef(a);useEffect((()=>(u(),window.addEventListener("resize",debounce_1(c,300)),()=>{window.removeEventListener("resize",debounce_1(c,300))})),[]);const c=()=>{u()},d=()=>{r&&r()},u=()=>{const e=h();var t;e&&(t=e,p.current=t,o(t))},h=()=>{if(s.current){const e=s.current.getBoundingClientRect(),t=24,r=e.y<t,i=window.innerWidth-t;return e.x<t?r?"top-left":"left":e.x+e.width>i?r?"top-right":"right":("top-left"===p.current||"left"===p.current)&&e.x-e.width/2>t||("top-right"===p.current||"right"===p.current)&&e.x+2*e.width<i?r?"top-center":"none":r?"top-center":void 0}},m=()=>"string"==typeof e?jsx(Text.BodySmall,{children:e}):e;return jsxs(Fragment,{children:[jsx(BubbleWrap$1,{ref:s,"data-testid":n,$visible:t,$offset:a,...i,children:jsx(Card,{children:m()})}),l&&jsx(Modal$1,{show:t,onOverlayClick:d,children:jsx(MobileModalBox,{onClose:d,children:m()})})]})},withPopover=(e,t)=>r=>{const{onPopoverAppear:i,onPopoverDismiss:n,...a}=r,o=t.trigger||"click",s=a,[l,p]=useState(!1),c=useRef(),d=reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL});useEffect((()=>{if(!d)return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}}),[l]);const u=e=>{c&&!c.current.contains(e.target)&&(l&&p(!1),n&&n())};return jsxs(HOCWrapper$1,{id:"popover-hoc-wrapper",ref:c,children:[jsx(HOCTrigger,{id:`popover-hoc-trigger${t["data-testid"]&&`-${t["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===o||d)&&(p(!l),!l&&i&&i(),l&&n&&n())},onMouseEnter:()=>{"hover"!==o||d||p(!0)},onMouseLeave:()=>{"hover"===o&&l&&!d&&p(!1)},"aria-label":"popover-button",children:jsx(e,{...s})}),jsx(Popover,{visible:l,id:t.id,"data-testid":t["data-testid"],onMobileClose:()=>{p(!1)},children:t.content})]})},TriggerArea=styled.button`
+`,ContentWrapper=styled.div`
+    overflow-y: scroll;
+
+    ::-webkit-scrollbar {
+        display: none; /* Chrome/Safari/Webkit */
+    }
+`,Popover=({children:e,visible:t,onMobileClose:r,...i})=>{const n=i["data-testid"]||"popover",[a,o]=useState("none"),s=useRef(null),l=reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL}),p=useRef(a);useEffect((()=>(u(),window.addEventListener("resize",debounce_1(c,300)),()=>{window.removeEventListener("resize",debounce_1(c,300))})),[]);const c=()=>{u()},d=()=>{r&&r()},u=()=>{const e=h();var t;e&&(t=e,p.current=t,o(t))},h=()=>{if(s.current){const e=s.current.getBoundingClientRect(),t=24,r=e.y<t,i=window.innerWidth-t;return e.x<t?r?"top-left":"left":e.x+e.width>i?r?"top-right":"right":("top-left"===p.current||"left"===p.current)&&e.x-e.width/2>t||("top-right"===p.current||"right"===p.current)&&e.x+2*e.width<i?r?"top-center":"none":r?"top-center":void 0}},m=()=>"string"==typeof e?jsx(Text.BodySmall,{children:e}):e;return jsxs(Fragment,{children:[jsx(BubbleWrap$1,{ref:s,"data-testid":n,$visible:t,$offset:a,...i,children:jsx(Card,{children:m()})}),l&&jsx(Modal$1,{show:t,onOverlayClick:d,children:jsx(MobileModalBox,{onClose:d,children:jsx(ContentWrapper,{children:m()})})})]})},withPopover=(e,t)=>r=>{const{onPopoverAppear:i,onPopoverDismiss:n,...a}=r,o=t.trigger||"click",s=a,[l,p]=useState(!1),c=useRef(),d=reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL});useEffect((()=>{if(!d)return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}}),[l]);const u=e=>{c&&!c.current.contains(e.target)&&(l&&p(!1),n&&n())};return jsxs(HOCWrapper$1,{id:"popover-hoc-wrapper",ref:c,children:[jsx(HOCTrigger,{id:`popover-hoc-trigger${t["data-testid"]&&`-${t["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===o||d)&&(p(!l),!l&&i&&i(),l&&n&&n())},onMouseEnter:()=>{"hover"!==o||d||p(!0)},onMouseLeave:()=>{"hover"===o&&l&&!d&&p(!1)},"aria-label":"popover-button",children:jsx(e,{...s})}),jsx(Popover,{visible:l,id:t.id,"data-testid":t["data-testid"],onMobileClose:()=>{p(!1)},children:t.content})]})},TriggerArea=styled.button`
     padding: 0.25rem 0.5rem 0.25rem 0.25rem;
     border: none;
     background: none;
@@ -1997,7 +2003,7 @@ object-assign
     height: 1.375rem;
     width: 1.375rem;
     color: ${Color.Neutral[3]};
-`,Component$c=(e,t)=>{const{onClear:r,...i}=e;return jsxs(Container$e,{children:[jsx(SearchIcon,{}),jsx(SearchInput,{ref:t,...i}),i.value&&jsx(CancelButton,{"aria-label":"Clear search",focusOutline:"browser",onClick:r,children:jsx(CancelIcon,{})})]},"search")},DropdownSearch=forwardRef(Component$c),DropdownList=({listItems:e,listExtractor:t,valueExtractor:r,onSelectItem:i,listStyleWidth:n,visible:a,enableSearch:o,searchPlaceholder:s="Search",onSearch:l,searchFunction:p,onDismiss:c,disableItemFocus:d,multiSelect:u,selectedItems:h,onSelectAll:m,onRetry:f,itemsLoadState:y="success",itemTruncationType:g="end",itemMaxLines:b=2,labelDisplayType:x="inline",renderListItem:v,onBlur:_,hideNoResultsDisplay:S,renderCustomCallToAction:C,...$})=>{const[w,T]=useState(0),[E,k]=useState(""),[A,D]=useState(e),[I,P]=useState(0),M=useSpring({height:I}),F=useRef(),R=useRef(),j=useRef([]),O=useRef(),L=useRef(),B=useRef(w),N=useRef(A),V=e=>{B.current=e,T(e)},H=e=>{N.current=e,D(e)};useEffect((()=>(document.addEventListener("keydown",q),()=>{document.removeEventListener("keydown",q)})),[]),useEffect((()=>{U(E)}),[E]),useEffect((()=>{if(k(""),a){if(setTimeout((()=>{P(Y())})),d)return;O&&O.current?(O.current.focus(),V(-1)):j.current[w]&&j.current[w].focus()}else P(0)}),[a]),useEffect((()=>{if(a){const e=Y();P(e)}}),[A,y]),useEffect((()=>{H(e),k(""),V(0)}),[e]);const z=e=>t?t(e):e.toString(),W=e=>{if("inline"!==x)return!1;let t=0;R&&R.current&&(t=R.current.getBoundingClientRect().width-60);return StringHelper.getTextWidth(e,"1.125rem 'Open Sans'")>t*b},G=e=>!!find_1(h,(t=>isEqual_1(t,e))),U=t=>{if(""===t)H(e);else if(p){const e=p(t);H(e)}else{const r=e.filter((e=>{const r=z(e),i="object"==typeof r?r.title.toLowerCase():r.toLowerCase();return"object"==typeof r&&r.secondaryLabel?i.includes(t.trim().toLowerCase())||r.secondaryLabel.includes(t.trim().toLowerCase()):i.includes(t.trim().toLowerCase())}));H(r)}},Y=()=>(R&&R.current?R.current.getBoundingClientRect().height:0)+(L.current?L.current.getBoundingClientRect().height:0),q=e=>{if(F&&F.current.contains(e.target))switch(e.code){case"ArrowDown":if(B.current<N.current.length-1){const e=B.current+1;j.current[e].focus(),V(e)}break;case"ArrowUp":if(B.current>0){const e=B.current-1;j.current[e].focus(),V(B.current-1)}break;case"Escape":c&&c(!0)}},Q=(e,t)=>{e.preventDefault(),i&&i(t,(e=>r?r(e):e)(t))},K=e=>{const t=e.target.value;k(t),l&&l()},X=()=>{k(""),O.current.focus(),l&&l()},Z=()=>{f&&f()},J=()=>{_&&_()},ee=e=>jsxs(Fragment,{children:[jsx(TruncateFirstLine,{$maxLines:b,"aria-hidden":!0,children:e}),jsx(TruncateSecondLine,{$maxLines:b,"aria-hidden":!0,children:e})]}),te=e=>{const t=z(e),r="string"==typeof t?t:t.title,i="string"==typeof t?void 0:t.secondaryLabel,n=W(r),a=i&&W(i);return jsxs(Label$5,{$labelDisplayType:n||a?"next-line":x,children:[jsx(PrimaryText,{$truncateType:g,$maxLines:b,"aria-label":r,children:"middle"===g&&n?ee(r):r}),i&&jsx(SecondaryText,{$truncateType:g,$maxLines:b,$labelDisplayType:x,"aria-label":i,children:"middle"===g&&a?ee(i):i})]})},re=()=>{if(!f||f&&"success"===y)return A.map(((e,i)=>jsx(ListItem,{$checked:G(e)&&!u,children:jsxs(ListItemSelector,{$hasNextLineLabel:"next-line"===x&&A.length>0&&t&&"string"!=typeof t(A[0]),onClick:t=>{Q(t,e)},ref:e=>j.current[i]=e,"data-testid":"list-item",type:"button",tabIndex:a?0:-1,$multiSelect:u,onBlur:J,children:[u&&jsx(ListCheckbox,{checked:G(e),displaySize:"small"}),v?v(e,{selected:G(e)}):te(e)]})},((e,t)=>`item_${t}__${r?r(e):e}`)(e,i))))},ie=()=>{if(u&&A.length>0&&!E&&"success"===y)return jsx(SelectAllContainer,{children:jsx(DropdownCommonButton,{onClick:m,type:"button",children:0===h.length?"Select all":"Unselect all"})},"selectAll")},ne=()=>{if(!S&&(E||!o)&&0===A.length&&"success"===y)return jsxs(ResultStateContainer,{"data-testid":"list-no-results",children:[jsx(LabelIcon,{"data-testid":"no-result-icon"}),jsx(ResultStateText,{children:"No results found."})]},"noResults")},ae=()=>{if(f&&"loading"===y)return jsxs(ResultStateContainer,{"data-testid":"list-loading",children:[jsx(Spinner,{$buttonStyle:"secondary",size:24}),jsx(ResultStateText,{children:"Loading..."})]},"loading")},oe=()=>{if(f&&"fail"===y)return jsxs(ResultStateContainer,{"data-testid":"list-fail",children:[jsx(LabelIcon,{"data-testid":"load-error-icon"}),jsx(ResultStateText,{children:"Failed to load."}),jsx(DropdownCommonButton,{onClick:Z,type:"button",children:"Try again."})]},"noResults")};return jsx(Fragment,{children:jsxs(Container$f,{style:M,"data-testid":a?"dropdown-container":"dropdown-container-hidden",ref:F,children:[(()=>{if(a)return jsxs(List,{ref:R,"data-testid":"dropdown-list",width:n,role:"list",...$,children:[(o||p)&&"success"===y?jsx(DropdownSearch,{ref:O,onChange:K,value:E,placeholder:s,"data-testid":"search-input","aria-label":"search-input",tabIndex:a?0:-1,onClear:X}):null,ie(),ne(),ae(),oe(),re()]})})(),(()=>{if(a&&C)return jsx("div",{ref:L,"data-testid":"custom-cta",children:C(c,A)})})()]})})},useEventListener=(e,t,r="window",i)=>{const n=useRef();useEffect((()=>{n.current=t}),[t]),useEffect((()=>{let t;switch(r){case"window":t=window;break;case"document":t=document;break;default:t=r}if(!(t&&t.addEventListener))return;const a=e=>n.current(e);return t.addEventListener(e,a,i),()=>{t.removeEventListener(e,a,i)}}),[e,r])},BORDER_RADIUS$1="4px",Wrapper$j=styled.div`
+`,Component$c=(e,t)=>{const{onClear:r,...i}=e;return jsxs(Container$e,{children:[jsx(SearchIcon,{}),jsx(SearchInput,{ref:t,...i}),i.value&&jsx(CancelButton,{"aria-label":"Clear search",focusOutline:"browser",onClick:r,children:jsx(CancelIcon,{})})]},"search")},DropdownSearch=forwardRef(Component$c),DropdownList=({listItems:e,listExtractor:t,valueExtractor:r,onSelectItem:i,listStyleWidth:n,visible:a,enableSearch:o,searchPlaceholder:s="Search",onSearch:l,searchFunction:p,onDismiss:c,disableItemFocus:d,multiSelect:u,selectedItems:h,onSelectAll:m,onRetry:f,itemsLoadState:y="success",itemTruncationType:g="end",itemMaxLines:b=2,labelDisplayType:x="inline",renderListItem:v,onBlur:_,hideNoResultsDisplay:S,renderCustomCallToAction:C,...$})=>{const[w,T]=useState(0),[E,k]=useState(""),[A,D]=useState(e),[I,P]=useState(0),M=useSpring({height:I}),F=useRef(),R=useRef(),j=useRef([]),O=useRef(),L=useRef(),B=useRef(w),N=useRef(A),V=e=>{B.current=e,T(e)},H=e=>{N.current=e,D(e)};useEffect((()=>(document.addEventListener("keydown",q),()=>{document.removeEventListener("keydown",q)})),[]),useEffect((()=>{U(E)}),[E]),useEffect((()=>{if(k(""),a){if(setTimeout((()=>{P(Y())})),d)return;O&&O.current?(O.current.focus(),V(-1)):j.current[w]&&j.current[w].focus()}else P(0)}),[a]),useEffect((()=>{if(a){const e=Y();P(e)}}),[A,y]),useEffect((()=>{H(e),k(""),V(0)}),[e]);const z=e=>t?t(e):e.toString(),W=e=>{if("inline"!==x)return!1;let t=0;R&&R.current&&(t=R.current.getBoundingClientRect().width-60);return StringHelper.getTextWidth(e,"1.125rem 'Open Sans'")>t*b},G=e=>!!find_1(h,(t=>isEqual_1(t,e))),U=t=>{if(""===t)H(e);else if(p){const e=p(t);H(e)}else{const r=e.filter((e=>{const r=z(e),i="object"==typeof r?r.title.toLowerCase():r.toLowerCase(),n="string"==typeof r?void 0:r.secondaryLabel?.toLowerCase(),a=t.trim().toLowerCase();return i.includes(a)||n&&n.includes(a)}));H(r)}},Y=()=>(R&&R.current?R.current.getBoundingClientRect().height:0)+(L.current?L.current.getBoundingClientRect().height:0),q=e=>{if(F&&F.current.contains(e.target))switch(e.code){case"ArrowDown":if(B.current<N.current.length-1){const e=B.current+1;j.current[e].focus(),V(e)}break;case"ArrowUp":if(B.current>0){const e=B.current-1;j.current[e].focus(),V(B.current-1)}break;case"Escape":c&&c(!0)}},Q=(e,t)=>{e.preventDefault(),i&&i(t,(e=>r?r(e):e)(t))},K=e=>{const t=e.target.value;k(t),l&&l()},X=()=>{k(""),O.current.focus(),l&&l()},Z=()=>{f&&f()},J=()=>{_&&_()},ee=e=>jsxs(Fragment,{children:[jsx(TruncateFirstLine,{$maxLines:b,"aria-hidden":!0,children:e}),jsx(TruncateSecondLine,{$maxLines:b,"aria-hidden":!0,children:e})]}),te=e=>{const t=z(e),r="string"==typeof t?t:t.title,i="string"==typeof t?void 0:t.secondaryLabel,n=W(r),a=i&&W(i);return jsxs(Label$5,{$labelDisplayType:n||a?"next-line":x,children:[jsx(PrimaryText,{$truncateType:g,$maxLines:b,"aria-label":r,children:"middle"===g&&n?ee(r):r}),i&&jsx(SecondaryText,{$truncateType:g,$maxLines:b,$labelDisplayType:x,"aria-label":i,children:"middle"===g&&a?ee(i):i})]})},re=()=>{if(!f||f&&"success"===y)return A.map(((e,i)=>jsx(ListItem,{$checked:G(e)&&!u,children:jsxs(ListItemSelector,{$hasNextLineLabel:"next-line"===x&&A.length>0&&t&&"string"!=typeof t(A[0]),onClick:t=>{Q(t,e)},ref:e=>j.current[i]=e,"data-testid":"list-item",type:"button",tabIndex:a?0:-1,$multiSelect:u,onBlur:J,children:[u&&jsx(ListCheckbox,{checked:G(e),displaySize:"small"}),v?v(e,{selected:G(e)}):te(e)]})},((e,t)=>`item_${t}__${r?r(e):e}`)(e,i))))},ie=()=>{if(u&&A.length>0&&!E&&"success"===y)return jsx(SelectAllContainer,{children:jsx(DropdownCommonButton,{onClick:m,type:"button",children:0===h.length?"Select all":"Unselect all"})},"selectAll")},ne=()=>{if(!S&&(E||!o)&&0===A.length&&"success"===y)return jsxs(ResultStateContainer,{"data-testid":"list-no-results",children:[jsx(LabelIcon,{"data-testid":"no-result-icon"}),jsx(ResultStateText,{children:"No results found."})]},"noResults")},ae=()=>{if(f&&"loading"===y)return jsxs(ResultStateContainer,{"data-testid":"list-loading",children:[jsx(Spinner,{$buttonStyle:"secondary",size:24}),jsx(ResultStateText,{children:"Loading..."})]},"loading")},oe=()=>{if(f&&"fail"===y)return jsxs(ResultStateContainer,{"data-testid":"list-fail",children:[jsx(LabelIcon,{"data-testid":"load-error-icon"}),jsx(ResultStateText,{children:"Failed to load."}),jsx(DropdownCommonButton,{onClick:Z,type:"button",children:"Try again."})]},"noResults")};return jsx(Fragment,{children:jsxs(Container$f,{style:M,"data-testid":a?"dropdown-container":"dropdown-container-hidden",ref:F,children:[(()=>{if(a)return jsxs(List,{ref:R,"data-testid":"dropdown-list",width:n,role:"list",...$,children:[(o||p)&&"success"===y?jsx(DropdownSearch,{ref:O,onChange:K,value:E,placeholder:s,"data-testid":"search-input","aria-label":"search-input",tabIndex:a?0:-1,onClear:X}):null,ie(),ne(),ae(),oe(),re()]})})(),(()=>{if(a&&C)return jsx("div",{ref:L,"data-testid":"custom-cta",children:C(c,A)})})()]})})},useEventListener=(e,t,r="window",i)=>{const n=useRef();useEffect((()=>{n.current=t}),[t]),useEffect((()=>{let t;switch(r){case"window":t=window;break;case"document":t=document;break;default:t=r}if(!(t&&t.addEventListener))return;const a=e=>n.current(e);return t.addEventListener(e,a,i),()=>{t.removeEventListener(e,a,i)}}),[e,r])},BORDER_RADIUS$1="4px",Wrapper$j=styled.div`
     position: relative;
     min-height: 3rem;
     height: 3rem; // Need this to persist the height when expanding or collapsing list
@@ -2182,7 +2188,7 @@ object-assign
                 `:css`
                     margin: 0 0.75rem 0 0;
                 `}
-`,Component$b=({addon:e,error:t,onChange:r,readOnly:i,className:n,onBlur:a,...o},s)=>{const{placeholder:l,options:p,enableSearch:c,searchFunction:d,searchPlaceholder:u,valueExtractor:h,listExtractor:m,displayValueExtractor:f,selectedOption:y,onSelectOption:g,onHideOptions:b,onShowOptions:x,"data-selector-testid":v}=e.attributes,{position:_}=e,[S,C]=useState(y),[$,w]=useState(!1),T=useRef();useEffect((()=>{C(y)}),[y]);const E=()=>f?f(S):h?h(S):S.toString(),k=e=>{!e&&b&&b(),e&&x&&x()},A=e=>{e.preventDefault(),o.disabled||(w(!$),k(!$))},D=(e,t)=>{C(e),w(!1),k(!1),T&&T.current.focus(),g&&g(e,t)},I=e=>{r&&r(e)},P=()=>{a&&a()},M=()=>{w(!1),k(!1),T&&T.current.focus()};return jsxs(DropdownWrapper,{className:n,show:$,error:t&&!$,disabled:o.disabled,readOnly:i,onBlur:()=>{w(!1),k(!1),P()},children:[jsxs(DisplayContainer,{$expanded:$,$readOnly:i,$position:_,children:[i?S?jsx(SelectorReadOnly,{children:jsx(ValueLabel,{"data-testid":"selector-label",children:E()})}):null:jsx(Selector,{ref:T,type:"button",disabled:o.disabled,"data-testid":v||"addon-selector",onClick:A,children:jsxs(Fragment,{children:[jsxs(LabelContainer$1,{children:[l&&!S&&jsx(PlaceholderLabel,{children:l}),S&&jsx(ValueLabel,{"data-testid":"selector-label",children:E()})]}),jsx(IconContainer$1,{$expanded:$,children:jsx(StyledChevronIcon,{})})]})}),jsx(Divider$2,{$readOnly:i,$position:_}),jsx(MainInput,{ref:s,...o,readOnly:i,error:t,onChange:I,"data-testid":o["data-testid"]||"input",onBlur:P})]}),p&&p.length>0?jsx(DropdownList,{listItems:p,selectedItems:y?[y]:[],onSelectItem:D,valueExtractor:h,listExtractor:m,visible:$,enableSearch:c,searchFunction:d,searchPlaceholder:u,"data-testid":"dropdown-list",onBlur:P,onDismiss:M}):null]})},InputGroupListAddon=React__default.forwardRef(Component$b),Component$a=({addon:e,error:t,className:r,...i},n)=>{const a=()=>jsx(Container$g,{disabled:i.disabled,$error:t,$readOnly:i.readOnly,"data-testid":i["data-testid"],className:r,children:jsx(MainInput,{ref:n,...i,"data-testid":"input"})});if(!e)return a();{const{type:o="label",position:s="left"}=e,{allowClear:l}=i;switch(o){case"list":{const o=e.attributes;return o.options&&o.options.length>0?jsx(InputGroupListAddon,{ref:n,addon:e,error:t,className:r,...i}):a()}case"custom":{const o=e.attributes;return o.children?jsxs(InputWrapper,{$error:t,$disabled:i.disabled,$readOnly:i.readOnly,"data-testid":i["data-testid"],$position:s,className:r,children:[jsx(AddOnContainer,{"data-testid":"addon",disabled:i.disabled,$readOnly:i.readOnly,$position:s,children:o.children}),jsx(MainInput,{ref:n,...i,allowClear:l&&"right"!==s,error:t,"data-testid":"input"})]}):a()}default:{const o=e.attributes;return o.value?jsxs(InputWrapper,{$disabled:i.disabled,$error:t,$readOnly:i.readOnly,"data-testid":i["data-testid"],$position:s,className:r,children:[jsx(AddOnContainer,{"data-testid":"addon",disabled:i.disabled,$readOnly:i.readOnly,$position:s,children:o.value}),jsx(MainInput,{ref:n,...i,allowClear:l&&"right"!==s,error:t,"data-testid":"input"})]}):a()}}}},InputGroup=React__default.forwardRef(Component$a),Component$9=(e,t)=>{const{label:r,errorMessage:i,id:n="form-field-group","data-error-testid":a,"data-testid":o,...s}=e;return jsx(FormWrapper,{id:n,label:r,errorMessage:i,disabled:s.disabled,"data-error-testid":a,children:jsx(InputGroup,{ref:t,id:`${n}-base`,"data-testid":o||n,error:!!i,...s})})},FormInputGroup=React__default.forwardRef(Component$9),InputMultiSelect=({selectedOptions:e,placeholder:t="Select",options:r,className:i,disabled:n,error:a,"data-testid":o,enableSearch:s=!1,searchFunction:l,searchPlaceholder:p,valueExtractor:c,listExtractor:d,onSelectOptions:u,listStyleWidth:h,onShowOptions:m,onHideOptions:f,onRetry:y,optionsLoadState:g="success",optionTruncationType:b="end",...x})=>{const[v,_]=useState(e||[]),[S,C]=useState(!1),$=useRef();useEffect((()=>{_(e||[])}),[e]);const w=(e,t)=>{const r=[...v],i=findIndex_1(v,(e=>(c?c(e):e)===t));i>-1?r.splice(i,1):r.push(e),_(r),k(!1),$&&$.current.focus(),A(r)},T=()=>{S&&(C(!1),k(!1)),$&&$.current.focus()},E=()=>{v&&v.length>0?(_([]),A([])):(_(r),A(r))},k=e=>{!e&&f&&f(),e&&m&&m()},A=e=>{u&&u(e)};return jsxs(DropdownWrapper,{show:S,error:a&&!S,disabled:n,testId:o,className:i,onBlur:()=>{C(!1),k(!1)},children:[jsx(Selector$1,{ref:$,type:"button","data-testid":"selector",onClick:e=>{e.preventDefault(),n||(C(!S),k(!S))},...x,children:jsxs(Fragment,{children:[jsx(LabelContainer$2,{children:v&&0!==v.length?jsx(ValueLabel$1,{children:v&&0!=v.length?`${v.length} selected`:t}):jsx(PlaceholderLabel$1,{truncateType:b,children:t})}),jsx(IconContainer$2,{expanded:S,children:jsx(StyledChevronIcon$1,{})})]})}),S&&jsx(Divider$3,{}),r&&r.length>0||y?jsx(DropdownList,{listItems:r,onSelectItem:w,onDismiss:T,valueExtractor:c,listExtractor:d,listStyleWidth:h,visible:S,enableSearch:s,searchFunction:l,searchPlaceholder:p,"data-testid":"dropdown-list",multiSelect:!0,selectedItems:v,onSelectAll:E,onRetry:y,itemsLoadState:g,itemTruncationType:b}):null]})},FormMultiSelect=({label:e,errorMessage:t,id:r="form-multi-select","data-error-testid":i,"data-testid":n,enableSearch:a=!1,...o})=>jsx(FormWrapper,{id:r,label:e,errorMessage:t,"data-error-testid":i,disabled:o.disabled,children:jsx(InputMultiSelect,{id:`${r}-base`,"data-testid":n||r,error:!!t,enableSearch:a,...o})});function arrayReduce$2(e,t,r,i){var n=-1,a=null==e?0:e.length;for(i&&a&&(r=e[++n]);++n<a;)r=t(r,e[n],n,e);return r}var _arrayReduce=arrayReduce$2;function createBaseFor$1(e){return function(t,r,i){for(var n=-1,a=Object(t),o=i(t),s=o.length;s--;){var l=o[e?s:++n];if(!1===r(a[l],l,a))break}return t}}var _createBaseFor=createBaseFor$1,createBaseFor=_createBaseFor,baseFor$1=createBaseFor(),_baseFor=baseFor$1,baseFor=_baseFor,keys=keys_1;function baseForOwn$1(e,t){return e&&baseFor(e,t,keys)}var _baseForOwn=baseForOwn$1,isArrayLike=isArrayLike_1;function createBaseEach$1(e,t){return function(r,i){if(null==r)return r;if(!isArrayLike(r))return e(r,i);for(var n=r.length,a=t?n:-1,o=Object(r);(t?a--:++a<n)&&!1!==i(o[a],a,o););return r}}var _createBaseEach=createBaseEach$1,baseForOwn=_baseForOwn,createBaseEach=_createBaseEach,baseEach$1=createBaseEach(baseForOwn),_baseEach=baseEach$1;function baseReduce$1(e,t,r,i,n){return n(e,(function(e,n,a){r=i?(i=!1,e):t(r,e,n,a)})),r}var _baseReduce=baseReduce$1,arrayReduce$1=_arrayReduce,baseEach=_baseEach,baseIteratee=_baseIteratee,baseReduce=_baseReduce,isArray=isArray_1;function reduce(e,t,r){var i=isArray(e)?arrayReduce$1:baseReduce,n=arguments.length<3;return i(e,baseIteratee(t),r,n,baseEach)}var reduce_1=reduce;const CountryData=[["Afghanistan",["asia"],"af","93"],["Albania",["europe"],"al","355"],["Algeria",["africa","north-africa"],"dz","213"],["Andorra",["europe"],"ad","376"],["Angola",["africa"],"ao","244"],["Antigua and Barbuda",["america","carribean"],"ag","1268"],["Argentina",["america","south-america"],"ar","54","(..) ........"],["Armenia",["asia","ex-ussr"],"am","374",".. ......"],["Aruba",["america","carribean"],"aw","297"],["Australia",["oceania"],"au","61","(..) .... ...."],["Austria",["europe","eu-union"],"at","43"],["Azerbaijan",["asia","ex-ussr"],"az","994","(..) ... .. .."],["Bahamas",["america","carribean"],"bs","1242"],["Bahrain",["middle-east"],"bh","973"],["Bangladesh",["asia"],"bd","880"],["Barbados",["america","carribean"],"bb","1246"],["Belarus",["europe","ex-ussr"],"by","375","(..) ... .. .."],["Belgium",["europe","eu-union"],"be","32","... .. .. .."],["Belize",["america","central-america"],"bz","501"],["Benin",["africa"],"bj","229"],["Bhutan",["asia"],"bt","975"],["Bolivia",["america","south-america"],"bo","591"],["Bosnia and Herzegovina",["europe","ex-yugos"],"ba","387"],["Botswana",["africa"],"bw","267"],["Brazil",["america","south-america"],"br","55","(..) ........."],["British Indian Ocean Territory",["asia"],"io","246"],["Brunei",["asia"],"bn","673"],["Bulgaria",["europe","eu-union"],"bg","359"],["Burkina Faso",["africa"],"bf","226"],["Burundi",["africa"],"bi","257"],["Cambodia",["asia"],"kh","855"],["Cameroon",["africa"],"cm","237"],["Canada",["america","north-america"],"ca","1","(...) ... ...."],["Cape Verde",["africa"],"cv","238"],["Caribbean Netherlands",["america","carribean"],"bq","599",""],["Central African Republic",["africa"],"cf","236"],["Chad",["africa"],"td","235"],["Chile",["america","south-america"],"cl","56"],["China",["asia"],"cn","86",".. ........."],["Colombia",["america","south-america"],"co","57","... ... ...."],["Comoros",["africa"],"km","269"],["Congo",["africa"],"cd","243"],["Congo",["africa"],"cg","242"],["Costa Rica",["america","central-america"],"cr","506",".... ...."],["Côte d’Ivoire",["africa"],"ci","225",".. .. .. .."],["Croatia",["europe","eu-union","ex-yugos"],"hr","385"],["Cuba",["america","carribean"],"cu","53"],["Curaçao",["america","carribean"],"cw","599",""],["Cyprus",["europe","eu-union"],"cy","357",".. ......"],["Czech Republic",["europe","eu-union"],"cz","420","... ... ..."],["Denmark",["europe","eu-union","baltic"],"dk","45",".. .. .. .."],["Djibouti",["africa"],"dj","253"],["Dominica",["america","carribean"],"dm","1767"],["Dominican Republic",["america","carribean"],"do","1",""],["Ecuador",["america","south-america"],"ec","593"],["Egypt",["africa","north-africa"],"eg","20"],["El Salvador",["america","central-america"],"sv","503",".... ...."],["Equatorial Guinea",["africa"],"gq","240"],["Eritrea",["africa"],"er","291"],["Estonia",["europe","eu-union","ex-ussr","baltic"],"ee","372",".... ......"],["Ethiopia",["africa"],"et","251"],["Fiji",["oceania"],"fj","679"],["Finland",["europe","eu-union","baltic"],"fi","358",".. ... .. .."],["France",["europe","eu-union"],"fr","33",". .. .. .. .."],["French Guiana",["america","south-america"],"gf","594"],["French Polynesia",["oceania"],"pf","689"],["Gabon",["africa"],"ga","241"],["Gambia",["africa"],"gm","220"],["Georgia",["asia","ex-ussr"],"ge","995"],["Germany",["europe","eu-union","baltic"],"de","49",".... ........"],["Ghana",["africa"],"gh","233"],["Greece",["europe","eu-union"],"gr","30"],["Grenada",["america","carribean"],"gd","1473"],["Guadeloupe",["america","carribean"],"gp","590","",0],["Guam",["oceania"],"gu","1671"],["Guatemala",["america","central-america"],"gt","502",".... ...."],["Guinea",["africa"],"gn","224"],["Guinea-Bissau",["africa"],"gw","245"],["Guyana",["america","south-america"],"gy","592"],["Haiti",["america","carribean"],"ht","509",".... ...."],["Honduras",["america","central-america"],"hn","504"],["Hong Kong",["asia"],"hk","852",".... ...."],["Hungary",["europe","eu-union"],"hu","36"],["Iceland",["europe"],"is","354","... ...."],["India",["asia"],"in","91","..... ....."],["Indonesia",["asia"],"id","62"],["Iran",["middle-east"],"ir","98","... ... ...."],["Iraq",["middle-east"],"iq","964"],["Ireland",["europe","eu-union"],"ie","353",".. ......."],["Israel",["middle-east"],"il","972","... ... ...."],["Italy",["europe","eu-union"],"it","39","... ......."],["Jamaica",["america","carribean"],"jm","1876"],["Japan",["asia"],"jp","81",".. .... ...."],["Jordan",["middle-east"],"jo","962"],["Kazakhstan",["asia","ex-ussr"],"kz","7","... ... .. .."],["Kenya",["africa"],"ke","254"],["Kiribati",["oceania"],"ki","686"],["Kosovo",["europe","ex-yugos"],"xk","383"],["Kuwait",["middle-east"],"kw","965"],["Kyrgyzstan",["asia","ex-ussr"],"kg","996","... ... ..."],["Laos",["asia"],"la","856"],["Latvia",["europe","eu-union","ex-ussr","baltic"],"lv","371",".. ... ..."],["Lebanon",["middle-east"],"lb","961"],["Lesotho",["africa"],"ls","266"],["Liberia",["africa"],"lr","231"],["Libya",["africa","north-africa"],"ly","218"],["Liechtenstein",["europe"],"li","423"],["Lithuania",["europe","eu-union","ex-ussr","baltic"],"lt","370"],["Luxembourg",["europe","eu-union"],"lu","352"],["Macau",["asia"],"mo","853"],["Macedonia",["europe","ex-yugos"],"mk","389"],["Madagascar",["africa"],"mg","261"],["Malawi",["africa"],"mw","265"],["Malaysia",["asia"],"my","60",".. .... ...."],["Maldives",["asia"],"mv","960"],["Mali",["africa"],"ml","223"],["Malta",["europe","eu-union"],"mt","356"],["Marshall Islands",["oceania"],"mh","692"],["Martinique",["america","carribean"],"mq","596"],["Mauritania",["africa"],"mr","222"],["Mauritius",["africa"],"mu","230"],["Mexico",["america","central-america"],"mx","52","... ... ...."],["Micronesia",["oceania"],"fm","691"],["Moldova",["europe"],"md","373","(..) .. .. .."],["Monaco",["europe"],"mc","377"],["Mongolia",["asia"],"mn","976"],["Montenegro",["europe","ex-yugos"],"me","382"],["Morocco",["africa","north-africa"],"ma","212"],["Mozambique",["africa"],"mz","258"],["Myanmar",["asia"],"mm","95"],["Namibia",["africa"],"na","264"],["Nauru",["africa"],"nr","674"],["Nepal",["asia"],"np","977"],["Netherlands",["europe","eu-union"],"nl","31",".. ........"],["New Caledonia",["oceania"],"nc","687"],["New Zealand",["oceania"],"nz","64","... ... ...."],["Nicaragua",["america","central-america"],"ni","505"],["Niger",["africa"],"ne","227"],["Nigeria",["africa"],"ng","234"],["North Korea",["asia"],"kp","850"],["Norway",["europe","baltic"],"no","47","... .. ..."],["Oman",["middle-east"],"om","968"],["Pakistan",["asia"],"pk","92","... ......."],["Palau",["oceania"],"pw","680"],["Palestine",["middle-east"],"ps","970"],["Panama",["america","central-america"],"pa","507"],["Papua New Guinea",["oceania"],"pg","675"],["Paraguay",["america","south-america"],"py","595"],["Peru",["america","south-america"],"pe","51"],["Philippines",["asia"],"ph","63",".... ......."],["Poland",["europe","eu-union","baltic"],"pl","48","... ... ..."],["Portugal",["europe","eu-union"],"pt","351"],["Puerto Rico",["america","carribean"],"pr","1",""],["Qatar",["middle-east"],"qa","974"],["Réunion",["africa"],"re","262"],["Romania",["europe","eu-union"],"ro","40"],["Russia",["europe","asia","ex-ussr","baltic"],"ru","7","(...) ... .. .."],["Rwanda",["africa"],"rw","250"],["Saint Kitts and Nevis",["america","carribean"],"kn","1869"],["Saint Lucia",["america","carribean"],"lc","1758"],["Saint Vincent and the Grenadines",["america","carribean"],"vc","1784"],["Samoa",["oceania"],"ws","685"],["San Marino",["europe"],"sm","378"],["São Tomé and Príncipe",["africa"],"st","239"],["Saudi Arabia",["middle-east"],"sa","966"],["Senegal",["africa"],"sn","221"],["Serbia",["europe","ex-yugos"],"rs","381"],["Seychelles",["africa"],"sc","248"],["Sierra Leone",["africa"],"sl","232"],["Singapore",["asia"],"sg","65",".... ...."],["Slovakia",["europe","eu-union"],"sk","421"],["Slovenia",["europe","eu-union","ex-yugos"],"si","386"],["Solomon Islands",["oceania"],"sb","677"],["Somalia",["africa"],"so","252"],["South Africa",["africa"],"za","27"],["South Korea",["asia"],"kr","82","... .... ...."],["South Sudan",["africa","north-africa"],"ss","211"],["Spain",["europe","eu-union"],"es","34","... ... ..."],["Sri Lanka",["asia"],"lk","94"],["Sudan",["africa"],"sd","249"],["Suriname",["america","south-america"],"sr","597"],["Swaziland",["africa"],"sz","268"],["Sweden",["europe","eu-union","baltic"],"se","46","(...) ... ..."],["Switzerland",["europe"],"ch","41",".. ... .. .."],["Syria",["middle-east"],"sy","963"],["Taiwan",["asia"],"tw","886"],["Tajikistan",["asia","ex-ussr"],"tj","992"],["Tanzania",["africa"],"tz","255"],["Thailand",["asia"],"th","66"],["Timor-Leste",["asia"],"tl","670"],["Togo",["africa"],"tg","228"],["Tonga",["oceania"],"to","676"],["Trinidad and Tobago",["america","carribean"],"tt","1868"],["Tunisia",["africa","north-africa"],"tn","216"],["Turkey",["europe"],"tr","90","... ... .. .."],["Turkmenistan",["asia","ex-ussr"],"tm","993"],["Tuvalu",["asia"],"tv","688"],["Uganda",["africa"],"ug","256"],["Ukraine",["europe","ex-ussr"],"ua","380","(..) ... .. .."],["United Arab Emirates",["middle-east"],"ae","971"],["United Kingdom",["europe","eu-union"],"gb","44",".... ......"],["United States",["america","north-america"],"us","1","(...) ... ...."],["Uruguay",["america","south-america"],"uy","598"],["Uzbekistan",["asia","ex-ussr"],"uz","998",".. ... .. .."],["Vanuatu",["oceania"],"vu","678"],["Vatican City",["europe"],"va","39",".. .... ...."],["Venezuela",["america","south-america"],"ve","58"],["Vietnam",["asia"],"vn","84"],["Yemen",["middle-east"],"ye","967"],["Zambia",["africa"],"zm","260"],["Zimbabwe",["africa"],"zw","263"]],defaultMask="... ... ... ... ..",prefix="+",getMask=(e,t,r,i)=>r?e+"".padEnd(t.length,".")+" "+r:e+"".padEnd(t.length,".")+" "+i;var PhoneNumberInputHelper;!function(e){e.getCountries=()=>[].concat(...CountryData.map((e=>({name:e[0],regions:e[1],iso2:e[2],countryCode:e[3],format:getMask(prefix,e[3],e[4],defaultMask)})))),e.formatNumber=(e="",t)=>{if(!t)return e;const r=e.replace(/[\s()]+/g,""),{format:i}=t,n=i.split(" ");n.shift();const a=n.join(" ");return reduce_1(a,((e,t)=>{if(0===e.remainingText.length)return e;if("."!==t)return{formattedText:e.formattedText+t,remainingText:e.remainingText};const[r,...i]=e.remainingText;return{formattedText:e.formattedText+r,remainingText:i}}),{formattedText:"",remainingText:r}).formattedText}}(PhoneNumberInputHelper||(PhoneNumberInputHelper={}));const PhoneNumberInput=({onChange:e,value:t,allowClear:r,onClear:i,onBlur:n,error:a,fixedCountry:o=!1,optionPlaceholder:s="Select",optionSearchPlaceholder:l,enableSearch:p,onHideOptions:c,onShowOptions:d,placeholder:u,...h})=>{const[m]=useState(PhoneNumberInputHelper.getCountries()),[f,y]=useState(void 0),[g,b]=useState(""),x=useRef(),v=useNextInputState({ref:x,formatter:e=>PhoneNumberInputHelper.formatNumber(e.replace(/[^0-9]/g,""),f)});useEffect((()=>{const e=m.filter((e=>e.countryCode===normaliseCountryCode(t?.countryCode)))[0];y(e),b(PhoneNumberInputHelper.formatNumber(t?.number,e))}),[t]);const _=t=>{C(g,t),e&&S(g,t)},S=(t,r)=>{const i=PhoneNumberInputHelper.formatNumber(t,r);e({number:i.replace(/[\s()]+/g,""),countryCode:r&&addPlusPrefix(r.countryCode)})},C=(e,t)=>{b(PhoneNumberInputHelper.formatNumber(e,t)),y(t)};return jsx(InputGroup,{ref:x,value:g,onChange:()=>{const{nextValue:t,updateCaretPosition:r}=v();r(),C(t,f),e&&S(t,f)},allowClear:r&&!!g,onClear:()=>{i?i():b("")},onBlur:n,error:a,placeholder:u,addon:o?{type:"label",attributes:{value:addPlusPrefix(f?.countryCode)}}:{type:"list",attributes:{placeholder:s,options:m,selectedOption:f,enableSearch:p,searchPlaceholder:l,valueExtractor:e=>`+${e.countryCode}`,listExtractor:e=>({title:e.name,secondaryLabel:addPlusPrefix(e.countryCode)}),onSelectOption:_,onHideOptions:c,onShowOptions:d}},inputMode:"numeric",...h})},normaliseCountryCode=e=>e?e.replace("+",""):"",addPlusPrefix=e=>e?e.includes("+")?e:`+${e}`:"",FormPhoneNumberInput=({label:e,errorMessage:t,id:r="form-phone-number-input","data-error-testid":i,"data-testid":n,...a})=>jsx(FormWrapper,{id:r,label:e,errorMessage:t,"data-error-testid":i,disabled:a.disabled,children:jsx(PhoneNumberInput,{id:`${r}-base`,"data-testid":n||r,error:!!t,...a})}),PredictiveTextInput=({className:e,"data-testid":t,selectedOption:r,minimumCharacters:i=3,fetchOptions:n,placeholder:a="Enter here...",readOnly:o=!1,disabled:s=!1,error:l,valueExtractor:p,listExtractor:c,displayValueExtractor:d=(e=>e.toString()),onSelectOption:u})=>{const h=r&&d(r),[m,f]=useState(h||""),[y,g]=useState(h||""),[b,x]=useState([]),[v,_]=useState(!0),[S,C]=useState(!1),[$,w]=useState(!!r),[T,E]=useState(r),k=useRef(n),A=async e=>{C(!1),_(!0);try{const t=await k.current(e);g(e),x(t),_(!1)}catch{C(!0)}},D=useCallback(debounce_1((e=>A(e)),500,{leading:!1,trailing:!0}),[]);useEffect((()=>{k.current=n}),[n]),useEffect((()=>{m&&m.length>=i&&m!==y?D(m):D.cancel(),""===m&&T&&(u&&u(void 0,void 0),M(),E(void 0)),r&&m!==d(r)&&w(!1)}),[m,r]),useEffect((()=>{f(r?d(r):""),M(r),E(r)}),[r]);const I=e=>{f(e.target.value)},P=(e,t)=>{u&&u(e,t)},M=e=>{g(e?d(e):""),w(!!e),x([]),_(!0)},F=()=>{f(""),u&&u(void 0,void 0),M()},R=()=>{$||T?(M(T),f(d(T)),u&&u(T,O(T)),E(T)):F()},j=()=>m&&m.length>=i&&!$,O=e=>p?p(e):e,L=()=>jsx(Input$3,{type:"text",value:m,onChange:I,placeholder:a,readOnly:o,disabled:s,allowClear:!0,onClear:F,styleType:"no-border",onBlur:m.length<i?R:void 0});return jsxs(DropdownWrapper,{className:e,show:j(),error:l&&!j(),disabled:s,readOnly:o,testId:t,onBlur:R,children:[jsx(o?Fragment:SelectorDiv,{children:L()}),!o&&j()&&jsx(Divider$3,{}),jsx(DropdownList,{listItems:b,onSelectItem:P,valueExtractor:p,listExtractor:c,itemsLoadState:S?"fail":v?"loading":"success",visible:j(),disableItemFocus:!0,onRetry:()=>A(m),itemTruncationType:"end",itemMaxLines:1,labelDisplayType:"next-line"})]})},FormPredictiveTextInput=({label:e,errorMessage:t,id:r="form-predictive-text","data-error-testid":i,"data-testid":n,...a})=>jsx(FormWrapper,{id:r,label:e,errorMessage:t,"data-error-testid":i,disabled:a.disabled,children:jsx(PredictiveTextInput,{id:`${r}-base`,"data-testid":n||r,error:!!t,...a})}),InputSelectorWrapper=styled.div`
+`,Component$b=({addon:e,error:t,onChange:r,readOnly:i,className:n,onBlur:a,...o},s)=>{const{placeholder:l,options:p,enableSearch:c,searchFunction:d,searchPlaceholder:u,valueExtractor:h,listExtractor:m,displayValueExtractor:f,selectedOption:y,onSelectOption:g,onHideOptions:b,onShowOptions:x,"data-selector-testid":v}=e.attributes,{position:_}=e,[S,C]=useState(y),[$,w]=useState(!1),T=useRef();useEffect((()=>{C(y)}),[y]);const E=()=>f?f(S):h?h(S):S.toString(),k=e=>{!e&&b&&b(),e&&x&&x()},A=e=>{e.preventDefault(),o.disabled||(w(!$),k(!$))},D=(e,t)=>{C(e),w(!1),k(!1),T&&T.current.focus(),g&&g(e,t)},I=e=>{r&&r(e)},P=()=>{a&&a()},M=()=>{w(!1),k(!1),T&&T.current.focus()};return jsxs(DropdownWrapper,{className:n,show:$,error:t&&!$,disabled:o.disabled,readOnly:i,onBlur:()=>{w(!1),k(!1),P()},children:[jsxs(DisplayContainer,{$expanded:$,$readOnly:i,$position:_,children:[i?S?jsx(SelectorReadOnly,{children:jsx(ValueLabel,{"data-testid":"selector-label",children:E()})}):null:jsx(Selector,{ref:T,type:"button",disabled:o.disabled,"data-testid":v||"addon-selector",onClick:A,children:jsxs(Fragment,{children:[jsxs(LabelContainer$1,{children:[l&&!S&&jsx(PlaceholderLabel,{children:l}),S&&jsx(ValueLabel,{"data-testid":"selector-label",children:E()})]}),jsx(IconContainer$1,{$expanded:$,children:jsx(StyledChevronIcon,{})})]})}),jsx(Divider$2,{$readOnly:i,$position:_}),jsx(MainInput,{ref:s,...o,readOnly:i,error:t,onChange:I,"data-testid":o["data-testid"]||"input",onBlur:P})]}),p&&p.length>0?jsx(DropdownList,{listItems:p,selectedItems:y?[y]:[],onSelectItem:D,valueExtractor:h,listExtractor:m,visible:$,enableSearch:c,searchFunction:d,searchPlaceholder:u,"data-testid":"dropdown-list",onBlur:P,onDismiss:M}):null]})},InputGroupListAddon=React__default.forwardRef(Component$b),Component$a=({addon:e,error:t,className:r,...i},n)=>{const a=()=>jsx(Container$g,{disabled:i.disabled,$error:t,$readOnly:i.readOnly,"data-testid":i["data-testid"],className:r,children:jsx(MainInput,{ref:n,...i,"data-testid":"input"})});if(!e)return a();{const{type:o="label",position:s="left"}=e,{allowClear:l}=i;switch(o){case"list":{const o=e.attributes;return o.options&&o.options.length>0?jsx(InputGroupListAddon,{ref:n,addon:e,error:t,className:r,...i}):a()}case"custom":{const o=e.attributes;return o.children?jsxs(InputWrapper,{$error:t,$disabled:i.disabled,$readOnly:i.readOnly,"data-testid":i["data-testid"],$position:s,className:r,children:[jsx(AddOnContainer,{"data-testid":"addon",disabled:i.disabled,$readOnly:i.readOnly,$position:s,children:o.children}),jsx(MainInput,{ref:n,...i,allowClear:l&&"right"!==s,error:t,"data-testid":"input"})]}):a()}default:{const o=e.attributes;return o.value?jsxs(InputWrapper,{$disabled:i.disabled,$error:t,$readOnly:i.readOnly,"data-testid":i["data-testid"],$position:s,className:r,children:[jsx(AddOnContainer,{"data-testid":"addon",disabled:i.disabled,$readOnly:i.readOnly,$position:s,children:o.value}),jsx(MainInput,{ref:n,...i,allowClear:l&&"right"!==s,error:t,"data-testid":"input"})]}):a()}}}},InputGroup=React__default.forwardRef(Component$a),Component$9=(e,t)=>{const{label:r,errorMessage:i,id:n="form-field-group","data-error-testid":a,"data-testid":o,...s}=e;return jsx(FormWrapper,{id:n,label:r,errorMessage:i,disabled:s.disabled,"data-error-testid":a,children:jsx(InputGroup,{ref:t,id:`${n}-base`,"data-testid":o||n,error:!!i,...s})})},FormInputGroup=React__default.forwardRef(Component$9),InputMultiSelect=({selectedOptions:e,placeholder:t="Select",options:r,className:i,disabled:n,error:a,"data-testid":o,enableSearch:s=!1,searchFunction:l,searchPlaceholder:p,valueExtractor:c,listExtractor:d,onSelectOptions:u,listStyleWidth:h,onShowOptions:m,onHideOptions:f,onRetry:y,optionsLoadState:g="success",optionTruncationType:b="end",...x})=>{const[v,_]=useState(e||[]),[S,C]=useState(!1),$=useRef();useEffect((()=>{_(e||[])}),[e]);const w=(e,t)=>{const r=[...v],i=findIndex_1(v,(e=>(c?c(e):e)===t));i>-1?r.splice(i,1):r.push(e),_(r),k(!1),$&&$.current.focus(),A(r)},T=()=>{S&&(C(!1),k(!1)),$&&$.current.focus()},E=()=>{v&&v.length>0?(_([]),A([])):(_(r),A(r))},k=e=>{!e&&f&&f(),e&&m&&m()},A=e=>{u&&u(e)};return jsxs(DropdownWrapper,{show:S,error:a&&!S,disabled:n,testId:o,className:i,onBlur:()=>{C(!1),k(!1)},children:[jsx(Selector$1,{ref:$,type:"button","data-testid":"selector",onClick:e=>{e.preventDefault(),n||(C(!S),k(!S))},...x,children:jsxs(Fragment,{children:[jsx(LabelContainer$2,{children:v&&0!==v.length?jsx(ValueLabel$1,{children:v&&0!=v.length?r&&v.length===r.length?"All selected":`${v.length} selected`:t}):jsx(PlaceholderLabel$1,{truncateType:b,children:t})}),jsx(IconContainer$2,{expanded:S,children:jsx(StyledChevronIcon$1,{})})]})}),S&&jsx(Divider$3,{}),r&&r.length>0||y?jsx(DropdownList,{listItems:r,onSelectItem:w,onDismiss:T,valueExtractor:c,listExtractor:d,listStyleWidth:h,visible:S,enableSearch:s,searchFunction:l,searchPlaceholder:p,"data-testid":"dropdown-list",multiSelect:!0,selectedItems:v,onSelectAll:E,onRetry:y,itemsLoadState:g,itemTruncationType:b}):null]})},FormMultiSelect=({label:e,errorMessage:t,id:r="form-multi-select","data-error-testid":i,"data-testid":n,enableSearch:a=!1,...o})=>jsx(FormWrapper,{id:r,label:e,errorMessage:t,"data-error-testid":i,disabled:o.disabled,children:jsx(InputMultiSelect,{id:`${r}-base`,"data-testid":n||r,error:!!t,enableSearch:a,...o})});function arrayReduce$2(e,t,r,i){var n=-1,a=null==e?0:e.length;for(i&&a&&(r=e[++n]);++n<a;)r=t(r,e[n],n,e);return r}var _arrayReduce=arrayReduce$2;function createBaseFor$1(e){return function(t,r,i){for(var n=-1,a=Object(t),o=i(t),s=o.length;s--;){var l=o[e?s:++n];if(!1===r(a[l],l,a))break}return t}}var _createBaseFor=createBaseFor$1,createBaseFor=_createBaseFor,baseFor$1=createBaseFor(),_baseFor=baseFor$1,baseFor=_baseFor,keys=keys_1;function baseForOwn$1(e,t){return e&&baseFor(e,t,keys)}var _baseForOwn=baseForOwn$1,isArrayLike=isArrayLike_1;function createBaseEach$1(e,t){return function(r,i){if(null==r)return r;if(!isArrayLike(r))return e(r,i);for(var n=r.length,a=t?n:-1,o=Object(r);(t?a--:++a<n)&&!1!==i(o[a],a,o););return r}}var _createBaseEach=createBaseEach$1,baseForOwn=_baseForOwn,createBaseEach=_createBaseEach,baseEach$1=createBaseEach(baseForOwn),_baseEach=baseEach$1;function baseReduce$1(e,t,r,i,n){return n(e,(function(e,n,a){r=i?(i=!1,e):t(r,e,n,a)})),r}var _baseReduce=baseReduce$1,arrayReduce$1=_arrayReduce,baseEach=_baseEach,baseIteratee=_baseIteratee,baseReduce=_baseReduce,isArray=isArray_1;function reduce(e,t,r){var i=isArray(e)?arrayReduce$1:baseReduce,n=arguments.length<3;return i(e,baseIteratee(t),r,n,baseEach)}var reduce_1=reduce;const CountryData=[["Afghanistan",["asia"],"af","93"],["Albania",["europe"],"al","355"],["Algeria",["africa","north-africa"],"dz","213"],["Andorra",["europe"],"ad","376"],["Angola",["africa"],"ao","244"],["Antigua and Barbuda",["america","carribean"],"ag","1268"],["Argentina",["america","south-america"],"ar","54","(..) ........"],["Armenia",["asia","ex-ussr"],"am","374",".. ......"],["Aruba",["america","carribean"],"aw","297"],["Australia",["oceania"],"au","61","(..) .... ...."],["Austria",["europe","eu-union"],"at","43"],["Azerbaijan",["asia","ex-ussr"],"az","994","(..) ... .. .."],["Bahamas",["america","carribean"],"bs","1242"],["Bahrain",["middle-east"],"bh","973"],["Bangladesh",["asia"],"bd","880"],["Barbados",["america","carribean"],"bb","1246"],["Belarus",["europe","ex-ussr"],"by","375","(..) ... .. .."],["Belgium",["europe","eu-union"],"be","32","... .. .. .."],["Belize",["america","central-america"],"bz","501"],["Benin",["africa"],"bj","229"],["Bhutan",["asia"],"bt","975"],["Bolivia",["america","south-america"],"bo","591"],["Bosnia and Herzegovina",["europe","ex-yugos"],"ba","387"],["Botswana",["africa"],"bw","267"],["Brazil",["america","south-america"],"br","55","(..) ........."],["British Indian Ocean Territory",["asia"],"io","246"],["Brunei",["asia"],"bn","673"],["Bulgaria",["europe","eu-union"],"bg","359"],["Burkina Faso",["africa"],"bf","226"],["Burundi",["africa"],"bi","257"],["Cambodia",["asia"],"kh","855"],["Cameroon",["africa"],"cm","237"],["Canada",["america","north-america"],"ca","1","(...) ... ...."],["Cape Verde",["africa"],"cv","238"],["Caribbean Netherlands",["america","carribean"],"bq","599",""],["Central African Republic",["africa"],"cf","236"],["Chad",["africa"],"td","235"],["Chile",["america","south-america"],"cl","56"],["China",["asia"],"cn","86",".. ........."],["Colombia",["america","south-america"],"co","57","... ... ...."],["Comoros",["africa"],"km","269"],["Congo",["africa"],"cd","243"],["Congo",["africa"],"cg","242"],["Costa Rica",["america","central-america"],"cr","506",".... ...."],["Côte d’Ivoire",["africa"],"ci","225",".. .. .. .."],["Croatia",["europe","eu-union","ex-yugos"],"hr","385"],["Cuba",["america","carribean"],"cu","53"],["Curaçao",["america","carribean"],"cw","599",""],["Cyprus",["europe","eu-union"],"cy","357",".. ......"],["Czech Republic",["europe","eu-union"],"cz","420","... ... ..."],["Denmark",["europe","eu-union","baltic"],"dk","45",".. .. .. .."],["Djibouti",["africa"],"dj","253"],["Dominica",["america","carribean"],"dm","1767"],["Dominican Republic",["america","carribean"],"do","1",""],["Ecuador",["america","south-america"],"ec","593"],["Egypt",["africa","north-africa"],"eg","20"],["El Salvador",["america","central-america"],"sv","503",".... ...."],["Equatorial Guinea",["africa"],"gq","240"],["Eritrea",["africa"],"er","291"],["Estonia",["europe","eu-union","ex-ussr","baltic"],"ee","372",".... ......"],["Ethiopia",["africa"],"et","251"],["Fiji",["oceania"],"fj","679"],["Finland",["europe","eu-union","baltic"],"fi","358",".. ... .. .."],["France",["europe","eu-union"],"fr","33",". .. .. .. .."],["French Guiana",["america","south-america"],"gf","594"],["French Polynesia",["oceania"],"pf","689"],["Gabon",["africa"],"ga","241"],["Gambia",["africa"],"gm","220"],["Georgia",["asia","ex-ussr"],"ge","995"],["Germany",["europe","eu-union","baltic"],"de","49",".... ........"],["Ghana",["africa"],"gh","233"],["Greece",["europe","eu-union"],"gr","30"],["Grenada",["america","carribean"],"gd","1473"],["Guadeloupe",["america","carribean"],"gp","590","",0],["Guam",["oceania"],"gu","1671"],["Guatemala",["america","central-america"],"gt","502",".... ...."],["Guinea",["africa"],"gn","224"],["Guinea-Bissau",["africa"],"gw","245"],["Guyana",["america","south-america"],"gy","592"],["Haiti",["america","carribean"],"ht","509",".... ...."],["Honduras",["america","central-america"],"hn","504"],["Hong Kong",["asia"],"hk","852",".... ...."],["Hungary",["europe","eu-union"],"hu","36"],["Iceland",["europe"],"is","354","... ...."],["India",["asia"],"in","91","..... ....."],["Indonesia",["asia"],"id","62"],["Iran",["middle-east"],"ir","98","... ... ...."],["Iraq",["middle-east"],"iq","964"],["Ireland",["europe","eu-union"],"ie","353",".. ......."],["Israel",["middle-east"],"il","972","... ... ...."],["Italy",["europe","eu-union"],"it","39","... ......."],["Jamaica",["america","carribean"],"jm","1876"],["Japan",["asia"],"jp","81",".. .... ...."],["Jordan",["middle-east"],"jo","962"],["Kazakhstan",["asia","ex-ussr"],"kz","7","... ... .. .."],["Kenya",["africa"],"ke","254"],["Kiribati",["oceania"],"ki","686"],["Kosovo",["europe","ex-yugos"],"xk","383"],["Kuwait",["middle-east"],"kw","965"],["Kyrgyzstan",["asia","ex-ussr"],"kg","996","... ... ..."],["Laos",["asia"],"la","856"],["Latvia",["europe","eu-union","ex-ussr","baltic"],"lv","371",".. ... ..."],["Lebanon",["middle-east"],"lb","961"],["Lesotho",["africa"],"ls","266"],["Liberia",["africa"],"lr","231"],["Libya",["africa","north-africa"],"ly","218"],["Liechtenstein",["europe"],"li","423"],["Lithuania",["europe","eu-union","ex-ussr","baltic"],"lt","370"],["Luxembourg",["europe","eu-union"],"lu","352"],["Macau",["asia"],"mo","853"],["Macedonia",["europe","ex-yugos"],"mk","389"],["Madagascar",["africa"],"mg","261"],["Malawi",["africa"],"mw","265"],["Malaysia",["asia"],"my","60",".. .... ...."],["Maldives",["asia"],"mv","960"],["Mali",["africa"],"ml","223"],["Malta",["europe","eu-union"],"mt","356"],["Marshall Islands",["oceania"],"mh","692"],["Martinique",["america","carribean"],"mq","596"],["Mauritania",["africa"],"mr","222"],["Mauritius",["africa"],"mu","230"],["Mexico",["america","central-america"],"mx","52","... ... ...."],["Micronesia",["oceania"],"fm","691"],["Moldova",["europe"],"md","373","(..) .. .. .."],["Monaco",["europe"],"mc","377"],["Mongolia",["asia"],"mn","976"],["Montenegro",["europe","ex-yugos"],"me","382"],["Morocco",["africa","north-africa"],"ma","212"],["Mozambique",["africa"],"mz","258"],["Myanmar",["asia"],"mm","95"],["Namibia",["africa"],"na","264"],["Nauru",["africa"],"nr","674"],["Nepal",["asia"],"np","977"],["Netherlands",["europe","eu-union"],"nl","31",".. ........"],["New Caledonia",["oceania"],"nc","687"],["New Zealand",["oceania"],"nz","64","... ... ...."],["Nicaragua",["america","central-america"],"ni","505"],["Niger",["africa"],"ne","227"],["Nigeria",["africa"],"ng","234"],["North Korea",["asia"],"kp","850"],["Norway",["europe","baltic"],"no","47","... .. ..."],["Oman",["middle-east"],"om","968"],["Pakistan",["asia"],"pk","92","... ......."],["Palau",["oceania"],"pw","680"],["Palestine",["middle-east"],"ps","970"],["Panama",["america","central-america"],"pa","507"],["Papua New Guinea",["oceania"],"pg","675"],["Paraguay",["america","south-america"],"py","595"],["Peru",["america","south-america"],"pe","51"],["Philippines",["asia"],"ph","63",".... ......."],["Poland",["europe","eu-union","baltic"],"pl","48","... ... ..."],["Portugal",["europe","eu-union"],"pt","351"],["Puerto Rico",["america","carribean"],"pr","1",""],["Qatar",["middle-east"],"qa","974"],["Réunion",["africa"],"re","262"],["Romania",["europe","eu-union"],"ro","40"],["Russia",["europe","asia","ex-ussr","baltic"],"ru","7","(...) ... .. .."],["Rwanda",["africa"],"rw","250"],["Saint Kitts and Nevis",["america","carribean"],"kn","1869"],["Saint Lucia",["america","carribean"],"lc","1758"],["Saint Vincent and the Grenadines",["america","carribean"],"vc","1784"],["Samoa",["oceania"],"ws","685"],["San Marino",["europe"],"sm","378"],["São Tomé and Príncipe",["africa"],"st","239"],["Saudi Arabia",["middle-east"],"sa","966"],["Senegal",["africa"],"sn","221"],["Serbia",["europe","ex-yugos"],"rs","381"],["Seychelles",["africa"],"sc","248"],["Sierra Leone",["africa"],"sl","232"],["Singapore",["asia"],"sg","65",".... ...."],["Slovakia",["europe","eu-union"],"sk","421"],["Slovenia",["europe","eu-union","ex-yugos"],"si","386"],["Solomon Islands",["oceania"],"sb","677"],["Somalia",["africa"],"so","252"],["South Africa",["africa"],"za","27"],["South Korea",["asia"],"kr","82","... .... ...."],["South Sudan",["africa","north-africa"],"ss","211"],["Spain",["europe","eu-union"],"es","34","... ... ..."],["Sri Lanka",["asia"],"lk","94"],["Sudan",["africa"],"sd","249"],["Suriname",["america","south-america"],"sr","597"],["Swaziland",["africa"],"sz","268"],["Sweden",["europe","eu-union","baltic"],"se","46","(...) ... ..."],["Switzerland",["europe"],"ch","41",".. ... .. .."],["Syria",["middle-east"],"sy","963"],["Taiwan",["asia"],"tw","886"],["Tajikistan",["asia","ex-ussr"],"tj","992"],["Tanzania",["africa"],"tz","255"],["Thailand",["asia"],"th","66"],["Timor-Leste",["asia"],"tl","670"],["Togo",["africa"],"tg","228"],["Tonga",["oceania"],"to","676"],["Trinidad and Tobago",["america","carribean"],"tt","1868"],["Tunisia",["africa","north-africa"],"tn","216"],["Turkey",["europe"],"tr","90","... ... .. .."],["Turkmenistan",["asia","ex-ussr"],"tm","993"],["Tuvalu",["asia"],"tv","688"],["Uganda",["africa"],"ug","256"],["Ukraine",["europe","ex-ussr"],"ua","380","(..) ... .. .."],["United Arab Emirates",["middle-east"],"ae","971"],["United Kingdom",["europe","eu-union"],"gb","44",".... ......"],["United States",["america","north-america"],"us","1","(...) ... ...."],["Uruguay",["america","south-america"],"uy","598"],["Uzbekistan",["asia","ex-ussr"],"uz","998",".. ... .. .."],["Vanuatu",["oceania"],"vu","678"],["Vatican City",["europe"],"va","39",".. .... ...."],["Venezuela",["america","south-america"],"ve","58"],["Vietnam",["asia"],"vn","84"],["Yemen",["middle-east"],"ye","967"],["Zambia",["africa"],"zm","260"],["Zimbabwe",["africa"],"zw","263"]],defaultMask="... ... ... ... ..",prefix="+",getMask=(e,t,r,i)=>r?e+"".padEnd(t.length,".")+" "+r:e+"".padEnd(t.length,".")+" "+i;var PhoneNumberInputHelper;!function(e){e.getCountries=()=>[].concat(...CountryData.map((e=>({name:e[0],regions:e[1],iso2:e[2],countryCode:e[3],format:getMask(prefix,e[3],e[4],defaultMask)})))),e.formatNumber=(e="",t)=>{if(!t)return e;const r=e.replace(/[\s()]+/g,""),{format:i}=t,n=i.split(" ");n.shift();const a=n.join(" ");return reduce_1(a,((e,t)=>{if(0===e.remainingText.length)return e;if("."!==t)return{formattedText:e.formattedText+t,remainingText:e.remainingText};const[r,...i]=e.remainingText;return{formattedText:e.formattedText+r,remainingText:i}}),{formattedText:"",remainingText:r}).formattedText}}(PhoneNumberInputHelper||(PhoneNumberInputHelper={}));const PhoneNumberInput=({onChange:e,value:t,allowClear:r,onClear:i,onBlur:n,error:a,fixedCountry:o=!1,optionPlaceholder:s="Select",optionSearchPlaceholder:l,enableSearch:p,onHideOptions:c,onShowOptions:d,placeholder:u,...h})=>{const[m]=useState(PhoneNumberInputHelper.getCountries()),[f,y]=useState(void 0),[g,b]=useState(""),x=useRef(),v=useNextInputState({ref:x,formatter:e=>PhoneNumberInputHelper.formatNumber(e.replace(/[^0-9]/g,""),f)});useEffect((()=>{const e=m.filter((e=>e.countryCode===normaliseCountryCode(t?.countryCode)))[0];y(e),b(PhoneNumberInputHelper.formatNumber(t?.number,e))}),[t]);const _=t=>{C(g,t),e&&S(g,t)},S=(t,r)=>{const i=PhoneNumberInputHelper.formatNumber(t,r);e({number:i.replace(/[\s()]+/g,""),countryCode:r&&addPlusPrefix(r.countryCode)})},C=(e,t)=>{b(PhoneNumberInputHelper.formatNumber(e,t)),y(t)};return jsx(InputGroup,{ref:x,value:g,onChange:()=>{const{nextValue:t,updateCaretPosition:r}=v();r(),C(t,f),e&&S(t,f)},allowClear:r&&!!g,onClear:()=>{i?i():b("")},onBlur:n,error:a,placeholder:u,addon:o?{type:"label",attributes:{value:addPlusPrefix(f?.countryCode)}}:{type:"list",attributes:{placeholder:s,options:m,selectedOption:f,enableSearch:p,searchPlaceholder:l,valueExtractor:e=>`+${e.countryCode}`,listExtractor:e=>({title:e.name,secondaryLabel:addPlusPrefix(e.countryCode)}),onSelectOption:_,onHideOptions:c,onShowOptions:d}},inputMode:"numeric",...h})},normaliseCountryCode=e=>e?e.replace("+",""):"",addPlusPrefix=e=>e?e.includes("+")?e:`+${e}`:"",FormPhoneNumberInput=({label:e,errorMessage:t,id:r="form-phone-number-input","data-error-testid":i,"data-testid":n,...a})=>jsx(FormWrapper,{id:r,label:e,errorMessage:t,"data-error-testid":i,disabled:a.disabled,children:jsx(PhoneNumberInput,{id:`${r}-base`,"data-testid":n||r,error:!!t,...a})}),PredictiveTextInput=({className:e,"data-testid":t,selectedOption:r,minimumCharacters:i=3,fetchOptions:n,placeholder:a="Enter here...",readOnly:o=!1,disabled:s=!1,error:l,valueExtractor:p,listExtractor:c,displayValueExtractor:d=(e=>e.toString()),onSelectOption:u})=>{const h=r&&d(r),[m,f]=useState(h||""),[y,g]=useState(h||""),[b,x]=useState([]),[v,_]=useState(!0),[S,C]=useState(!1),[$,w]=useState(!!r),[T,E]=useState(r),k=useRef(n),A=async e=>{C(!1),_(!0);try{const t=await k.current(e);g(e),x(t),_(!1)}catch{C(!0)}},D=useCallback(debounce_1((e=>A(e)),500,{leading:!1,trailing:!0}),[]);useEffect((()=>{k.current=n}),[n]),useEffect((()=>{m&&m.length>=i&&m!==y?D(m):D.cancel(),""===m&&T&&(u&&u(void 0,void 0),M(),E(void 0)),r&&m!==d(r)&&w(!1)}),[m,r]),useEffect((()=>{f(r?d(r):""),M(r),E(r)}),[r]);const I=e=>{f(e.target.value)},P=(e,t)=>{u&&u(e,t)},M=e=>{g(e?d(e):""),w(!!e),x([]),_(!0)},F=()=>{f(""),u&&u(void 0,void 0),M()},R=()=>{$||T?(M(T),f(d(T)),u&&u(T,O(T)),E(T)):F()},j=()=>m&&m.length>=i&&!$,O=e=>p?p(e):e,L=()=>jsx(Input$3,{type:"text",value:m,onChange:I,placeholder:a,readOnly:o,disabled:s,allowClear:!0,onClear:F,styleType:"no-border",onBlur:m.length<i?R:void 0});return jsxs(DropdownWrapper,{className:e,show:j(),error:l&&!j(),disabled:s,readOnly:o,testId:t,onBlur:R,children:[jsx(o?Fragment:SelectorDiv,{children:L()}),!o&&j()&&jsx(Divider$3,{}),jsx(DropdownList,{listItems:b,onSelectItem:P,valueExtractor:p,listExtractor:c,itemsLoadState:S?"fail":v?"loading":"success",visible:j(),disableItemFocus:!0,onRetry:()=>A(m),itemTruncationType:"end",itemMaxLines:1,labelDisplayType:"next-line"})]})},FormPredictiveTextInput=({label:e,errorMessage:t,id:r="form-predictive-text","data-error-testid":i,"data-testid":n,...a})=>jsx(FormWrapper,{id:r,label:e,errorMessage:t,"data-error-testid":i,disabled:a.disabled,children:jsx(PredictiveTextInput,{id:`${r}-base`,"data-testid":n||r,error:!!t,...a})}),InputSelectorWrapper=styled.div`
     display: flex;
     position: relative;
     align-items: center;
@@ -5086,7 +5092,7 @@ function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof S
                 background: transparent;
             }
         `};
-`,Toast=({type:e="success",title:t,label:r,autoDismiss:i,onDismiss:n,...a})=>{const[o,s]=useState(!1),l=reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL});useEffect((()=>{s(!0)}),[]),useEffect((()=>{if(i)return setTimeout((()=>{s(!1)}),timer),()=>clearTimeout(timer)}),[i]);const p=useSpring({opacity:o?1:0,transform:o?l?"translateY(0%)":"translateX(0%)":l?"translateY(-1500%)":"translateX(150%)",config:{easing:easings.easeInOutQuart,duration:1e3},onRest:()=>{o||n?.()}});return jsxs(Wrapper,{style:p,$type:e,...a,children:[(()=>{switch(e){case"success":return jsx(TickCircleFillIcon,{});case"warning":return jsx(ExclamationTriangleFillIcon,{});case"error":return jsx(ExclamationCircleFillIcon$1,{});case"info":return jsx(ICircleFillIcon$1,{});default:return null}})(),jsxs(TextContainer,{children:[t&&jsx(Title,{$type:e,weight:"semibold",children:t}),r&&jsx(Description,{$type:e,children:jsx(t?Text.BodySmall:Text.Body,{children:r})})]}),jsx(DismissButton,{$type:e,onClick:()=>{s(!1)},children:jsx(CloseIcon,{})})]})},timer=4e3,getVisibilityStyle=e=>e?css`
+`,DEFAULT_AUTO_DISMISS_TIME=4e3,Toast=({type:e="success",title:t,label:r,autoDismiss:i,autoDismissTime:n=DEFAULT_AUTO_DISMISS_TIME,onDismiss:a,...o})=>{const[s,l]=useState(!1),p=reactResponsive.exports.useMediaQuery({maxWidth:MediaWidths$1.mobileL});useEffect((()=>{l(!0)}),[]),useEffect((()=>{if(!i)return;const e=setTimeout((()=>{l(!1)}),n);return()=>clearTimeout(e)}),[i]);const c=useSpring({opacity:s?1:0,transform:s?p?"translateY(0%)":"translateX(0%)":p?"translateY(-1500%)":"translateX(150%)",config:{easing:easings.easeInOutQuart,duration:1e3},onRest:()=>{s||a?.()}});return jsxs(Wrapper,{style:c,$type:e,...o,children:[(()=>{switch(e){case"success":return jsx(TickCircleFillIcon,{});case"warning":return jsx(ExclamationTriangleFillIcon,{});case"error":return jsx(ExclamationCircleFillIcon$1,{});case"info":return jsx(ICircleFillIcon$1,{});default:return null}})(),jsxs(TextContainer,{children:[t&&jsx(Title,{$type:e,weight:"semibold",children:t}),r&&jsx(Description,{$type:e,children:jsx(t?Text.BodySmall:Text.Body,{children:r})})]}),jsx(DismissButton,{$type:e,onClick:()=>{l(!1)},children:jsx(CloseIcon,{})})]})},getVisibilityStyle=e=>e?css`
             visibility: "visible";
             opacity: 1;
             transition: ${Transition.Base};