@aws-amplify/ui-react 5.0.5 → 5.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/esm/version.mjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/styles.css +6 -9
  4. package/dist/types/version.d.ts +1 -1
  5. package/package.json +3 -3
package/dist/esm/version.mjs CHANGED
@@ -1 +1 @@
1
- const o="5.0.5";export{o as VERSION};
1
+ const o="5.0.6";export{o as VERSION};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("lodash/isEqual.js"),t=require("aws-amplify"),n=require("@aws-amplify/ui"),l=require("./Field-147a6e0a.js");require("@aws-amplify/datastore");var s=require("@aws-amplify/ui-react-core"),r=require("@aws-amplify/storage"),o=require("tslib"),i=require("classnames"),d=require("lodash/debounce.js"),c=require("@radix-ui/react-accordion"),u=require("@radix-ui/react-dropdown-menu"),m=require("@radix-ui/react-slider"),p=require("@radix-ui/react-tabs"),f=require("qrcode"),C=require("@radix-ui/react-direction");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}require("@aws-amplify/core");var b=h(e),E=g(e),N=g(a),v=g(i),F=g(d),y=h(c),w=h(u),x=h(m),S=h(p),I=g(f),T=h(C);const P=b.forwardRef(((e,a)=>{var{buttonRef:t,children:s,className:r,dismissButtonLabel:i=l.ComponentText.Alert.dismissButtonLabel,hasIcon:d=!0,heading:c,isDismissible:u=!1,onDismiss:m,variation:p}=e,f=o.__rest(e,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[C,g]=b.useState(!1),h=b.useCallback((()=>{g(!C),n.isFunction(m)&&m()}),[g,m,C]);return C?null:b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Alert,r,n.classNameModifier(l.ComponentClassNames.Alert,p)),"data-variation":p,ref:a,role:"alert"},f),d&&b.createElement(l.AlertIcon,{variation:p,ariaHidden:!0}),b.createElement(l.View,{flex:"1"},c&&b.createElement(l.View,{className:l.ComponentClassNames.AlertHeading},c),b.createElement(l.View,{className:l.ComponentClassNames.AlertBody},s)),u&&b.createElement(l.Button,{ariaLabel:i,variation:"link",className:l.ComponentClassNames.AlertDismiss,onClick:h,ref:t},b.createElement(l.IconClose,{"aria-hidden":"true"})))}));P.displayName="Alert";const k=b.forwardRef(((e,a)=>{var{children:t,className:s,isActive:r}=e,i=o.__rest(e,["children","className","isActive"]);return b.createElement(l.View,Object.assign({"aria-selected":r,as:"li",role:"option",className:v.default(l.ComponentClassNames.AutocompleteMenuOption,n.classNameModifierByFlag(l.ComponentClassNames.AutocompleteMenuOption,"active",r),s),ref:a},i),t)}));k.displayName="AutocompleteOption";const O=b.forwardRef(((e,a)=>{var{children:t,className:s,orientation:r}=e,i=o.__rest(e,["children","className","orientation"]);return b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.ScrollView,n.classNameModifier(l.ComponentClassNames.ScrollView,r),s),"data-orientation":r,ref:a},i),t)}));O.displayName="ScrollView";const M=b.forwardRef(((e,a)=>{var{ariaLabel:t,children:n,Header:s=null,Footer:r=null,LoadingIndicator:i=null,Empty:d=null,isLoading:c,listboxId:u}=e,m=o.__rest(e,["ariaLabel","children","Header","Footer","LoadingIndicator","Empty","isLoading","listboxId"]);return b.createElement(O,Object.assign({className:l.ComponentClassNames.AutocompleteMenu,ref:a},m),c?b.createElement((()=>{const e=null!=i?i:b.createElement(b.Fragment,null,b.createElement(l.Loader,null),l.ComponentText.Autocomplete.loadingText);return b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuLoading},e)}),null):b.createElement(b.Fragment,null,b.createElement((()=>s&&b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuHeader},s)),null),n.length>0?b.createElement(O,{as:"ul",ariaLabel:t,className:l.ComponentClassNames.AutocompleteMenuOptions,id:u,role:"listbox"},n):b.createElement((()=>d?b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuEmpty},d):b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuEmpty},l.ComponentText.Autocomplete.emptyText)),null),b.createElement((()=>r&&b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuFooter},r)),null)))}));M.displayName="AutocompleteMenu";const R=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?b.useLayoutEffect:()=>{},B=b["useId".toString()]||(()=>{});let D=0;const L=e=>{const[a,t]=b.useState(B());return R((()=>{e||t((e=>null!=e?e:String(D++)))}),[e]),null!=e?e:a?`amplify-id-${a}`:""},V=new Set([l.ARROW_DOWN,l.ARROW_UP,l.ENTER_KEY,l.ESCAPE_KEY]),_=(e,a)=>e&&a?`${e}-${a}`:void 0,A=b.forwardRef(((e,a)=>{var{children:t,className:n,query:s,testId:r}=e,i=o.__rest(e,["children","className","query","testId"]);const d=_(r,"match"),c=null==t?void 0:t.toLocaleLowerCase().indexOf(null==s?void 0:s.toLocaleLowerCase());if(l.strHasLength(s)&&-1!==c){const e=t.substring(c,c+s.length);return b.createElement(l.View,Object.assign({as:"span",className:v.default(n,l.ComponentClassNames.HighlightMatch),testId:r,ref:a},i),t.substring(0,c),b.createElement(l.View,{as:"strong",className:l.ComponentClassNames.HighlightMatchHighlighted,testId:d},e),t.substring(c+s.length))}return b.createElement(l.View,{as:"span",testId:r},t)}));A.displayName="HighlightMatch";const H=l.ComponentText.SearchField.searchButtonLabel,j=b.forwardRef(((e,a)=>{var{size:t}=e,n=o.__rest(e,["size"]);return b.createElement(l.FieldGroupIconButton,Object.assign({ariaLabel:H,className:l.ComponentClassNames.SearchFieldSearch,size:t,ref:a,type:"submit"},n),b.createElement(l.IconSearch,null))}));j.displayName="SearchFieldButton";const z=b.forwardRef(((e,a)=>{var{children:t,className:s,innerEndComponent:r,innerStartComponent:i,orientation:d="horizontal",outerEndComponent:c,outerStartComponent:u,variation:m}=e,p=o.__rest(e,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const f=null!=r,C=null!=i?l.ComponentClassNames.FieldGroupHasInnerStart:null,g=f?l.ComponentClassNames.FieldGroupHasInnerEnd:null,h=v.default(l.ComponentClassNames.FieldGroup,C,g,n.classNameModifier(l.ComponentClassNames.FieldGroup,d),s);return b.createElement(l.Flex,Object.assign({className:h,"data-orientation":d,ref:a},p),u&&b.createElement(l.View,{className:v.default(l.ComponentClassNames.FieldGroupOuterStart,n.classNameModifier(l.ComponentClassNames.FieldGroupOuterStart,m))},u),b.createElement(l.View,{className:v.default(l.ComponentClassNames.FieldGroupFieldWrapper,n.classNameModifier(l.ComponentClassNames.FieldGroupFieldWrapper,d)),"data-orientation":d},i&&b.createElement(l.View,{className:l.ComponentClassNames.FieldGroupInnerStart},i),t,r&&b.createElement(l.View,{className:l.ComponentClassNames.FieldGroupInnerEnd},r)),c&&b.createElement(l.View,{className:v.default(l.ComponentClassNames.FieldGroupOuterEnd,n.classNameModifier(l.ComponentClassNames.FieldGroupOuterEnd,m))},c))}));z.displayName="FieldGroup";const U=b.forwardRef(((e,a)=>{var{autoComplete:t,checked:s,className:r,defaultChecked:i,defaultValue:d,id:c,isDisabled:u,isReadOnly:m,isRequired:p,size:f,type:C="text",hasError:g=!1,value:h,variation:E,onBlur:N,onChange:F,onCopy:y,onCut:w,onFocus:x,onInput:S,onPaste:I,onSelect:T,onWheel:P}=e,k=o.__rest(e,["autoComplete","checked","className","defaultChecked","defaultValue","id","isDisabled","isReadOnly","isRequired","size","type","hasError","value","variation","onBlur","onChange","onCopy","onCut","onFocus","onInput","onPaste","onSelect","onWheel"]);const O=v.default(l.ComponentClassNames.Input,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Input,E),n.classNameModifierByFlag(l.ComponentClassNames.Input,"error",g),n.classNameModifier(l.ComponentClassNames.Input,f),r);return b.createElement(l.View,Object.assign({"aria-invalid":g,as:"input",autoComplete:t,checked:s,className:O,"data-size":f,"data-variation":E,defaultChecked:i,defaultValue:d,isDisabled:u,id:c,onBlur:N,onChange:F,onCopy:y,onCut:w,onFocus:x,onInput:S,onPaste:I,onSelect:T,onWheel:P,readOnly:m,ref:a,required:p,type:C,value:h},k))}));U.displayName="Input";const G=e=>{const a={styleProps:{},rest:{}};return Object.keys(e).forEach((t=>{(e=>e in l.ComponentPropsToStylePropsMap)(t)?a.styleProps=Object.assign(Object.assign({},a.styleProps),{[t]:e[t]}):a.rest=Object.assign(Object.assign({},a.rest),{[t]:e[t]})})),a},q=b.forwardRef(((e,a)=>{const{className:t,descriptiveText:s,errorMessage:r,hasError:i=!1,id:d,innerEndComponent:c,innerStartComponent:u,label:m,labelHidden:p=!1,outerEndComponent:f,outerStartComponent:C,size:g,testId:h,variation:E,inputStyles:N}=e,F=o.__rest(e,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),y=L(d),w=L(),x=s?w:void 0,{styleProps:S,rest:I}=G(F);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,g),l.ComponentClassNames.TextField,t),"data-size":g,testId:h},S),b.createElement(l.Label,{htmlFor:y,visuallyHidden:p},m),b.createElement(l.FieldDescription,{id:w,labelHidden:p,descriptiveText:s}),b.createElement(z,{outerStartComponent:C,outerEndComponent:f,innerStartComponent:u,innerEndComponent:c,variation:E},b.createElement(U,Object.assign({"aria-describedby":x,hasError:i,id:y,ref:a,size:g,variation:E},N,I))),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));q.displayName="TextField";const W=new Set([l.ESCAPE_KEY,l.ENTER_KEY]),$=({defaultValue:e="",value:a,onChange:t,onClear:s,onSubmit:r,externalRef:o})=>{const i=void 0!==a,[d,c]=b.useState(e),u=i?a:d,m=b.useRef(null),p=function({externalRef:e,internalRef:a}){return b.useCallback((t=>{n.isFunction(e)?e(t):e&&(e.current=t),a.current=t}),[e,a])}({externalRef:o,internalRef:m}),f=b.useCallback((()=>{var e;i||c(""),null===(e=null==m?void 0:m.current)||void 0===e||e.focus(),n.isFunction(s)&&s()}),[i,c,s]),C=b.useCallback((e=>{n.isFunction(r)&&r(e)}),[r]),g=b.useCallback((e=>{const{key:a}=e;W.has(a)&&(e.preventDefault(),a===l.ESCAPE_KEY?f():a===l.ENTER_KEY&&C(u))}),[u,f,C]),h=b.useCallback((e=>{i||c(e.target.value),n.isFunction(t)&&t(e)}),[i,t,c]),E=b.useCallback((()=>{C(u)}),[C,u]);return{composedValue:u,onClearHandler:f,onKeyDown:g,onClick:E,handleOnChange:h,composedRefs:p}},K=b.forwardRef(((e,a)=>{var{autoComplete:t="off",className:n,isDisabled:s,clearButtonLabel:r,labelHidden:i=!0,name:d="q",hasSearchButton:c=!0,hasSearchIcon:u=!1,onChange:m,onClear:p,onSubmit:f,searchButtonRef:C,size:g,defaultValue:h,value:E}=e,N=o.__rest(e,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:F,onClearHandler:y,onKeyDown:w,onClick:x,handleOnChange:S,composedRefs:I}=$({defaultValue:h,value:E,onChange:m,onClear:p,onSubmit:f,externalRef:a}),T=c?b.createElement(j,{isDisabled:s,onClick:x,ref:C,size:g}):void 0,P=u?b.createElement(l.FieldGroupIcon,null,b.createElement(l.IconSearch,null)):void 0;return b.createElement(q,Object.assign({autoComplete:t,className:v.default(l.ComponentClassNames.SearchField,n),labelHidden:i,innerStartComponent:P,innerEndComponent:b.createElement(l.FieldClearButton,{ariaLabel:r,excludeFromTabOrder:!0,isVisible:!s&&l.strHasLength(F),onClick:y,size:g,variation:"link"}),isDisabled:s,name:d,onChange:S,onKeyDown:w,outerEndComponent:T,ref:I,size:g,value:F},N))}));K.displayName="SearchField";const Z=b.forwardRef(((e,a)=>{var{className:t,defaultValue:s,value:r,isLoading:i=!1,menuSlots:d={},options:c,optionFilter:u,onBlur:m,onChange:p,onClear:f,onClick:C,onSelect:g,onSubmit:h,renderOption:E,testId:N}=e,F=o.__rest(e,["className","defaultValue","value","isLoading","menuSlots","options","optionFilter","onBlur","onChange","onClear","onClick","onSelect","onSubmit","renderOption","testId"]);const{activeOptionId:y,autocompleteId:w,composedValue:x,filteredOptions:S,handleOnBlur:I,handleOnClear:T,handleOnClick:P,handleOnChange:O,handleOnKeyDown:R,isControlled:B,isCustomFiltering:D,isMenuOpen:_,listboxId:H,menuId:j,optionBaseId:z,setActiveOption:U,setIsMenuOpen:G,setInternalValue:q}=(({defaultValue:e="",value:a,options:t,optionFilter:s,onBlur:r,onChange:o,onClear:i,onClick:d,onSelect:c,onSubmit:u})=>{var m;const p=void 0!==a,[f,C]=b.useState(e),g=p?a:f,[h,E]=b.useState(!1),[N,v]=b.useState(null),F=n.isFunction(s),y=b.useMemo((()=>{var e;const a=F?e=>s(e,g):e=>{const{label:a}=e;return null==a?void 0:a.toLocaleLowerCase().includes(null==g?void 0:g.toLocaleLowerCase())};return null!==(e=null==t?void 0:t.filter(a))&&void 0!==e?e:[]}),[g,s,F,t]),w=L(),x=L(),S=L(),I=L(),T=y.findIndex((e=>e===N)),P=null!==(m=null==N?void 0:N.id)&&void 0!==m?m:-1!==T?`${I}-option-${T}`:void 0,k=b.useCallback((e=>{E(!1),v(null),n.isFunction(r)&&r(e)}),[r]),O=b.useCallback((e=>{v(null),E(!0),p||C(e.target.value),n.isFunction(o)&&o(e)}),[p,o]),M=b.useCallback((()=>{p||C(""),n.isFunction(i)&&i()}),[p,i]),R=b.useCallback((e=>{E(!0),n.isFunction(d)&&d(e)}),[d]);return b.useEffect((()=>{const e=document.getElementById(w),a=document.getElementById(S);if(a&&h&&e){const{bottom:t}=a.getBoundingClientRect(),{offsetParent:n,offsetTop:l}=e;n===document.body&&t>document.documentElement.clientHeight&&window.scrollTo({top:Math.min(t-document.documentElement.clientHeight+window.scrollY+20,l),behavior:"smooth"})}}),[w,h,S]),b.useEffect((()=>{const e=document.getElementById(x),a=l.strHasLength(P)?document.getElementById(P):null;if(a&&e){const{scrollTop:t,clientHeight:n}=e,{offsetHeight:l,offsetTop:s}=a,{top:r,bottom:o}=a.getBoundingClientRect();t>s&&(e.scrollTop=s),t+n<s+l&&(e.scrollTop=s+l-n),(r<0||o>document.documentElement.clientHeight)&&a.scrollIntoView({behavior:"smooth",block:"nearest"})}}),[P,x]),{activeOptionId:P,autocompleteId:w,composedValue:g,filteredOptions:y,handleOnBlur:k,handleOnClear:M,handleOnClick:R,handleOnChange:O,handleOnKeyDown:e=>{const{key:a}=e;if(V.has(a))switch(e.preventDefault(),a){case l.ESCAPE_KEY:h?(E(!1),v(null)):M();break;case l.ENTER_KEY:if(N){const{label:e}=N;p||C(e),n.isFunction(c)&&c(N)}else n.isFunction(u)&&u(g);E(!1),v(null);break;case l.ARROW_DOWN:{if(y.length<=0)return;E(!0);const e=T>=y.length-1?0:T+1;v(y[e]);break}case l.ARROW_UP:{if(y.length<=0)return;E(!0);const e=T<=0?y.length-1:T-1;v(y[e])}}},isControlled:p,isCustomFiltering:F,isMenuOpen:h,listboxId:x,menuId:S,optionBaseId:I,setActiveOption:v,setIsMenuOpen:E,setInternalValue:C}})({defaultValue:s,value:r,options:c,optionFilter:u,onBlur:m,onChange:p,onClear:f,onClick:C,onSelect:g,onSubmit:h}),W={role:"combobox","aria-activedescendant":y,"aria-autocomplete":"list","aria-controls":_?j:void 0,"aria-expanded":_,"aria-haspopup":"listbox","aria-owns":_?j:void 0},$=S.map(((e,a)=>{const{id:t,label:l}=e,s=o.__rest(e,["id","label"]),r=null!=t?t:`${z}-option-${a}`,i=r===y;return b.createElement(k,Object.assign({isActive:i,id:r,key:r,onClick:()=>{G(!1),U(null),B||q(l),n.isFunction(g)&&g(e)},onMouseDown:e=>{e.preventDefault()},onMouseMove:()=>{U(e)}},s),n.isFunction(E)?E(e,x):D?l:b.createElement(A,{query:x},l))}));return b.createElement(l.View,{className:v.default(l.ComponentClassNames.Autocomplete,t),id:w,testId:N},b.createElement(K,Object.assign({hasSearchButton:!1,hasSearchIcon:!0,onBlur:I,onChange:O,onClear:T,onClick:P,onKeyDown:R,ref:a,value:x},W,F)),_?b.createElement(M,Object.assign({id:j,isLoading:i,listboxId:H},d),$):null)}));Z.displayName="Autocomplete";const Y=b.forwardRef(((e,a)=>{var{className:t,children:s,variation:r,size:i}=e,d=o.__rest(e,["className","children","variation","size"]);const c=v.default(l.ComponentClassNames.Badge,t,n.classNameModifier(l.ComponentClassNames.Badge,r),n.classNameModifier(l.ComponentClassNames.Badge,i));return b.createElement(l.View,Object.assign({as:"span",className:c,"data-variation":r,"data-size":i,ref:a},d),s)}));Y.displayName="Badge";const X=b.forwardRef(((e,a)=>{var{className:t,children:n,role:s="group",size:r,variation:i}=e,d=o.__rest(e,["className","children","role","size","variation"]);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.ButtonGroup,t),role:s,ref:a},d),b.Children.map(n,(e=>b.isValidElement(e)?b.cloneElement(e,{size:r,variation:i}):e)))}));X.displayName="ButtonGroup";const Q=b.forwardRef(((e,a)=>{var{className:t,children:s,variation:r}=e,i=o.__rest(e,["className","children","variation"]);return b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.Card,n.classNameModifier(l.ComponentClassNames.Card,r),t),"data-variation":r,ref:a},i),s)}));Q.displayName="Card";const J=b.forwardRef(((e,a)=>{var{as:t="span",children:n,className:s}=e,r=o.__rest(e,["as","children","className"]);return b.createElement(l.View,Object.assign({as:t,className:v.default(l.ComponentClassNames.VisuallyHidden,s),ref:a},r),n)}));J.displayName="VisuallyHidden";const ee=b.forwardRef(((a,t)=>{var{checked:s,className:r,defaultChecked:i,hasError:d,isDisabled:c,isIndeterminate:u,label:m,labelHidden:p,labelPosition:f,onChange:C,testId:g,inputStyles:h}=a,E=o.__rest(a,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:N,rest:F}=G(E),y=void 0!==s?s:i,{dataChecked:w,dataFocus:x,onBlur:S,onChange:I,onFocus:T,setDataChecked:P}=((a,t)=>{const[l,s]=e.useState(a),[r,o]=e.useState(!1);return{dataChecked:l,dataFocus:r,onBlur:()=>{o(!1)},onChange:e=>{s(e.target.checked),n.isFunction(t)&&t(e)},onFocus:()=>{o(!0)},setDataChecked:s}})(y,C);b.useEffect((()=>{void 0!==s&&s!==w&&P(s)}),[s,w,P]);const k=L();b.useEffect((()=>{const e=document.querySelector(`[data-id="${k}"]`);e&&"boolean"==typeof u&&(e.indeterminate=u)}),[k,u]);const O=_(g,l.ComponentClassNames.CheckboxButton),M=_(g,l.ComponentClassNames.CheckboxIcon),R=_(g,l.ComponentClassNames.CheckboxLabel),B=v.default(l.ComponentClassNames.CheckboxButton,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"disabled",c),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"error",d),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"focused",x)),D=v.default(l.ComponentClassNames.CheckboxIcon,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"checked",w),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"disabled",c)),V=b.useMemo((()=>u?b.createElement(l.IconIndeterminate,{className:v.default(D,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"indeterminate",u)),"data-testid":M}):b.createElement(l.IconCheck,{className:D,"data-checked":w,"data-disabled":c,"data-testid":M})),[w,D,M,c,u]);return b.createElement(l.Flex,Object.assign({as:"label",className:v.default(l.ComponentClassNames.Checkbox,n.classNameModifierByFlag(l.ComponentClassNames.Checkbox,"disabled",c),r),"data-disabled":c,"data-label-position":f,testId:g},N),b.createElement(J,null,b.createElement(U,Object.assign({checked:s,className:l.ComponentClassNames.CheckboxInput,"data-id":k,defaultChecked:i,isDisabled:c,onBlur:S,onChange:I,onFocus:T,ref:t,type:"checkbox"},F))),m&&b.createElement(l.Text,{as:"span",className:v.default(l.ComponentClassNames.CheckboxLabel,{[l.ComponentClassNames.VisuallyHidden]:p}),"data-disabled":c,testId:R},m),b.createElement(l.Flex,Object.assign({"aria-hidden":"true",as:"span",className:B,"data-checked":w,"data-disabled":c,"data-focus":x,"data-error":d,testId:O},h),V))}));ee.displayName="Checkbox";const ae=b.forwardRef(((e,a)=>{var{className:t,errorMessage:s,hasError:r=!1,labelHidden:i=!1,labelPosition:d,testId:c,size:u}=e,m=o.__rest(e,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const p=_(c,l.ComponentClassNames.Checkbox);return b.createElement(l.Flex,{className:v.default(l.ComponentClassNames.Field,l.ComponentClassNames.CheckboxField,n.classNameModifier(l.ComponentClassNames.Field,u),t),"data-size":u,testId:c},b.createElement(ee,Object.assign({hasError:r,labelHidden:i,testId:p,labelPosition:d,ref:a},m)),b.createElement(l.FieldErrorMessage,{hasError:r,errorMessage:s}))}));ae.displayName="CheckboxField";const te=b.forwardRef(((e,a)=>{var{className:t,children:n}=e,s=o.__rest(e,["className","children"]);return b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.Grid,t),ref:a},s),n)}));te.displayName="Grid";const ne="...",le=e=>{var{type:a,page:t,currentPage:s,currentPageLabel:r=l.ComponentText.PaginationItem.currentPageLabel,isDisabled:i,onClick:d,ariaLabel:c}=e,u=o.__rest(e,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const m=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",i)),p=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",i));switch(a){case"page":return b.createElement(l.View,{as:"li"},t===s?b.createElement(l.Flex,Object.assign({"aria-current":"page",as:"button",className:l.ComponentClassNames.PaginationItemCurrent,testId:"current"},u),b.createElement(J,null,r,":"),t):b.createElement(l.Button,Object.assign({className:v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==d||d()},ariaLabel:c},u),t));case"next":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:m,size:"small",variation:"link",isDisabled:i,onClick:()=>{null==d||d()},ariaLabel:c},u),b.createElement(l.IconChevronRight,{size:"large"})));case"previous":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:p,size:"small",variation:"link",isDisabled:i,onClick:()=>{null==d||d()},ariaLabel:c},u),b.createElement(l.IconChevronLeft,{size:"large"})));case"ellipsis":return b.createElement(l.View,{as:"li"},b.createElement(l.Flex,Object.assign({as:"span",className:l.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},u),"…"))}return b.createElement(l.View,{as:"li"})};le.displayName="PaginationItem";const se=({currentPage:e,totalPages:a,hasMorePages:t,siblingCount:n,currentPageLabel:s=l.ComponentText.PaginationItem.currentPageLabel,pageLabel:r=l.ComponentText.PaginationItem.pageLabel,previousLabel:o=l.ComponentText.PaginationItem.previousLabel,nextLabel:i=l.ComponentText.PaginationItem.nextLabel,onNext:d,onPrevious:c,onChange:u})=>{const m=b.createElement(le,{type:"previous",key:"previous",currentPage:e,onClick:c,isDisabled:e<=1,ariaLabel:o}),p=b.createElement(le,{type:"next",key:"next",currentPage:e,onClick:d,isDisabled:e>=a&&!t,ariaLabel:i}),f=((e,a,t=1)=>b.useMemo((()=>{const n=Math.max(e,1),s=Math.max(t,1),r=Math.max(n,a),o=r;if(r<5+2*s)return l.getConsecutiveIntArray(1,r);const i=Math.max(n-s,1),d=Math.min(n+s,o),c=i>2,u=d<o-1;if(c&&!u){const e=3+2*s,a=l.getConsecutiveIntArray(o-e+1,o);return[1,ne,...a]}if(!c&&u){const e=3+2*s;return[...l.getConsecutiveIntArray(1,e),ne,o]}const m=l.getConsecutiveIntArray(i,d);return[1,ne,...m,ne,o]}),[e,a,t]))(e,a,n);return[m,...b.useMemo((()=>f.map(((a,t)=>a===ne?b.createElement(le,{type:"ellipsis",key:1===t?"start-ellipsis":"end-ellipsis"}):b.createElement(le,{key:a,type:"page",page:a,currentPage:e,currentPageLabel:s,onClick:()=>null==u?void 0:u(a,e),ariaLabel:`${r} ${a}`})))),[f,e,s,r,u]),p]},re=b.forwardRef(((e,a)=>{var{className:t,currentPage:n=1,totalPages:s,hasMorePages:r=!1,siblingCount:i,currentPageLabel:d,pageLabel:c,previousLabel:u,nextLabel:m,onNext:p,onPrevious:f,onChange:C}=e,g=o.__rest(e,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const h=se({currentPage:n,totalPages:s,hasMorePages:r,siblingCount:i,currentPageLabel:d,pageLabel:c,previousLabel:u,nextLabel:m,onNext:p,onPrevious:f,onChange:C});return b.createElement(l.View,Object.assign({as:"nav",className:v.default(l.ComponentClassNames.Pagination,t),ref:a},g),b.createElement(l.Flex,{as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},h))}));re.displayName="Pagination";const oe=e=>{const{currentPage:a=1,totalPages:t,hasMorePages:n=!1,siblingCount:l=1}=e,s=Math.max(a,1),r=Math.max(s,t),[o,i]=b.useState(s);b.useEffect((()=>{i(s)}),[s,r]);const d=b.useCallback((()=>{o<r&&i(o+1)}),[o,r]),c=b.useCallback((()=>{o>1&&i(o-1)}),[o]),u=b.useCallback((e=>{"number"==typeof e&&i(e)}),[]);return{currentPage:o,hasMorePages:n,onChange:u,onNext:d,onPrevious:c,siblingCount:Math.max(l,1),totalPages:r}},ie=(e,a)=>l.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>ie(e,a))),de=(e,a)=>Math.ceil(e/a),ce=10,ue=e=>{var{children:a,direction:t="column",items:n}=e,s=o.__rest(e,["children","direction","items"]);return b.createElement(l.Flex,Object.assign({direction:t},s),Array.isArray(n)?n.map(a):null)},me=e=>{var{children:a,items:t}=e,n=o.__rest(e,["children","items"]);return b.createElement(te,Object.assign({},n),Array.isArray(t)?t.map(a):null)},pe=e=>{var{className:a,isSearchable:t,isPaginated:n,items:s,itemsPerPage:r=ce,searchFilter:i=ie,searchLabel:d=l.ComponentText.Collection.searchButtonLabel,searchNoResultsFound:c,searchPlaceholder:u,type:m="list",testId:p}=e,f=o.__rest(e,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[C,g]=b.useState(),h=b.useCallback(F.default(g,300),[g]);s=Array.isArray(s)?s:[],t&&l.strHasLength(C)&&(s=s.filter((e=>i(e,C))));const E=oe({totalPages:de(s.length,r)});n&&(s=((e,a,t)=>{if(a<1||t<1)return[];const n=(a-1)*t;return e.slice(n,n+t)})(s,E.currentPage,r));const N="list"===m?b.createElement(ue,Object.assign({className:l.ComponentClassNames.CollectionItems,items:s},f)):"grid"===m?b.createElement(me,Object.assign({className:l.ComponentClassNames.CollectionItems,items:s},f)):null;return b.createElement(l.Flex,{testId:p,className:v.default(l.ComponentClassNames.Collection,a)},t?b.createElement(l.Flex,{className:l.ComponentClassNames.CollectionSearch},b.createElement(K,{label:d,placeholder:u,onChange:e=>h(e.target.value),onClear:()=>g("")})):null,((e,a,t)=>a.length?e:t||b.createElement(l.Flex,{justifyContent:"center"},b.createElement(l.Text,null,l.ComponentText.Collection.searchNoResultsFound)))(N,s,c),n?b.createElement(l.Flex,{className:l.ComponentClassNames.CollectionPagination},b.createElement(re,Object.assign({},E))):null)};pe.displayName="Collection";const fe=b.forwardRef(((e,a)=>{var{className:t,orientation:s="horizontal",size:r,label:i}=e,d=o.__rest(e,["className","orientation","size","label"]);const c=v.default(l.ComponentClassNames.Divider,n.classNameModifier(l.ComponentClassNames.Divider,s),n.classNameModifier(l.ComponentClassNames.Divider,r),i?l.ComponentClassNames.DividerLabel:null,t);return b.createElement(l.View,Object.assign({"aria-orientation":s,as:"hr",className:c,"data-size":r,"data-label":i,ref:a},d))}));fe.displayName="Divider";const Ce=({message:e,shouldWarn:a})=>{const t=a&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV);s.useDeprecationWarning({message:e,shouldWarn:t})},{Root:ge}=n.sanitizeNamespaceImport(y),he=b.forwardRef(((e,a)=>{var{children:t,className:n,defaultValue:s,isCollapsible:r,onChange:i,onValueChange:d,testId:c,type:u="single",value:m}=e,p=o.__rest(e,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:f}=G(p),C=null!=d?d:i;Ce({shouldWarn:!!i,message:"Expander `onChange` prop will be deprecated in the next major release of @aws-amplify/ui-react. Please replace usage with `onValueChange`."});return"multiple"===u?b.createElement(ge,Object.assign({className:v.default(l.ComponentClassNames.Expander,n),"data-testid":c,defaultValue:s,onValueChange:C,ref:a,type:u,value:m},f),t):b.createElement(ge,Object.assign({className:v.default(l.ComponentClassNames.Expander,n),collapsible:r,"data-testid":c,defaultValue:s,onValueChange:C,ref:a,type:u,value:m},f),t)}));he.displayName="Expander";const{Item:be,Header:Ee,Trigger:Ne,Content:ve}=n.sanitizeNamespaceImport(y),Fe=b.forwardRef(((e,a)=>{var{children:t,className:n,title:s,value:r}=e,i=o.__rest(e,["children","className","title","value"]);const d=L(),c=L(),{rest:u}=G(i);return b.createElement(be,Object.assign({className:v.default(l.ComponentClassNames.ExpanderItem,n),"data-testid":"expander-item",ref:a,value:r},u),b.createElement(Ee,{className:l.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},b.createElement(Ne,{"aria-controls":c,className:l.ComponentClassNames.ExpanderTrigger,id:d},s,b.createElement(l.IconExpandMore,{"aria-hidden":!0,className:l.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"}))),b.createElement(ve,{"aria-labelledby":d,className:l.ComponentClassNames.ExpanderContent,id:c},b.createElement(l.View,{className:l.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},t)))}));Fe.displayName="ExpanderItem";const ye={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},we=b.forwardRef(((e,a)=>{var{className:t,children:s,isTruncated:r,level:i=6}=e,d=o.__rest(e,["className","children","isTruncated","level"]);return b.createElement(l.View,Object.assign({as:ye[i],className:v.default(l.ComponentClassNames.Heading,n.classNameModifier(l.ComponentClassNames.Heading,i),n.classNameModifierByFlag(l.ComponentClassNames.Heading,"truncated",r),t),ref:a},d),s)}));we.displayName="Heading";const xe={minX:0,minY:0,width:24,height:24},Se=b.forwardRef(((e,a)=>{var{className:t,as:n="svg",fill:s="currentColor",pathData:r,viewBox:i=xe,children:d,paths:c}=e,u=o.__rest(e,["className","as","fill","pathData","viewBox","children","paths"]);const m=i.minX?i.minX:xe.minX,p=i.minY?i.minY:xe.minY,f=i.width?i.width:xe.width,C=i.height?i.height:xe.height;let g;return d&&(g=d),c&&(g=c.map(((e,a)=>b.createElement("path",Object.assign({},e,{key:a}))))),r&&(g=b.createElement("path",{d:r,fill:s})),b.createElement(l.View,Object.assign({as:n,className:v.default(l.ComponentClassNames.Icon,t),ref:a,viewBox:`${m} ${p} ${f} ${C}`},u),g)}));Se.displayName="Icon";const Ie=b.forwardRef(((e,a)=>{var{className:t}=e,n=o.__rest(e,["className"]);return b.createElement(l.View,Object.assign({as:"img",ref:a,className:v.default(l.ComponentClassNames.Image,t)},n))}));Ie.displayName="Image";const Te=b.forwardRef(((e,a)=>{var{as:t="a",children:n,className:s,isExternal:r}=e,i=o.__rest(e,["as","children","className","isExternal"]);return b.createElement(l.View,Object.assign({as:t,className:v.default(l.ComponentClassNames.Link,s),ref:a,rel:r?"noopener noreferrer":void 0,target:r?"_blank":void 0},i),n)}));Te.displayName="Link";const Pe=b.forwardRef(((e,a)=>{var{ariaLabel:t,className:s,children:r,isFullWidth:i=!1,isDisabled:d,isLoading:c,size:u,style:m,type:p="button",variation:f,testId:C}=e,g=o.__rest(e,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","size","style","type","variation","testId"]);const{propStyles:h,nonStyleProps:E}=l.useStyles(g,m),N=v.default(l.ComponentClassNames.Button,n.classNameModifier(l.ComponentClassNames.Button,u),n.classNameModifier(l.ComponentClassNames.Button,f),s);return b.createElement(l.Button,Object.assign({ref:a,className:N,"data-fullwidth":i,"data-loading":c,"data-size":u,"data-variation":f,disabled:null!=d?d:c,type:p,"data-testid":C,"aria-label":t,style:h},E),r)}));Pe.displayName="MenuButton";const{DropdownMenu:ke,DropdownMenuTrigger:Oe,DropdownMenuContent:Me}=n.sanitizeNamespaceImport(w),Re=b.forwardRef(((e,a)=>{var{menuAlign:t="start",children:n,className:s,isOpen:r,size:i,trigger:d,triggerClassName:c,ariaLabel:u,onOpenChange:m}=e,p=o.__rest(e,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return b.createElement(ke,{onOpenChange:m,open:r},b.createElement(Oe,{asChild:!0},null!=d?d:b.createElement(Pe,{ariaLabel:u,size:i,testId:"amplify-menu-trigger-test-id",className:v.default(l.ComponentClassNames.MenuTrigger,c)},b.createElement(l.IconMenu,{size:i}))),b.createElement(Me,{align:t,className:l.ComponentClassNames.MenuContentWrapper},b.createElement(X,Object.assign({className:v.default(l.ComponentClassNames.MenuContent,s),ref:a,size:i,testId:"amplify-menu-items-group-test-id"},p),n)))}));Re.displayName="Menu";const{DropdownMenuItem:Be}=n.sanitizeNamespaceImport(w),De=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(Be,{asChild:!0,ref:a},b.createElement(Pe,Object.assign({className:v.default(l.ComponentClassNames.MenuItem,n),testId:"amplify-menu-item-test-id"},s,{variation:"menu"}),t))}));De.displayName="MenuItem";const{passwordIsHidden:Le,passwordIsShown:Ve,showPassword:_e}=l.ComponentText.PasswordField,Ae=b.forwardRef(((e,a)=>{var{fieldType:t,passwordIsHiddenLabel:s=Le,passwordIsShownLabel:r=Ve,showPasswordButtonLabel:i=_e,size:d,hasError:c}=e,u=o.__rest(e,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const m=v.default(l.ComponentClassNames.FieldShowPassword,n.classNameModifierByFlag(l.ComponentClassNames.FieldShowPassword,"error",c));return b.createElement(l.Button,Object.assign({"aria-checked":"password"!==t,ariaLabel:i,className:m,ref:a,role:"switch",size:d},u),b.createElement(J,{"aria-live":"polite"},"password"===t?s:r),"password"===t?b.createElement(l.IconVisibility,{size:d}):b.createElement(l.IconVisibilityOff,{size:d}))}));Ae.displayName="ShowPasswordButton";const He=b.forwardRef(((e,a)=>{var{autoComplete:t="current-password",label:n,className:s,hideShowPassword:r=!1,passwordIsHiddenLabel:i,passwordIsShownLabel:d,showPasswordButtonLabel:c,showPasswordButtonRef:u,size:m,hasError:p}=e,f=o.__rest(e,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size","hasError"]);const[C,g]=b.useState("password"),h=b.useCallback((()=>{g("password"===C?"text":"password")}),[g,C]);return b.createElement(q,Object.assign({autoComplete:t,outerEndComponent:r?null:b.createElement(Ae,{fieldType:C,onClick:h,passwordIsHiddenLabel:i,passwordIsShownLabel:d,ref:u,size:m,showPasswordButtonLabel:c,hasError:p}),size:m,type:C,label:n,className:v.default(l.ComponentClassNames.PasswordField,s),ref:a,hasError:p},f))}));He.displayName="PasswordField";const je=b.forwardRef(((e,a)=>{var{autoComplete:t,className:s,size:r,variation:i,value:d,defaultValue:c,hasError:u,icon:m=b.createElement(l.IconExpandMore,null),iconColor:p,children:f,placeholder:C,isDisabled:g,isRequired:h}=e,E=o.__rest(e,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const N=void 0===d&&void 0===c&&C,F=v.default(l.ComponentClassNames.Select,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Select,r),n.classNameModifier(l.ComponentClassNames.Select,i),n.classNameModifierByFlag(l.ComponentClassNames.Select,"error",u),s);return b.createElement(l.View,{className:l.ComponentClassNames.SelectWrapper},b.createElement(l.View,Object.assign({"aria-invalid":u,as:"select",autoComplete:t,value:d,defaultValue:N?"":c,isDisabled:g,required:h,"data-size":r,"data-variation":i,className:F,ref:a},E),C&&b.createElement("option",{value:""},C),f),b.createElement(l.Flex,{className:l.ComponentClassNames.SelectIconWrapper,color:p},m))}));je.displayName="Select";const ze=b.forwardRef(((e,a)=>{const{children:t,className:s,descriptiveText:r,errorMessage:i,hasError:d=!1,id:c,label:u,labelHidden:m=!1,options:p,size:f,testId:C,inputStyles:g}=e,h=o.__rest(e,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),E=L(c),N=L(),F=r?N:void 0,{styleProps:y,rest:w}=G(h);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,f),l.ComponentClassNames.SelectField,s),"data-size":f,testId:C},y),b.createElement(l.Label,{htmlFor:E,visuallyHidden:m},u),b.createElement(l.FieldDescription,{id:N,labelHidden:m,descriptiveText:r}),b.createElement(je,Object.assign({"aria-describedby":F,hasError:d,id:E,ref:a,size:f},w,g),(({children:e,options:a})=>e?((null==a?void 0:a.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==a?void 0:a.map(((e,a)=>b.createElement("option",{label:e,value:e,key:`${e}-${a}`},e))))({children:t,options:p})),b.createElement(l.FieldErrorMessage,{hasError:d,errorMessage:i}))}));ze.displayName="SelectField";const Ue=b.forwardRef(((e,a)=>{var{className:t,dialCodeList:s,isReadOnly:r}=e,i=o.__rest(e,["className","dialCodeList","isReadOnly"]);const d=null!=s?s:n.countryDialCodes,c=b.useMemo((()=>d.map((e=>b.createElement("option",{key:e,value:e,disabled:r},e)))),[d,r]);return b.createElement(ze,Object.assign({"aria-disabled":r,autoComplete:"tel-country-code",className:v.default(l.ComponentClassNames.CountryCodeSelect,l.ComponentClassNames.DialCodeSelect,t),labelHidden:!0,ref:a},i),c)}));Ue.displayName="CountryCodeSelect";const Ge=b.forwardRef(((e,a)=>{var{autoComplete:t="tel-national",className:n,countryCodeName:s,countryCodeLabel:r=l.ComponentText.PhoneNumberField.countryCodeLabel,countryCodeRef:i,defaultCountryCode:d,defaultDialCode:c,dialCodeLabel:u=l.ComponentText.PhoneNumberField.countryCodeLabel,dialCodeList:m,dialCodeName:p,dialCodeRef:f,hasError:C,isDisabled:g,isReadOnly:h,onCountryCodeChange:E,onDialCodeChange:N,onInput:F,size:y,variation:w}=e,x=o.__rest(e,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","variation"]);const S=null!=p?p:s,I=null!=u?u:r,T=null!=c?c:d,P=null!=N?N:E,k=null!=f?f:i;return b.createElement(q,Object.assign({outerStartComponent:b.createElement(Ue,{defaultValue:T,dialCodeList:m,className:n,hasError:C,isDisabled:g,isReadOnly:h,label:I,name:S,onChange:P,ref:k,size:y,variation:w}),autoComplete:t,className:v.default(l.ComponentClassNames.PhoneNumberField,n),hasError:C,isDisabled:g,isReadOnly:h,onInput:F,ref:a,size:y,type:"tel",variation:w},x))}));Ge.displayName="PhoneNumberField";const qe=b.forwardRef(((e,a)=>{var{className:t,children:s,isLoaded:r,size:i}=e,d=o.__rest(e,["className","children","isLoaded","size"]);return r?b.createElement(b.Fragment,null,s):b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.Placeholder,n.classNameModifier(l.ComponentClassNames.Placeholder,i),t),"data-size":i,ref:a},d))}));qe.displayName="Placeholder";const We=E.default.createContext({name:"default"}),$e=b.forwardRef(((a,t)=>{var{children:s,className:r,id:i,isDisabled:d,testId:c,value:u,labelPosition:m,height:p,width:f,bottom:C,left:g,position:h,padding:E,right:N,top:F}=a,y=o.__rest(a,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:w,defaultValue:x,name:S,hasError:I,isGroupDisabled:T,isRequired:P,isReadOnly:k,onChange:O,size:M,labelPosition:R}=e.useContext(We),B=T||d||k&&x!==u,D=void 0!==w?u===w:void 0,L=void 0!==x?u===x:void 0,V=m||R;return b.createElement(l.Flex,{as:"label",className:v.default(l.ComponentClassNames.Radio,n.classNameModifierByFlag(l.ComponentClassNames.Radio,"disabled",B),r),"data-disabled":B,"data-label-position":V,height:p,width:f,bottom:C,top:F,right:N,left:g,position:h,padding:E},s&&b.createElement(l.Text,{as:"span",className:l.ComponentClassNames.RadioLabel,"data-disabled":B},s),b.createElement(U,Object.assign({checked:D,className:v.default(l.ComponentClassNames.VisuallyHidden,l.ComponentClassNames.RadioInput),defaultChecked:L,hasError:I,id:i,isDisabled:B,isReadOnly:k,isRequired:P,onChange:O,ref:t,type:"radio",name:S,value:u},y)),b.createElement(l.Flex,{"aria-hidden":"true",as:"span",className:v.default(l.ComponentClassNames.RadioButton,n.classNameModifier(l.ComponentClassNames.RadioButton,M)),"data-size":M,testId:c}))}));$e.displayName="Radio";const Ke=b.forwardRef(((e,a)=>{var{children:t,className:s,defaultValue:r,descriptiveText:i,errorMessage:d,hasError:c=!1,id:u,isDisabled:m,isRequired:p,isReadOnly:f,label:C,labelHidden:g=!1,labelPosition:h,onChange:E,name:N,size:F,testId:y,value:w}=e,x=o.__rest(e,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","testId","value"]);const S=L(u),I=L(),T=i?I:void 0,P=_(y,l.ComponentClassNames.RadioGroup),k=b.useMemo((()=>({currentValue:w,defaultValue:r,hasError:c,isRequired:p,isReadOnly:f,isGroupDisabled:m,onChange:E,size:F,name:N,labelPosition:h})),[r,c,m,p,f,E,F,N,w,h]);return b.createElement(l.Flex,Object.assign({as:"fieldset",className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,F),l.ComponentClassNames.RadioGroupField,s),"data-size":F,ref:a,role:"radiogroup",testId:y},x),b.createElement(J,{as:"legend"},C),b.createElement(l.Label,{"aria-hidden":!0,visuallyHidden:g},C),b.createElement(l.FieldDescription,{id:I,labelHidden:g,descriptiveText:i}),b.createElement(l.Flex,{"aria-describedby":T,className:l.ComponentClassNames.RadioGroup,id:S,testId:P},b.createElement(We.Provider,{value:k},t)),b.createElement(l.FieldErrorMessage,{hasError:c,errorMessage:d}))}));Ke.displayName="RadioGroupField";const Ze=({icon:e,fill:a,className:t})=>b.createElement(l.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(l.View,{as:"span",className:v.default(t),color:a},e));Ze.displayName="RatingIcon";const Ye=({emptyColor:e,emptyIcon:a,fillColor:t,fillIcon:n,value:s})=>{const r=s%1*100+"%";return b.createElement(l.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(l.View,{as:"span",className:"amplify-rating-label"},b.createElement(l.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-empty"),color:e},a)),b.createElement(l.View,{as:"span",className:"amplify-rating-label",width:r},b.createElement(l.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-filled"),color:t},n)))};Ye.displayName="RatingMixedIcon";const Xe=5,Qe=0,Je=b.forwardRef(((e,a)=>{var{className:t,emptyColor:s,emptyIcon:r,fillColor:i,icon:d=b.createElement(l.IconStar,null),maxValue:c=Xe,size:u,value:m=Qe}=e,p=o.__rest(e,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const f=new Array(Math.ceil(c)).fill(1).map(((e,a)=>{const t=a+1;return((e,a)=>e<=a)(t,m)?b.createElement(Ze,{key:a.toString(),icon:d,fill:i,className:"amplify-rating-icon-filled"}):((e,a)=>e-1>=a)(t,m)?b.createElement(Ze,{key:a.toString(),icon:null!=r?r:d,fill:s,className:"amplify-rating-icon-empty"}):((e,a)=>e>a&&e-1<a)(t,m)?b.createElement(Ye,{key:a.toString(),fillIcon:d,emptyIcon:null!=r?r:d,value:m,fillColor:i,emptyColor:s}):void 0}));return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Rating,n.classNameModifier(l.ComponentClassNames.Rating,u),t),"data-size":u,ref:a},p),f,b.createElement(J,null,m," out of ",c," rating"))}));Je.displayName="Rating";const{Range:ea,Root:aa,Thumb:ta,Track:na}=n.sanitizeNamespaceImport(x),la=b.forwardRef(((e,a)=>{var{ariaValuetext:t,className:s,defaultValue:r=0,descriptiveText:i,emptyTrackColor:d,errorMessage:c,filledTrackColor:u,formatValue:m,hasError:p=!1,id:f,isDisabled:C,isValueHidden:g=!1,label:h,labelHidden:E=!1,onChange:N,orientation:F="horizontal",outerEndComponent:y,outerStartComponent:w,testId:x,thumbColor:S,trackSize:I,value:T,size:P}=e,k=o.__rest(e,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","value","size"]);const O=L(f),M=L(),R=L(),B=i?R:void 0,{styleProps:D,rest:V}=G(k),_=void 0!==T,[A,H]=b.useState(_?T:r),j=_?[T]:void 0,U=_?void 0:[r],q=b.useCallback((e=>{H(e[0]),n.isFunction(N)&&N(e[0])}),[N]),W=b.useMemo((()=>{const e=n.isFunction(m)?m(A):A;return"string"==typeof m?b.createElement(l.View,{as:"span"},e):e}),[A,m]),$="vertical"===F,K=v.default(l.ComponentClassNames.SliderFieldTrack,n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,F),n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,P)),Z=v.default(l.ComponentClassNames.SliderFieldRoot,n.classNameModifier(l.ComponentClassNames.SliderFieldRoot,F),n.classNameModifier(l.ComponentClassNames.SliderFieldRoot,P),s);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,P),l.ComponentClassNames.SliderField),testId:x,"data-size":P},D),b.createElement(l.Label,{className:l.ComponentClassNames.SliderFieldLabel,id:M,testId:"slider-label",visuallyHidden:E},b.createElement(l.View,{as:"span"},h),g?null:W),b.createElement(l.FieldDescription,{id:R,labelHidden:E,descriptiveText:i}),b.createElement(z,{className:l.ComponentClassNames.SliderFieldGroup,id:O,orientation:F,outerStartComponent:w,outerEndComponent:y},b.createElement(aa,Object.assign({className:Z,"data-testid":"slider-root",disabled:C,defaultValue:U,onValueChange:q,orientation:F,ref:a,value:j},V),b.createElement(na,{className:K,"data-testid":"slider-track",style:{backgroundColor:String(d),[""+($?"width":"height")]:I}},b.createElement(ea,{className:v.default(l.ComponentClassNames.SliderFieldRange,n.classNameModifier(l.ComponentClassNames.SliderFieldRange,F)),"data-testid":"slider-range",style:{backgroundColor:String(u)}})),b.createElement(ta,{"aria-describedby":B,"aria-labelledby":M,"aria-valuetext":t,className:v.default(l.ComponentClassNames.SliderFieldThumb,n.classNameModifier(l.ComponentClassNames.SliderFieldThumb,P)),style:{backgroundColor:String(S)}}))),b.createElement(l.FieldErrorMessage,{hasError:p,errorMessage:c}))}));la.displayName="SliderField";const sa=({max:e,min:a,step:t,value:n})=>{const l=(n-a)%t;return n=n-l+Math.round(l/t)*t,(n=Math.max(a,n))>e&&(n=e-(e-a)%t),n},ra=b.forwardRef(((e,a)=>{const{className:t,defaultValue:s,descriptiveText:r,errorMessage:i,hasError:d=!1,id:c,inputStyles:u,isDisabled:m,isReadOnly:p,isRequired:f,increaseButtonLabel:C=l.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:g=l.ComponentText.StepperField.decreaseButtonLabel,label:h,labelHidden:E=!1,onStepChange:N,size:F,testId:y,value:w,variation:x}=e,S=o.__rest(e,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),I=L(c),T=L(),P=r?T:void 0,{styleProps:k,rest:O}=G(S),{step:M,value:R,inputValue:B,handleDecrease:D,handleIncrease:V,handleOnBlur:_,handleOnChange:A,handleOnWheel:H,setInputValue:j,shouldDisableDecreaseButton:q,shouldDisableIncreaseButton:W}=(({defaultValue:e=0,value:a,step:t=1,max:l=Number.MAX_SAFE_INTEGER,min:s=Number.MIN_SAFE_INTEGER,isDisabled:r,isReadOnly:o,onChange:i,onDecrease:d,onIncrease:c,onStepChange:u})=>{var m,p;const f=void 0!==a;l=Math.max(s,l);const[C,g]=b.useState((()=>sa({min:s,max:l,step:t,value:e}))),h=f?sa({min:s,max:l,step:t,value:a}):C,E=null!==(m=null!=r?r:o)&&void 0!==m?m:h+t>l,N=null!==(p=null!=r?r:o)&&void 0!==p?p:h-t<s,[v,F]=b.useState(h),y=b.useCallback((e=>{F(e.target.value),n.isFunction(i)&&i(e)}),[i]),w=b.useCallback((e=>{const a=parseFloat(e.target.value);if(isNaN(a))return;const r=sa({min:s,max:l,step:t,value:a});f||g(r),n.isFunction(u)&&u(r),F(r)}),[s,l,t,f,u]),x=b.useCallback((()=>{f||g(h+t),n.isFunction(u)&&u(h+t),n.isFunction(c)&&c(),F(h+t)}),[t,h,f,c,u]),S=b.useCallback((()=>{f||g(h-t),n.isFunction(u)&&u(h-t),n.isFunction(d)&&d(),F(h-t)}),[t,h,f,d,u]),I=b.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:t,value:h,inputValue:v,handleDecrease:S,handleIncrease:x,handleOnBlur:w,handleOnChange:y,handleOnWheel:I,setInputValue:F,shouldDisableDecreaseButton:N,shouldDisableIncreaseButton:E}})(Object.assign(Object.assign({},e),{defaultValue:s,onStepChange:N}));return b.useEffect((()=>{void 0!==w&&j(w)}),[w,j]),b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,F),l.ComponentClassNames.StepperField,t),"data-size":F,"data-variation":x,testId:y},k),b.createElement(l.Label,{htmlFor:I,visuallyHidden:E},h),b.createElement(l.FieldDescription,{id:T,labelHidden:E,descriptiveText:r}),b.createElement(z,{outerStartComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":I,ariaLabel:`${g} ${R-M}`,className:v.default(l.ComponentClassNames.StepperFieldButtonDecrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonDecrease,x),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonDecrease,"disabled",q)),"data-invalid":d,isDisabled:q,onClick:D,size:F},b.createElement(l.IconRemove,{"data-testid":"decrease-icon"})),outerEndComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":I,ariaLabel:`${C} ${R+M}`,className:v.default(l.ComponentClassNames.StepperFieldButtonIncrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonIncrease,x),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonIncrease,"disabled",W)),"data-invalid":d,isDisabled:W,onClick:V,size:F},b.createElement(l.IconAdd,{"data-testid":"increase-icon"}))},b.createElement(U,Object.assign({"aria-describedby":P,className:l.ComponentClassNames.StepperFieldInput,hasError:d,id:I,isDisabled:m,isReadOnly:p,isRequired:f,onBlur:_,onChange:A,onWheel:H,ref:a,size:F,variation:x,type:"number",value:B},u,O))),b.createElement(l.FieldErrorMessage,{hasError:d,errorMessage:i}))}));ra.displayName="StepperField";const oa=b.forwardRef(((a,t)=>{var{className:s,defaultChecked:r,id:i,isChecked:d,isDisabled:c,isLabelHidden:u,label:m,labelPosition:p,name:f,onChange:C,size:g,thumbColor:h,trackCheckedColor:E,trackColor:N,value:F,hasError:y,errorMessage:w}=a,x=o.__rest(a,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value","hasError","errorMessage"]);const{isOn:S,changeHandler:I,isFocused:T,setIsFocused:P}=(a=>{const{onChange:t,isChecked:l,defaultChecked:s,isDisabled:r}=a,o=void 0!==l,[i,d]=e.useState(o?l:!!s),[c,u]=e.useState(!1),m=e.useCallback((e=>{r?e.preventDefault():(n.isFunction(t)&&t(e),d(e.target.checked))}),[t,r]);return o&&i!==l&&d(l),{isOn:i,changeHandler:m,isFocused:c,setIsFocused:u}})({onChange:C,isChecked:d,defaultChecked:r,isDisabled:c}),k=L(i),O=u?J:l.View,M=v.default(l.ComponentClassNames.SwitchTrack,n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"disabled",c),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"focused",T),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"error",y)),R=v.default(l.ComponentClassNames.SwitchThumb,n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"disabled",c));return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.SwitchField,n.classNameModifier(l.ComponentClassNames.SwitchField,g),s),"data-size":g,"data-label-position":p,ref:t},x),b.createElement(J,null,b.createElement(U,{role:"switch",type:"checkbox",id:k,onChange:I,disabled:c,name:f,checked:S,value:F,onFocus:()=>{P(!0)},onBlur:()=>{P(!1)}})),b.createElement(l.Label,{htmlFor:k,className:v.default(l.ComponentClassNames.SwitchWrapper,n.classNameModifier(l.ComponentClassNames.SwitchWrapper,p)),"data-label-position":p},b.createElement(O,{as:"span",className:l.ComponentClassNames.SwitchLabel},m),b.createElement(l.View,{as:"span",className:M,"data-checked":S,"data-disabled":c,"data-focused":T,backgroundColor:S?E:N},b.createElement(l.View,{as:"span",className:R,"data-checked":S,"data-disabled":c,backgroundColor:h}))),b.createElement(l.FieldErrorMessage,{hasError:y,errorMessage:w}))}));oa.displayName="SwitchField";const ia=b.forwardRef(((e,a)=>{var{caption:t,children:s,className:r,highlightOnHover:i=!1,size:d,variation:c}=e,u=o.__rest(e,["caption","children","className","highlightOnHover","size","variation"]);const m=v.default(l.ComponentClassNames.Table,n.classNameModifier(l.ComponentClassNames.Table,d),n.classNameModifier(l.ComponentClassNames.Table,c),r);return b.createElement(l.View,Object.assign({as:"table",className:m,"data-highlightonhover":i,"data-size":d,"data-variation":c,ref:a},u),t&&b.createElement(l.View,{as:"caption",className:l.ComponentClassNames.TableCaption},t),s)}));ia.displayName="Table";const da=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"tbody",className:v.default(l.ComponentClassNames.TableBody,n),ref:a},s),t)}));da.displayName="TableBody";const ca=b.forwardRef(((e,a)=>{var{as:t="td",children:n,className:s}=e,r=o.__rest(e,["as","children","className"]);return b.createElement(l.View,Object.assign({as:t,className:v.default("td"===t?l.ComponentClassNames.TableTd:l.ComponentClassNames.TableTh,s),ref:a},r),n)}));ca.displayName="TableCell";const ua=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"tfoot",className:v.default(l.ComponentClassNames.TableFoot,n),ref:a},s),t)}));ua.displayName="TableFoot";const ma=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"thead",className:v.default(l.ComponentClassNames.TableHead,n),ref:a},s),t)}));ma.displayName="TableHead";const pa=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"tr",className:v.default(l.ComponentClassNames.TableRow,n),ref:a},s),t)}));pa.displayName="TableRow";const{Root:fa,List:Ca,Trigger:ga,Content:ha}=n.sanitizeNamespaceImport(S),ba=e=>b.isValidElement(e),Ea=b.forwardRef(((e,a)=>{var{ariaLabel:t,children:n,className:s,defaultIndex:r=0,currentIndex:i,onChange:d,indicatorPosition:c,spacing:u}=e,m=o.__rest(e,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const p={defaultValue:r.toString(),value:null!=i?i.toString():void 0,onValueChange:d},f=b.Children.toArray(n).filter((e=>!!e));return b.createElement(fa,Object.assign({},p),b.createElement(Ca,{"aria-label":t},b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Tabs,s),"data-indicator-position":c,ref:a},m),b.Children.map(f,((e,a)=>{if(ba(e))return b.cloneElement(e,{"data-spacing":u,key:a,value:`${a}`})})))),b.Children.map(f,((e,a)=>{if(ba(e))return b.createElement(ha,{key:a,value:`${a}`},e.props.children)})))})),Na=b.forwardRef(((e,a)=>{var{className:t,title:n}=e,s=o.__rest(e,["className","title"]);return b.createElement(l.View,Object.assign({as:ga,className:v.default(l.ComponentClassNames.TabItems,t),ref:a},s),n)}));Ea.displayName="Tabs",Na.displayName="TabItem";const va=b.forwardRef(((e,a)=>{var{className:t,isReadOnly:s,isRequired:r,size:i,hasError:d=!1,variation:c}=e,u=o.__rest(e,["className","isReadOnly","isRequired","size","hasError","variation"]);const m=v.default(l.ComponentClassNames.Textarea,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Textarea,c),n.classNameModifier(l.ComponentClassNames.Textarea,i),n.classNameModifierByFlag(l.ComponentClassNames.Textarea,"error",d),t);return b.createElement(l.View,Object.assign({"aria-invalid":d,as:"textarea",className:m,"data-size":i,"data-variation":c,readOnly:s,ref:a,required:r},u))}));va.displayName="TextArea";const Fa=b.forwardRef(((e,a)=>{const{className:t,descriptiveText:s,errorMessage:r,hasError:i=!1,id:d,label:c,labelHidden:u=!1,rows:m,size:p,testId:f,inputStyles:C,resize:g}=e,h=o.__rest(e,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),E=L(d),N=L(),F=s?N:void 0,{styleProps:y,rest:w}=G(h);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,p),l.ComponentClassNames.TextAreaField,t),"data-size":p,testId:f},y),b.createElement(l.Label,{htmlFor:E,visuallyHidden:u},c),b.createElement(l.FieldDescription,{id:N,labelHidden:u,descriptiveText:s}),b.createElement(va,Object.assign({"aria-describedby":F,hasError:i,id:E,ref:a,rows:null!=m?m:3,size:p,resize:g},w,C)),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));Fa.displayName="TextAreaField";const ya=b.forwardRef(((e,a)=>{var{className:t,children:s,defaultPressed:r=!1,isDisabled:i,isPressed:d,onChange:c,onClick:u,size:m,value:p,variation:f}=e,C=o.__rest(e,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:g,handleClick:h}=(({isPressed:e,defaultPressed:a,onClick:t,onChange:l,value:s})=>{const r=void 0!==e,[o,i]=b.useState(a);return{isPressed:e=r?e:o,handleClick:b.useCallback((e=>{n.isFunction(t)&&t(e),r||i(!o),r&&n.isFunction(l)&&l(s)}),[r,t,l,o,s])}})({isPressed:d,defaultPressed:r,onChange:c,onClick:u,value:p}),E=v.default(l.ComponentClassNames.ToggleButton,n.classNameModifier(l.ComponentClassNames.ToggleButton,f),n.classNameModifierByFlag(l.ComponentClassNames.ToggleButton,"pressed",g),t);return b.createElement(l.Button,Object.assign({"aria-pressed":g,className:E,isDisabled:i,onClick:h,ref:a,size:m,type:"button",variation:f},C),s)}));ya.displayName="ToggleButton";const wa=b.forwardRef(((e,a)=>{var{children:t,className:s,isExclusive:r,isSelectionRequired:i,onChange:d,size:c,value:u,variation:m}=e,p=o.__rest(e,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const f=(({onChange:e,value:a,isExclusive:t=!1,isSelectionRequired:l=!1})=>{const s=b.useCallback((t=>{if(!n.isFunction(e)||!Array.isArray(a))return;const s=n.isString(t)?a.indexOf(t):-1;let r;s>=0?(r=[...a],(!l||r.length>1)&&r.splice(s,1)):r=[...a,t],e(r)}),[e,a,l]),r=b.useCallback((t=>{n.isFunction(e)&&e(a!==t||l?t:void 0)}),[e,a,l]);return t?r:s})({onChange:d,value:u,isExclusive:r,isSelectionRequired:i});return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.ToggleButtonGroup,s),ref:a,role:"group"},p),b.Children.map(t,(e=>b.isValidElement(e)?b.cloneElement(e,{isPressed:r?u===e.props.value:n.isString(e.props.value)&&u.includes(e.props.value),onChange:f,size:c,variation:m}):e)))}));wa.displayName="ToggleButtonGroup";var xa,Sa=Object.freeze({__proto__:null,Alert:P,Autocomplete:Z,Badge:Y,Button:l.Button,ButtonGroup:X,Card:Q,CheckboxField:ae,Collection:pe,Divider:fe,Expander:he,ExpanderItem:Fe,FieldGroupIcon:l.FieldGroupIcon,FieldGroupIconButton:l.FieldGroupIconButton,Flex:l.Flex,Grid:te,Heading:we,HighlightMatch:A,Icon:Se,Image:Ie,Link:Te,Loader:l.Loader,Menu:Re,MenuButton:Pe,MenuItem:De,Pagination:re,PasswordField:He,PhoneNumberField:Ge,Placeholder:qe,Radio:$e,RadioGroupField:Ke,Rating:Je,ScrollView:O,SearchField:K,SelectField:ze,SliderField:la,StepperField:ra,SwitchField:oa,Tabs:Ea,TabItem:Na,Text:l.Text,TextAreaField:Fa,TextField:q,ToggleButton:ya,ToggleButtonGroup:wa,View:l.View,VisuallyHidden:J,Table:ia,TableBody:da,TableCell:ca,TableFoot:ua,TableHead:ma,TableRow:pa,usePagination:oe,ComponentClassNames:l.ComponentClassNames,ComponentClassObject:l.ComponentClassObject,ComponentPropsToStylePropsMap:l.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:l.ComponentPropsToStylePropsMapKeys});!function(e){e.ChangePassword="amplify-accountsettings-changepassword",e.DeleteUser="amplify-accountsettings-deleteuser"}(xa||(xa={}));const Ia=({errors:e,id:a,dataAttr:t})=>{if(!((null==e?void 0:e.length)>0))return null;const s=t?{[t]:!0}:{};return E.default.createElement(l.View,Object.assign({},s,{id:a}),e.map((e=>E.default.createElement(l.Text,{key:e,role:"alert",variation:"error"},n.translate(e)))))},Ta=e=>E.default.createElement(P,Object.assign({variation:"error"},e)),Pa=e=>{var{fieldValidationErrors:a,label:t}=e,n=o.__rest(e,["fieldValidationErrors","label"]);return E.default.createElement(E.default.Fragment,null,E.default.createElement(He,Object.assign({},n,{label:t})),a?E.default.createElement(Ia,{errors:a}):null)},ka={CurrentPasswordField:Pa,NewPasswordField:Pa,ConfirmPasswordField:Pa,SubmitButton:l.Button,ErrorMessage:Ta},Oa=new t.Logger("ChangePassword");function Ma({onSuccess:e,onError:a,validators:t,components:s}){const[r,o]=E.default.useState(null),[i,d]=E.default.useState({}),[c,u]=E.default.useState({}),m=E.default.useRef([]),{user:p,isLoading:f}=l.useAuth(),C=((e,a)=>{var t,n;const{currentPassword:l,newPassword:s,confirmPassword:r}=e;return!(l&&s&&r)||((null===(t=a.newPassword)||void 0===t?void 0:t.length)>0||(null===(n=a.confirmPassword)||void 0===n?void 0:n.length)>0)})(i,c),g=E.default.useMemo((()=>null!=t?t:n.getDefaultPasswordValidators()),[t]),h=E.default.useCallback((({formValues:e,eventType:a})=>{const{newPassword:t}=e,l=m.current.includes("newPassword");return n.runFieldValidators({value:t,validators:g,eventType:a,hasBlurred:l})}),[g]),b=E.default.useCallback((({formValues:e,eventType:a})=>{const{newPassword:t,confirmPassword:l}=e,s=m.current.includes("confirmPassword"),r=n.getDefaultConfirmPasswordValidators(t);return n.runFieldValidators({value:l,validators:r,eventType:a,hasBlurred:s})}),[]),v=E.default.useCallback((e=>{const a={newPassword:h(e),confirmPassword:b(e)};N.default(c,a)||u(a)}),[b,h,c]),F=n.translate("Current Password"),y=n.translate("New Password"),w=n.translate("Confirm Password"),x=n.translate("Update password"),{CurrentPasswordField:S,NewPasswordField:I,ConfirmPasswordField:T,SubmitButton:P,ErrorMessage:k}=E.default.useMemo((()=>Object.assign(Object.assign({},ka),null!=s?s:{})),[s]),O=e=>{e.preventDefault();const{name:a,value:t}=e.target,n=Object.assign(Object.assign({},i),{[a]:t});v({formValues:n,eventType:"change"}),d(n)},M=e=>{e.preventDefault();const{name:a}=e.target;if(!m.current.includes(a)){const e=[...m.current,a];m.current=e,v({formValues:i,eventType:"blur"})}};return f?null:p?E.default.createElement(l.View,{as:"form",className:xa.ChangePassword,onSubmit:t=>{if(t.preventDefault(),!p)return;const{currentPassword:l,newPassword:s}=i;r&&o(null),n.changePassword({user:p,currentPassword:l,newPassword:s}).then((()=>{null==e||e()})).catch((e=>{const t=e;t.message&&o(t.message),null==a||a(t)}))}},E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(S,{autoComplete:"current-password",isRequired:!0,label:F,name:"currentPassword",onBlur:M,onChange:O}),E.default.createElement(I,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.newPassword,isRequired:!0,label:y,name:"newPassword",onBlur:M,onChange:O}),E.default.createElement(T,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.confirmPassword,isRequired:!0,label:w,name:"confirmPassword",onBlur:M,onChange:O}),E.default.createElement(P,{isDisabled:C,type:"submit"},x),r?E.default.createElement(k,null,r):null)):(Oa.warn("<ChangePassword /> requires user to be authenticated."),null)}Ma.CurrentPasswordField=ka.CurrentPasswordField,Ma.NewPasswordField=ka.NewPasswordField,Ma.ConfirmPasswordField=ka.ConfirmPasswordField,Ma.SubmitButton=ka.SubmitButton,Ma.ErrorMessage=ka.ErrorMessage;const Ra={ErrorMessage:Ta,DeleteButton:e=>E.default.createElement(l.Button,Object.assign({},e,{variation:"warning"})),WarningView:({onCancel:e,onConfirm:a,isDisabled:t})=>{const s=n.translate("Deleting your account is not reversable. You will lose access to your account and all data associated with it."),r=n.translate("Cancel"),o=n.translate("Delete my account");return E.default.createElement(Q,null,E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Text,{color:"font.error"},s),E.default.createElement(l.Flex,null,E.default.createElement(l.Button,{variation:"link",onClick:e,isDisabled:t},r),E.default.createElement(l.Button,{variation:"destructive",onClick:a,isDisabled:t},o))))}},Ba=n.getLogger("Auth");function Da({components:e,onSuccess:a,onError:t,handleDelete:s}){const[r,i]=E.default.useState("IDLE"),[d,c]=E.default.useState(null),u=n.translate("Delete Account"),{user:m,isLoading:p}=l.useAuth(),{ErrorMessage:f,DeleteButton:C,WarningView:g}=E.default.useMemo((()=>Object.assign(Object.assign({},Ra),null!=e?e:{})),[e]),h=E.default.useCallback((()=>o.__awaiter(this,void 0,void 0,(function*(){if(m){i("DELETING"),d&&c(null);try{s?yield s(m):yield n.deleteUser(),i("DONE"),null==a||a()}catch(e){const a=e;i("ERROR"),c(a.message),null==t||t(a)}}}))),[d,s,t,a,m]),b=E.default.useCallback((()=>{i("IDLE")}),[]),N=E.default.useCallback((()=>{h()}),[h]);return p?null:m?"DONE"===r?null:E.default.createElement(l.Flex,{className:xa.DeleteUser,direction:"column"},E.default.createElement(C,{isDisabled:"CONFIRMATION"===r||"DELETING"===r,onClick:e=>{e.preventDefault(),i("CONFIRMATION")}},u),"CONFIRMATION"===r||"DELETING"===r?E.default.createElement(g,{onCancel:b,isDisabled:"DELETING"===r,onConfirm:N}):null,d?E.default.createElement(f,null,d):null):(Ba.warn("<DeleteUser /> requires user to be authenticated."),null)}Da.ErrorMessage=Ra.ErrorMessage,Da.DeleteButton=Ra.DeleteButton,Da.WarningView=Ra.WarningView;var La={ChangePassword:Ma,DeleteUser:Da};const Va="5.0.5",_a=b.createContext(null),Aa=()=>{const e=b.useContext(_a);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e},Ha=e=>"signIn"===e||"signUp";function ja({children:e,className:a,variation:t="default"}){const{route:n}=s.useAuthenticator((({route:e})=>[e])),{components:{Header:r,Footer:o}}=Aa();return E.default.createElement(l.View,{className:a,"data-amplify-authenticator":"","data-variation":t},E.default.createElement(l.View,{"data-amplify-container":""},E.default.createElement(r,null),E.default.createElement(l.View,{"data-amplify-router":"","data-amplify-router-content":Ha(n)?void 0:""},e),E.default.createElement(o,null)))}function za(){const{submitForm:a,updateBlur:t,updateForm:n}=s.useAuthenticator((e=>[e.submitForm,e.updateBlur,e.updateForm]));return{handleBlur:e.useCallback((({target:{name:e}})=>{t({name:e})}),[t]),handleChange:e.useCallback((({target:{checked:e,name:a,type:t,value:l}})=>{n({name:a,value:"checkbox"===t&&!e?void 0:l})}),[n]),handleSubmit:e.useCallback((e=>{e.preventDefault(),a(l.getFormDataFromEvent(e))}),[a])}}const Ua=()=>{const{error:e}=s.useAuthenticator((e=>[e.error]));return E.default.createElement(E.default.Fragment,null,e?E.default.createElement(P,{variation:"error",isDismissible:!0},n.translate(e)):null)};function Ga(e){var{autocomplete:a,dialCode:t,name:l,type:r}=e,i=o.__rest(e,["autocomplete","dialCode","name","type"]);const{validationErrors:d}=s.useAuthenticator((({validationErrors:e})=>[e])),c=b.useMemo((()=>n.getErrors(d[l])),[l,d]),u=(null==c?void 0:c.length)>0,m=L(),p=u?m:void 0;return"tel"===r?b.createElement(b.Fragment,null,b.createElement(Ge,Object.assign({},i,{name:l,defaultDialCode:t,dialCodeName:"country_code",autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ia,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):"password"===r?b.createElement(b.Fragment,null,b.createElement(He,Object.assign({},i,{name:l,autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ia,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):b.createElement(b.Fragment,null,b.createElement(q,Object.assign({},i,{name:l,autoComplete:a,hasError:u,type:r,"aria-describedby":p})),b.createElement(Ia,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m}))}function qa(){const{fields:e}=s.useAuthenticator((({route:e})=>[e])),a=b.useRef(e.map(((e,a)=>b.createElement(Ga,Object.assign({key:a},e))))).current;return b.createElement(b.Fragment,null,a)}const{getDeliveryMessageText:Wa,getDeliveryMethodText:$a,getConfirmingText:Ka,getConfirmText:Za,getResendCodeText:Ya}=n.authenticatorTextUtil;function Xa({className:e,variation:a}){const{isPending:t,resendCode:n,codeDeliveryDetails:r}=s.useAuthenticator((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:o,handleSubmit:i}=za(),{components:{ConfirmSignUp:{Header:d=Xa.Header,Footer:c=Xa.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:o,onSubmit:i},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(d,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Text,{className:"amplify-authenticator__subtitle"},Wa(r)),E.default.createElement(qa,null),E.default.createElement(Ua,null),E.default.createElement(l.Button,{variation:"primary",isDisabled:t,type:"submit",loadingText:Ka(),isLoading:t,fontWeight:"normal"},Za()),E.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal"},Ya())),E.default.createElement(c,null))))}Xa.Header=()=>{const{codeDeliveryDetails:e}=s.useAuthenticator((e=>[e.codeDeliveryDetails]));return E.default.createElement(we,{level:4},$a(e))},Xa.Footer=function(){return null};const{getChangePasswordText:Qa,getChangingText:Ja,getBackToSignInText:et}=n.authenticatorTextUtil,at=({className:e,variation:a})=>{const{isPending:t,toSignIn:n}=s.useAuthenticator((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:i}=za(),{components:{ForceNewPassword:{FormFields:d=at.FormFields,Header:c=at.Header,Footer:u=at.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:o,onSubmit:i,onBlur:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(c,null),E.default.createElement(d,null),E.default.createElement(Ua,null),E.default.createElement(l.Button,{isDisabled:t,type:"submit",variation:"primary",isLoading:t,loadingText:Ja(),fontWeight:"normal"},Qa()),E.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal",variation:"link",size:"small"},et()),E.default.createElement(u,null))))};at.FormFields=function(){return E.default.createElement(qa,null)},at.Header=function(){return E.default.createElement(we,{level:4},Qa())},at.Footer=function(){return null};const{getConfirmText:tt,getConfirmingText:nt,getBackToSignInText:lt}=n.authenticatorTextUtil,st=()=>{const{isPending:e,toSignIn:a}=s.useAuthenticator((e=>[e.isPending,e.toSignIn]));return E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Button,{isDisabled:e,type:"submit",variation:"primary",fontWeight:"normal",isLoading:e,loadingText:nt()},tt()),E.default.createElement(l.Button,{onClick:a,type:"button",variation:"link",fontWeight:"normal",size:"small"},lt()))},rt=new t.Logger("SetupTOTP-logger"),{getSetupTOTPText:ot,getCopiedText:it,getLoadingText:dt}=n.authenticatorTextUtil,ct=({className:e,variation:a})=>{var t;const{totpSecretCode:r,isPending:i,user:d,QRFields:c}=s.useAuthenticator((e=>[e.isPending,e.totpSecretCode])),{handleChange:u,handleSubmit:m}=za(),{components:{SetupTOTP:{Header:p=ct.Header,Footer:f=ct.Footer}}}=Aa(),[C,g]=b.useState(!0),[h,E]=b.useState(),[N,v]=b.useState("COPY"),{totpIssuer:F="AWSCognito",totpUsername:y=(null==d?void 0:d.username)}=null!==(t=c)&&void 0!==t?t:{},w=b.useCallback((()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{const e=n.getTotpCodeURL(F,y,r),a=yield I.default.toDataURL(e);E(a)}catch(e){rt.error(e)}finally{g(!1)}}))),[F,y,r]);b.useEffect((()=>{h||w()}),[w,h]);return b.createElement(ja,{className:e,variation:a},b.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:u,onSubmit:m},b.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:i},b.createElement(p,null),b.createElement(l.Flex,{direction:"column"},C?b.createElement("p",null,dt(),"…"):b.createElement("img",{"data-amplify-qrcode":!0,src:h,alt:"qr code",width:"228",height:"228"}),b.createElement(l.Flex,{"data-amplify-copy":!0},b.createElement("div",null,r),b.createElement(l.Flex,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(r),v(it())}},b.createElement("div",{"data-amplify-copy-tooltip":!0},N),b.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},b.createElement("path",{d:"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z"})))),b.createElement(qa,null),b.createElement(Ua,null)),b.createElement(st,null),b.createElement(f,null))))};ct.Header=function(){return b.createElement(we,{level:3},ot())},ct.Footer=function(){return null};const{getSubmitText:ut,getSubmittingText:mt}=n.authenticatorTextUtil,pt=e=>{const{cancelButtonSendType:a,cancelButtonText:t,submitButtonText:n}=e,{isPending:r,resendCode:o,skipVerification:i,toSignIn:d}=s.useAuthenticator((e=>[e.isPending])),c=r?E.default.createElement(E.default.Fragment,null,mt(),"…"):E.default.createElement(E.default.Fragment,null,ut()),u=null!=n?n:c;return E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Button,{fontWeight:"normal",variation:"primary",isDisabled:r,type:"submit"},u),E.default.createElement(l.Button,{onClick:()=>{switch(a){case"SKIP":i();break;case"RESEND":o();break;case"SIGN_IN":d();break;default:return}},type:"button",variation:"link",fontWeight:"normal",size:"small"},t))},ft=()=>E.default.createElement("svg",{"aria-label":"Apple icon",className:"amplify-icon federated-sign-in-icon",fill:"#000",preserveAspectRatio:"xMidYMid",stroke:"#000",strokeWidth:"0",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M747.4 535.7c-.4-68.2 30.5-119.6 92.9-157.5-34.9-50-87.7-77.5-157.3-82.8-65.9-5.2-138 38.4-164.4 38.4-27.9 0-91.7-36.6-141.9-36.6C273.1 298.8 163 379.8 163 544.6c0 48.7 8.9 99 26.7 150.8 23.8 68.2 109.6 235.3 199.1 232.6 46.8-1.1 79.9-33.2 140.8-33.2 59.1 0 89.7 33.2 141.9 33.2 90.3-1.3 167.9-153.2 190.5-221.6-121.1-57.1-114.6-167.2-114.6-170.7zm-105.1-305c50.7-60.2 46.1-115 44.6-134.7-44.8 2.6-96.6 30.5-126.1 64.8-32.5 36.8-51.6 82.3-47.5 133.6 48.4 3.7 92.6-21.2 129-63.7z"})),Ct=()=>E.default.createElement("svg",{"aria-label":"Google icon",className:"amplify-icon federated-sign-in-icon",viewBox:"0 0 256 262",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},E.default.createElement("path",{d:"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",fill:"#4285F4"}),E.default.createElement("path",{d:"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",fill:"#34A853"}),E.default.createElement("path",{d:"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",fill:"#FBBC05"}),E.default.createElement("path",{d:"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",fill:"#EB4335"})),gt=()=>E.default.createElement(Se,{className:"federated-sign-in-icon",ariaLabel:"Facebook icon",viewBox:{minX:0,minY:0,width:279,height:538},pathData:"M82.3409742,538 L82.3409742,292.936652 L0,292.936652 L0,196.990154 L82.2410458,196.990154 L82.2410458,126.4295 C82.2410458,44.575144 132.205229,0 205.252865,0 C240.227794,0 270.306232,2.59855099 279,3.79788222 L279,89.2502322 L228.536175,89.2502322 C188.964542,89.2502322 181.270057,108.139699 181.270057,135.824262 L181.270057,196.89021 L276.202006,196.89021 L263.810888,292.836708 L181.16913,292.836708 L181.16913,538 L82.3409742,538 Z",fill:"#1877F2"}),ht=()=>E.default.createElement("svg",{"aria-label":"Amazon icon",className:"amplify-icon federated-sign-in-icon",viewBox:"0 0 243 264",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},E.default.createElement("path",{d:"M230.826 208.039C227.468 203.683 208.551 205.982 200.056 206.998C197.471 207.321 197.076 205.042 199.407 203.405C214.475 192.665 239.201 195.766 242.082 199.364C244.966 202.982 241.337 228.071 227.173 240.049C225.001 241.888 222.93 240.904 223.898 238.468C227.077 230.431 234.205 212.419 230.826 208.039ZM123.769 264C71.0234 264 39.0764 241.955 14.7853 217.542C9.97339 212.706 3.71799 206.296 0.311513 200.691C-1.09773 198.372 2.59096 195.022 5.04421 196.844C35.239 219.268 79.1012 239.538 122.53 239.538C151.82 239.538 188.046 227.47 217.669 214.868C222.147 212.966 222.147 219.18 221.512 221.061C221.183 222.032 206.515 236.221 186.247 247.047C167.304 257.166 143.397 264 123.769 264Z",fill:"#F2541B"}),E.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M142.943 111.185C142.943 124.756 143.268 136.054 136.406 148.123C130.856 157.913 122.027 163.95 112.222 163.95C98.8288 163.95 90.9806 153.772 90.9806 138.693C90.9806 109.036 117.677 103.647 142.943 103.647V111.185ZM178.166 196.081C175.858 198.15 171.635 198.22 169.914 196.894C157.974 187.684 149.89 173.688 149.89 173.688C130.706 193.156 117.127 199 92.2879 199C62.8772 199 40 180.905 40 144.729C40 116.461 55.3552 97.2408 77.2563 87.823C96.2094 79.5256 122.684 78.0173 142.943 75.7517C142.943 75.7517 144.633 53.933 138.699 45.9806C134.098 39.8163 126.272 36.9329 119.089 36.9329C106.127 36.8829 93.61 43.9051 91.1262 57.4188C90.4136 61.2829 87.5533 64.5261 84.54 64.206L51.0823 60.5922C48.5156 60.2951 45.0381 57.6639 45.8636 53.3081C53.644 12.3684 90.7373 0 123.989 0C140.983 0 163.21 4.51651 176.608 17.3349C193.597 33.1648 191.969 54.2755 191.969 77.2722V131.51C191.969 147.835 198.768 154.987 205.151 163.775C207.376 166.953 207.886 170.714 205.04 173.032C197.902 178.999 178.166 196.081 178.166 196.081Z",fill:"#F2541B"})),bt=e=>{const{icon:a,provider:t,text:n}=e,{toFederatedSignIn:r}=s.useAuthenticator();let o;return"facebook"===a?o=E.default.createElement(gt,null):"google"===a?o=E.default.createElement(Ct,null):"amazon"===a?o=E.default.createElement(ht,null):"apple"===a&&(o=E.default.createElement(ft,null)),E.default.createElement(l.Button,{onClick:e=>{e.preventDefault(),r({provider:t})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},o,E.default.createElement(l.Text,{as:"span"},n))},{getSignInWithFederationText:Et,getOrText:Nt}=n.authenticatorTextUtil;function vt(){const{route:e,socialProviders:a}=s.useAuthenticator((({route:e,socialProviders:a})=>[e,a]));return 0===a.length?null:E.default.createElement(l.Flex,{direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},a.map((a=>{switch(a){case"amazon":return E.default.createElement(bt,{icon:"amazon",key:a,provider:n.FederatedIdentityProviders.Amazon,text:Et(e,a)});case"apple":return E.default.createElement(bt,{icon:"apple",key:a,provider:n.FederatedIdentityProviders.Apple,text:Et(e,a)});case"facebook":return E.default.createElement(bt,{icon:"facebook",key:a,provider:n.FederatedIdentityProviders.Facebook,text:Et(e,a)});case"google":return E.default.createElement(bt,{icon:"google",key:a,provider:n.FederatedIdentityProviders.Google,text:Et(e,a)});default:console.error(`Authenticator does not support ${a}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),E.default.createElement(fe,{size:"small",label:Nt()}))}const{getSignInText:Ft,getSigningInText:yt,getForgotPasswordText:wt}=n.authenticatorTextUtil;function xt(){const{isPending:e}=s.useAuthenticator((e=>[e.isPending])),{handleChange:a,handleSubmit:t}=za(),{components:{SignIn:{Header:n=xt.Header,Footer:r=xt.Footer}}}=Aa();return E.default.createElement(l.View,null,E.default.createElement(n,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:t,onChange:a},E.default.createElement(vt,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:e},E.default.createElement(J,null,E.default.createElement("legend",null,Ft())),E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(l.Button,{isDisabled:e,isFullWidth:!0,type:"submit",variation:"primary",isLoading:e,loadingText:yt()},Ft()))),E.default.createElement(r,null))}xt.Footer=()=>{const{toResetPassword:e}=s.useAuthenticator((e=>[e.toResetPassword]));return E.default.createElement(l.View,{"data-amplify-footer":""},E.default.createElement(l.Button,{fontWeight:"normal",onClick:e,size:"small",variation:"link"},wt()))},xt.Header=function(){return null};const{getCreateAccountText:St,getCreatingAccountText:It}=n.authenticatorTextUtil;function Tt(){const{hasValidationErrors:e,isPending:a}=s.useAuthenticator((e=>[e.hasValidationErrors,e.isPending])),{handleChange:t,handleBlur:n,handleSubmit:r}=za(),{components:{SignUp:{Header:o=Tt.Header,FormFields:i=Tt.FormFields,Footer:d=Tt.Footer}}}=Aa();return E.default.createElement(l.View,null,E.default.createElement(o,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:t,onSubmit:r,onBlur:n},E.default.createElement(vt,null),E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:a},E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(i,null),E.default.createElement(Ua,null)),E.default.createElement(l.Button,{isDisabled:e||a,isFullWidth:!0,type:"submit",variation:"primary",isLoading:a,loadingText:It()},St()))),E.default.createElement(d,null))}Tt.Header=function(){return null},Tt.FormFields=function(){return E.default.createElement(qa,null)},Tt.Footer=function(){return null};const{getSignInTabText:Pt,getSignUpTabText:kt}=n.authenticatorTextUtil,Ot=({className:e,hideSignUp:a,variation:t})=>{const{route:n,toSignIn:r,toSignUp:o}=s.useAuthenticator((e=>[e.route,e.toSignIn,e.toSignUp]));return E.default.createElement(ja,{className:e,variation:t},a?E.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&E.default.createElement(xt,null)):E.default.createElement(Ea,{indicatorPosition:"top",currentIndex:"signIn"===n?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===n?o():r()},E.default.createElement(Na,{title:Pt()},E.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&E.default.createElement(xt,null))),E.default.createElement(Na,{title:kt()},E.default.createElement(l.View,{"data-amplify-router-content":""},"signUp"===n&&E.default.createElement(Tt,null)))))},{getAccountRecoveryInfoText:Mt,getSkipText:Rt}=n.authenticatorTextUtil,Bt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=za(),{components:{ConfirmVerifyUser:{Header:o=Bt.Header,Footer:i=Bt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:n,onSubmit:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(o,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonText:Rt(),cancelButtonSendType:"SKIP"}),E.default.createElement(i,null))))};Bt.Header=function(){return E.default.createElement(we,{level:3},Mt())},Bt.Footer=function(){return null};const{getSkipText:Dt,getVerifyText:Lt,getVerifyContactText:Vt,getAccountRecoveryInfoText:_t}=n.authenticatorTextUtil,At=e=>Object.entries(e).map((([e,a])=>E.default.createElement($e,{name:"unverifiedAttr",value:e,key:e},((e,a)=>{const t=n.translate(e);let l=a;if("Phone Number"===e)l=n.censorPhoneNumber(a);else if("Email"===e){const e=a.split("@");l=`${n.censorAllButFirstAndLast(e[0])}@${e[1]}`}return`${t}: ${l}`})(n.defaultFormFieldOptions[e].label,a)))),Ht=({className:e,variation:a})=>{const{components:{VerifyUser:{Header:t=Ht.Header,Footer:n=Ht.Footer}}}=Aa(),{isPending:r,unverifiedContactMethods:o}=s.useAuthenticator((({isPending:e,unverifiedContactMethods:a})=>[e,a])),{handleChange:i,handleSubmit:d}=za(),c=r?E.default.createElement(E.default.Fragment,null,"Verifying…"):E.default.createElement(E.default.Fragment,null,Lt()),u=E.default.createElement(Ke,{label:Vt(),labelHidden:!0,name:"verify_context",isDisabled:r},At(o));return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:i,onSubmit:d},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:r},E.default.createElement(t,null),u,E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonText:Dt(),cancelButtonSendType:"SKIP",submitButtonText:c}),E.default.createElement(n,null))))};Ht.Header=function(){return E.default.createElement(we,{level:3},_t())},Ht.Footer=function(){return null};const{getChallengeText:jt}=n.authenticatorTextUtil,zt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=za(),{components:{ConfirmSignIn:{Header:o=zt.Header,Footer:i=zt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(o,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null),E.default.createElement(Ua,null)),E.default.createElement(st,null),E.default.createElement(i,null))))};zt.Header=function(){const{user:{challengeName:e}}=s.useAuthenticator((({user:e})=>[e]));return E.default.createElement(we,{level:3},jt(e))},zt.Footer=function(){return null};const{getResendCodeText:Ut,getResetYourPasswordText:Gt}=n.authenticatorTextUtil,qt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleBlur:n,handleChange:r,handleSubmit:o}=za(),{components:{ConfirmResetPassword:{Header:i=qt.Header,Footer:d=qt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:o,onChange:r,onBlur:n},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(i,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonSendType:"RESEND",cancelButtonText:Ut()}),E.default.createElement(d,null))))};qt.Header=function(){const e=Gt();return E.default.createElement(we,{level:3},e)},qt.Footer=function(){return null};const{getBackToSignInText:Wt,getSendingText:$t,getSendCodeText:Kt,getResetYourPasswordText:Zt}=n.authenticatorTextUtil,Yt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=za(),{components:{ResetPassword:{Header:o=Yt.Header,Footer:i=Yt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:n,onSubmit:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(o,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonText:Wt(),cancelButtonSendType:"SIGN_IN",submitButtonText:t?E.default.createElement(E.default.Fragment,null,$t(),"…"):E.default.createElement(E.default.Fragment,null,Kt())}),E.default.createElement(i,null))))};Yt.Header=function(){return E.default.createElement(we,{level:3},Zt())},Yt.Footer=function(){return null};const Xt=e=>"signIn"===e||"signUp"===e;function Qt(){return null}const Jt=e=>{switch(e){case"authenticated":case"idle":case"setup":case"transition":return Qt;case"confirmSignUp":return Xa;case"confirmSignIn":return zt;case"setupTOTP":return ct;case"signIn":case"signUp":return Ot;case"forceNewPassword":return at;case"resetPassword":return Yt;case"confirmResetPassword":return qt;case"verifyUser":return Ht;case"confirmVerifyUser":return Bt;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),Qt}};function en({className:a,hideSignUp:t,variation:n}){const{route:l}=s.useAuthenticator((({route:e})=>[e])),r=e.useMemo((()=>Jt(l)),[l]);return E.default.createElement(r,{className:a,hideSignUp:Xt(l)?t:void 0,variation:n})}const an={Header:()=>null,SignIn:{Header:xt.Header,Footer:xt.Footer},SignUp:{Header:Tt.Header,FormFields:Tt.FormFields,Footer:Tt.Footer},ConfirmSignUp:{Header:Xa.Header,Footer:Xa.Footer},SetupTOTP:{Header:ct.Header,Footer:ct.Footer},ConfirmResetPassword:{Header:qt.Header,Footer:qt.Footer},ConfirmSignIn:{Header:zt.Header,Footer:zt.Footer},VerifyUser:{Header:Ht.Header,Footer:Ht.Footer},ConfirmVerifyUser:{Header:Bt.Header,Footer:Bt.Footer},ForceNewPassword:{Header:at.Header,Footer:at.Footer,FormFields:at.FormFields},ResetPassword:{Header:Yt.Header,Footer:Yt.Footer},Footer:()=>null};function tn({children:e,className:a,components:t,formFields:l,hideSignUp:r,initialState:o,loginMechanisms:i,passwordSettings:d,signUpAttributes:c,services:u,socialProviders:m,variation:p}){Ce({message:"The `passwordSettings` prop has been deprecated and will be removed in a future major version of Amplify UI.",shouldWarn:!!d});const{route:f,signOut:C,user:g}=s.useAuthenticator((({route:e,signOut:a,user:t})=>[e,a,t]));s.useAuthenticatorInitMachine({initialState:o,loginMechanisms:i,services:u,signUpAttributes:c,socialProviders:m,formFields:l});const h=b.useMemo((()=>({components:Object.assign(Object.assign({},an),t)})),[t]);return"authenticated"===f||"signOut"===f?e?b.createElement(b.Fragment,null,n.isFunction(e)?e({signOut:C,user:g}):e):null:b.createElement(_a.Provider,{value:h},b.createElement(en,{className:a,hideSignUp:r,variation:p}))}function nn(e){return b.useEffect((()=>{n.configureComponent({packageName:"@aws-amplify/ui-react",version:Va})}),[]),b.createElement(s.AuthenticatorProvider,null,b.createElement(tn,Object.assign({},e)))}function ln(e,a={}){const{variation:t="modal"}=a;return function(n){return E.default.createElement(nn,Object.assign({variation:t},a),(a=>E.default.createElement(e,Object.assign({},n,a))))}}var sn;function rn({aggregatePercentage:e,children:a,dropZone:t,fileStatuses:s,isLoading:r,isSuccessful:o,hasMaxFilesError:i,maxFileCount:d,onClear:c,onFileClick:u}){const m=`${n.translate("Cannot choose more than")} ${d}`,p=()=>s.filter((e=>(null==e?void 0:e.fileState)===sn.SUCCESS)).length,f=s.length-p(),C=`${f} ${1===f?n.translate("file"):n.translate("files")}`,g=`${p()} ${1===p()?n.translate("file uploaded"):n.translate("files uploaded")}`,h=s.some((e=>[sn.ERROR,sn.EDITING].includes(null==e?void 0:e.fileState)))||0===f||i;return E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewer},E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerBody},t,E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderPreviewerText},o?g:E.default.createElement(E.default.Fragment,null,`${C} ${n.translate("selected")}`)),a),E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerFooter},E.default.createElement(l.View,null,r&&E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Text,null,n.translate("Uploading"),e>0?`: ${e}%`:""),E.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:e,isPercentageTextHidden:!0,isDeterminate:!0}))),E.default.createElement(l.View,{className:n.ComponentClassName.FileUploaderPreviewerFooterActions},!r&&!o&&E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Button,{size:"small",variation:"link",onClick:c},n.translate("Clear all")),E.default.createElement(l.Button,{disabled:h,size:"small",variation:"primary",onClick:u},`${n.translate("Upload")} ${C}`)),o&&E.default.createElement(l.Button,{size:"small",onClick:c},n.translate("Done")))),i&&E.default.createElement(P,{variation:"error",heading:m}))}function on({children:e,inDropZone:a,onDragStart:t,onDragEnter:s,onDragLeave:r,onDrop:o,onDragOver:i}){return E.default.createElement(l.View,{className:v.default(a&&n.classNameModifier(l.ComponentClassNames.FileUploaderDropZone,"active"),l.ComponentClassNames.FileUploaderDropZone),onDragStart:t,onDragEnter:s,onDragLeave:r,onDrop:o,onDragOver:i},E.default.createElement(l.IconUpload,{"aria-hidden":!0,className:l.ComponentClassNames.FileUploaderDropZoneIcon}),E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderDropZoneText},n.translate("Drop files here or")),e)}nn.Provider=s.AuthenticatorProvider,nn.ResetPassword=Yt,nn.SetupTOTP=ct,nn.SignIn=xt,nn.SignUp=Tt,nn.ForceNewPassword=at,function(e){e.PAUSED="paused",e.SUCCESS="success",e.ERROR="error",e.LOADING="loading",e.RESUME="resume",e.EDITING="editing",e.INIT="init"}(sn||(sn={}));const dn=({fileState:e,errorMessage:a,percentage:t})=>{switch(e){case sn.LOADING:{const e=t&&t>0?`${n.translate("Uploading")}: ${t}%`:n.translate("Uploading");return E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},e)}case sn.PAUSED:return E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},n.translate("Paused"),": ",t,"%");case sn.SUCCESS:return E.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"success"))},E.default.createElement(l.IconCheck,{fontSize:"xl"})," ",n.translate("Uploaded successfully"));case sn.ERROR:return E.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"error"))},E.default.createElement(l.IconError,{fontSize:"xl"})," ",a);default:return null}};function cn({errorMessage:a,file:t,fileState:s,hasImage:r,name:o,onCancel:i,onCancelEdit:d,onPause:c,onResume:u,onSaveEdit:m,onStartEdit:p,percentage:f,isResumable:C,showImage:g}){const[h,b]=E.default.useState(o),N=E.default.useRef(null),v=URL.createObjectURL(t);E.default.useEffect((()=>{s===sn.EDITING&&N.current&&N.current.focus()}),[s]);const{size:F}=t,y=r?E.default.createElement(Ie,{alt:t.name,src:v}):E.default.createElement(l.IconFile,null),w=!C||f>0,x=s===sn.INIT||s===sn.ERROR&&a===n.translate("Extension not allowed"),S=e.useCallback((()=>E.default.createElement(E.default.Fragment,null,E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileMain},E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileName},o)),x?E.default.createElement(l.Button,{onClick:p,size:"small",variation:"link"},E.default.createElement(J,null,"Edit file name ",t.name),E.default.createElement(l.IconEdit,{"aria-hidden":!0,fontSize:"medium"})):null,E.default.createElement(l.Text,{as:"span",className:l.ComponentClassNames.FileUploaderFileSize},n.humanFileSize(F,!0)))),[t.name,o,p,x,F]),I=e.useCallback((()=>{switch(s){case sn.EDITING:return E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Button,{size:"small",onClick:()=>{b(o),null==d||d()}},"Cancel"),E.default.createElement(l.Button,{size:"small",variation:"primary",onClick:()=>{m(h)}},"Save"));case sn.RESUME:case sn.LOADING:return C?E.default.createElement(l.Button,{onClick:c,size:"small",variation:"link"},n.translate("pause")):null;case sn.PAUSED:return E.default.createElement(l.Button,{onClick:u,size:"small",variation:"link"},n.translate("Resume"));case sn.SUCCESS:return null;default:return E.default.createElement(l.Button,{size:"small",onClick:i},E.default.createElement(J,null,"Remove file name ",t.name),E.default.createElement(l.IconClose,{"aria-hidden":!0,fontSize:"medium"}))}}),[t.name,s,C,o,i,d,c,u,m,h]);return t?E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFile},E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileWrapper},g?E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileImage},y):null,s===sn.EDITING?E.default.createElement(l.View,{as:"form",flex:"1",onSubmit:()=>{m(h)}},E.default.createElement(q,{maxLength:1024,ref:N,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{b(e.target.value)},value:h})):E.default.createElement(S,null),E.default.createElement(I,null),s===sn.LOADING?E.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:f,isDeterminate:w,isPercentageTextHidden:!0}):null),E.default.createElement(dn,{fileState:s,errorMessage:a,percentage:f})):null}const un=e=>"function"==typeof(null==e?void 0:e.resume),mn=new t.Logger("AmplifyUI:Storage");function pn(a){var{acceptedFileTypes:t,shouldAutoProceed:s=!1,isPreviewerVisible:i,maxFileCount:d,maxSize:c,hasMultipleFiles:u=!0,onError:m,onSuccess:p,showImages:f=!0,accessLevel:C,variation:g="drop",isResumable:h=!1}=a,b=o.__rest(a,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFileCount","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);Ce({shouldWarn:!0,message:"FileUploader has exited Dev Preview and was renamed to StorageManager with some API changes. Please migrate to the StorageManager component, as the FileUploader component is no longer supported and will be removed in a future major release. https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager"}),t&&C||mn.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[N,v]=e.useState(!1),[F,y]=e.useState(!1),w=function({maxSize:a,acceptedFileTypes:t,hasMultipleFiles:l,isLoading:s,setAutoLoad:r}){const[o,i]=e.useState([]),[d,c]=e.useState(!1),[u,m]=e.useState(!1),p=(e,t)=>{const l=[...t];[...e].forEach((e=>{const t=n.checkMaxSize(a,e);l.unshift({fileState:t?sn.ERROR:sn.INIT,fileErrors:t,file:e,name:e.name})})),i(l)},f=e=>{const a=n.returnAcceptedFiles([...e],t);return a?!l&&o.length>0?o.length:l||1!=a.length?!l&&a.length>1?(p([a[0]],o),1):a.length>0?(p([...a],o),a.length+o.length):0:(p([...a],o),a.length):0};return{inDropZone:u,onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragLeave:e=>{if(e.preventDefault(),e.stopPropagation(),s)return!1;m(!1)},onDragOver:e=>{if(e.preventDefault(),e.stopPropagation(),s)return!1;m(!0),e.dataTransfer.dropEffect="copy"},onDragStart:e=>{e.dataTransfer.clearData()},onDrop:e=>{if(e.preventDefault(),e.stopPropagation(),s)return!1;const{files:a}=e.dataTransfer;f([...a])>0&&(c(!0),r(!0)),m(!1)},setInDropZone:m,setShowPreviewer:c,addTargetFiles:f,showPreviewer:d,fileStatuses:o,setFileStatuses:i}}({maxSize:c,acceptedFileTypes:t,hasMultipleFiles:u,isLoading:N,setAutoLoad:y}),{addTargetFiles:x,fileStatuses:S,inDropZone:I,setFileStatuses:T,setShowPreviewer:P,showPreviewer:k}=w,O=o.__rest(w,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),M=Math.floor(S.reduce(((e,a)=>{var t;return e+(null!==(t=null==a?void 0:a.percentage)&&void 0!==t?t:0)}),0)/S.length),R=0!==S.length&&S.every((e=>100===(null==e?void 0:e.percentage))),B=S.filter((e=>100!==e.percentage)).length>d;e.useEffect((()=>{100===Math.floor(M)&&v(!1)}),[M]),e.useEffect((()=>{P(i)}),[P,i]);const D=e.useCallback((e=>a=>{T((t=>{const n=Object.assign({},t[e]),l=0!==a.total?Math.floor(a.loaded/a.total*100):100,s=100!==l?sn.LOADING:sn.SUCCESS,r=Object.assign(Object.assign({},n),{percentage:l,fileState:s});return t[e]=r,[...t]}))}),[T]),L=e.useCallback((e=>a=>{T((t=>{const l=Object.assign({},t[e]),s=Object.assign(Object.assign({},l),{fileState:"error",fileErrors:n.translate(a.toString())});return t[e]=s,[...t]})),v(!1),"function"==typeof m&&m(a)}),[m,T]),V=e.useCallback((e=>function(){const a=S[e];un(a.uploadTask)&&a.uploadTask.pause();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:sn.PAUSED}),T(t)}),[S,T]),_=e.useCallback((e=>function(){const a=S[e];un(a.uploadTask)&&a.uploadTask.resume();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:sn.RESUME}),T(t)}),[S,T]),A=e.useCallback((()=>{v(!0);const e=[];S.forEach(((a,t)=>{if((null==a?void 0:a.fileState)===sn.SUCCESS)return;const l=n.uploadFile(Object.assign({file:a.file,fileName:a.name,level:C,isResumable:h,progressCallback:D(t),errorCallback:L(t),completeCallback:p},b));un(l)&&h&&e.push(l)})),T((a=>a.map(((a,t)=>{var n;return Object.assign(Object.assign({},a),{uploadTask:null==e?void 0:e[t],fileState:a.fileState===sn.INIT?sn.LOADING:a.fileState,percentage:null!==(n=a.percentage)&&void 0!==n?n:0})}))))}),[S,T,C,h,D,L,p,b]),H=e.useCallback((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:a}=e.target;x([...a])>0&&(P(!0),y(!0))}),[x,P]),j=e.useCallback((()=>{P(!1),T([])}),[T,P]),z=e.useCallback((e=>()=>{const{fileState:a,uploadTask:t}=S[e];"loading"===a&&un(t)&&(r.Storage.cancel(t),v(!1));const n=S.filter(((a,t)=>t!==e));T(n)}),[S,T]),U=e.useCallback((e=>a=>{if(0===a.trim().length)return;const t=[...S],l=S[e],s=n.isValidExtension(a,l.file.name);t[e]=Object.assign(Object.assign({},l),{name:a,fileState:s?sn.INIT:sn.ERROR,fileErrors:s?void 0:n.translate("Extension not allowed")}),T(t)}),[S,T]),G=e.useCallback(((e,a)=>{T((t=>{const l=[...t],s=l[e],r=n.isValidExtension(s.name,s.file.name)?sn.INIT:sn.ERROR,o=a===sn.INIT?r:a;return l[e]=Object.assign(Object.assign({},s),{fileState:o}),l}))}),[T]),q=e.useCallback((e=>()=>{G(e,sn.INIT)}),[G]),W=e.useCallback((e=>a=>{G(e,sn.EDITING)}),[G]);e.useEffect((()=>{s&&F&&!B&&(A(),y(!1))}),[s,A,F,B]);const $=E.default.useRef(null),K=null==t?void 0:t.join(),Z=e.useMemo((()=>E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Button,{className:l.ComponentClassNames.FileUploaderDropZoneButton,isDisabled:N,onClick:()=>{var e;null===(e=null==$?void 0:$.current)||void 0===e||e.click(),$.current.value=""},size:"small"},n.translate("Browse files")),E.default.createElement(J,null,E.default.createElement("input",{type:"file",tabIndex:-1,ref:$,onChange:H,multiple:u,accept:K})))),[N,H,u,K]);return k?E.default.createElement(rn,{dropZone:E.default.createElement(on,Object.assign({},O,{inDropZone:I}),Z),fileStatuses:S,isLoading:N,isSuccessful:R,hasMaxFilesError:B,maxFileCount:d,onClear:j,onFileClick:A,aggregatePercentage:M},null==S?void 0:S.map(((e,a)=>{var t;return E.default.createElement(cn,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(t=e.file)||void 0===t?void 0:t.type.startsWith("image/"),showImage:f,key:a,name:e.name,onCancel:z(a),onCancelEdit:q(a),onPause:V(a),onResume:_(a),onSaveEdit:U(a),onStartEdit:W(a),percentage:e.percentage,isResumable:h})}))):"button"===g?Z:E.default.createElement(on,Object.assign({},O,{inDropZone:I}),Z)}const{DirectionProvider:fn}=n.sanitizeNamespaceImport(T);function Cn({children:e,colorMode:a,direction:t="ltr",nonce:s,theme:r}){const o=b.useMemo((()=>({theme:n.createTheme(r)})),[r]),{theme:{name:i,cssText:d}}=o;return b.createElement(l.AmplifyContext.Provider,{value:o},b.createElement(fn,{dir:t},b.createElement("div",{"data-amplify-theme":i,"data-amplify-color-mode":a,dir:t},e),void 0===r||/<\/style/i.test(d)?null:b.createElement("style",{id:`amplify-theme-${i}`,dangerouslySetInnerHTML:{__html:d},nonce:s})))}const gn=Cn;var hn=Object.freeze({__proto__:null,AccountSettings:La,Authenticator:nn,withAuthenticator:ln,useAuthenticator:s.useAuthenticator,FileUploader:pn,AmplifyProvider:Cn,ThemeProvider:gn});Object.defineProperty(exports,"createTheme",{enumerable:!0,get:function(){return n.createTheme}}),Object.defineProperty(exports,"defaultDarkModeOverride",{enumerable:!0,get:function(){return n.defaultDarkModeOverride}}),Object.defineProperty(exports,"defaultTheme",{enumerable:!0,get:function(){return n.defaultTheme}}),Object.defineProperty(exports,"translations",{enumerable:!0,get:function(){return n.translations}}),exports.Button=l.Button,exports.ComponentClassNames=l.ComponentClassNames,exports.ComponentClassObject=l.ComponentClassObject,exports.ComponentPropsToStylePropsMap=l.ComponentPropsToStylePropsMap,exports.ComponentPropsToStylePropsMapKeys=l.ComponentPropsToStylePropsMapKeys,exports.FieldGroupIcon=l.FieldGroupIcon,exports.FieldGroupIconButton=l.FieldGroupIconButton,exports.Flex=l.Flex,exports.Loader=l.Loader,exports.Text=l.Text,exports.View=l.View,exports.useTheme=l.useTheme,Object.defineProperty(exports,"useAuthenticator",{enumerable:!0,get:function(){return s.useAuthenticator}}),exports.AccountSettings=La,exports.Alert=P,exports.AmplifyProvider=Cn,exports.Authenticator=nn,exports.Autocomplete=Z,exports.Badge=Y,exports.ButtonGroup=X,exports.Card=Q,exports.CheckboxField=ae,exports.Collection=pe,exports.Divider=fe,exports.Expander=he,exports.ExpanderItem=Fe,exports.FileUploader=pn,exports.Grid=te,exports.Heading=we,exports.HighlightMatch=A,exports.Icon=Se,exports.Image=Ie,exports.Link=Te,exports.Menu=Re,exports.MenuButton=Pe,exports.MenuItem=De,exports.Pagination=re,exports.PasswordField=He,exports.PhoneNumberField=Ge,exports.Placeholder=qe,exports.Radio=$e,exports.RadioGroupField=Ke,exports.Rating=Je,exports.ScrollView=O,exports.SearchField=K,exports.SelectField=ze,exports.SliderField=la,exports.StepperField=ra,exports.SwitchField=oa,exports.TabItem=Na,exports.Table=ia,exports.TableBody=da,exports.TableCell=ca,exports.TableFoot=ua,exports.TableHead=ma,exports.TableRow=pa,exports.Tabs=Ea,exports.TextAreaField=Fa,exports.TextField=q,exports.ThemeProvider=gn,exports.ToggleButton=ya,exports.ToggleButtonGroup=wa,exports.VisuallyHidden=J,exports.components=hn,exports.primitives=Sa,exports.useAmplify=function(){const e=b.useContext(l.AmplifyContext);return{theme:l.getThemeFromContext(e)}},exports.useBreakpointValue=(e,a="base",t)=>{const{breakpoints:{values:s},tokens:r}=l.useTheme(),o=l.useBreakpoint({breakpoints:s,defaultBreakpoint:a}),i=l.getValueAtCurrentBreakpoint({breakpoint:o,breakpoints:s,values:e});return n.isDesignToken(i)||n.isString(i)?l.getStyleValue({value:i,propKey:t,tokens:r}):i},exports.usePagination=oe,exports.withAuthenticator=ln;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("lodash/isEqual.js"),t=require("aws-amplify"),n=require("@aws-amplify/ui"),l=require("./Field-147a6e0a.js");require("@aws-amplify/datastore");var s=require("@aws-amplify/ui-react-core"),r=require("@aws-amplify/storage"),o=require("tslib"),i=require("classnames"),d=require("lodash/debounce.js"),c=require("@radix-ui/react-accordion"),u=require("@radix-ui/react-dropdown-menu"),m=require("@radix-ui/react-slider"),p=require("@radix-ui/react-tabs"),f=require("qrcode"),C=require("@radix-ui/react-direction");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}require("@aws-amplify/core");var b=h(e),E=g(e),N=g(a),v=g(i),F=g(d),y=h(c),w=h(u),x=h(m),S=h(p),I=g(f),T=h(C);const P=b.forwardRef(((e,a)=>{var{buttonRef:t,children:s,className:r,dismissButtonLabel:i=l.ComponentText.Alert.dismissButtonLabel,hasIcon:d=!0,heading:c,isDismissible:u=!1,onDismiss:m,variation:p}=e,f=o.__rest(e,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[C,g]=b.useState(!1),h=b.useCallback((()=>{g(!C),n.isFunction(m)&&m()}),[g,m,C]);return C?null:b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Alert,r,n.classNameModifier(l.ComponentClassNames.Alert,p)),"data-variation":p,ref:a,role:"alert"},f),d&&b.createElement(l.AlertIcon,{variation:p,ariaHidden:!0}),b.createElement(l.View,{flex:"1"},c&&b.createElement(l.View,{className:l.ComponentClassNames.AlertHeading},c),b.createElement(l.View,{className:l.ComponentClassNames.AlertBody},s)),u&&b.createElement(l.Button,{ariaLabel:i,variation:"link",className:l.ComponentClassNames.AlertDismiss,onClick:h,ref:t},b.createElement(l.IconClose,{"aria-hidden":"true"})))}));P.displayName="Alert";const k=b.forwardRef(((e,a)=>{var{children:t,className:s,isActive:r}=e,i=o.__rest(e,["children","className","isActive"]);return b.createElement(l.View,Object.assign({"aria-selected":r,as:"li",role:"option",className:v.default(l.ComponentClassNames.AutocompleteMenuOption,n.classNameModifierByFlag(l.ComponentClassNames.AutocompleteMenuOption,"active",r),s),ref:a},i),t)}));k.displayName="AutocompleteOption";const O=b.forwardRef(((e,a)=>{var{children:t,className:s,orientation:r}=e,i=o.__rest(e,["children","className","orientation"]);return b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.ScrollView,n.classNameModifier(l.ComponentClassNames.ScrollView,r),s),"data-orientation":r,ref:a},i),t)}));O.displayName="ScrollView";const M=b.forwardRef(((e,a)=>{var{ariaLabel:t,children:n,Header:s=null,Footer:r=null,LoadingIndicator:i=null,Empty:d=null,isLoading:c,listboxId:u}=e,m=o.__rest(e,["ariaLabel","children","Header","Footer","LoadingIndicator","Empty","isLoading","listboxId"]);return b.createElement(O,Object.assign({className:l.ComponentClassNames.AutocompleteMenu,ref:a},m),c?b.createElement((()=>{const e=null!=i?i:b.createElement(b.Fragment,null,b.createElement(l.Loader,null),l.ComponentText.Autocomplete.loadingText);return b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuLoading},e)}),null):b.createElement(b.Fragment,null,b.createElement((()=>s&&b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuHeader},s)),null),n.length>0?b.createElement(O,{as:"ul",ariaLabel:t,className:l.ComponentClassNames.AutocompleteMenuOptions,id:u,role:"listbox"},n):b.createElement((()=>d?b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuEmpty},d):b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuEmpty},l.ComponentText.Autocomplete.emptyText)),null),b.createElement((()=>r&&b.createElement(l.View,{className:l.ComponentClassNames.AutocompleteMenuFooter},r)),null)))}));M.displayName="AutocompleteMenu";const R=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?b.useLayoutEffect:()=>{},B=b["useId".toString()]||(()=>{});let D=0;const L=e=>{const[a,t]=b.useState(B());return R((()=>{e||t((e=>null!=e?e:String(D++)))}),[e]),null!=e?e:a?`amplify-id-${a}`:""},V=new Set([l.ARROW_DOWN,l.ARROW_UP,l.ENTER_KEY,l.ESCAPE_KEY]),_=(e,a)=>e&&a?`${e}-${a}`:void 0,A=b.forwardRef(((e,a)=>{var{children:t,className:n,query:s,testId:r}=e,i=o.__rest(e,["children","className","query","testId"]);const d=_(r,"match"),c=null==t?void 0:t.toLocaleLowerCase().indexOf(null==s?void 0:s.toLocaleLowerCase());if(l.strHasLength(s)&&-1!==c){const e=t.substring(c,c+s.length);return b.createElement(l.View,Object.assign({as:"span",className:v.default(n,l.ComponentClassNames.HighlightMatch),testId:r,ref:a},i),t.substring(0,c),b.createElement(l.View,{as:"strong",className:l.ComponentClassNames.HighlightMatchHighlighted,testId:d},e),t.substring(c+s.length))}return b.createElement(l.View,{as:"span",testId:r},t)}));A.displayName="HighlightMatch";const H=l.ComponentText.SearchField.searchButtonLabel,j=b.forwardRef(((e,a)=>{var{size:t}=e,n=o.__rest(e,["size"]);return b.createElement(l.FieldGroupIconButton,Object.assign({ariaLabel:H,className:l.ComponentClassNames.SearchFieldSearch,size:t,ref:a,type:"submit"},n),b.createElement(l.IconSearch,null))}));j.displayName="SearchFieldButton";const z=b.forwardRef(((e,a)=>{var{children:t,className:s,innerEndComponent:r,innerStartComponent:i,orientation:d="horizontal",outerEndComponent:c,outerStartComponent:u,variation:m}=e,p=o.__rest(e,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const f=null!=r,C=null!=i?l.ComponentClassNames.FieldGroupHasInnerStart:null,g=f?l.ComponentClassNames.FieldGroupHasInnerEnd:null,h=v.default(l.ComponentClassNames.FieldGroup,C,g,n.classNameModifier(l.ComponentClassNames.FieldGroup,d),s);return b.createElement(l.Flex,Object.assign({className:h,"data-orientation":d,ref:a},p),u&&b.createElement(l.View,{className:v.default(l.ComponentClassNames.FieldGroupOuterStart,n.classNameModifier(l.ComponentClassNames.FieldGroupOuterStart,m))},u),b.createElement(l.View,{className:v.default(l.ComponentClassNames.FieldGroupFieldWrapper,n.classNameModifier(l.ComponentClassNames.FieldGroupFieldWrapper,d)),"data-orientation":d},i&&b.createElement(l.View,{className:l.ComponentClassNames.FieldGroupInnerStart},i),t,r&&b.createElement(l.View,{className:l.ComponentClassNames.FieldGroupInnerEnd},r)),c&&b.createElement(l.View,{className:v.default(l.ComponentClassNames.FieldGroupOuterEnd,n.classNameModifier(l.ComponentClassNames.FieldGroupOuterEnd,m))},c))}));z.displayName="FieldGroup";const U=b.forwardRef(((e,a)=>{var{autoComplete:t,checked:s,className:r,defaultChecked:i,defaultValue:d,id:c,isDisabled:u,isReadOnly:m,isRequired:p,size:f,type:C="text",hasError:g=!1,value:h,variation:E,onBlur:N,onChange:F,onCopy:y,onCut:w,onFocus:x,onInput:S,onPaste:I,onSelect:T,onWheel:P}=e,k=o.__rest(e,["autoComplete","checked","className","defaultChecked","defaultValue","id","isDisabled","isReadOnly","isRequired","size","type","hasError","value","variation","onBlur","onChange","onCopy","onCut","onFocus","onInput","onPaste","onSelect","onWheel"]);const O=v.default(l.ComponentClassNames.Input,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Input,E),n.classNameModifierByFlag(l.ComponentClassNames.Input,"error",g),n.classNameModifier(l.ComponentClassNames.Input,f),r);return b.createElement(l.View,Object.assign({"aria-invalid":g,as:"input",autoComplete:t,checked:s,className:O,"data-size":f,"data-variation":E,defaultChecked:i,defaultValue:d,isDisabled:u,id:c,onBlur:N,onChange:F,onCopy:y,onCut:w,onFocus:x,onInput:S,onPaste:I,onSelect:T,onWheel:P,readOnly:m,ref:a,required:p,type:C,value:h},k))}));U.displayName="Input";const G=e=>{const a={styleProps:{},rest:{}};return Object.keys(e).forEach((t=>{(e=>e in l.ComponentPropsToStylePropsMap)(t)?a.styleProps=Object.assign(Object.assign({},a.styleProps),{[t]:e[t]}):a.rest=Object.assign(Object.assign({},a.rest),{[t]:e[t]})})),a},q=b.forwardRef(((e,a)=>{const{className:t,descriptiveText:s,errorMessage:r,hasError:i=!1,id:d,innerEndComponent:c,innerStartComponent:u,label:m,labelHidden:p=!1,outerEndComponent:f,outerStartComponent:C,size:g,testId:h,variation:E,inputStyles:N}=e,F=o.__rest(e,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),y=L(d),w=L(),x=s?w:void 0,{styleProps:S,rest:I}=G(F);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,g),l.ComponentClassNames.TextField,t),"data-size":g,testId:h},S),b.createElement(l.Label,{htmlFor:y,visuallyHidden:p},m),b.createElement(l.FieldDescription,{id:w,labelHidden:p,descriptiveText:s}),b.createElement(z,{outerStartComponent:C,outerEndComponent:f,innerStartComponent:u,innerEndComponent:c,variation:E},b.createElement(U,Object.assign({"aria-describedby":x,hasError:i,id:y,ref:a,size:g,variation:E},N,I))),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));q.displayName="TextField";const W=new Set([l.ESCAPE_KEY,l.ENTER_KEY]),$=({defaultValue:e="",value:a,onChange:t,onClear:s,onSubmit:r,externalRef:o})=>{const i=void 0!==a,[d,c]=b.useState(e),u=i?a:d,m=b.useRef(null),p=function({externalRef:e,internalRef:a}){return b.useCallback((t=>{n.isFunction(e)?e(t):e&&(e.current=t),a.current=t}),[e,a])}({externalRef:o,internalRef:m}),f=b.useCallback((()=>{var e;i||c(""),null===(e=null==m?void 0:m.current)||void 0===e||e.focus(),n.isFunction(s)&&s()}),[i,c,s]),C=b.useCallback((e=>{n.isFunction(r)&&r(e)}),[r]),g=b.useCallback((e=>{const{key:a}=e;W.has(a)&&(e.preventDefault(),a===l.ESCAPE_KEY?f():a===l.ENTER_KEY&&C(u))}),[u,f,C]),h=b.useCallback((e=>{i||c(e.target.value),n.isFunction(t)&&t(e)}),[i,t,c]),E=b.useCallback((()=>{C(u)}),[C,u]);return{composedValue:u,onClearHandler:f,onKeyDown:g,onClick:E,handleOnChange:h,composedRefs:p}},K=b.forwardRef(((e,a)=>{var{autoComplete:t="off",className:n,isDisabled:s,clearButtonLabel:r,labelHidden:i=!0,name:d="q",hasSearchButton:c=!0,hasSearchIcon:u=!1,onChange:m,onClear:p,onSubmit:f,searchButtonRef:C,size:g,defaultValue:h,value:E}=e,N=o.__rest(e,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:F,onClearHandler:y,onKeyDown:w,onClick:x,handleOnChange:S,composedRefs:I}=$({defaultValue:h,value:E,onChange:m,onClear:p,onSubmit:f,externalRef:a}),T=c?b.createElement(j,{isDisabled:s,onClick:x,ref:C,size:g}):void 0,P=u?b.createElement(l.FieldGroupIcon,null,b.createElement(l.IconSearch,null)):void 0;return b.createElement(q,Object.assign({autoComplete:t,className:v.default(l.ComponentClassNames.SearchField,n),labelHidden:i,innerStartComponent:P,innerEndComponent:b.createElement(l.FieldClearButton,{ariaLabel:r,excludeFromTabOrder:!0,isVisible:!s&&l.strHasLength(F),onClick:y,size:g,variation:"link"}),isDisabled:s,name:d,onChange:S,onKeyDown:w,outerEndComponent:T,ref:I,size:g,value:F},N))}));K.displayName="SearchField";const Z=b.forwardRef(((e,a)=>{var{className:t,defaultValue:s,value:r,isLoading:i=!1,menuSlots:d={},options:c,optionFilter:u,onBlur:m,onChange:p,onClear:f,onClick:C,onSelect:g,onSubmit:h,renderOption:E,testId:N}=e,F=o.__rest(e,["className","defaultValue","value","isLoading","menuSlots","options","optionFilter","onBlur","onChange","onClear","onClick","onSelect","onSubmit","renderOption","testId"]);const{activeOptionId:y,autocompleteId:w,composedValue:x,filteredOptions:S,handleOnBlur:I,handleOnClear:T,handleOnClick:P,handleOnChange:O,handleOnKeyDown:R,isControlled:B,isCustomFiltering:D,isMenuOpen:_,listboxId:H,menuId:j,optionBaseId:z,setActiveOption:U,setIsMenuOpen:G,setInternalValue:q}=(({defaultValue:e="",value:a,options:t,optionFilter:s,onBlur:r,onChange:o,onClear:i,onClick:d,onSelect:c,onSubmit:u})=>{var m;const p=void 0!==a,[f,C]=b.useState(e),g=p?a:f,[h,E]=b.useState(!1),[N,v]=b.useState(null),F=n.isFunction(s),y=b.useMemo((()=>{var e;const a=F?e=>s(e,g):e=>{const{label:a}=e;return null==a?void 0:a.toLocaleLowerCase().includes(null==g?void 0:g.toLocaleLowerCase())};return null!==(e=null==t?void 0:t.filter(a))&&void 0!==e?e:[]}),[g,s,F,t]),w=L(),x=L(),S=L(),I=L(),T=y.findIndex((e=>e===N)),P=null!==(m=null==N?void 0:N.id)&&void 0!==m?m:-1!==T?`${I}-option-${T}`:void 0,k=b.useCallback((e=>{E(!1),v(null),n.isFunction(r)&&r(e)}),[r]),O=b.useCallback((e=>{v(null),E(!0),p||C(e.target.value),n.isFunction(o)&&o(e)}),[p,o]),M=b.useCallback((()=>{p||C(""),n.isFunction(i)&&i()}),[p,i]),R=b.useCallback((e=>{E(!0),n.isFunction(d)&&d(e)}),[d]);return b.useEffect((()=>{const e=document.getElementById(w),a=document.getElementById(S);if(a&&h&&e){const{bottom:t}=a.getBoundingClientRect(),{offsetParent:n,offsetTop:l}=e;n===document.body&&t>document.documentElement.clientHeight&&window.scrollTo({top:Math.min(t-document.documentElement.clientHeight+window.scrollY+20,l),behavior:"smooth"})}}),[w,h,S]),b.useEffect((()=>{const e=document.getElementById(x),a=l.strHasLength(P)?document.getElementById(P):null;if(a&&e){const{scrollTop:t,clientHeight:n}=e,{offsetHeight:l,offsetTop:s}=a,{top:r,bottom:o}=a.getBoundingClientRect();t>s&&(e.scrollTop=s),t+n<s+l&&(e.scrollTop=s+l-n),(r<0||o>document.documentElement.clientHeight)&&a.scrollIntoView({behavior:"smooth",block:"nearest"})}}),[P,x]),{activeOptionId:P,autocompleteId:w,composedValue:g,filteredOptions:y,handleOnBlur:k,handleOnClear:M,handleOnClick:R,handleOnChange:O,handleOnKeyDown:e=>{const{key:a}=e;if(V.has(a))switch(e.preventDefault(),a){case l.ESCAPE_KEY:h?(E(!1),v(null)):M();break;case l.ENTER_KEY:if(N){const{label:e}=N;p||C(e),n.isFunction(c)&&c(N)}else n.isFunction(u)&&u(g);E(!1),v(null);break;case l.ARROW_DOWN:{if(y.length<=0)return;E(!0);const e=T>=y.length-1?0:T+1;v(y[e]);break}case l.ARROW_UP:{if(y.length<=0)return;E(!0);const e=T<=0?y.length-1:T-1;v(y[e])}}},isControlled:p,isCustomFiltering:F,isMenuOpen:h,listboxId:x,menuId:S,optionBaseId:I,setActiveOption:v,setIsMenuOpen:E,setInternalValue:C}})({defaultValue:s,value:r,options:c,optionFilter:u,onBlur:m,onChange:p,onClear:f,onClick:C,onSelect:g,onSubmit:h}),W={role:"combobox","aria-activedescendant":y,"aria-autocomplete":"list","aria-controls":_?j:void 0,"aria-expanded":_,"aria-haspopup":"listbox","aria-owns":_?j:void 0},$=S.map(((e,a)=>{const{id:t,label:l}=e,s=o.__rest(e,["id","label"]),r=null!=t?t:`${z}-option-${a}`,i=r===y;return b.createElement(k,Object.assign({isActive:i,id:r,key:r,onClick:()=>{G(!1),U(null),B||q(l),n.isFunction(g)&&g(e)},onMouseDown:e=>{e.preventDefault()},onMouseMove:()=>{U(e)}},s),n.isFunction(E)?E(e,x):D?l:b.createElement(A,{query:x},l))}));return b.createElement(l.View,{className:v.default(l.ComponentClassNames.Autocomplete,t),id:w,testId:N},b.createElement(K,Object.assign({hasSearchButton:!1,hasSearchIcon:!0,onBlur:I,onChange:O,onClear:T,onClick:P,onKeyDown:R,ref:a,value:x},W,F)),_?b.createElement(M,Object.assign({id:j,isLoading:i,listboxId:H},d),$):null)}));Z.displayName="Autocomplete";const Y=b.forwardRef(((e,a)=>{var{className:t,children:s,variation:r,size:i}=e,d=o.__rest(e,["className","children","variation","size"]);const c=v.default(l.ComponentClassNames.Badge,t,n.classNameModifier(l.ComponentClassNames.Badge,r),n.classNameModifier(l.ComponentClassNames.Badge,i));return b.createElement(l.View,Object.assign({as:"span",className:c,"data-variation":r,"data-size":i,ref:a},d),s)}));Y.displayName="Badge";const X=b.forwardRef(((e,a)=>{var{className:t,children:n,role:s="group",size:r,variation:i}=e,d=o.__rest(e,["className","children","role","size","variation"]);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.ButtonGroup,t),role:s,ref:a},d),b.Children.map(n,(e=>b.isValidElement(e)?b.cloneElement(e,{size:r,variation:i}):e)))}));X.displayName="ButtonGroup";const Q=b.forwardRef(((e,a)=>{var{className:t,children:s,variation:r}=e,i=o.__rest(e,["className","children","variation"]);return b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.Card,n.classNameModifier(l.ComponentClassNames.Card,r),t),"data-variation":r,ref:a},i),s)}));Q.displayName="Card";const J=b.forwardRef(((e,a)=>{var{as:t="span",children:n,className:s}=e,r=o.__rest(e,["as","children","className"]);return b.createElement(l.View,Object.assign({as:t,className:v.default(l.ComponentClassNames.VisuallyHidden,s),ref:a},r),n)}));J.displayName="VisuallyHidden";const ee=b.forwardRef(((a,t)=>{var{checked:s,className:r,defaultChecked:i,hasError:d,isDisabled:c,isIndeterminate:u,label:m,labelHidden:p,labelPosition:f,onChange:C,testId:g,inputStyles:h}=a,E=o.__rest(a,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:N,rest:F}=G(E),y=void 0!==s?s:i,{dataChecked:w,dataFocus:x,onBlur:S,onChange:I,onFocus:T,setDataChecked:P}=((a,t)=>{const[l,s]=e.useState(a),[r,o]=e.useState(!1);return{dataChecked:l,dataFocus:r,onBlur:()=>{o(!1)},onChange:e=>{s(e.target.checked),n.isFunction(t)&&t(e)},onFocus:()=>{o(!0)},setDataChecked:s}})(y,C);b.useEffect((()=>{void 0!==s&&s!==w&&P(s)}),[s,w,P]);const k=L();b.useEffect((()=>{const e=document.querySelector(`[data-id="${k}"]`);e&&"boolean"==typeof u&&(e.indeterminate=u)}),[k,u]);const O=_(g,l.ComponentClassNames.CheckboxButton),M=_(g,l.ComponentClassNames.CheckboxIcon),R=_(g,l.ComponentClassNames.CheckboxLabel),B=v.default(l.ComponentClassNames.CheckboxButton,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"disabled",c),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"error",d),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"focused",x)),D=v.default(l.ComponentClassNames.CheckboxIcon,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"checked",w),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"disabled",c)),V=b.useMemo((()=>u?b.createElement(l.IconIndeterminate,{className:v.default(D,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"indeterminate",u)),"data-testid":M}):b.createElement(l.IconCheck,{className:D,"data-checked":w,"data-disabled":c,"data-testid":M})),[w,D,M,c,u]);return b.createElement(l.Flex,Object.assign({as:"label",className:v.default(l.ComponentClassNames.Checkbox,n.classNameModifierByFlag(l.ComponentClassNames.Checkbox,"disabled",c),r),"data-disabled":c,"data-label-position":f,testId:g},N),b.createElement(J,null,b.createElement(U,Object.assign({checked:s,className:l.ComponentClassNames.CheckboxInput,"data-id":k,defaultChecked:i,isDisabled:c,onBlur:S,onChange:I,onFocus:T,ref:t,type:"checkbox"},F))),m&&b.createElement(l.Text,{as:"span",className:v.default(l.ComponentClassNames.CheckboxLabel,{[l.ComponentClassNames.VisuallyHidden]:p}),"data-disabled":c,testId:R},m),b.createElement(l.Flex,Object.assign({"aria-hidden":"true",as:"span",className:B,"data-checked":w,"data-disabled":c,"data-focus":x,"data-error":d,testId:O},h),V))}));ee.displayName="Checkbox";const ae=b.forwardRef(((e,a)=>{var{className:t,errorMessage:s,hasError:r=!1,labelHidden:i=!1,labelPosition:d,testId:c,size:u}=e,m=o.__rest(e,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const p=_(c,l.ComponentClassNames.Checkbox);return b.createElement(l.Flex,{className:v.default(l.ComponentClassNames.Field,l.ComponentClassNames.CheckboxField,n.classNameModifier(l.ComponentClassNames.Field,u),t),"data-size":u,testId:c},b.createElement(ee,Object.assign({hasError:r,labelHidden:i,testId:p,labelPosition:d,ref:a},m)),b.createElement(l.FieldErrorMessage,{hasError:r,errorMessage:s}))}));ae.displayName="CheckboxField";const te=b.forwardRef(((e,a)=>{var{className:t,children:n}=e,s=o.__rest(e,["className","children"]);return b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.Grid,t),ref:a},s),n)}));te.displayName="Grid";const ne="...",le=e=>{var{type:a,page:t,currentPage:s,currentPageLabel:r=l.ComponentText.PaginationItem.currentPageLabel,isDisabled:i,onClick:d,ariaLabel:c}=e,u=o.__rest(e,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const m=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",i)),p=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",i));switch(a){case"page":return b.createElement(l.View,{as:"li"},t===s?b.createElement(l.Flex,Object.assign({"aria-current":"page",as:"button",className:l.ComponentClassNames.PaginationItemCurrent,testId:"current"},u),b.createElement(J,null,r,":"),t):b.createElement(l.Button,Object.assign({className:v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==d||d()},ariaLabel:c},u),t));case"next":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:m,size:"small",variation:"link",isDisabled:i,onClick:()=>{null==d||d()},ariaLabel:c},u),b.createElement(l.IconChevronRight,{size:"large"})));case"previous":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:p,size:"small",variation:"link",isDisabled:i,onClick:()=>{null==d||d()},ariaLabel:c},u),b.createElement(l.IconChevronLeft,{size:"large"})));case"ellipsis":return b.createElement(l.View,{as:"li"},b.createElement(l.Flex,Object.assign({as:"span",className:l.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},u),"…"))}return b.createElement(l.View,{as:"li"})};le.displayName="PaginationItem";const se=({currentPage:e,totalPages:a,hasMorePages:t,siblingCount:n,currentPageLabel:s=l.ComponentText.PaginationItem.currentPageLabel,pageLabel:r=l.ComponentText.PaginationItem.pageLabel,previousLabel:o=l.ComponentText.PaginationItem.previousLabel,nextLabel:i=l.ComponentText.PaginationItem.nextLabel,onNext:d,onPrevious:c,onChange:u})=>{const m=b.createElement(le,{type:"previous",key:"previous",currentPage:e,onClick:c,isDisabled:e<=1,ariaLabel:o}),p=b.createElement(le,{type:"next",key:"next",currentPage:e,onClick:d,isDisabled:e>=a&&!t,ariaLabel:i}),f=((e,a,t=1)=>b.useMemo((()=>{const n=Math.max(e,1),s=Math.max(t,1),r=Math.max(n,a),o=r;if(r<5+2*s)return l.getConsecutiveIntArray(1,r);const i=Math.max(n-s,1),d=Math.min(n+s,o),c=i>2,u=d<o-1;if(c&&!u){const e=3+2*s,a=l.getConsecutiveIntArray(o-e+1,o);return[1,ne,...a]}if(!c&&u){const e=3+2*s;return[...l.getConsecutiveIntArray(1,e),ne,o]}const m=l.getConsecutiveIntArray(i,d);return[1,ne,...m,ne,o]}),[e,a,t]))(e,a,n);return[m,...b.useMemo((()=>f.map(((a,t)=>a===ne?b.createElement(le,{type:"ellipsis",key:1===t?"start-ellipsis":"end-ellipsis"}):b.createElement(le,{key:a,type:"page",page:a,currentPage:e,currentPageLabel:s,onClick:()=>null==u?void 0:u(a,e),ariaLabel:`${r} ${a}`})))),[f,e,s,r,u]),p]},re=b.forwardRef(((e,a)=>{var{className:t,currentPage:n=1,totalPages:s,hasMorePages:r=!1,siblingCount:i,currentPageLabel:d,pageLabel:c,previousLabel:u,nextLabel:m,onNext:p,onPrevious:f,onChange:C}=e,g=o.__rest(e,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const h=se({currentPage:n,totalPages:s,hasMorePages:r,siblingCount:i,currentPageLabel:d,pageLabel:c,previousLabel:u,nextLabel:m,onNext:p,onPrevious:f,onChange:C});return b.createElement(l.View,Object.assign({as:"nav",className:v.default(l.ComponentClassNames.Pagination,t),ref:a},g),b.createElement(l.Flex,{as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},h))}));re.displayName="Pagination";const oe=e=>{const{currentPage:a=1,totalPages:t,hasMorePages:n=!1,siblingCount:l=1}=e,s=Math.max(a,1),r=Math.max(s,t),[o,i]=b.useState(s);b.useEffect((()=>{i(s)}),[s,r]);const d=b.useCallback((()=>{o<r&&i(o+1)}),[o,r]),c=b.useCallback((()=>{o>1&&i(o-1)}),[o]),u=b.useCallback((e=>{"number"==typeof e&&i(e)}),[]);return{currentPage:o,hasMorePages:n,onChange:u,onNext:d,onPrevious:c,siblingCount:Math.max(l,1),totalPages:r}},ie=(e,a)=>l.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>ie(e,a))),de=(e,a)=>Math.ceil(e/a),ce=10,ue=e=>{var{children:a,direction:t="column",items:n}=e,s=o.__rest(e,["children","direction","items"]);return b.createElement(l.Flex,Object.assign({direction:t},s),Array.isArray(n)?n.map(a):null)},me=e=>{var{children:a,items:t}=e,n=o.__rest(e,["children","items"]);return b.createElement(te,Object.assign({},n),Array.isArray(t)?t.map(a):null)},pe=e=>{var{className:a,isSearchable:t,isPaginated:n,items:s,itemsPerPage:r=ce,searchFilter:i=ie,searchLabel:d=l.ComponentText.Collection.searchButtonLabel,searchNoResultsFound:c,searchPlaceholder:u,type:m="list",testId:p}=e,f=o.__rest(e,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[C,g]=b.useState(),h=b.useCallback(F.default(g,300),[g]);s=Array.isArray(s)?s:[],t&&l.strHasLength(C)&&(s=s.filter((e=>i(e,C))));const E=oe({totalPages:de(s.length,r)});n&&(s=((e,a,t)=>{if(a<1||t<1)return[];const n=(a-1)*t;return e.slice(n,n+t)})(s,E.currentPage,r));const N="list"===m?b.createElement(ue,Object.assign({className:l.ComponentClassNames.CollectionItems,items:s},f)):"grid"===m?b.createElement(me,Object.assign({className:l.ComponentClassNames.CollectionItems,items:s},f)):null;return b.createElement(l.Flex,{testId:p,className:v.default(l.ComponentClassNames.Collection,a)},t?b.createElement(l.Flex,{className:l.ComponentClassNames.CollectionSearch},b.createElement(K,{label:d,placeholder:u,onChange:e=>h(e.target.value),onClear:()=>g("")})):null,((e,a,t)=>a.length?e:t||b.createElement(l.Flex,{justifyContent:"center"},b.createElement(l.Text,null,l.ComponentText.Collection.searchNoResultsFound)))(N,s,c),n?b.createElement(l.Flex,{className:l.ComponentClassNames.CollectionPagination},b.createElement(re,Object.assign({},E))):null)};pe.displayName="Collection";const fe=b.forwardRef(((e,a)=>{var{className:t,orientation:s="horizontal",size:r,label:i}=e,d=o.__rest(e,["className","orientation","size","label"]);const c=v.default(l.ComponentClassNames.Divider,n.classNameModifier(l.ComponentClassNames.Divider,s),n.classNameModifier(l.ComponentClassNames.Divider,r),i?l.ComponentClassNames.DividerLabel:null,t);return b.createElement(l.View,Object.assign({"aria-orientation":s,as:"hr",className:c,"data-size":r,"data-label":i,ref:a},d))}));fe.displayName="Divider";const Ce=({message:e,shouldWarn:a})=>{const t=a&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV);s.useDeprecationWarning({message:e,shouldWarn:t})},{Root:ge}=n.sanitizeNamespaceImport(y),he=b.forwardRef(((e,a)=>{var{children:t,className:n,defaultValue:s,isCollapsible:r,onChange:i,onValueChange:d,testId:c,type:u="single",value:m}=e,p=o.__rest(e,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:f}=G(p),C=null!=d?d:i;Ce({shouldWarn:!!i,message:"Expander `onChange` prop will be deprecated in the next major release of @aws-amplify/ui-react. Please replace usage with `onValueChange`."});return"multiple"===u?b.createElement(ge,Object.assign({className:v.default(l.ComponentClassNames.Expander,n),"data-testid":c,defaultValue:s,onValueChange:C,ref:a,type:u,value:m},f),t):b.createElement(ge,Object.assign({className:v.default(l.ComponentClassNames.Expander,n),collapsible:r,"data-testid":c,defaultValue:s,onValueChange:C,ref:a,type:u,value:m},f),t)}));he.displayName="Expander";const{Item:be,Header:Ee,Trigger:Ne,Content:ve}=n.sanitizeNamespaceImport(y),Fe=b.forwardRef(((e,a)=>{var{children:t,className:n,title:s,value:r}=e,i=o.__rest(e,["children","className","title","value"]);const d=L(),c=L(),{rest:u}=G(i);return b.createElement(be,Object.assign({className:v.default(l.ComponentClassNames.ExpanderItem,n),"data-testid":"expander-item",ref:a,value:r},u),b.createElement(Ee,{className:l.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},b.createElement(Ne,{"aria-controls":c,className:l.ComponentClassNames.ExpanderTrigger,id:d},s,b.createElement(l.IconExpandMore,{"aria-hidden":!0,className:l.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"}))),b.createElement(ve,{"aria-labelledby":d,className:l.ComponentClassNames.ExpanderContent,id:c},b.createElement(l.View,{className:l.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},t)))}));Fe.displayName="ExpanderItem";const ye={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},we=b.forwardRef(((e,a)=>{var{className:t,children:s,isTruncated:r,level:i=6}=e,d=o.__rest(e,["className","children","isTruncated","level"]);return b.createElement(l.View,Object.assign({as:ye[i],className:v.default(l.ComponentClassNames.Heading,n.classNameModifier(l.ComponentClassNames.Heading,i),n.classNameModifierByFlag(l.ComponentClassNames.Heading,"truncated",r),t),ref:a},d),s)}));we.displayName="Heading";const xe={minX:0,minY:0,width:24,height:24},Se=b.forwardRef(((e,a)=>{var{className:t,as:n="svg",fill:s="currentColor",pathData:r,viewBox:i=xe,children:d,paths:c}=e,u=o.__rest(e,["className","as","fill","pathData","viewBox","children","paths"]);const m=i.minX?i.minX:xe.minX,p=i.minY?i.minY:xe.minY,f=i.width?i.width:xe.width,C=i.height?i.height:xe.height;let g;return d&&(g=d),c&&(g=c.map(((e,a)=>b.createElement("path",Object.assign({},e,{key:a}))))),r&&(g=b.createElement("path",{d:r,fill:s})),b.createElement(l.View,Object.assign({as:n,className:v.default(l.ComponentClassNames.Icon,t),ref:a,viewBox:`${m} ${p} ${f} ${C}`},u),g)}));Se.displayName="Icon";const Ie=b.forwardRef(((e,a)=>{var{className:t}=e,n=o.__rest(e,["className"]);return b.createElement(l.View,Object.assign({as:"img",ref:a,className:v.default(l.ComponentClassNames.Image,t)},n))}));Ie.displayName="Image";const Te=b.forwardRef(((e,a)=>{var{as:t="a",children:n,className:s,isExternal:r}=e,i=o.__rest(e,["as","children","className","isExternal"]);return b.createElement(l.View,Object.assign({as:t,className:v.default(l.ComponentClassNames.Link,s),ref:a,rel:r?"noopener noreferrer":void 0,target:r?"_blank":void 0},i),n)}));Te.displayName="Link";const Pe=b.forwardRef(((e,a)=>{var{ariaLabel:t,className:s,children:r,isFullWidth:i=!1,isDisabled:d,isLoading:c,size:u,style:m,type:p="button",variation:f,testId:C}=e,g=o.__rest(e,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","size","style","type","variation","testId"]);const{propStyles:h,nonStyleProps:E}=l.useStyles(g,m),N=v.default(l.ComponentClassNames.Button,n.classNameModifier(l.ComponentClassNames.Button,u),n.classNameModifier(l.ComponentClassNames.Button,f),s);return b.createElement(l.Button,Object.assign({ref:a,className:N,"data-fullwidth":i,"data-loading":c,"data-size":u,"data-variation":f,disabled:null!=d?d:c,type:p,"data-testid":C,"aria-label":t,style:h},E),r)}));Pe.displayName="MenuButton";const{DropdownMenu:ke,DropdownMenuTrigger:Oe,DropdownMenuContent:Me}=n.sanitizeNamespaceImport(w),Re=b.forwardRef(((e,a)=>{var{menuAlign:t="start",children:n,className:s,isOpen:r,size:i,trigger:d,triggerClassName:c,ariaLabel:u,onOpenChange:m}=e,p=o.__rest(e,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return b.createElement(ke,{onOpenChange:m,open:r},b.createElement(Oe,{asChild:!0},null!=d?d:b.createElement(Pe,{ariaLabel:u,size:i,testId:"amplify-menu-trigger-test-id",className:v.default(l.ComponentClassNames.MenuTrigger,c)},b.createElement(l.IconMenu,{size:i}))),b.createElement(Me,{align:t,className:l.ComponentClassNames.MenuContentWrapper},b.createElement(X,Object.assign({className:v.default(l.ComponentClassNames.MenuContent,s),ref:a,size:i,testId:"amplify-menu-items-group-test-id"},p),n)))}));Re.displayName="Menu";const{DropdownMenuItem:Be}=n.sanitizeNamespaceImport(w),De=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(Be,{asChild:!0,ref:a},b.createElement(Pe,Object.assign({className:v.default(l.ComponentClassNames.MenuItem,n),testId:"amplify-menu-item-test-id"},s,{variation:"menu"}),t))}));De.displayName="MenuItem";const{passwordIsHidden:Le,passwordIsShown:Ve,showPassword:_e}=l.ComponentText.PasswordField,Ae=b.forwardRef(((e,a)=>{var{fieldType:t,passwordIsHiddenLabel:s=Le,passwordIsShownLabel:r=Ve,showPasswordButtonLabel:i=_e,size:d,hasError:c}=e,u=o.__rest(e,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const m=v.default(l.ComponentClassNames.FieldShowPassword,n.classNameModifierByFlag(l.ComponentClassNames.FieldShowPassword,"error",c));return b.createElement(l.Button,Object.assign({"aria-checked":"password"!==t,ariaLabel:i,className:m,ref:a,role:"switch",size:d},u),b.createElement(J,{"aria-live":"polite"},"password"===t?s:r),"password"===t?b.createElement(l.IconVisibility,{size:d}):b.createElement(l.IconVisibilityOff,{size:d}))}));Ae.displayName="ShowPasswordButton";const He=b.forwardRef(((e,a)=>{var{autoComplete:t="current-password",label:n,className:s,hideShowPassword:r=!1,passwordIsHiddenLabel:i,passwordIsShownLabel:d,showPasswordButtonLabel:c,showPasswordButtonRef:u,size:m,hasError:p}=e,f=o.__rest(e,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size","hasError"]);const[C,g]=b.useState("password"),h=b.useCallback((()=>{g("password"===C?"text":"password")}),[g,C]);return b.createElement(q,Object.assign({autoComplete:t,outerEndComponent:r?null:b.createElement(Ae,{fieldType:C,onClick:h,passwordIsHiddenLabel:i,passwordIsShownLabel:d,ref:u,size:m,showPasswordButtonLabel:c,hasError:p}),size:m,type:C,label:n,className:v.default(l.ComponentClassNames.PasswordField,s),ref:a,hasError:p},f))}));He.displayName="PasswordField";const je=b.forwardRef(((e,a)=>{var{autoComplete:t,className:s,size:r,variation:i,value:d,defaultValue:c,hasError:u,icon:m=b.createElement(l.IconExpandMore,null),iconColor:p,children:f,placeholder:C,isDisabled:g,isRequired:h}=e,E=o.__rest(e,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const N=void 0===d&&void 0===c&&C,F=v.default(l.ComponentClassNames.Select,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Select,r),n.classNameModifier(l.ComponentClassNames.Select,i),n.classNameModifierByFlag(l.ComponentClassNames.Select,"error",u),s);return b.createElement(l.View,{className:l.ComponentClassNames.SelectWrapper},b.createElement(l.View,Object.assign({"aria-invalid":u,as:"select",autoComplete:t,value:d,defaultValue:N?"":c,isDisabled:g,required:h,"data-size":r,"data-variation":i,className:F,ref:a},E),C&&b.createElement("option",{value:""},C),f),b.createElement(l.Flex,{className:l.ComponentClassNames.SelectIconWrapper,color:p},m))}));je.displayName="Select";const ze=b.forwardRef(((e,a)=>{const{children:t,className:s,descriptiveText:r,errorMessage:i,hasError:d=!1,id:c,label:u,labelHidden:m=!1,options:p,size:f,testId:C,inputStyles:g}=e,h=o.__rest(e,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),E=L(c),N=L(),F=r?N:void 0,{styleProps:y,rest:w}=G(h);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,f),l.ComponentClassNames.SelectField,s),"data-size":f,testId:C},y),b.createElement(l.Label,{htmlFor:E,visuallyHidden:m},u),b.createElement(l.FieldDescription,{id:N,labelHidden:m,descriptiveText:r}),b.createElement(je,Object.assign({"aria-describedby":F,hasError:d,id:E,ref:a,size:f},w,g),(({children:e,options:a})=>e?((null==a?void 0:a.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==a?void 0:a.map(((e,a)=>b.createElement("option",{label:e,value:e,key:`${e}-${a}`},e))))({children:t,options:p})),b.createElement(l.FieldErrorMessage,{hasError:d,errorMessage:i}))}));ze.displayName="SelectField";const Ue=b.forwardRef(((e,a)=>{var{className:t,dialCodeList:s,isReadOnly:r}=e,i=o.__rest(e,["className","dialCodeList","isReadOnly"]);const d=null!=s?s:n.countryDialCodes,c=b.useMemo((()=>d.map((e=>b.createElement("option",{key:e,value:e,disabled:r},e)))),[d,r]);return b.createElement(ze,Object.assign({"aria-disabled":r,autoComplete:"tel-country-code",className:v.default(l.ComponentClassNames.CountryCodeSelect,l.ComponentClassNames.DialCodeSelect,t),labelHidden:!0,ref:a},i),c)}));Ue.displayName="CountryCodeSelect";const Ge=b.forwardRef(((e,a)=>{var{autoComplete:t="tel-national",className:n,countryCodeName:s,countryCodeLabel:r=l.ComponentText.PhoneNumberField.countryCodeLabel,countryCodeRef:i,defaultCountryCode:d,defaultDialCode:c,dialCodeLabel:u=l.ComponentText.PhoneNumberField.countryCodeLabel,dialCodeList:m,dialCodeName:p,dialCodeRef:f,hasError:C,isDisabled:g,isReadOnly:h,onCountryCodeChange:E,onDialCodeChange:N,onInput:F,size:y,variation:w}=e,x=o.__rest(e,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","variation"]);const S=null!=p?p:s,I=null!=u?u:r,T=null!=c?c:d,P=null!=N?N:E,k=null!=f?f:i;return b.createElement(q,Object.assign({outerStartComponent:b.createElement(Ue,{defaultValue:T,dialCodeList:m,className:n,hasError:C,isDisabled:g,isReadOnly:h,label:I,name:S,onChange:P,ref:k,size:y,variation:w}),autoComplete:t,className:v.default(l.ComponentClassNames.PhoneNumberField,n),hasError:C,isDisabled:g,isReadOnly:h,onInput:F,ref:a,size:y,type:"tel",variation:w},x))}));Ge.displayName="PhoneNumberField";const qe=b.forwardRef(((e,a)=>{var{className:t,children:s,isLoaded:r,size:i}=e,d=o.__rest(e,["className","children","isLoaded","size"]);return r?b.createElement(b.Fragment,null,s):b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.Placeholder,n.classNameModifier(l.ComponentClassNames.Placeholder,i),t),"data-size":i,ref:a},d))}));qe.displayName="Placeholder";const We=E.default.createContext({name:"default"}),$e=b.forwardRef(((a,t)=>{var{children:s,className:r,id:i,isDisabled:d,testId:c,value:u,labelPosition:m,height:p,width:f,bottom:C,left:g,position:h,padding:E,right:N,top:F}=a,y=o.__rest(a,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:w,defaultValue:x,name:S,hasError:I,isGroupDisabled:T,isRequired:P,isReadOnly:k,onChange:O,size:M,labelPosition:R}=e.useContext(We),B=T||d||k&&x!==u,D=void 0!==w?u===w:void 0,L=void 0!==x?u===x:void 0,V=m||R;return b.createElement(l.Flex,{as:"label",className:v.default(l.ComponentClassNames.Radio,n.classNameModifierByFlag(l.ComponentClassNames.Radio,"disabled",B),r),"data-disabled":B,"data-label-position":V,height:p,width:f,bottom:C,top:F,right:N,left:g,position:h,padding:E},s&&b.createElement(l.Text,{as:"span",className:l.ComponentClassNames.RadioLabel,"data-disabled":B},s),b.createElement(U,Object.assign({checked:D,className:v.default(l.ComponentClassNames.VisuallyHidden,l.ComponentClassNames.RadioInput),defaultChecked:L,hasError:I,id:i,isDisabled:B,isReadOnly:k,isRequired:P,onChange:O,ref:t,type:"radio",name:S,value:u},y)),b.createElement(l.Flex,{"aria-hidden":"true",as:"span",className:v.default(l.ComponentClassNames.RadioButton,n.classNameModifier(l.ComponentClassNames.RadioButton,M)),"data-size":M,testId:c}))}));$e.displayName="Radio";const Ke=b.forwardRef(((e,a)=>{var{children:t,className:s,defaultValue:r,descriptiveText:i,errorMessage:d,hasError:c=!1,id:u,isDisabled:m,isRequired:p,isReadOnly:f,label:C,labelHidden:g=!1,labelPosition:h,onChange:E,name:N,size:F,testId:y,value:w}=e,x=o.__rest(e,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","testId","value"]);const S=L(u),I=L(),T=i?I:void 0,P=_(y,l.ComponentClassNames.RadioGroup),k=b.useMemo((()=>({currentValue:w,defaultValue:r,hasError:c,isRequired:p,isReadOnly:f,isGroupDisabled:m,onChange:E,size:F,name:N,labelPosition:h})),[r,c,m,p,f,E,F,N,w,h]);return b.createElement(l.Flex,Object.assign({as:"fieldset",className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,F),l.ComponentClassNames.RadioGroupField,s),"data-size":F,ref:a,role:"radiogroup",testId:y},x),b.createElement(J,{as:"legend"},C),b.createElement(l.Label,{"aria-hidden":!0,visuallyHidden:g},C),b.createElement(l.FieldDescription,{id:I,labelHidden:g,descriptiveText:i}),b.createElement(l.Flex,{"aria-describedby":T,className:l.ComponentClassNames.RadioGroup,id:S,testId:P},b.createElement(We.Provider,{value:k},t)),b.createElement(l.FieldErrorMessage,{hasError:c,errorMessage:d}))}));Ke.displayName="RadioGroupField";const Ze=({icon:e,fill:a,className:t})=>b.createElement(l.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(l.View,{as:"span",className:v.default(t),color:a},e));Ze.displayName="RatingIcon";const Ye=({emptyColor:e,emptyIcon:a,fillColor:t,fillIcon:n,value:s})=>{const r=s%1*100+"%";return b.createElement(l.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(l.View,{as:"span",className:"amplify-rating-label"},b.createElement(l.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-empty"),color:e},a)),b.createElement(l.View,{as:"span",className:"amplify-rating-label",width:r},b.createElement(l.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-filled"),color:t},n)))};Ye.displayName="RatingMixedIcon";const Xe=5,Qe=0,Je=b.forwardRef(((e,a)=>{var{className:t,emptyColor:s,emptyIcon:r,fillColor:i,icon:d=b.createElement(l.IconStar,null),maxValue:c=Xe,size:u,value:m=Qe}=e,p=o.__rest(e,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const f=new Array(Math.ceil(c)).fill(1).map(((e,a)=>{const t=a+1;return((e,a)=>e<=a)(t,m)?b.createElement(Ze,{key:a.toString(),icon:d,fill:i,className:"amplify-rating-icon-filled"}):((e,a)=>e-1>=a)(t,m)?b.createElement(Ze,{key:a.toString(),icon:null!=r?r:d,fill:s,className:"amplify-rating-icon-empty"}):((e,a)=>e>a&&e-1<a)(t,m)?b.createElement(Ye,{key:a.toString(),fillIcon:d,emptyIcon:null!=r?r:d,value:m,fillColor:i,emptyColor:s}):void 0}));return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Rating,n.classNameModifier(l.ComponentClassNames.Rating,u),t),"data-size":u,ref:a},p),f,b.createElement(J,null,m," out of ",c," rating"))}));Je.displayName="Rating";const{Range:ea,Root:aa,Thumb:ta,Track:na}=n.sanitizeNamespaceImport(x),la=b.forwardRef(((e,a)=>{var{ariaValuetext:t,className:s,defaultValue:r=0,descriptiveText:i,emptyTrackColor:d,errorMessage:c,filledTrackColor:u,formatValue:m,hasError:p=!1,id:f,isDisabled:C,isValueHidden:g=!1,label:h,labelHidden:E=!1,onChange:N,orientation:F="horizontal",outerEndComponent:y,outerStartComponent:w,testId:x,thumbColor:S,trackSize:I,value:T,size:P}=e,k=o.__rest(e,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","value","size"]);const O=L(f),M=L(),R=L(),B=i?R:void 0,{styleProps:D,rest:V}=G(k),_=void 0!==T,[A,H]=b.useState(_?T:r),j=_?[T]:void 0,U=_?void 0:[r],q=b.useCallback((e=>{H(e[0]),n.isFunction(N)&&N(e[0])}),[N]),W=b.useMemo((()=>{const e=n.isFunction(m)?m(A):A;return"string"==typeof m?b.createElement(l.View,{as:"span"},e):e}),[A,m]),$="vertical"===F,K=v.default(l.ComponentClassNames.SliderFieldTrack,n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,F),n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,P)),Z=v.default(l.ComponentClassNames.SliderFieldRoot,n.classNameModifier(l.ComponentClassNames.SliderFieldRoot,F),n.classNameModifier(l.ComponentClassNames.SliderFieldRoot,P),s);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,P),l.ComponentClassNames.SliderField),testId:x,"data-size":P},D),b.createElement(l.Label,{className:l.ComponentClassNames.SliderFieldLabel,id:M,testId:"slider-label",visuallyHidden:E},b.createElement(l.View,{as:"span"},h),g?null:W),b.createElement(l.FieldDescription,{id:R,labelHidden:E,descriptiveText:i}),b.createElement(z,{className:l.ComponentClassNames.SliderFieldGroup,id:O,orientation:F,outerStartComponent:w,outerEndComponent:y},b.createElement(aa,Object.assign({className:Z,"data-testid":"slider-root",disabled:C,defaultValue:U,onValueChange:q,orientation:F,ref:a,value:j},V),b.createElement(na,{className:K,"data-testid":"slider-track",style:{backgroundColor:String(d),[""+($?"width":"height")]:I}},b.createElement(ea,{className:v.default(l.ComponentClassNames.SliderFieldRange,n.classNameModifier(l.ComponentClassNames.SliderFieldRange,F)),"data-testid":"slider-range",style:{backgroundColor:String(u)}})),b.createElement(ta,{"aria-describedby":B,"aria-labelledby":M,"aria-valuetext":t,className:v.default(l.ComponentClassNames.SliderFieldThumb,n.classNameModifier(l.ComponentClassNames.SliderFieldThumb,P)),style:{backgroundColor:String(S)}}))),b.createElement(l.FieldErrorMessage,{hasError:p,errorMessage:c}))}));la.displayName="SliderField";const sa=({max:e,min:a,step:t,value:n})=>{const l=(n-a)%t;return n=n-l+Math.round(l/t)*t,(n=Math.max(a,n))>e&&(n=e-(e-a)%t),n},ra=b.forwardRef(((e,a)=>{const{className:t,defaultValue:s,descriptiveText:r,errorMessage:i,hasError:d=!1,id:c,inputStyles:u,isDisabled:m,isReadOnly:p,isRequired:f,increaseButtonLabel:C=l.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:g=l.ComponentText.StepperField.decreaseButtonLabel,label:h,labelHidden:E=!1,onStepChange:N,size:F,testId:y,value:w,variation:x}=e,S=o.__rest(e,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),I=L(c),T=L(),P=r?T:void 0,{styleProps:k,rest:O}=G(S),{step:M,value:R,inputValue:B,handleDecrease:D,handleIncrease:V,handleOnBlur:_,handleOnChange:A,handleOnWheel:H,setInputValue:j,shouldDisableDecreaseButton:q,shouldDisableIncreaseButton:W}=(({defaultValue:e=0,value:a,step:t=1,max:l=Number.MAX_SAFE_INTEGER,min:s=Number.MIN_SAFE_INTEGER,isDisabled:r,isReadOnly:o,onChange:i,onDecrease:d,onIncrease:c,onStepChange:u})=>{var m,p;const f=void 0!==a;l=Math.max(s,l);const[C,g]=b.useState((()=>sa({min:s,max:l,step:t,value:e}))),h=f?sa({min:s,max:l,step:t,value:a}):C,E=null!==(m=null!=r?r:o)&&void 0!==m?m:h+t>l,N=null!==(p=null!=r?r:o)&&void 0!==p?p:h-t<s,[v,F]=b.useState(h),y=b.useCallback((e=>{F(e.target.value),n.isFunction(i)&&i(e)}),[i]),w=b.useCallback((e=>{const a=parseFloat(e.target.value);if(isNaN(a))return;const r=sa({min:s,max:l,step:t,value:a});f||g(r),n.isFunction(u)&&u(r),F(r)}),[s,l,t,f,u]),x=b.useCallback((()=>{f||g(h+t),n.isFunction(u)&&u(h+t),n.isFunction(c)&&c(),F(h+t)}),[t,h,f,c,u]),S=b.useCallback((()=>{f||g(h-t),n.isFunction(u)&&u(h-t),n.isFunction(d)&&d(),F(h-t)}),[t,h,f,d,u]),I=b.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:t,value:h,inputValue:v,handleDecrease:S,handleIncrease:x,handleOnBlur:w,handleOnChange:y,handleOnWheel:I,setInputValue:F,shouldDisableDecreaseButton:N,shouldDisableIncreaseButton:E}})(Object.assign(Object.assign({},e),{defaultValue:s,onStepChange:N}));return b.useEffect((()=>{void 0!==w&&j(w)}),[w,j]),b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,F),l.ComponentClassNames.StepperField,t),"data-size":F,"data-variation":x,testId:y},k),b.createElement(l.Label,{htmlFor:I,visuallyHidden:E},h),b.createElement(l.FieldDescription,{id:T,labelHidden:E,descriptiveText:r}),b.createElement(z,{outerStartComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":I,ariaLabel:`${g} ${R-M}`,className:v.default(l.ComponentClassNames.StepperFieldButtonDecrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonDecrease,x),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonDecrease,"disabled",q)),"data-invalid":d,isDisabled:q,onClick:D,size:F},b.createElement(l.IconRemove,{"data-testid":"decrease-icon"})),outerEndComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":I,ariaLabel:`${C} ${R+M}`,className:v.default(l.ComponentClassNames.StepperFieldButtonIncrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonIncrease,x),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonIncrease,"disabled",W)),"data-invalid":d,isDisabled:W,onClick:V,size:F},b.createElement(l.IconAdd,{"data-testid":"increase-icon"}))},b.createElement(U,Object.assign({"aria-describedby":P,className:l.ComponentClassNames.StepperFieldInput,hasError:d,id:I,isDisabled:m,isReadOnly:p,isRequired:f,onBlur:_,onChange:A,onWheel:H,ref:a,size:F,variation:x,type:"number",value:B},u,O))),b.createElement(l.FieldErrorMessage,{hasError:d,errorMessage:i}))}));ra.displayName="StepperField";const oa=b.forwardRef(((a,t)=>{var{className:s,defaultChecked:r,id:i,isChecked:d,isDisabled:c,isLabelHidden:u,label:m,labelPosition:p,name:f,onChange:C,size:g,thumbColor:h,trackCheckedColor:E,trackColor:N,value:F,hasError:y,errorMessage:w}=a,x=o.__rest(a,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value","hasError","errorMessage"]);const{isOn:S,changeHandler:I,isFocused:T,setIsFocused:P}=(a=>{const{onChange:t,isChecked:l,defaultChecked:s,isDisabled:r}=a,o=void 0!==l,[i,d]=e.useState(o?l:!!s),[c,u]=e.useState(!1),m=e.useCallback((e=>{r?e.preventDefault():(n.isFunction(t)&&t(e),d(e.target.checked))}),[t,r]);return o&&i!==l&&d(l),{isOn:i,changeHandler:m,isFocused:c,setIsFocused:u}})({onChange:C,isChecked:d,defaultChecked:r,isDisabled:c}),k=L(i),O=u?J:l.View,M=v.default(l.ComponentClassNames.SwitchTrack,n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"disabled",c),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"focused",T),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"error",y)),R=v.default(l.ComponentClassNames.SwitchThumb,n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"disabled",c));return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.SwitchField,n.classNameModifier(l.ComponentClassNames.SwitchField,g),s),"data-size":g,"data-label-position":p,ref:t},x),b.createElement(J,null,b.createElement(U,{role:"switch",type:"checkbox",id:k,onChange:I,disabled:c,name:f,checked:S,value:F,onFocus:()=>{P(!0)},onBlur:()=>{P(!1)}})),b.createElement(l.Label,{htmlFor:k,className:v.default(l.ComponentClassNames.SwitchWrapper,n.classNameModifier(l.ComponentClassNames.SwitchWrapper,p)),"data-label-position":p},b.createElement(O,{as:"span",className:l.ComponentClassNames.SwitchLabel},m),b.createElement(l.View,{as:"span",className:M,"data-checked":S,"data-disabled":c,"data-focused":T,backgroundColor:S?E:N},b.createElement(l.View,{as:"span",className:R,"data-checked":S,"data-disabled":c,backgroundColor:h}))),b.createElement(l.FieldErrorMessage,{hasError:y,errorMessage:w}))}));oa.displayName="SwitchField";const ia=b.forwardRef(((e,a)=>{var{caption:t,children:s,className:r,highlightOnHover:i=!1,size:d,variation:c}=e,u=o.__rest(e,["caption","children","className","highlightOnHover","size","variation"]);const m=v.default(l.ComponentClassNames.Table,n.classNameModifier(l.ComponentClassNames.Table,d),n.classNameModifier(l.ComponentClassNames.Table,c),r);return b.createElement(l.View,Object.assign({as:"table",className:m,"data-highlightonhover":i,"data-size":d,"data-variation":c,ref:a},u),t&&b.createElement(l.View,{as:"caption",className:l.ComponentClassNames.TableCaption},t),s)}));ia.displayName="Table";const da=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"tbody",className:v.default(l.ComponentClassNames.TableBody,n),ref:a},s),t)}));da.displayName="TableBody";const ca=b.forwardRef(((e,a)=>{var{as:t="td",children:n,className:s}=e,r=o.__rest(e,["as","children","className"]);return b.createElement(l.View,Object.assign({as:t,className:v.default("td"===t?l.ComponentClassNames.TableTd:l.ComponentClassNames.TableTh,s),ref:a},r),n)}));ca.displayName="TableCell";const ua=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"tfoot",className:v.default(l.ComponentClassNames.TableFoot,n),ref:a},s),t)}));ua.displayName="TableFoot";const ma=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"thead",className:v.default(l.ComponentClassNames.TableHead,n),ref:a},s),t)}));ma.displayName="TableHead";const pa=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.View,Object.assign({as:"tr",className:v.default(l.ComponentClassNames.TableRow,n),ref:a},s),t)}));pa.displayName="TableRow";const{Root:fa,List:Ca,Trigger:ga,Content:ha}=n.sanitizeNamespaceImport(S),ba=e=>b.isValidElement(e),Ea=b.forwardRef(((e,a)=>{var{ariaLabel:t,children:n,className:s,defaultIndex:r=0,currentIndex:i,onChange:d,indicatorPosition:c,spacing:u}=e,m=o.__rest(e,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const p={defaultValue:r.toString(),value:null!=i?i.toString():void 0,onValueChange:d},f=b.Children.toArray(n).filter((e=>!!e));return b.createElement(fa,Object.assign({},p),b.createElement(Ca,{"aria-label":t},b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Tabs,s),"data-indicator-position":c,ref:a},m),b.Children.map(f,((e,a)=>{if(ba(e))return b.cloneElement(e,{"data-spacing":u,key:a,value:`${a}`})})))),b.Children.map(f,((e,a)=>{if(ba(e))return b.createElement(ha,{key:a,value:`${a}`},e.props.children)})))})),Na=b.forwardRef(((e,a)=>{var{className:t,title:n}=e,s=o.__rest(e,["className","title"]);return b.createElement(l.View,Object.assign({as:ga,className:v.default(l.ComponentClassNames.TabItems,t),ref:a},s),n)}));Ea.displayName="Tabs",Na.displayName="TabItem";const va=b.forwardRef(((e,a)=>{var{className:t,isReadOnly:s,isRequired:r,size:i,hasError:d=!1,variation:c}=e,u=o.__rest(e,["className","isReadOnly","isRequired","size","hasError","variation"]);const m=v.default(l.ComponentClassNames.Textarea,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Textarea,c),n.classNameModifier(l.ComponentClassNames.Textarea,i),n.classNameModifierByFlag(l.ComponentClassNames.Textarea,"error",d),t);return b.createElement(l.View,Object.assign({"aria-invalid":d,as:"textarea",className:m,"data-size":i,"data-variation":c,readOnly:s,ref:a,required:r},u))}));va.displayName="TextArea";const Fa=b.forwardRef(((e,a)=>{const{className:t,descriptiveText:s,errorMessage:r,hasError:i=!1,id:d,label:c,labelHidden:u=!1,rows:m,size:p,testId:f,inputStyles:C,resize:g}=e,h=o.__rest(e,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),E=L(d),N=L(),F=s?N:void 0,{styleProps:y,rest:w}=G(h);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,p),l.ComponentClassNames.TextAreaField,t),"data-size":p,testId:f},y),b.createElement(l.Label,{htmlFor:E,visuallyHidden:u},c),b.createElement(l.FieldDescription,{id:N,labelHidden:u,descriptiveText:s}),b.createElement(va,Object.assign({"aria-describedby":F,hasError:i,id:E,ref:a,rows:null!=m?m:3,size:p,resize:g},w,C)),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));Fa.displayName="TextAreaField";const ya=b.forwardRef(((e,a)=>{var{className:t,children:s,defaultPressed:r=!1,isDisabled:i,isPressed:d,onChange:c,onClick:u,size:m,value:p,variation:f}=e,C=o.__rest(e,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:g,handleClick:h}=(({isPressed:e,defaultPressed:a,onClick:t,onChange:l,value:s})=>{const r=void 0!==e,[o,i]=b.useState(a);return{isPressed:e=r?e:o,handleClick:b.useCallback((e=>{n.isFunction(t)&&t(e),r||i(!o),r&&n.isFunction(l)&&l(s)}),[r,t,l,o,s])}})({isPressed:d,defaultPressed:r,onChange:c,onClick:u,value:p}),E=v.default(l.ComponentClassNames.ToggleButton,n.classNameModifier(l.ComponentClassNames.ToggleButton,f),n.classNameModifierByFlag(l.ComponentClassNames.ToggleButton,"pressed",g),t);return b.createElement(l.Button,Object.assign({"aria-pressed":g,className:E,isDisabled:i,onClick:h,ref:a,size:m,type:"button",variation:f},C),s)}));ya.displayName="ToggleButton";const wa=b.forwardRef(((e,a)=>{var{children:t,className:s,isExclusive:r,isSelectionRequired:i,onChange:d,size:c,value:u,variation:m}=e,p=o.__rest(e,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const f=(({onChange:e,value:a,isExclusive:t=!1,isSelectionRequired:l=!1})=>{const s=b.useCallback((t=>{if(!n.isFunction(e)||!Array.isArray(a))return;const s=n.isString(t)?a.indexOf(t):-1;let r;s>=0?(r=[...a],(!l||r.length>1)&&r.splice(s,1)):r=[...a,t],e(r)}),[e,a,l]),r=b.useCallback((t=>{n.isFunction(e)&&e(a!==t||l?t:void 0)}),[e,a,l]);return t?r:s})({onChange:d,value:u,isExclusive:r,isSelectionRequired:i});return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.ToggleButtonGroup,s),ref:a,role:"group"},p),b.Children.map(t,(e=>b.isValidElement(e)?b.cloneElement(e,{isPressed:r?u===e.props.value:n.isString(e.props.value)&&u.includes(e.props.value),onChange:f,size:c,variation:m}):e)))}));wa.displayName="ToggleButtonGroup";var xa,Sa=Object.freeze({__proto__:null,Alert:P,Autocomplete:Z,Badge:Y,Button:l.Button,ButtonGroup:X,Card:Q,CheckboxField:ae,Collection:pe,Divider:fe,Expander:he,ExpanderItem:Fe,FieldGroupIcon:l.FieldGroupIcon,FieldGroupIconButton:l.FieldGroupIconButton,Flex:l.Flex,Grid:te,Heading:we,HighlightMatch:A,Icon:Se,Image:Ie,Link:Te,Loader:l.Loader,Menu:Re,MenuButton:Pe,MenuItem:De,Pagination:re,PasswordField:He,PhoneNumberField:Ge,Placeholder:qe,Radio:$e,RadioGroupField:Ke,Rating:Je,ScrollView:O,SearchField:K,SelectField:ze,SliderField:la,StepperField:ra,SwitchField:oa,Tabs:Ea,TabItem:Na,Text:l.Text,TextAreaField:Fa,TextField:q,ToggleButton:ya,ToggleButtonGroup:wa,View:l.View,VisuallyHidden:J,Table:ia,TableBody:da,TableCell:ca,TableFoot:ua,TableHead:ma,TableRow:pa,usePagination:oe,ComponentClassNames:l.ComponentClassNames,ComponentClassObject:l.ComponentClassObject,ComponentPropsToStylePropsMap:l.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:l.ComponentPropsToStylePropsMapKeys});!function(e){e.ChangePassword="amplify-accountsettings-changepassword",e.DeleteUser="amplify-accountsettings-deleteuser"}(xa||(xa={}));const Ia=({errors:e,id:a,dataAttr:t})=>{if(!((null==e?void 0:e.length)>0))return null;const s=t?{[t]:!0}:{};return E.default.createElement(l.View,Object.assign({},s,{id:a}),e.map((e=>E.default.createElement(l.Text,{key:e,role:"alert",variation:"error"},n.translate(e)))))},Ta=e=>E.default.createElement(P,Object.assign({variation:"error"},e)),Pa=e=>{var{fieldValidationErrors:a,label:t}=e,n=o.__rest(e,["fieldValidationErrors","label"]);return E.default.createElement(E.default.Fragment,null,E.default.createElement(He,Object.assign({},n,{label:t})),a?E.default.createElement(Ia,{errors:a}):null)},ka={CurrentPasswordField:Pa,NewPasswordField:Pa,ConfirmPasswordField:Pa,SubmitButton:l.Button,ErrorMessage:Ta},Oa=new t.Logger("ChangePassword");function Ma({onSuccess:e,onError:a,validators:t,components:s}){const[r,o]=E.default.useState(null),[i,d]=E.default.useState({}),[c,u]=E.default.useState({}),m=E.default.useRef([]),{user:p,isLoading:f}=l.useAuth(),C=((e,a)=>{var t,n;const{currentPassword:l,newPassword:s,confirmPassword:r}=e;return!(l&&s&&r)||((null===(t=a.newPassword)||void 0===t?void 0:t.length)>0||(null===(n=a.confirmPassword)||void 0===n?void 0:n.length)>0)})(i,c),g=E.default.useMemo((()=>null!=t?t:n.getDefaultPasswordValidators()),[t]),h=E.default.useCallback((({formValues:e,eventType:a})=>{const{newPassword:t}=e,l=m.current.includes("newPassword");return n.runFieldValidators({value:t,validators:g,eventType:a,hasBlurred:l})}),[g]),b=E.default.useCallback((({formValues:e,eventType:a})=>{const{newPassword:t,confirmPassword:l}=e,s=m.current.includes("confirmPassword"),r=n.getDefaultConfirmPasswordValidators(t);return n.runFieldValidators({value:l,validators:r,eventType:a,hasBlurred:s})}),[]),v=E.default.useCallback((e=>{const a={newPassword:h(e),confirmPassword:b(e)};N.default(c,a)||u(a)}),[b,h,c]),F=n.translate("Current Password"),y=n.translate("New Password"),w=n.translate("Confirm Password"),x=n.translate("Update password"),{CurrentPasswordField:S,NewPasswordField:I,ConfirmPasswordField:T,SubmitButton:P,ErrorMessage:k}=E.default.useMemo((()=>Object.assign(Object.assign({},ka),null!=s?s:{})),[s]),O=e=>{e.preventDefault();const{name:a,value:t}=e.target,n=Object.assign(Object.assign({},i),{[a]:t});v({formValues:n,eventType:"change"}),d(n)},M=e=>{e.preventDefault();const{name:a}=e.target;if(!m.current.includes(a)){const e=[...m.current,a];m.current=e,v({formValues:i,eventType:"blur"})}};return f?null:p?E.default.createElement(l.View,{as:"form",className:xa.ChangePassword,onSubmit:t=>{if(t.preventDefault(),!p)return;const{currentPassword:l,newPassword:s}=i;r&&o(null),n.changePassword({user:p,currentPassword:l,newPassword:s}).then((()=>{null==e||e()})).catch((e=>{const t=e;t.message&&o(t.message),null==a||a(t)}))}},E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(S,{autoComplete:"current-password",isRequired:!0,label:F,name:"currentPassword",onBlur:M,onChange:O}),E.default.createElement(I,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.newPassword,isRequired:!0,label:y,name:"newPassword",onBlur:M,onChange:O}),E.default.createElement(T,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.confirmPassword,isRequired:!0,label:w,name:"confirmPassword",onBlur:M,onChange:O}),E.default.createElement(P,{isDisabled:C,type:"submit"},x),r?E.default.createElement(k,null,r):null)):(Oa.warn("<ChangePassword /> requires user to be authenticated."),null)}Ma.CurrentPasswordField=ka.CurrentPasswordField,Ma.NewPasswordField=ka.NewPasswordField,Ma.ConfirmPasswordField=ka.ConfirmPasswordField,Ma.SubmitButton=ka.SubmitButton,Ma.ErrorMessage=ka.ErrorMessage;const Ra={ErrorMessage:Ta,DeleteButton:e=>E.default.createElement(l.Button,Object.assign({},e,{variation:"warning"})),WarningView:({onCancel:e,onConfirm:a,isDisabled:t})=>{const s=n.translate("Deleting your account is not reversable. You will lose access to your account and all data associated with it."),r=n.translate("Cancel"),o=n.translate("Delete my account");return E.default.createElement(Q,null,E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Text,{color:"font.error"},s),E.default.createElement(l.Flex,null,E.default.createElement(l.Button,{variation:"link",onClick:e,isDisabled:t},r),E.default.createElement(l.Button,{variation:"destructive",onClick:a,isDisabled:t},o))))}},Ba=n.getLogger("Auth");function Da({components:e,onSuccess:a,onError:t,handleDelete:s}){const[r,i]=E.default.useState("IDLE"),[d,c]=E.default.useState(null),u=n.translate("Delete Account"),{user:m,isLoading:p}=l.useAuth(),{ErrorMessage:f,DeleteButton:C,WarningView:g}=E.default.useMemo((()=>Object.assign(Object.assign({},Ra),null!=e?e:{})),[e]),h=E.default.useCallback((()=>o.__awaiter(this,void 0,void 0,(function*(){if(m){i("DELETING"),d&&c(null);try{s?yield s(m):yield n.deleteUser(),i("DONE"),null==a||a()}catch(e){const a=e;i("ERROR"),c(a.message),null==t||t(a)}}}))),[d,s,t,a,m]),b=E.default.useCallback((()=>{i("IDLE")}),[]),N=E.default.useCallback((()=>{h()}),[h]);return p?null:m?"DONE"===r?null:E.default.createElement(l.Flex,{className:xa.DeleteUser,direction:"column"},E.default.createElement(C,{isDisabled:"CONFIRMATION"===r||"DELETING"===r,onClick:e=>{e.preventDefault(),i("CONFIRMATION")}},u),"CONFIRMATION"===r||"DELETING"===r?E.default.createElement(g,{onCancel:b,isDisabled:"DELETING"===r,onConfirm:N}):null,d?E.default.createElement(f,null,d):null):(Ba.warn("<DeleteUser /> requires user to be authenticated."),null)}Da.ErrorMessage=Ra.ErrorMessage,Da.DeleteButton=Ra.DeleteButton,Da.WarningView=Ra.WarningView;var La={ChangePassword:Ma,DeleteUser:Da};const Va="5.0.6",_a=b.createContext(null),Aa=()=>{const e=b.useContext(_a);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e},Ha=e=>"signIn"===e||"signUp";function ja({children:e,className:a,variation:t="default"}){const{route:n}=s.useAuthenticator((({route:e})=>[e])),{components:{Header:r,Footer:o}}=Aa();return E.default.createElement(l.View,{className:a,"data-amplify-authenticator":"","data-variation":t},E.default.createElement(l.View,{"data-amplify-container":""},E.default.createElement(r,null),E.default.createElement(l.View,{"data-amplify-router":"","data-amplify-router-content":Ha(n)?void 0:""},e),E.default.createElement(o,null)))}function za(){const{submitForm:a,updateBlur:t,updateForm:n}=s.useAuthenticator((e=>[e.submitForm,e.updateBlur,e.updateForm]));return{handleBlur:e.useCallback((({target:{name:e}})=>{t({name:e})}),[t]),handleChange:e.useCallback((({target:{checked:e,name:a,type:t,value:l}})=>{n({name:a,value:"checkbox"===t&&!e?void 0:l})}),[n]),handleSubmit:e.useCallback((e=>{e.preventDefault(),a(l.getFormDataFromEvent(e))}),[a])}}const Ua=()=>{const{error:e}=s.useAuthenticator((e=>[e.error]));return E.default.createElement(E.default.Fragment,null,e?E.default.createElement(P,{variation:"error",isDismissible:!0},n.translate(e)):null)};function Ga(e){var{autocomplete:a,dialCode:t,name:l,type:r}=e,i=o.__rest(e,["autocomplete","dialCode","name","type"]);const{validationErrors:d}=s.useAuthenticator((({validationErrors:e})=>[e])),c=b.useMemo((()=>n.getErrors(d[l])),[l,d]),u=(null==c?void 0:c.length)>0,m=L(),p=u?m:void 0;return"tel"===r?b.createElement(b.Fragment,null,b.createElement(Ge,Object.assign({},i,{name:l,defaultDialCode:t,dialCodeName:"country_code",autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ia,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):"password"===r?b.createElement(b.Fragment,null,b.createElement(He,Object.assign({},i,{name:l,autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ia,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):b.createElement(b.Fragment,null,b.createElement(q,Object.assign({},i,{name:l,autoComplete:a,hasError:u,type:r,"aria-describedby":p})),b.createElement(Ia,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m}))}function qa(){const{fields:e}=s.useAuthenticator((({route:e})=>[e])),a=b.useRef(e.map(((e,a)=>b.createElement(Ga,Object.assign({key:a},e))))).current;return b.createElement(b.Fragment,null,a)}const{getDeliveryMessageText:Wa,getDeliveryMethodText:$a,getConfirmingText:Ka,getConfirmText:Za,getResendCodeText:Ya}=n.authenticatorTextUtil;function Xa({className:e,variation:a}){const{isPending:t,resendCode:n,codeDeliveryDetails:r}=s.useAuthenticator((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:o,handleSubmit:i}=za(),{components:{ConfirmSignUp:{Header:d=Xa.Header,Footer:c=Xa.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:o,onSubmit:i},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(d,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Text,{className:"amplify-authenticator__subtitle"},Wa(r)),E.default.createElement(qa,null),E.default.createElement(Ua,null),E.default.createElement(l.Button,{variation:"primary",isDisabled:t,type:"submit",loadingText:Ka(),isLoading:t,fontWeight:"normal"},Za()),E.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal"},Ya())),E.default.createElement(c,null))))}Xa.Header=()=>{const{codeDeliveryDetails:e}=s.useAuthenticator((e=>[e.codeDeliveryDetails]));return E.default.createElement(we,{level:4},$a(e))},Xa.Footer=function(){return null};const{getChangePasswordText:Qa,getChangingText:Ja,getBackToSignInText:et}=n.authenticatorTextUtil,at=({className:e,variation:a})=>{const{isPending:t,toSignIn:n}=s.useAuthenticator((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:i}=za(),{components:{ForceNewPassword:{FormFields:d=at.FormFields,Header:c=at.Header,Footer:u=at.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:o,onSubmit:i,onBlur:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(c,null),E.default.createElement(d,null),E.default.createElement(Ua,null),E.default.createElement(l.Button,{isDisabled:t,type:"submit",variation:"primary",isLoading:t,loadingText:Ja(),fontWeight:"normal"},Qa()),E.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal",variation:"link",size:"small"},et()),E.default.createElement(u,null))))};at.FormFields=function(){return E.default.createElement(qa,null)},at.Header=function(){return E.default.createElement(we,{level:4},Qa())},at.Footer=function(){return null};const{getConfirmText:tt,getConfirmingText:nt,getBackToSignInText:lt}=n.authenticatorTextUtil,st=()=>{const{isPending:e,toSignIn:a}=s.useAuthenticator((e=>[e.isPending,e.toSignIn]));return E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Button,{isDisabled:e,type:"submit",variation:"primary",fontWeight:"normal",isLoading:e,loadingText:nt()},tt()),E.default.createElement(l.Button,{onClick:a,type:"button",variation:"link",fontWeight:"normal",size:"small"},lt()))},rt=new t.Logger("SetupTOTP-logger"),{getSetupTOTPText:ot,getCopiedText:it,getLoadingText:dt}=n.authenticatorTextUtil,ct=({className:e,variation:a})=>{var t;const{totpSecretCode:r,isPending:i,user:d,QRFields:c}=s.useAuthenticator((e=>[e.isPending,e.totpSecretCode])),{handleChange:u,handleSubmit:m}=za(),{components:{SetupTOTP:{Header:p=ct.Header,Footer:f=ct.Footer}}}=Aa(),[C,g]=b.useState(!0),[h,E]=b.useState(),[N,v]=b.useState("COPY"),{totpIssuer:F="AWSCognito",totpUsername:y=(null==d?void 0:d.username)}=null!==(t=c)&&void 0!==t?t:{},w=b.useCallback((()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{const e=n.getTotpCodeURL(F,y,r),a=yield I.default.toDataURL(e);E(a)}catch(e){rt.error(e)}finally{g(!1)}}))),[F,y,r]);b.useEffect((()=>{h||w()}),[w,h]);return b.createElement(ja,{className:e,variation:a},b.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:u,onSubmit:m},b.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:i},b.createElement(p,null),b.createElement(l.Flex,{direction:"column"},C?b.createElement("p",null,dt(),"…"):b.createElement("img",{"data-amplify-qrcode":!0,src:h,alt:"qr code",width:"228",height:"228"}),b.createElement(l.Flex,{"data-amplify-copy":!0},b.createElement("div",null,r),b.createElement(l.Flex,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(r),v(it())}},b.createElement("div",{"data-amplify-copy-tooltip":!0},N),b.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},b.createElement("path",{d:"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z"})))),b.createElement(qa,null),b.createElement(Ua,null)),b.createElement(st,null),b.createElement(f,null))))};ct.Header=function(){return b.createElement(we,{level:3},ot())},ct.Footer=function(){return null};const{getSubmitText:ut,getSubmittingText:mt}=n.authenticatorTextUtil,pt=e=>{const{cancelButtonSendType:a,cancelButtonText:t,submitButtonText:n}=e,{isPending:r,resendCode:o,skipVerification:i,toSignIn:d}=s.useAuthenticator((e=>[e.isPending])),c=r?E.default.createElement(E.default.Fragment,null,mt(),"…"):E.default.createElement(E.default.Fragment,null,ut()),u=null!=n?n:c;return E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Button,{fontWeight:"normal",variation:"primary",isDisabled:r,type:"submit"},u),E.default.createElement(l.Button,{onClick:()=>{switch(a){case"SKIP":i();break;case"RESEND":o();break;case"SIGN_IN":d();break;default:return}},type:"button",variation:"link",fontWeight:"normal",size:"small"},t))},ft=()=>E.default.createElement("svg",{"aria-label":"Apple icon",className:"amplify-icon federated-sign-in-icon",fill:"#000",preserveAspectRatio:"xMidYMid",stroke:"#000",strokeWidth:"0",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M747.4 535.7c-.4-68.2 30.5-119.6 92.9-157.5-34.9-50-87.7-77.5-157.3-82.8-65.9-5.2-138 38.4-164.4 38.4-27.9 0-91.7-36.6-141.9-36.6C273.1 298.8 163 379.8 163 544.6c0 48.7 8.9 99 26.7 150.8 23.8 68.2 109.6 235.3 199.1 232.6 46.8-1.1 79.9-33.2 140.8-33.2 59.1 0 89.7 33.2 141.9 33.2 90.3-1.3 167.9-153.2 190.5-221.6-121.1-57.1-114.6-167.2-114.6-170.7zm-105.1-305c50.7-60.2 46.1-115 44.6-134.7-44.8 2.6-96.6 30.5-126.1 64.8-32.5 36.8-51.6 82.3-47.5 133.6 48.4 3.7 92.6-21.2 129-63.7z"})),Ct=()=>E.default.createElement("svg",{"aria-label":"Google icon",className:"amplify-icon federated-sign-in-icon",viewBox:"0 0 256 262",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},E.default.createElement("path",{d:"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",fill:"#4285F4"}),E.default.createElement("path",{d:"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",fill:"#34A853"}),E.default.createElement("path",{d:"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",fill:"#FBBC05"}),E.default.createElement("path",{d:"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",fill:"#EB4335"})),gt=()=>E.default.createElement(Se,{className:"federated-sign-in-icon",ariaLabel:"Facebook icon",viewBox:{minX:0,minY:0,width:279,height:538},pathData:"M82.3409742,538 L82.3409742,292.936652 L0,292.936652 L0,196.990154 L82.2410458,196.990154 L82.2410458,126.4295 C82.2410458,44.575144 132.205229,0 205.252865,0 C240.227794,0 270.306232,2.59855099 279,3.79788222 L279,89.2502322 L228.536175,89.2502322 C188.964542,89.2502322 181.270057,108.139699 181.270057,135.824262 L181.270057,196.89021 L276.202006,196.89021 L263.810888,292.836708 L181.16913,292.836708 L181.16913,538 L82.3409742,538 Z",fill:"#1877F2"}),ht=()=>E.default.createElement("svg",{"aria-label":"Amazon icon",className:"amplify-icon federated-sign-in-icon",viewBox:"0 0 243 264",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},E.default.createElement("path",{d:"M230.826 208.039C227.468 203.683 208.551 205.982 200.056 206.998C197.471 207.321 197.076 205.042 199.407 203.405C214.475 192.665 239.201 195.766 242.082 199.364C244.966 202.982 241.337 228.071 227.173 240.049C225.001 241.888 222.93 240.904 223.898 238.468C227.077 230.431 234.205 212.419 230.826 208.039ZM123.769 264C71.0234 264 39.0764 241.955 14.7853 217.542C9.97339 212.706 3.71799 206.296 0.311513 200.691C-1.09773 198.372 2.59096 195.022 5.04421 196.844C35.239 219.268 79.1012 239.538 122.53 239.538C151.82 239.538 188.046 227.47 217.669 214.868C222.147 212.966 222.147 219.18 221.512 221.061C221.183 222.032 206.515 236.221 186.247 247.047C167.304 257.166 143.397 264 123.769 264Z",fill:"#F2541B"}),E.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M142.943 111.185C142.943 124.756 143.268 136.054 136.406 148.123C130.856 157.913 122.027 163.95 112.222 163.95C98.8288 163.95 90.9806 153.772 90.9806 138.693C90.9806 109.036 117.677 103.647 142.943 103.647V111.185ZM178.166 196.081C175.858 198.15 171.635 198.22 169.914 196.894C157.974 187.684 149.89 173.688 149.89 173.688C130.706 193.156 117.127 199 92.2879 199C62.8772 199 40 180.905 40 144.729C40 116.461 55.3552 97.2408 77.2563 87.823C96.2094 79.5256 122.684 78.0173 142.943 75.7517C142.943 75.7517 144.633 53.933 138.699 45.9806C134.098 39.8163 126.272 36.9329 119.089 36.9329C106.127 36.8829 93.61 43.9051 91.1262 57.4188C90.4136 61.2829 87.5533 64.5261 84.54 64.206L51.0823 60.5922C48.5156 60.2951 45.0381 57.6639 45.8636 53.3081C53.644 12.3684 90.7373 0 123.989 0C140.983 0 163.21 4.51651 176.608 17.3349C193.597 33.1648 191.969 54.2755 191.969 77.2722V131.51C191.969 147.835 198.768 154.987 205.151 163.775C207.376 166.953 207.886 170.714 205.04 173.032C197.902 178.999 178.166 196.081 178.166 196.081Z",fill:"#F2541B"})),bt=e=>{const{icon:a,provider:t,text:n}=e,{toFederatedSignIn:r}=s.useAuthenticator();let o;return"facebook"===a?o=E.default.createElement(gt,null):"google"===a?o=E.default.createElement(Ct,null):"amazon"===a?o=E.default.createElement(ht,null):"apple"===a&&(o=E.default.createElement(ft,null)),E.default.createElement(l.Button,{onClick:e=>{e.preventDefault(),r({provider:t})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},o,E.default.createElement(l.Text,{as:"span"},n))},{getSignInWithFederationText:Et,getOrText:Nt}=n.authenticatorTextUtil;function vt(){const{route:e,socialProviders:a}=s.useAuthenticator((({route:e,socialProviders:a})=>[e,a]));return 0===a.length?null:E.default.createElement(l.Flex,{direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},a.map((a=>{switch(a){case"amazon":return E.default.createElement(bt,{icon:"amazon",key:a,provider:n.FederatedIdentityProviders.Amazon,text:Et(e,a)});case"apple":return E.default.createElement(bt,{icon:"apple",key:a,provider:n.FederatedIdentityProviders.Apple,text:Et(e,a)});case"facebook":return E.default.createElement(bt,{icon:"facebook",key:a,provider:n.FederatedIdentityProviders.Facebook,text:Et(e,a)});case"google":return E.default.createElement(bt,{icon:"google",key:a,provider:n.FederatedIdentityProviders.Google,text:Et(e,a)});default:console.error(`Authenticator does not support ${a}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),E.default.createElement(fe,{size:"small",label:Nt()}))}const{getSignInText:Ft,getSigningInText:yt,getForgotPasswordText:wt}=n.authenticatorTextUtil;function xt(){const{isPending:e}=s.useAuthenticator((e=>[e.isPending])),{handleChange:a,handleSubmit:t}=za(),{components:{SignIn:{Header:n=xt.Header,Footer:r=xt.Footer}}}=Aa();return E.default.createElement(l.View,null,E.default.createElement(n,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:t,onChange:a},E.default.createElement(vt,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:e},E.default.createElement(J,null,E.default.createElement("legend",null,Ft())),E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(l.Button,{isDisabled:e,isFullWidth:!0,type:"submit",variation:"primary",isLoading:e,loadingText:yt()},Ft()))),E.default.createElement(r,null))}xt.Footer=()=>{const{toResetPassword:e}=s.useAuthenticator((e=>[e.toResetPassword]));return E.default.createElement(l.View,{"data-amplify-footer":""},E.default.createElement(l.Button,{fontWeight:"normal",onClick:e,size:"small",variation:"link"},wt()))},xt.Header=function(){return null};const{getCreateAccountText:St,getCreatingAccountText:It}=n.authenticatorTextUtil;function Tt(){const{hasValidationErrors:e,isPending:a}=s.useAuthenticator((e=>[e.hasValidationErrors,e.isPending])),{handleChange:t,handleBlur:n,handleSubmit:r}=za(),{components:{SignUp:{Header:o=Tt.Header,FormFields:i=Tt.FormFields,Footer:d=Tt.Footer}}}=Aa();return E.default.createElement(l.View,null,E.default.createElement(o,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:t,onSubmit:r,onBlur:n},E.default.createElement(vt,null),E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:a},E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(i,null),E.default.createElement(Ua,null)),E.default.createElement(l.Button,{isDisabled:e||a,isFullWidth:!0,type:"submit",variation:"primary",isLoading:a,loadingText:It()},St()))),E.default.createElement(d,null))}Tt.Header=function(){return null},Tt.FormFields=function(){return E.default.createElement(qa,null)},Tt.Footer=function(){return null};const{getSignInTabText:Pt,getSignUpTabText:kt}=n.authenticatorTextUtil,Ot=({className:e,hideSignUp:a,variation:t})=>{const{route:n,toSignIn:r,toSignUp:o}=s.useAuthenticator((e=>[e.route,e.toSignIn,e.toSignUp]));return E.default.createElement(ja,{className:e,variation:t},a?E.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&E.default.createElement(xt,null)):E.default.createElement(Ea,{indicatorPosition:"top",currentIndex:"signIn"===n?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===n?o():r()},E.default.createElement(Na,{title:Pt()},E.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&E.default.createElement(xt,null))),E.default.createElement(Na,{title:kt()},E.default.createElement(l.View,{"data-amplify-router-content":""},"signUp"===n&&E.default.createElement(Tt,null)))))},{getAccountRecoveryInfoText:Mt,getSkipText:Rt}=n.authenticatorTextUtil,Bt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=za(),{components:{ConfirmVerifyUser:{Header:o=Bt.Header,Footer:i=Bt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:n,onSubmit:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(o,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonText:Rt(),cancelButtonSendType:"SKIP"}),E.default.createElement(i,null))))};Bt.Header=function(){return E.default.createElement(we,{level:3},Mt())},Bt.Footer=function(){return null};const{getSkipText:Dt,getVerifyText:Lt,getVerifyContactText:Vt,getAccountRecoveryInfoText:_t}=n.authenticatorTextUtil,At=e=>Object.entries(e).map((([e,a])=>E.default.createElement($e,{name:"unverifiedAttr",value:e,key:e},((e,a)=>{const t=n.translate(e);let l=a;if("Phone Number"===e)l=n.censorPhoneNumber(a);else if("Email"===e){const e=a.split("@");l=`${n.censorAllButFirstAndLast(e[0])}@${e[1]}`}return`${t}: ${l}`})(n.defaultFormFieldOptions[e].label,a)))),Ht=({className:e,variation:a})=>{const{components:{VerifyUser:{Header:t=Ht.Header,Footer:n=Ht.Footer}}}=Aa(),{isPending:r,unverifiedContactMethods:o}=s.useAuthenticator((({isPending:e,unverifiedContactMethods:a})=>[e,a])),{handleChange:i,handleSubmit:d}=za(),c=r?E.default.createElement(E.default.Fragment,null,"Verifying…"):E.default.createElement(E.default.Fragment,null,Lt()),u=E.default.createElement(Ke,{label:Vt(),labelHidden:!0,name:"verify_context",isDisabled:r},At(o));return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:i,onSubmit:d},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:r},E.default.createElement(t,null),u,E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonText:Dt(),cancelButtonSendType:"SKIP",submitButtonText:c}),E.default.createElement(n,null))))};Ht.Header=function(){return E.default.createElement(we,{level:3},_t())},Ht.Footer=function(){return null};const{getChallengeText:jt}=n.authenticatorTextUtil,zt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=za(),{components:{ConfirmSignIn:{Header:o=zt.Header,Footer:i=zt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(o,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null),E.default.createElement(Ua,null)),E.default.createElement(st,null),E.default.createElement(i,null))))};zt.Header=function(){const{user:{challengeName:e}}=s.useAuthenticator((({user:e})=>[e]));return E.default.createElement(we,{level:3},jt(e))},zt.Footer=function(){return null};const{getResendCodeText:Ut,getResetYourPasswordText:Gt}=n.authenticatorTextUtil,qt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleBlur:n,handleChange:r,handleSubmit:o}=za(),{components:{ConfirmResetPassword:{Header:i=qt.Header,Footer:d=qt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:o,onChange:r,onBlur:n},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(i,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonSendType:"RESEND",cancelButtonText:Ut()}),E.default.createElement(d,null))))};qt.Header=function(){const e=Gt();return E.default.createElement(we,{level:3},e)},qt.Footer=function(){return null};const{getBackToSignInText:Wt,getSendingText:$t,getSendCodeText:Kt,getResetYourPasswordText:Zt}=n.authenticatorTextUtil,Yt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=za(),{components:{ResetPassword:{Header:o=Yt.Header,Footer:i=Yt.Footer}}}=Aa();return E.default.createElement(ja,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:n,onSubmit:r},E.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(o,null),E.default.createElement(l.Flex,{direction:"column"},E.default.createElement(qa,null)),E.default.createElement(Ua,null),E.default.createElement(pt,{cancelButtonText:Wt(),cancelButtonSendType:"SIGN_IN",submitButtonText:t?E.default.createElement(E.default.Fragment,null,$t(),"…"):E.default.createElement(E.default.Fragment,null,Kt())}),E.default.createElement(i,null))))};Yt.Header=function(){return E.default.createElement(we,{level:3},Zt())},Yt.Footer=function(){return null};const Xt=e=>"signIn"===e||"signUp"===e;function Qt(){return null}const Jt=e=>{switch(e){case"authenticated":case"idle":case"setup":case"transition":return Qt;case"confirmSignUp":return Xa;case"confirmSignIn":return zt;case"setupTOTP":return ct;case"signIn":case"signUp":return Ot;case"forceNewPassword":return at;case"resetPassword":return Yt;case"confirmResetPassword":return qt;case"verifyUser":return Ht;case"confirmVerifyUser":return Bt;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),Qt}};function en({className:a,hideSignUp:t,variation:n}){const{route:l}=s.useAuthenticator((({route:e})=>[e])),r=e.useMemo((()=>Jt(l)),[l]);return E.default.createElement(r,{className:a,hideSignUp:Xt(l)?t:void 0,variation:n})}const an={Header:()=>null,SignIn:{Header:xt.Header,Footer:xt.Footer},SignUp:{Header:Tt.Header,FormFields:Tt.FormFields,Footer:Tt.Footer},ConfirmSignUp:{Header:Xa.Header,Footer:Xa.Footer},SetupTOTP:{Header:ct.Header,Footer:ct.Footer},ConfirmResetPassword:{Header:qt.Header,Footer:qt.Footer},ConfirmSignIn:{Header:zt.Header,Footer:zt.Footer},VerifyUser:{Header:Ht.Header,Footer:Ht.Footer},ConfirmVerifyUser:{Header:Bt.Header,Footer:Bt.Footer},ForceNewPassword:{Header:at.Header,Footer:at.Footer,FormFields:at.FormFields},ResetPassword:{Header:Yt.Header,Footer:Yt.Footer},Footer:()=>null};function tn({children:e,className:a,components:t,formFields:l,hideSignUp:r,initialState:o,loginMechanisms:i,passwordSettings:d,signUpAttributes:c,services:u,socialProviders:m,variation:p}){Ce({message:"The `passwordSettings` prop has been deprecated and will be removed in a future major version of Amplify UI.",shouldWarn:!!d});const{route:f,signOut:C,user:g}=s.useAuthenticator((({route:e,signOut:a,user:t})=>[e,a,t]));s.useAuthenticatorInitMachine({initialState:o,loginMechanisms:i,services:u,signUpAttributes:c,socialProviders:m,formFields:l});const h=b.useMemo((()=>({components:Object.assign(Object.assign({},an),t)})),[t]);return"authenticated"===f||"signOut"===f?e?b.createElement(b.Fragment,null,n.isFunction(e)?e({signOut:C,user:g}):e):null:b.createElement(_a.Provider,{value:h},b.createElement(en,{className:a,hideSignUp:r,variation:p}))}function nn(e){return b.useEffect((()=>{n.configureComponent({packageName:"@aws-amplify/ui-react",version:Va})}),[]),b.createElement(s.AuthenticatorProvider,null,b.createElement(tn,Object.assign({},e)))}function ln(e,a={}){const{variation:t="modal"}=a;return function(n){return E.default.createElement(nn,Object.assign({variation:t},a),(a=>E.default.createElement(e,Object.assign({},n,a))))}}var sn;function rn({aggregatePercentage:e,children:a,dropZone:t,fileStatuses:s,isLoading:r,isSuccessful:o,hasMaxFilesError:i,maxFileCount:d,onClear:c,onFileClick:u}){const m=`${n.translate("Cannot choose more than")} ${d}`,p=()=>s.filter((e=>(null==e?void 0:e.fileState)===sn.SUCCESS)).length,f=s.length-p(),C=`${f} ${1===f?n.translate("file"):n.translate("files")}`,g=`${p()} ${1===p()?n.translate("file uploaded"):n.translate("files uploaded")}`,h=s.some((e=>[sn.ERROR,sn.EDITING].includes(null==e?void 0:e.fileState)))||0===f||i;return E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewer},E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerBody},t,E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderPreviewerText},o?g:E.default.createElement(E.default.Fragment,null,`${C} ${n.translate("selected")}`)),a),E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerFooter},E.default.createElement(l.View,null,r&&E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Text,null,n.translate("Uploading"),e>0?`: ${e}%`:""),E.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:e,isPercentageTextHidden:!0,isDeterminate:!0}))),E.default.createElement(l.View,{className:n.ComponentClassName.FileUploaderPreviewerFooterActions},!r&&!o&&E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Button,{size:"small",variation:"link",onClick:c},n.translate("Clear all")),E.default.createElement(l.Button,{disabled:h,size:"small",variation:"primary",onClick:u},`${n.translate("Upload")} ${C}`)),o&&E.default.createElement(l.Button,{size:"small",onClick:c},n.translate("Done")))),i&&E.default.createElement(P,{variation:"error",heading:m}))}function on({children:e,inDropZone:a,onDragStart:t,onDragEnter:s,onDragLeave:r,onDrop:o,onDragOver:i}){return E.default.createElement(l.View,{className:v.default(a&&n.classNameModifier(l.ComponentClassNames.FileUploaderDropZone,"active"),l.ComponentClassNames.FileUploaderDropZone),onDragStart:t,onDragEnter:s,onDragLeave:r,onDrop:o,onDragOver:i},E.default.createElement(l.IconUpload,{"aria-hidden":!0,className:l.ComponentClassNames.FileUploaderDropZoneIcon}),E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderDropZoneText},n.translate("Drop files here or")),e)}nn.Provider=s.AuthenticatorProvider,nn.ResetPassword=Yt,nn.SetupTOTP=ct,nn.SignIn=xt,nn.SignUp=Tt,nn.ForceNewPassword=at,function(e){e.PAUSED="paused",e.SUCCESS="success",e.ERROR="error",e.LOADING="loading",e.RESUME="resume",e.EDITING="editing",e.INIT="init"}(sn||(sn={}));const dn=({fileState:e,errorMessage:a,percentage:t})=>{switch(e){case sn.LOADING:{const e=t&&t>0?`${n.translate("Uploading")}: ${t}%`:n.translate("Uploading");return E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},e)}case sn.PAUSED:return E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},n.translate("Paused"),": ",t,"%");case sn.SUCCESS:return E.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"success"))},E.default.createElement(l.IconCheck,{fontSize:"xl"})," ",n.translate("Uploaded successfully"));case sn.ERROR:return E.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"error"))},E.default.createElement(l.IconError,{fontSize:"xl"})," ",a);default:return null}};function cn({errorMessage:a,file:t,fileState:s,hasImage:r,name:o,onCancel:i,onCancelEdit:d,onPause:c,onResume:u,onSaveEdit:m,onStartEdit:p,percentage:f,isResumable:C,showImage:g}){const[h,b]=E.default.useState(o),N=E.default.useRef(null),v=URL.createObjectURL(t);E.default.useEffect((()=>{s===sn.EDITING&&N.current&&N.current.focus()}),[s]);const{size:F}=t,y=r?E.default.createElement(Ie,{alt:t.name,src:v}):E.default.createElement(l.IconFile,null),w=!C||f>0,x=s===sn.INIT||s===sn.ERROR&&a===n.translate("Extension not allowed"),S=e.useCallback((()=>E.default.createElement(E.default.Fragment,null,E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileMain},E.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileName},o)),x?E.default.createElement(l.Button,{onClick:p,size:"small",variation:"link"},E.default.createElement(J,null,"Edit file name ",t.name),E.default.createElement(l.IconEdit,{"aria-hidden":!0,fontSize:"medium"})):null,E.default.createElement(l.Text,{as:"span",className:l.ComponentClassNames.FileUploaderFileSize},n.humanFileSize(F,!0)))),[t.name,o,p,x,F]),I=e.useCallback((()=>{switch(s){case sn.EDITING:return E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Button,{size:"small",onClick:()=>{b(o),null==d||d()}},"Cancel"),E.default.createElement(l.Button,{size:"small",variation:"primary",onClick:()=>{m(h)}},"Save"));case sn.RESUME:case sn.LOADING:return C?E.default.createElement(l.Button,{onClick:c,size:"small",variation:"link"},n.translate("pause")):null;case sn.PAUSED:return E.default.createElement(l.Button,{onClick:u,size:"small",variation:"link"},n.translate("Resume"));case sn.SUCCESS:return null;default:return E.default.createElement(l.Button,{size:"small",onClick:i},E.default.createElement(J,null,"Remove file name ",t.name),E.default.createElement(l.IconClose,{"aria-hidden":!0,fontSize:"medium"}))}}),[t.name,s,C,o,i,d,c,u,m,h]);return t?E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFile},E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileWrapper},g?E.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileImage},y):null,s===sn.EDITING?E.default.createElement(l.View,{as:"form",flex:"1",onSubmit:()=>{m(h)}},E.default.createElement(q,{maxLength:1024,ref:N,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{b(e.target.value)},value:h})):E.default.createElement(S,null),E.default.createElement(I,null),s===sn.LOADING?E.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:f,isDeterminate:w,isPercentageTextHidden:!0}):null),E.default.createElement(dn,{fileState:s,errorMessage:a,percentage:f})):null}const un=e=>"function"==typeof(null==e?void 0:e.resume),mn=new t.Logger("AmplifyUI:Storage");function pn(a){var{acceptedFileTypes:t,shouldAutoProceed:s=!1,isPreviewerVisible:i,maxFileCount:d,maxSize:c,hasMultipleFiles:u=!0,onError:m,onSuccess:p,showImages:f=!0,accessLevel:C,variation:g="drop",isResumable:h=!1}=a,b=o.__rest(a,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFileCount","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);Ce({shouldWarn:!0,message:"FileUploader has exited Dev Preview and was renamed to StorageManager with some API changes. Please migrate to the StorageManager component, as the FileUploader component is no longer supported and will be removed in a future major release. https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager"}),t&&C||mn.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[N,v]=e.useState(!1),[F,y]=e.useState(!1),w=function({maxSize:a,acceptedFileTypes:t,hasMultipleFiles:l,isLoading:s,setAutoLoad:r}){const[o,i]=e.useState([]),[d,c]=e.useState(!1),[u,m]=e.useState(!1),p=(e,t)=>{const l=[...t];[...e].forEach((e=>{const t=n.checkMaxSize(a,e);l.unshift({fileState:t?sn.ERROR:sn.INIT,fileErrors:t,file:e,name:e.name})})),i(l)},f=e=>{const a=n.returnAcceptedFiles([...e],t);return a?!l&&o.length>0?o.length:l||1!=a.length?!l&&a.length>1?(p([a[0]],o),1):a.length>0?(p([...a],o),a.length+o.length):0:(p([...a],o),a.length):0};return{inDropZone:u,onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragLeave:e=>{if(e.preventDefault(),e.stopPropagation(),s)return!1;m(!1)},onDragOver:e=>{if(e.preventDefault(),e.stopPropagation(),s)return!1;m(!0),e.dataTransfer.dropEffect="copy"},onDragStart:e=>{e.dataTransfer.clearData()},onDrop:e=>{if(e.preventDefault(),e.stopPropagation(),s)return!1;const{files:a}=e.dataTransfer;f([...a])>0&&(c(!0),r(!0)),m(!1)},setInDropZone:m,setShowPreviewer:c,addTargetFiles:f,showPreviewer:d,fileStatuses:o,setFileStatuses:i}}({maxSize:c,acceptedFileTypes:t,hasMultipleFiles:u,isLoading:N,setAutoLoad:y}),{addTargetFiles:x,fileStatuses:S,inDropZone:I,setFileStatuses:T,setShowPreviewer:P,showPreviewer:k}=w,O=o.__rest(w,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),M=Math.floor(S.reduce(((e,a)=>{var t;return e+(null!==(t=null==a?void 0:a.percentage)&&void 0!==t?t:0)}),0)/S.length),R=0!==S.length&&S.every((e=>100===(null==e?void 0:e.percentage))),B=S.filter((e=>100!==e.percentage)).length>d;e.useEffect((()=>{100===Math.floor(M)&&v(!1)}),[M]),e.useEffect((()=>{P(i)}),[P,i]);const D=e.useCallback((e=>a=>{T((t=>{const n=Object.assign({},t[e]),l=0!==a.total?Math.floor(a.loaded/a.total*100):100,s=100!==l?sn.LOADING:sn.SUCCESS,r=Object.assign(Object.assign({},n),{percentage:l,fileState:s});return t[e]=r,[...t]}))}),[T]),L=e.useCallback((e=>a=>{T((t=>{const l=Object.assign({},t[e]),s=Object.assign(Object.assign({},l),{fileState:"error",fileErrors:n.translate(a.toString())});return t[e]=s,[...t]})),v(!1),"function"==typeof m&&m(a)}),[m,T]),V=e.useCallback((e=>function(){const a=S[e];un(a.uploadTask)&&a.uploadTask.pause();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:sn.PAUSED}),T(t)}),[S,T]),_=e.useCallback((e=>function(){const a=S[e];un(a.uploadTask)&&a.uploadTask.resume();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:sn.RESUME}),T(t)}),[S,T]),A=e.useCallback((()=>{v(!0);const e=[];S.forEach(((a,t)=>{if((null==a?void 0:a.fileState)===sn.SUCCESS)return;const l=n.uploadFile(Object.assign({file:a.file,fileName:a.name,level:C,isResumable:h,progressCallback:D(t),errorCallback:L(t),completeCallback:p},b));un(l)&&h&&e.push(l)})),T((a=>a.map(((a,t)=>{var n;return Object.assign(Object.assign({},a),{uploadTask:null==e?void 0:e[t],fileState:a.fileState===sn.INIT?sn.LOADING:a.fileState,percentage:null!==(n=a.percentage)&&void 0!==n?n:0})}))))}),[S,T,C,h,D,L,p,b]),H=e.useCallback((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:a}=e.target;x([...a])>0&&(P(!0),y(!0))}),[x,P]),j=e.useCallback((()=>{P(!1),T([])}),[T,P]),z=e.useCallback((e=>()=>{const{fileState:a,uploadTask:t}=S[e];"loading"===a&&un(t)&&(r.Storage.cancel(t),v(!1));const n=S.filter(((a,t)=>t!==e));T(n)}),[S,T]),U=e.useCallback((e=>a=>{if(0===a.trim().length)return;const t=[...S],l=S[e],s=n.isValidExtension(a,l.file.name);t[e]=Object.assign(Object.assign({},l),{name:a,fileState:s?sn.INIT:sn.ERROR,fileErrors:s?void 0:n.translate("Extension not allowed")}),T(t)}),[S,T]),G=e.useCallback(((e,a)=>{T((t=>{const l=[...t],s=l[e],r=n.isValidExtension(s.name,s.file.name)?sn.INIT:sn.ERROR,o=a===sn.INIT?r:a;return l[e]=Object.assign(Object.assign({},s),{fileState:o}),l}))}),[T]),q=e.useCallback((e=>()=>{G(e,sn.INIT)}),[G]),W=e.useCallback((e=>a=>{G(e,sn.EDITING)}),[G]);e.useEffect((()=>{s&&F&&!B&&(A(),y(!1))}),[s,A,F,B]);const $=E.default.useRef(null),K=null==t?void 0:t.join(),Z=e.useMemo((()=>E.default.createElement(E.default.Fragment,null,E.default.createElement(l.Button,{className:l.ComponentClassNames.FileUploaderDropZoneButton,isDisabled:N,onClick:()=>{var e;null===(e=null==$?void 0:$.current)||void 0===e||e.click(),$.current.value=""},size:"small"},n.translate("Browse files")),E.default.createElement(J,null,E.default.createElement("input",{type:"file",tabIndex:-1,ref:$,onChange:H,multiple:u,accept:K})))),[N,H,u,K]);return k?E.default.createElement(rn,{dropZone:E.default.createElement(on,Object.assign({},O,{inDropZone:I}),Z),fileStatuses:S,isLoading:N,isSuccessful:R,hasMaxFilesError:B,maxFileCount:d,onClear:j,onFileClick:A,aggregatePercentage:M},null==S?void 0:S.map(((e,a)=>{var t;return E.default.createElement(cn,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(t=e.file)||void 0===t?void 0:t.type.startsWith("image/"),showImage:f,key:a,name:e.name,onCancel:z(a),onCancelEdit:q(a),onPause:V(a),onResume:_(a),onSaveEdit:U(a),onStartEdit:W(a),percentage:e.percentage,isResumable:h})}))):"button"===g?Z:E.default.createElement(on,Object.assign({},O,{inDropZone:I}),Z)}const{DirectionProvider:fn}=n.sanitizeNamespaceImport(T);function Cn({children:e,colorMode:a,direction:t="ltr",nonce:s,theme:r}){const o=b.useMemo((()=>({theme:n.createTheme(r)})),[r]),{theme:{name:i,cssText:d}}=o;return b.createElement(l.AmplifyContext.Provider,{value:o},b.createElement(fn,{dir:t},b.createElement("div",{"data-amplify-theme":i,"data-amplify-color-mode":a,dir:t},e),void 0===r||/<\/style/i.test(d)?null:b.createElement("style",{id:`amplify-theme-${i}`,dangerouslySetInnerHTML:{__html:d},nonce:s})))}const gn=Cn;var hn=Object.freeze({__proto__:null,AccountSettings:La,Authenticator:nn,withAuthenticator:ln,useAuthenticator:s.useAuthenticator,FileUploader:pn,AmplifyProvider:Cn,ThemeProvider:gn});Object.defineProperty(exports,"createTheme",{enumerable:!0,get:function(){return n.createTheme}}),Object.defineProperty(exports,"defaultDarkModeOverride",{enumerable:!0,get:function(){return n.defaultDarkModeOverride}}),Object.defineProperty(exports,"defaultTheme",{enumerable:!0,get:function(){return n.defaultTheme}}),Object.defineProperty(exports,"translations",{enumerable:!0,get:function(){return n.translations}}),exports.Button=l.Button,exports.ComponentClassNames=l.ComponentClassNames,exports.ComponentClassObject=l.ComponentClassObject,exports.ComponentPropsToStylePropsMap=l.ComponentPropsToStylePropsMap,exports.ComponentPropsToStylePropsMapKeys=l.ComponentPropsToStylePropsMapKeys,exports.FieldGroupIcon=l.FieldGroupIcon,exports.FieldGroupIconButton=l.FieldGroupIconButton,exports.Flex=l.Flex,exports.Loader=l.Loader,exports.Text=l.Text,exports.View=l.View,exports.useTheme=l.useTheme,Object.defineProperty(exports,"useAuthenticator",{enumerable:!0,get:function(){return s.useAuthenticator}}),exports.AccountSettings=La,exports.Alert=P,exports.AmplifyProvider=Cn,exports.Authenticator=nn,exports.Autocomplete=Z,exports.Badge=Y,exports.ButtonGroup=X,exports.Card=Q,exports.CheckboxField=ae,exports.Collection=pe,exports.Divider=fe,exports.Expander=he,exports.ExpanderItem=Fe,exports.FileUploader=pn,exports.Grid=te,exports.Heading=we,exports.HighlightMatch=A,exports.Icon=Se,exports.Image=Ie,exports.Link=Te,exports.Menu=Re,exports.MenuButton=Pe,exports.MenuItem=De,exports.Pagination=re,exports.PasswordField=He,exports.PhoneNumberField=Ge,exports.Placeholder=qe,exports.Radio=$e,exports.RadioGroupField=Ke,exports.Rating=Je,exports.ScrollView=O,exports.SearchField=K,exports.SelectField=ze,exports.SliderField=la,exports.StepperField=ra,exports.SwitchField=oa,exports.TabItem=Na,exports.Table=ia,exports.TableBody=da,exports.TableCell=ca,exports.TableFoot=ua,exports.TableHead=ma,exports.TableRow=pa,exports.Tabs=Ea,exports.TextAreaField=Fa,exports.TextField=q,exports.ThemeProvider=gn,exports.ToggleButton=ya,exports.ToggleButtonGroup=wa,exports.VisuallyHidden=J,exports.components=hn,exports.primitives=Sa,exports.useAmplify=function(){const e=b.useContext(l.AmplifyContext);return{theme:l.getThemeFromContext(e)}},exports.useBreakpointValue=(e,a="base",t)=>{const{breakpoints:{values:s},tokens:r}=l.useTheme(),o=l.useBreakpoint({breakpoints:s,defaultBreakpoint:a}),i=l.getValueAtCurrentBreakpoint({breakpoint:o,breakpoints:s,values:e});return n.isDesignToken(i)||n.isString(i)?l.getStyleValue({value:i,propKey:t,tokens:r}):i},exports.usePagination=oe,exports.withAuthenticator=ln;
package/dist/styles.css CHANGED
@@ -807,7 +807,9 @@
807
807
  --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
808
808
  --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
809
809
  --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
810
- --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
810
+ --amplify-components-switchfield-thumb-border-color: transparent;
811
+ --amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);
812
+ --amplify-components-switchfield-thumb-border-style: solid;
811
813
  --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
812
814
  --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
813
815
  --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
@@ -1222,14 +1224,6 @@ select {
1222
1224
  display: block;
1223
1225
  overflow: auto;
1224
1226
  }
1225
- .amplify-scrollview--horizontal {
1226
- overflow-x: scroll;
1227
- overflow-y: initial;
1228
- }
1229
- .amplify-scrollview--vertical {
1230
- overflow-x: initial;
1231
- overflow-y: scroll;
1232
- }
1233
1227
 
1234
1228
  .amplify-text {
1235
1229
  display: block;
@@ -4049,6 +4043,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
4049
4043
  .amplify-switchfield {
4050
4044
  display: inline-block;
4051
4045
  font-size: var(--amplify-components-switchfield-font-size);
4046
+ cursor: pointer;
4052
4047
  }
4053
4048
  .amplify-switchfield--small {
4054
4049
  font-size: var(--amplify-components-switchfield-small-font-size);
@@ -4105,6 +4100,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
4105
4100
  border-radius: var(--amplify-components-switchfield-thumb-border-radius);
4106
4101
  width: var(--amplify-components-switchfield-thumb-width);
4107
4102
  height: var(--amplify-components-switchfield-thumb-width);
4103
+ border-width: var(--amplify-components-switchfield-thumb-border-width);
4104
+ border-style: var(--amplify-components-switchfield-thumb-border-style);
4108
4105
  border-color: var(--amplify-components-switchfield-thumb-border-color);
4109
4106
  overflow-wrap: break-word;
4110
4107
  }
package/dist/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "5.0.5";
1
+ export declare const VERSION = "5.0.6";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "5.0.5",
3
+ "version": "5.0.6",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -47,8 +47,8 @@
47
47
  "typecheck": "tsc --noEmit"
48
48
  },
49
49
  "dependencies": {
50
- "@aws-amplify/ui": "5.6.7",
51
- "@aws-amplify/ui-react-core": "2.1.26",
50
+ "@aws-amplify/ui": "5.6.8",
51
+ "@aws-amplify/ui-react-core": "2.1.27",
52
52
  "@radix-ui/react-accordion": "1.0.0",
53
53
  "@radix-ui/react-direction": "1.0.0",
54
54
  "@radix-ui/react-dropdown-menu": "1.0.0",