@aws-amplify/ui-react 5.3.2 → 5.3.3

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 (4) hide show
  1. package/dist/esm/version.mjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/types/version.d.ts +1 -1
  4. package/package.json +3 -3
package/dist/esm/version.mjs CHANGED
@@ -1 +1 @@
1
- const o="5.3.2";export{o as VERSION};
1
+ const o="5.3.3";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-94e428ed.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),N=g(e),E=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);function P({children:e,icons:a}){return b.createElement(l.IconsContext.Provider,{value:a},e)}const D=b.forwardRef(((e,a)=>{var t,{buttonRef:s,children:r,className:i,dismissButtonLabel:d=l.ComponentText.Alert.dismissButtonLabel,hasIcon:c=!0,heading:u,isDismissible:m=!1,onDismiss:p,variation:f}=e,C=o.__rest(e,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[g,h]=b.useState(!1),N=l.useIcons("alert"),E=b.useCallback((()=>{h(!g),n.isFunction(p)&&p()}),[h,p,g]);return g?null:b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Alert,i,n.classNameModifier(l.ComponentClassNames.Alert,f)),"data-variation":f,ref:a,role:"alert"},C),c&&b.createElement(l.AlertIcon,{variation:f,ariaHidden:!0}),b.createElement(l.View,{flex:"1"},u&&b.createElement(l.View,{className:l.ComponentClassNames.AlertHeading},u),b.createElement(l.View,{className:l.ComponentClassNames.AlertBody},r)),m&&b.createElement(l.Button,{ariaLabel:d,variation:"link",className:l.ComponentClassNames.AlertDismiss,onClick:E,ref:s},null!==(t=null==N?void 0:N.close)&&void 0!==t?t:b.createElement(l.IconClose,{"aria-hidden":"true"})))}));D.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 M=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)}));M.displayName="ScrollView";const O=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(M,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(M,{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)))}));O.displayName="AutocompleteMenu";const R=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?b.useLayoutEffect:()=>{},B=b["useId".toString()]||(()=>{});let L=0;const V=e=>{const[a,t]=b.useState(B());return R((()=>{e||t((e=>null!=e?e:String(L++)))}),[e]),null!=e?e:a?`amplify-id-${a}`:""},_=new Set([l.ARROW_DOWN,l.ARROW_UP,l.ENTER_KEY,l.ESCAPE_KEY]),j=(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=j(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,z=b.forwardRef(((e,a)=>{var t,{size:n}=e,s=o.__rest(e,["size"]);const r=l.useIcons("searchField");return b.createElement(l.FieldGroupIconButton,Object.assign({ariaLabel:H,className:l.ComponentClassNames.SearchFieldSearch,size:n,ref:a,type:"submit"},s),null!==(t=null==r?void 0:r.search)&&void 0!==t?t:b.createElement(l.IconSearch,null))}));z.displayName="SearchFieldButton";const U=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))}));U.displayName="FieldGroup";const G=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:N}=e,E=o.__rest(e,["autoComplete","checked","className","defaultChecked","defaultValue","id","isDisabled","isReadOnly","isRequired","size","type","hasError","value","variation"]);const F=v.default(l.ComponentClassNames.Input,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Input,N),n.classNameModifierByFlag(l.ComponentClassNames.Input,"error",g),n.classNameModifier(l.ComponentClassNames.Input,f),r),{isFieldsetDisabled:y}=l.useFieldset();return b.createElement(l.View,Object.assign({"aria-invalid":g,as:"input",autoComplete:t,checked:s,className:F,"data-size":f,"data-variation":N,defaultChecked:i,defaultValue:d,isDisabled:y||u,id:c,readOnly:m,ref:a,required:p,type:C,value:h},E))}));G.displayName="Input";const q=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},W=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:N,inputStyles:E}=e,F=o.__rest(e,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),y=V(d),w=V(),x=s?w:void 0,{styleProps:S,rest:I}=q(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(U,{outerStartComponent:C,outerEndComponent:f,innerStartComponent:u,innerEndComponent:c,variation:N},b.createElement(G,Object.assign({"aria-describedby":x,hasError:i,id:y,ref:a,size:g,variation:N},E,I))),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));W.displayName="TextField";const $=new Set([l.ESCAPE_KEY,l.ENTER_KEY]),Z=({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;$.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]),N=b.useCallback((()=>{C(u)}),[C,u]);return{composedValue:u,onClearHandler:f,onKeyDown:g,onClick:N,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:N}=e,E=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}=Z({defaultValue:h,value:N,onChange:m,onClear:p,onSubmit:f,externalRef:a}),T=c?b.createElement(z,{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(W,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},E))}));K.displayName="SearchField";const Y=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:N,testId:E}=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:D,handleOnKeyDown:M,isControlled:R,isCustomFiltering:B,isMenuOpen:L,listboxId:j,menuId:H,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,N]=b.useState(!1),[E,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=V(),x=V(),S=V(),I=V(),T=y.findIndex((e=>e===E)),P=null!==(m=null==E?void 0:E.id)&&void 0!==m?m:-1!==T?`${I}-option-${T}`:void 0,D=b.useCallback((e=>{N(!1),v(null),n.isFunction(r)&&r(e)}),[r]),k=b.useCallback((e=>{v(null),N(!0),p||C(e.target.value),n.isFunction(o)&&o(e)}),[p,o]),M=b.useCallback((()=>{p||C(""),n.isFunction(i)&&i()}),[p,i]),O=b.useCallback((e=>{N(!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:D,handleOnClear:M,handleOnClick:O,handleOnChange:k,handleOnKeyDown:e=>{const{key:a}=e;if(_.has(a))switch(e.preventDefault(),a){case l.ESCAPE_KEY:h?(N(!1),v(null)):M();break;case l.ENTER_KEY:if(E){const{label:e}=E;p||C(e),n.isFunction(c)&&c(E)}else n.isFunction(u)&&u(g);N(!1),v(null);break;case l.ARROW_DOWN:{if(y.length<=0)return;N(!0);const e=T>=y.length-1?0:T+1;v(y[e]);break}case l.ARROW_UP:{if(y.length<=0)return;N(!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:N,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":L?H:void 0,"aria-expanded":L,"aria-haspopup":"listbox","aria-owns":L?H: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),R||q(l),n.isFunction(g)&&g(e)},onMouseDown:e=>{e.preventDefault()},onMouseMove:()=>{U(e)}},s),n.isFunction(N)?N(e,x):B?l:b.createElement(A,{query:x},l))}));return b.createElement(l.View,{className:v.default(l.ComponentClassNames.Autocomplete,t),id:w,testId:E},b.createElement(K,Object.assign({hasSearchButton:!1,hasSearchIcon:!0,onBlur:I,onChange:D,onClear:T,onClick:P,onKeyDown:M,ref:a,value:x},W,F)),L?b.createElement(O,Object.assign({id:H,isLoading:i,listboxId:j},d),$):null)}));Y.displayName="Autocomplete";const X=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)}));X.displayName="Badge";const Q=b.forwardRef(((e,a)=>{var{className:t,children:n,as:s="li"}=e,r=o.__rest(e,["className","children","as"]);const i=v.default(l.ComponentClassNames.BreadcrumbsItem,t);return b.createElement(l.View,Object.assign({},r,{as:s,className:i,ref:a}),n)}));Q.displayName="Breadcrumbs.Item";const J=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)}));J.displayName="Link";const ee=b.forwardRef(((e,a)=>{var t,s,{className:r,children:i,href:d,isCurrent:c}=e,u=o.__rest(e,["className","children","href","isCurrent"]);const m=v.default(l.ComponentClassNames.BreadcrumbsLink,n.classNameModifierByFlag(l.ComponentClassNames.BreadcrumbsLink,"current",c),r);if(c){const e=null!==(t=u["aria-current"])&&void 0!==t?t:"page",n=null!==(s=u.as)&&void 0!==s?s:"span";return b.createElement(l.Text,Object.assign({},u,{as:n,"aria-current":e,className:m,ref:a}),i)}return b.createElement(J,Object.assign({},u,{className:m,ref:a,href:d}),i)}));ee.displayName="Breadcrumbs.Link";const ae=b.forwardRef(((e,a)=>{var t,{className:n,children:s="/",as:r="span"}=e,i=o.__rest(e,["className","children","as"]);const d=null!==(t=i["aria-hidden"])&&void 0!==t?t:"true";return b.createElement(l.View,Object.assign({},i,{as:r,ref:a,"aria-hidden":d,className:v.default(l.ComponentClassNames.BreadcrumbsSeparator,n)}),s)}));ae.displayName="Breadcrumbs.Separator";const te=b.forwardRef(((e,a)=>{var t,{className:n,children:s}=e,r=o.__rest(e,["className","children"]);const i=v.default(l.ComponentClassNames.Breadcrumbs,n),d=null!==(t=r["aria-label"])&&void 0!==t?t:"Breadcrumb";return b.createElement(l.View,Object.assign({},r,{as:"nav","aria-label":d,className:i,ref:a}),b.createElement(l.View,{as:"ol",className:l.ComponentClassNames.BreadcrumbsList},s))}));te.displayName="Breadcrumbs.Container";const ne=Object.assign(b.forwardRef(((e,a)=>{var t,{className:n,items:l,separator:s=b.createElement(ae,null)}=e,r=o.__rest(e,["className","items","separator"]);const i=null!==(t=r["aria-label"])&&void 0!==t?t:"Breadcrumb";return b.createElement(te,Object.assign({},r,{"aria-label":i,className:n,ref:a}),null==l?void 0:l.map((({href:e,label:a},t)=>{const n=l.length-1===t;return b.createElement(Q,{key:`${e}${t}`},b.createElement(ee,{href:e,isCurrent:n},a),n?null:s)})))})),{Item:Q,Link:ee,Separator:ae,Container:te});ne.displayName="Breadcrumbs";const le=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=>{if(b.isValidElement(e)){const{size:a=r,variation:t=i}=e.props;return b.cloneElement(e,{size:a,variation:t})}return e})))}));le.displayName="ButtonGroup";const se=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)}));se.displayName="Card";const re=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)}));re.displayName="VisuallyHidden";const oe=b.forwardRef(((e,a)=>{var{checked:t,className:s,defaultChecked:r,hasError:i,isDisabled:d,isIndeterminate:c,label:u,labelHidden:m,labelPosition:p,onBlur:f,onFocus:C,onChange:g,testId:h,inputStyles:N}=e,E=o.__rest(e,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onBlur","onFocus","onChange","testId","inputStyles"]);const{styleProps:F,rest:y}=q(E),[w,x]=b.useState(!1),S=l.useIcons("checkbox"),{isFieldsetDisabled:I}=l.useFieldset(),T=I||d,P=void 0!==t,[D,k]=b.useState((()=>P?t:r)),M=P?t:D,O=V();b.useEffect((()=>{const e=document.querySelector(`[data-id="${O}"]`);e&&"boolean"==typeof c&&(e.indeterminate=c)}),[O,c]);const R=j(h,l.ComponentClassNames.CheckboxButton),B=j(h,l.ComponentClassNames.CheckboxIcon),L=j(h,l.ComponentClassNames.CheckboxLabel),_=v.default(l.ComponentClassNames.CheckboxButton,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"disabled",T),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"error",i),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"focused",w)),A=v.default(l.ComponentClassNames.CheckboxIcon,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"checked",M),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"disabled",T),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"indeterminate",c)),H={className:v.default(A),"data-checked":D,"data-disabled":T,"data-testid":B},z=(null==S?void 0:S.checked)?b.createElement(l.View,{as:"span",className:v.default(A)},S.checked):b.createElement(l.IconCheck,Object.assign({},H)),U=(null==S?void 0:S.indeterminate)?b.createElement(l.View,{as:"span",className:v.default(A)},S.indeterminate):b.createElement(l.IconIndeterminate,Object.assign({},H));return b.createElement(l.Flex,Object.assign({as:"label",className:v.default(l.ComponentClassNames.Checkbox,n.classNameModifierByFlag(l.ComponentClassNames.Checkbox,"disabled",T),s),"data-disabled":T,"data-label-position":p,testId:h},F),b.createElement(re,null,b.createElement(G,Object.assign({checked:t,className:l.ComponentClassNames.CheckboxInput,"data-id":O,defaultChecked:r,isDisabled:T,onBlur:e=>{n.isFunction(f)&&f(e),x(!1)},onChange:e=>{n.isFunction(g)&&g(e),P||k(e.target.checked)},onFocus:e=>{n.isFunction(C)&&C(e),x(!0)},ref:a,type:"checkbox"},y))),u&&b.createElement(l.Text,{as:"span",className:v.default(l.ComponentClassNames.CheckboxLabel,{[l.ComponentClassNames.VisuallyHidden]:m}),"data-disabled":T,testId:L},u),b.createElement(l.Flex,Object.assign({"aria-hidden":"true",as:"span",className:_,"data-checked":M,"data-disabled":T,"data-focus":w,"data-error":i,testId:R},N),c?U:z))}));oe.displayName="Checkbox";const ie=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=j(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(oe,Object.assign({hasError:r,labelHidden:i,testId:p,labelPosition:d,ref:a},m)),b.createElement(l.FieldErrorMessage,{hasError:r,errorMessage:s}))}));ie.displayName="CheckboxField";const de=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)}));de.displayName="Grid";const ce="...",ue=e=>{var a,t,{type:s,page:r,currentPage:i,currentPageLabel:d=l.ComponentText.PaginationItem.currentPageLabel,isDisabled:c,onClick:u,ariaLabel:m}=e,p=o.__rest(e,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const f=l.useIcons("pagination"),C=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",c)),g=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",c));switch(s){case"page":return b.createElement(l.View,{as:"li"},r===i?b.createElement(l.Flex,Object.assign({"aria-current":"page",as:"button",className:l.ComponentClassNames.PaginationItemCurrent,testId:"current"},p),b.createElement(re,null,d,":"),r):b.createElement(l.Button,Object.assign({className:v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==u||u()},ariaLabel:m},p),r));case"next":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:C,size:"small",variation:"link",isDisabled:c,onClick:()=>{null==u||u()},ariaLabel:m},p),null!==(a=null==f?void 0:f.next)&&void 0!==a?a:b.createElement(l.IconChevronRight,null)));case"previous":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:g,size:"small",variation:"link",isDisabled:c,onClick:()=>{null==u||u()},ariaLabel:m},p),null!==(t=null==f?void 0:f.previous)&&void 0!==t?t:b.createElement(l.IconChevronLeft,null)));case"ellipsis":return b.createElement(l.View,{as:"li"},b.createElement(l.Flex,Object.assign({as:"span",className:l.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},p),"…"))}return b.createElement(l.View,{as:"li"})};ue.displayName="PaginationItem";const me=({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(ue,{type:"previous",key:"previous",currentPage:e,onClick:c,isDisabled:e<=1,ariaLabel:o}),p=b.createElement(ue,{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,ce,...a]}if(!c&&u){const e=3+2*s;return[...l.getConsecutiveIntArray(1,e),ce,o]}const m=l.getConsecutiveIntArray(i,d);return[1,ce,...m,ce,o]}),[e,a,t]))(e,a,n);return[m,...b.useMemo((()=>f.map(((a,t)=>a===ce?b.createElement(ue,{type:"ellipsis",key:1===t?"start-ellipsis":"end-ellipsis"}):b.createElement(ue,{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]},pe=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=me({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))}));pe.displayName="Pagination";const fe=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}},Ce=(e,a)=>l.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>Ce(e,a))),ge=(e,a)=>Math.ceil(e/a),he=10,be=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)},Ne=e=>{var{children:a,items:t}=e,n=o.__rest(e,["children","items"]);return b.createElement(de,Object.assign({},n),Array.isArray(t)?t.map(a):null)},Ee=e=>{var{className:a,isSearchable:t,isPaginated:n,items:s,itemsPerPage:r=he,searchFilter:i=Ce,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 N=fe({totalPages:ge(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,N.currentPage,r));const E="list"===m?b.createElement(be,Object.assign({className:l.ComponentClassNames.CollectionItems,items:s},f)):"grid"===m?b.createElement(Ne,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)))(E,s,c),n?b.createElement(l.Flex,{className:l.ComponentClassNames.CollectionPagination},b.createElement(pe,Object.assign({},N))):null)};Ee.displayName="Collection";const ve=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))}));ve.displayName="Divider";const Fe=b.createContext("inactive"),ye=({value:e,children:a})=>b.createElement(Fe.Provider,{value:e},a),we=N.default.forwardRef(((e,a)=>{var{className:t,children:s,testId:r,isDisabled:i,onDragEnter:d,onDragLeave:c,onDragOver:u,onDragStart:m,onDrop:p}=e,f=o.__rest(e,["className","children","testId","isDisabled","onDragEnter","onDragLeave","onDragOver","onDragStart","onDrop"]);const C=N.default.useContext(Fe),g=i?{}:{onDragEnter:d,onDragLeave:c,onDragOver:u,onDragStart:m,onDrop:p};return N.default.createElement(l.View,Object.assign({},f,g,{isDisabled:i,className:v.default(t,n.classNameModifierByFlag(l.ComponentClassNames.DropZone,"rejected","reject"===C),n.classNameModifierByFlag(l.ComponentClassNames.DropZone,"accepted","accept"===C),n.classNameModifierByFlag(n.ComponentClassName.DropZone,"disabled",i),l.ComponentClassNames.DropZone),"data-testid":r,ref:a}),s)}));we.displayName="DropZoneContainer";const xe=Object.assign(b.forwardRef(((e,a)=>{var{children:t,testId:n,isDisabled:s,acceptedFileTypes:r,onDropComplete:i}=e,d=o.__rest(e,["children","testId","isDisabled","acceptedFileTypes","onDropComplete"]);const{dragState:c,onDragEnter:u,onDragLeave:m,onDragOver:p,onDragStart:f,onDrop:C}=l.useDropZone(Object.assign({acceptedFileTypes:r,onDropComplete:i},d));return b.createElement(ye,{value:c},b.createElement(we,Object.assign({},d,{testId:n,isDisabled:s,onDragStart:f,onDragEnter:u,onDragLeave:m,onDrop:C,onDragOver:p,ref:a}),t))})),{Accepted:({children:e})=>{const a=b.useContext(Fe);if(!a)throw new Error("`DropZone.Accept` must be used inside a DropZone");return"accept"===a?b.createElement(b.Fragment,null,e):null},Rejected:({children:e})=>{const a=b.useContext(Fe);if(!a)throw new Error("`DropZone.Rejected` must be used inside a DropZone");return"reject"===a?b.createElement(b.Fragment,null,e):null},Default:({children:e})=>{const a=b.useContext(Fe);if(!a)throw new Error("`DropZone.Default` must be used inside a DropZone");return"inactive"===a?b.createElement(b.Fragment,null,e):null}});xe.displayName="DropZone";const Se=({message:e,shouldWarn:a})=>{const t=a&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV);s.useDeprecationWarning({message:e,shouldWarn:t})},{Root:Ie}=n.sanitizeNamespaceImport(y),Te=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}=q(p),C=null!=d?d:i;Se({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(Ie,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(Ie,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)}));Te.displayName="Expander";const{Item:Pe,Header:De,Trigger:ke,Content:Me}=n.sanitizeNamespaceImport(y),Oe=b.forwardRef(((e,a)=>{var t,{children:n,className:s,title:r,value:i}=e,d=o.__rest(e,["children","className","title","value"]);const c=V(),u=V(),{rest:m}=q(d),p=l.useIcons("expander");return b.createElement(Pe,Object.assign({className:v.default(l.ComponentClassNames.ExpanderItem,s),"data-testid":"expander-item",ref:a,value:i},m),b.createElement(De,{className:l.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},b.createElement(ke,{"aria-controls":u,className:l.ComponentClassNames.ExpanderTrigger,id:c},r,b.createElement("span",{className:l.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon","aria-hidden":"true"},null!==(t=null==p?void 0:p.more)&&void 0!==t?t:b.createElement(l.IconExpandMore,null)))),b.createElement(Me,{"aria-labelledby":c,className:l.ComponentClassNames.ExpanderContent,id:u},b.createElement(l.View,{className:l.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},n)))}));Oe.displayName="ExpanderItem";const Re=b.forwardRef(((e,a)=>{var{children:t,className:s,isDisabled:r,legend:i,legendHidden:d,size:c,testId:u,variation:m="outlined"}=e,p=o.__rest(e,["children","className","isDisabled","legend","legendHidden","size","testId","variation"]);const{isFieldsetDisabled:f}=l.useFieldset(),C=f||r,g=b.useMemo((()=>({isFieldsetDisabled:C})),[C]),h=v.default(l.ComponentClassNames.Fieldset,n.classNameModifier(l.ComponentClassNames.Fieldset,m),n.classNameModifier(l.ComponentClassNames.Fieldset,c),s),N=v.default(l.ComponentClassNames.FieldsetLegend,n.classNameModifier(l.ComponentClassNames.FieldsetLegend,c),s,{[l.ComponentClassNames.VisuallyHidden]:d});return b.createElement(l.FieldsetContext.Provider,{value:g},b.createElement(l.Flex,Object.assign({as:"fieldset",className:h,ref:a,disabled:C,testId:u},p),b.createElement(re,{as:"legend"},i),b.createElement(l.View,{as:"div","aria-hidden":"true",className:N},i),t))}));Re.displayName="Fieldset";const Be={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},Le=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:Be[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)}));Le.displayName="Heading";const Ve=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))}));Ve.displayName="Image";const _e=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:N}=l.useStyles(g,m),E=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:E,"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},N),r)}));_e.displayName="MenuButton";const{DropdownMenu:je,DropdownMenuTrigger:Ae,DropdownMenuContent:He}=n.sanitizeNamespaceImport(w),ze=b.forwardRef(((e,a)=>{var t,{menuAlign:n="start",children:s,className:r,isOpen:i,size:d,trigger:c,triggerClassName:u,ariaLabel:m,onOpenChange:p}=e,f=o.__rest(e,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);const C=l.useIcons("menu");return b.createElement(je,{onOpenChange:p,open:i},b.createElement(Ae,{asChild:!0},null!=c?c:b.createElement(_e,{ariaLabel:m,size:d,testId:"amplify-menu-trigger-test-id",className:v.default(l.ComponentClassNames.MenuTrigger,u)},null!==(t=null==C?void 0:C.menu)&&void 0!==t?t:b.createElement(l.IconMenu,null))),b.createElement(He,{align:n,className:l.ComponentClassNames.MenuContentWrapper},b.createElement(le,Object.assign({className:v.default(l.ComponentClassNames.MenuContent,r),ref:a,size:d,testId:"amplify-menu-items-group-test-id"},f),s)))}));ze.displayName="Menu";const{DropdownMenuItem:Ue}=n.sanitizeNamespaceImport(w),Ge=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(Ue,{asChild:!0,ref:a},b.createElement(_e,Object.assign({className:v.default(l.ComponentClassNames.MenuItem,n),testId:"amplify-menu-item-test-id"},s,{variation:"menu"}),t))}));Ge.displayName="MenuItem";const qe=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.MessageHeading,n),ref:a},s),t)}));qe.displayName="MessageHeading";const We=b.createContext({dismissed:!1,setDismissed:()=>{}}),$e=()=>b.useContext(We),Ze=b.forwardRef(((e,a)=>{var t,n,s,r,{className:i}=e,d=o.__rest(e,["className"]);const c=l.useIcons("message"),{colorTheme:u}=$e();let m;switch(u){case"info":m=null!==(t=null==c?void 0:c.info)&&void 0!==t?t:b.createElement(l.IconInfo,null);break;case"error":m=null!==(n=null==c?void 0:c.error)&&void 0!==n?n:b.createElement(l.IconError,null);break;case"warning":m=null!==(s=null==c?void 0:c.warning)&&void 0!==s?s:b.createElement(l.IconWarning,null);break;case"success":m=null!==(r=null==c?void 0:c.success)&&void 0!==r?r:b.createElement(l.IconCheckCircle,null)}return m?b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.MessageIcon,i),"aria-hidden":"true",ref:a},d),m):null}));Ze.displayName="MessageIcon";const Ke=b.forwardRef(((e,a)=>{var t,{onDismiss:s,dismissLabel:r,hasIcon:i=!0,children:d,className:c}=e,u=o.__rest(e,["onDismiss","dismissLabel","hasIcon","children","className"]);const{setDismissed:m}=$e(),p=l.useIcons("message"),f=b.useCallback((()=>{m(!0),n.isFunction(s)&&s()}),[m,s]);return b.createElement(l.Button,Object.assign({variation:"link",colorTheme:"overlay",className:v.default(l.ComponentClassNames.MessageDismiss,c),ref:a,onClick:f},u),i?null!==(t=null==p?void 0:p.close)&&void 0!==t?t:b.createElement(l.IconClose,{"aria-hidden":"true"}):null,d||b.createElement(re,null,r||l.ComponentText.Message.dismissLabel))}));Ke.displayName="MessageContent";const Ye=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.MessageContent,n),ref:a},s),t)}));Ye.displayName="MessageContent";const Xe=b.forwardRef(((e,a)=>{var{children:t,className:s,colorTheme:r="neutral",variation:i="filled"}=e,d=o.__rest(e,["children","className","colorTheme","variation"]);const[c,u]=b.useState(!1),m=b.useMemo((()=>({colorTheme:r,dismissed:c,setDismissed:u})),[r,c]);return b.createElement(We.Provider,{value:m},c?null:b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Message,n.classNameModifier(l.ComponentClassNames.Message,i),n.classNameModifier(l.ComponentClassNames.Message,r),s),ref:a},d),t))}));Xe.displayName="MessageContainer";const Qe=b.forwardRef(((e,a)=>{var{children:t,heading:n,dismissLabel:l,isDismissible:s,onDismiss:r,hasIcon:i=!0,colorTheme:d="neutral",variation:c="filled"}=e,u=o.__rest(e,["children","heading","dismissLabel","isDismissible","onDismiss","hasIcon","colorTheme","variation"]);return b.createElement(Xe,Object.assign({colorTheme:d,variation:c,ref:a},u),i?b.createElement(Ze,null):null,b.createElement(Ye,null,n?b.createElement(qe,null,n):null,t),s?b.createElement(Ke,{onDismiss:r,dismissLabel:l}):null)}));Qe.displayName="Message";const{passwordIsHidden:Je,passwordIsShown:ea,showPassword:aa}=l.ComponentText.PasswordField,ta=b.forwardRef(((e,a)=>{var t,s,{fieldType:r,passwordIsHiddenLabel:i=Je,passwordIsShownLabel:d=ea,showPasswordButtonLabel:c=aa,size:u,hasError:m}=e,p=o.__rest(e,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const f=l.useIcons("passwordField"),C=v.default(l.ComponentClassNames.FieldShowPassword,n.classNameModifierByFlag(l.ComponentClassNames.FieldShowPassword,"error",m)),g="password"===r?null!==(t=null==f?void 0:f.visibility)&&void 0!==t?t:b.createElement(l.IconVisibility,{"aria-hidden":"true"}):null!==(s=null==f?void 0:f.visibilityOff)&&void 0!==s?s:b.createElement(l.IconVisibilityOff,{"aria-hidden":"true"});return b.createElement(l.Button,Object.assign({"aria-checked":"password"!==r,ariaLabel:c,className:C,ref:a,role:"switch",size:u},p),b.createElement(re,{"aria-live":"polite"},"password"===r?i:d),g)}));ta.displayName="ShowPasswordButton";const na=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(W,Object.assign({autoComplete:t,outerEndComponent:r?null:b.createElement(ta,{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))}));na.displayName="PasswordField";const la=b.forwardRef(((e,a)=>{var t,{autoComplete:s,className:r,size:i,variation:d,value:c,defaultValue:u,hasError:m,icon:p,iconColor:f,children:C,placeholder:g,isDisabled:h,isRequired:N,isMultiple:E=!1,selectSize:F=1}=e,y=o.__rest(e,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired","isMultiple","selectSize"]);const w=void 0===c&&void 0===u&&g,x=E||F>1,S=v.default(l.ComponentClassNames.Select,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Select,i),n.classNameModifier(l.ComponentClassNames.Select,d),n.classNameModifierByFlag(l.ComponentClassNames.Select,"error",m),n.classNameModifierByFlag(l.ComponentClassNames.Select,"expanded",x),r),I=l.useIcons("select"),{isFieldsetDisabled:T}=l.useFieldset();return b.createElement(l.View,{className:l.ComponentClassNames.SelectWrapper},b.createElement(l.View,Object.assign({"aria-invalid":m,as:"select",autoComplete:s,value:c,defaultValue:w?"":u,isDisabled:T||h,multiple:E,size:F,required:N,"data-size":i,"data-variation":d,className:S,ref:a},y),g&&b.createElement("option",{value:""},g),C),x?null:b.createElement(l.Flex,{className:v.default(l.ComponentClassNames.SelectIconWrapper,n.classNameModifier(l.ComponentClassNames.SelectIconWrapper,i)),color:f},null!==(t=null!=p?p:null==I?void 0:I.expand)&&void 0!==t?t:b.createElement(l.IconExpandMore,null)))}));la.displayName="Select";const sa=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"]),N=V(c),E=V(),F=r?E:void 0,{styleProps:y,rest:w}=q(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:N,visuallyHidden:m},u),b.createElement(l.FieldDescription,{id:E,labelHidden:m,descriptiveText:r}),b.createElement(la,Object.assign({"aria-describedby":F,hasError:d,id:N,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}))}));sa.displayName="SelectField";const ra=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(sa,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)}));ra.displayName="CountryCodeSelect";const oa=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:N,onDialCodeChange:E,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!=E?E:N,D=null!=f?f:i;return b.createElement(W,Object.assign({outerStartComponent:b.createElement(ra,{defaultValue:T,dialCodeList:m,className:n,hasError:C,isDisabled:g,isReadOnly:h,label:I,name:S,onChange:P,ref:D,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))}));oa.displayName="PhoneNumberField";const ia=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))}));ia.displayName="Placeholder";const da=N.default.createContext({name:"default"}),ca=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:N,right:E,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:D,onChange:k,size:M,labelPosition:O}=e.useContext(da),{isFieldsetDisabled:R}=l.useFieldset(),B=R||(T||d||D&&x!==u),L=void 0!==w?u===w:void 0,V=void 0!==x?u===x:void 0,_=m||O;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":_,height:p,width:f,bottom:C,top:F,right:E,left:g,position:h,padding:N},s&&b.createElement(l.Text,{as:"span",className:l.ComponentClassNames.RadioLabel,"data-disabled":B},s),b.createElement(G,Object.assign({checked:L,className:v.default(l.ComponentClassNames.VisuallyHidden,l.ComponentClassNames.RadioInput),defaultChecked:V,hasError:I,id:i,isDisabled:B,isReadOnly:D,isRequired:P,onChange:k,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}))}));ca.displayName="Radio";const ua=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:N,name:E,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=V(u),I=V(),T=i?I:void 0,P=j(y,l.ComponentClassNames.RadioGroup),D=b.useMemo((()=>({currentValue:w,defaultValue:r,hasError:c,isRequired:p,isReadOnly:f,isGroupDisabled:m,onChange:N,size:F,name:E,labelPosition:h})),[r,c,m,p,f,N,F,E,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(re,{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(da.Provider,{value:D},t)),b.createElement(l.FieldErrorMessage,{hasError:c,errorMessage:d}))}));ua.displayName="RadioGroupField";const ma=({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));ma.displayName="RatingIcon";const pa=({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)))};pa.displayName="RatingMixedIcon";const fa=5,Ca=0,ga=b.forwardRef(((e,a)=>{var t,s,r,{className:i,emptyColor:d,emptyIcon:c,fillColor:u,icon:m,maxValue:p=fa,size:f,value:C=Ca}=e,g=o.__rest(e,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const h=l.useIcons("rating"),N=null!==(t=null!=m?m:null==h?void 0:h.filled)&&void 0!==t?t:b.createElement(l.IconStar,null),E=null!==(r=null!==(s=null!=c?c:m)&&void 0!==s?s:null==h?void 0:h.empty)&&void 0!==r?r:b.createElement(l.IconStar,null),F=new Array(Math.ceil(p)).fill(1).map(((e,a)=>{const t=a+1;return((e,a)=>e<=a)(t,C)?b.createElement(ma,{key:a.toString(),icon:N,fill:u,className:"amplify-rating-icon-filled"}):((e,a)=>e-1>=a)(t,C)?b.createElement(ma,{key:a.toString(),icon:E,fill:d,className:"amplify-rating-icon-empty"}):((e,a)=>e>a&&e-1<a)(t,C)?b.createElement(pa,{key:a.toString(),fillIcon:N,emptyIcon:E,value:C,fillColor:u,emptyColor:d}):void 0}));return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Rating,n.classNameModifier(l.ComponentClassNames.Rating,f),i),"data-size":f,ref:a},g),F,b.createElement(re,null,C," out of ",p," rating"))}));ga.displayName="Rating";const{Range:ha,Root:ba,Thumb:Na,Track:Ea}=n.sanitizeNamespaceImport(x),va=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:N=!1,onChange:E,orientation:F="horizontal",outerEndComponent:y,outerStartComponent:w,testId:x,thumbColor:S,trackSize:I,value:T,size:P}=e,D=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{isFieldsetDisabled:k}=l.useFieldset(),M=V(f),O=V(),R=V(),B=i?R:void 0,{styleProps:L,rest:_}=q(D),j=void 0!==T,[A,H]=b.useState(j?T:r),z=j?[T]:void 0,G=j?void 0:[r],W=b.useCallback((e=>{H(e[0]),n.isFunction(E)&&E(e[0])}),[E]),$=b.useMemo((()=>{const e=n.isFunction(m)?m(A):A;return"string"==typeof m?b.createElement(l.View,{as:"span"},e):e}),[A,m]),Z="vertical"===F,K=v.default(l.ComponentClassNames.SliderFieldTrack,n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,F),n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,P)),Y=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},L),b.createElement(l.Label,{className:l.ComponentClassNames.SliderFieldLabel,id:O,testId:"slider-label",visuallyHidden:N},b.createElement(l.View,{as:"span"},h),g?null:$),b.createElement(l.FieldDescription,{id:R,labelHidden:N,descriptiveText:i}),b.createElement(U,{className:l.ComponentClassNames.SliderFieldGroup,id:M,orientation:F,outerStartComponent:w,outerEndComponent:y},b.createElement(ba,Object.assign({className:Y,"data-testid":"slider-root",disabled:k||C,defaultValue:G,onValueChange:W,orientation:F,ref:a,value:z},_),b.createElement(Ea,{className:K,"data-testid":"slider-track",style:{backgroundColor:String(d),[""+(Z?"width":"height")]:I}},b.createElement(ha,{className:v.default(l.ComponentClassNames.SliderFieldRange,n.classNameModifier(l.ComponentClassNames.SliderFieldRange,F)),"data-testid":"slider-range",style:{backgroundColor:String(u)}})),b.createElement(Na,{"aria-describedby":B,"aria-labelledby":O,"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}))}));va.displayName="SliderField";const Fa=({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},ya=b.forwardRef(((e,a)=>{var t,s;const{className:r,defaultValue:i,descriptiveText:d,errorMessage:c,hasError:u=!1,id:m,inputStyles:p,isDisabled:f,isReadOnly:C,isRequired:g,increaseButtonLabel:h=l.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:N=l.ComponentText.StepperField.decreaseButtonLabel,label:E,labelHidden:F=!1,onStepChange:y,size:w,testId:x,value:S,variation:I}=e,T=o.__rest(e,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),P=V(m),D=V(),k=d?D:void 0,{styleProps:M,rest:O}=q(T),R=l.useIcons("stepperField"),{step:B,value:L,inputValue:_,handleDecrease:j,handleIncrease:A,handleOnBlur:H,handleOnChange:z,handleOnWheel:W,setInputValue:$,shouldDisableDecreaseButton:Z,shouldDisableIncreaseButton:K}=(({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((()=>Fa({min:s,max:l,step:t,value:e}))),h=f?Fa({min:s,max:l,step:t,value:a}):C,N=null!==(m=null!=r?r:o)&&void 0!==m?m:h+t>l,E=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=Fa({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:E,shouldDisableIncreaseButton:N}})(Object.assign(Object.assign({},e),{defaultValue:i,onStepChange:y}));return b.useEffect((()=>{void 0!==S&&$(S)}),[S,$]),b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,w),l.ComponentClassNames.StepperField,r),"data-size":w,"data-variation":I,testId:x},M),b.createElement(l.Label,{htmlFor:P,visuallyHidden:F},E),b.createElement(l.FieldDescription,{id:D,labelHidden:F,descriptiveText:d}),b.createElement(U,{outerStartComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":P,ariaLabel:`${N} ${L-B}`,className:v.default(l.ComponentClassNames.StepperFieldButtonDecrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonDecrease,I),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonDecrease,"disabled",Z)),"data-invalid":u,isDisabled:Z,onClick:j,size:w},null!==(t=null==R?void 0:R.remove)&&void 0!==t?t:b.createElement(l.IconRemove,{"data-testid":"decrease-icon"})),outerEndComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":P,ariaLabel:`${h} ${L+B}`,className:v.default(l.ComponentClassNames.StepperFieldButtonIncrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonIncrease,I),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonIncrease,"disabled",K)),"data-invalid":u,isDisabled:K,onClick:A,size:w},null!==(s=null==R?void 0:R.add)&&void 0!==s?s:b.createElement(l.IconAdd,{"data-testid":"increase-icon"}))},b.createElement(G,Object.assign({"aria-describedby":k,className:l.ComponentClassNames.StepperFieldInput,hasError:u,id:P,isDisabled:f,isReadOnly:C,isRequired:g,onBlur:H,onChange:z,onWheel:W,ref:a,size:w,variation:I,type:"number",value:_},p,O))),b.createElement(l.FieldErrorMessage,{hasError:u,errorMessage:c}))}));ya.displayName="StepperField";const wa=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:N,trackColor:E,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}),{isFieldsetDisabled:D}=l.useFieldset(),k=D||c,M=V(i),O=u?re:l.View,R=v.default(l.ComponentClassNames.SwitchTrack,n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"disabled",k),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"focused",T),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"error",y)),B=v.default(l.ComponentClassNames.SwitchThumb,n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"disabled",k));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(re,null,b.createElement(G,{role:"switch",type:"checkbox",id:M,onChange:I,disabled:c,name:f,checked:S,value:F,onFocus:()=>{P(!0)},onBlur:()=>{P(!1)}})),b.createElement(l.Label,{htmlFor:M,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:R,"data-checked":S,"data-disabled":k,"data-focused":T,backgroundColor:S?N:E},b.createElement(l.View,{as:"span",className:B,"data-checked":S,"data-disabled":k,backgroundColor:h}))),b.createElement(l.FieldErrorMessage,{hasError:y,errorMessage:w}))}));wa.displayName="SwitchField";const xa=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)}));xa.displayName="Table";const Sa=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)}));Sa.displayName="TableBody";const Ia=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)}));Ia.displayName="TableCell";const Ta=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)}));Ta.displayName="TableFoot";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:"thead",className:v.default(l.ComponentClassNames.TableHead,n),ref:a},s),t)}));Pa.displayName="TableHead";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:"tr",className:v.default(l.ComponentClassNames.TableRow,n),ref:a},s),t)}));Da.displayName="TableRow";const{Root:ka,List:Ma,Trigger:Oa,Content:Ra}=n.sanitizeNamespaceImport(S),Ba=e=>b.isValidElement(e),La=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(ka,Object.assign({},p),b.createElement(Ma,{"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(Ra,{key:a,value:`${a}`},e.props.children)})))})),Va=b.forwardRef(((e,a)=>{var{className:t,title:n}=e,s=o.__rest(e,["className","title"]);return b.createElement(l.View,Object.assign({as:Oa,className:v.default(l.ComponentClassNames.TabItems,t),ref:a},s),n)}));La.displayName="Tabs",Va.displayName="TabItem";const _a=b.forwardRef(((e,a)=>{var{className:t,isDisabled:s,isReadOnly:r,isRequired:i,size:d,hasError:c=!1,variation:u}=e,m=o.__rest(e,["className","isDisabled","isReadOnly","isRequired","size","hasError","variation"]);const p=v.default(l.ComponentClassNames.Textarea,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Textarea,u),n.classNameModifier(l.ComponentClassNames.Textarea,d),n.classNameModifierByFlag(l.ComponentClassNames.Textarea,"error",c),t),{isFieldsetDisabled:f}=l.useFieldset();return b.createElement(l.View,Object.assign({"aria-invalid":c,as:"textarea",className:p,"data-size":d,"data-variation":u,disabled:f||s,readOnly:r,ref:a,required:i},m))}));_a.displayName="TextArea";const ja=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"]),N=V(d),E=V(),F=s?E:void 0,{styleProps:y,rest:w}=q(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:N,visuallyHidden:u},c),b.createElement(l.FieldDescription,{id:E,labelHidden:u,descriptiveText:s}),b.createElement(_a,Object.assign({"aria-describedby":F,hasError:i,id:N,ref:a,rows:null!=m?m:3,size:p,resize:g},w,C)),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));ja.displayName="TextAreaField";const Aa=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}),N=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:N,isDisabled:i,onClick:h,ref:a,size:m,type:"button",variation:f},C),s)}));Aa.displayName="ToggleButton";const Ha=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)))}));Ha.displayName="ToggleButtonGroup";var za,Ua=Object.freeze({__proto__:null,IconsProvider:P,Alert:D,Autocomplete:Y,Badge:X,Breadcrumbs:ne,Button:l.Button,ButtonGroup:le,Card:se,CheckboxField:ie,Collection:Ee,Divider:ve,DropZone:xe,Expander:Te,ExpanderItem:Oe,FieldGroupIcon:l.FieldGroupIcon,FieldGroupIconButton:l.FieldGroupIconButton,Fieldset:Re,Flex:l.Flex,Grid:de,Heading:Le,HighlightMatch:A,Icon:l.Icon,Image:Ve,Input:G,Label:l.Label,Link:J,Loader:l.Loader,Menu:ze,MenuButton:_e,MenuItem:Ge,Message:Qe,Pagination:pe,PasswordField:na,PhoneNumberField:oa,Placeholder:ia,Radio:ca,RadioGroupField:ua,Rating:ga,ScrollView:M,SearchField:K,SelectField:sa,SliderField:va,StepperField:ya,SwitchField:wa,Tabs:La,TabItem:Va,Text:l.Text,TextAreaField:ja,TextField:W,ToggleButton:Aa,ToggleButtonGroup:Ha,View:l.View,VisuallyHidden:re,Table:xa,TableBody:Sa,TableCell:Ia,TableFoot:Ta,TableHead:Pa,TableRow:Da,usePagination:fe,ComponentClassNames:l.ComponentClassNames,ComponentClassObject:l.ComponentClassObject,ComponentPropsToStylePropsMap:l.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:l.ComponentPropsToStylePropsMapKeys});!function(e){e.ChangePassword="amplify-accountsettings-changepassword",e.DeleteUser="amplify-accountsettings-deleteuser"}(za||(za={}));const Ga=({errors:e,id:a,dataAttr:t})=>{if(!((null==e?void 0:e.length)>0))return null;const s=t?{[t]:!0}:{};return N.default.createElement(l.View,Object.assign({},s,{id:a}),e.map((e=>N.default.createElement(l.Text,{key:e,role:"alert",variation:"error"},n.translate(e)))))},qa=e=>N.default.createElement(D,Object.assign({variation:"error"},e)),Wa=e=>{var{fieldValidationErrors:a,label:t}=e,n=o.__rest(e,["fieldValidationErrors","label"]);return N.default.createElement(N.default.Fragment,null,N.default.createElement(na,Object.assign({},n,{label:t})),a?N.default.createElement(Ga,{errors:a}):null)},$a={CurrentPasswordField:Wa,NewPasswordField:Wa,ConfirmPasswordField:Wa,SubmitButton:l.Button,ErrorMessage:qa},Za=new t.Logger("ChangePassword");function Ka({onSuccess:e,onError:a,validators:t,components:s}){const[r,o]=N.default.useState(null),[i,d]=N.default.useState({}),[c,u]=N.default.useState({}),m=N.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=N.default.useMemo((()=>null!=t?t:n.getDefaultPasswordValidators()),[t]),h=N.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=N.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=N.default.useCallback((e=>{const a={newPassword:h(e),confirmPassword:b(e)};E.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:D}=N.default.useMemo((()=>Object.assign(Object.assign({},$a),null!=s?s:{})),[s]),k=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?N.default.createElement(l.View,{as:"form",className:za.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)}))}},N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(S,{autoComplete:"current-password",isRequired:!0,label:F,name:"currentPassword",onBlur:M,onChange:k}),N.default.createElement(I,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.newPassword,isRequired:!0,label:y,name:"newPassword",onBlur:M,onChange:k}),N.default.createElement(T,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.confirmPassword,isRequired:!0,label:w,name:"confirmPassword",onBlur:M,onChange:k}),N.default.createElement(P,{isDisabled:C,type:"submit"},x),r?N.default.createElement(D,null,r):null)):(Za.warn("<ChangePassword /> requires user to be authenticated."),null)}Ka.CurrentPasswordField=$a.CurrentPasswordField,Ka.NewPasswordField=$a.NewPasswordField,Ka.ConfirmPasswordField=$a.ConfirmPasswordField,Ka.SubmitButton=$a.SubmitButton,Ka.ErrorMessage=$a.ErrorMessage;const Ya={ErrorMessage:qa,DeleteButton:e=>N.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 N.default.createElement(se,null,N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Text,{color:"font.error"},s),N.default.createElement(l.Flex,null,N.default.createElement(l.Button,{variation:"link",onClick:e,isDisabled:t},r),N.default.createElement(l.Button,{variation:"destructive",onClick:a,isDisabled:t},o))))}},Xa=n.getLogger("Auth");function Qa({components:e,onSuccess:a,onError:t,handleDelete:s}){const[r,i]=N.default.useState("IDLE"),[d,c]=N.default.useState(null),u=n.translate("Delete Account"),{user:m,isLoading:p}=l.useAuth(),{ErrorMessage:f,DeleteButton:C,WarningView:g}=N.default.useMemo((()=>Object.assign(Object.assign({},Ya),null!=e?e:{})),[e]),h=N.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=N.default.useCallback((()=>{i("IDLE")}),[]),E=N.default.useCallback((()=>{h()}),[h]);return p?null:m?"DONE"===r?null:N.default.createElement(l.Flex,{className:za.DeleteUser,direction:"column"},N.default.createElement(C,{isDisabled:"CONFIRMATION"===r||"DELETING"===r,onClick:e=>{e.preventDefault(),i("CONFIRMATION")}},u),"CONFIRMATION"===r||"DELETING"===r?N.default.createElement(g,{onCancel:b,isDisabled:"DELETING"===r,onConfirm:E}):null,d?N.default.createElement(f,null,d):null):(Xa.warn("<DeleteUser /> requires user to be authenticated."),null)}Qa.ErrorMessage=Ya.ErrorMessage,Qa.DeleteButton=Ya.DeleteButton,Qa.WarningView=Ya.WarningView;var Ja={ChangePassword:Ka,DeleteUser:Qa};const et="5.3.2",at=b.createContext(null),tt=()=>{const e=b.useContext(at);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e},nt=e=>"signIn"===e||"signUp";function lt({children:e,className:a,variation:t="default"}){const{route:n}=s.useAuthenticator((({route:e})=>[e])),{components:{Header:r,Footer:o}}=tt();return N.default.createElement(l.View,{className:a,"data-amplify-authenticator":"","data-variation":t},N.default.createElement(l.View,{"data-amplify-container":""},N.default.createElement(r,null),N.default.createElement(l.View,{"data-amplify-router":"","data-amplify-router-content":nt(n)?void 0:""},e),N.default.createElement(o,null)))}function st(){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 rt=()=>{const{error:e}=s.useAuthenticator((e=>[e.error]));return N.default.createElement(N.default.Fragment,null,e?N.default.createElement(D,{variation:"error",isDismissible:!0},n.translate(e)):null)};function ot(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=V(),p=u?m:void 0;return"tel"===r?b.createElement(b.Fragment,null,b.createElement(oa,Object.assign({},i,{name:l,defaultDialCode:t,dialCodeName:"country_code",autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ga,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):"password"===r?b.createElement(b.Fragment,null,b.createElement(na,Object.assign({},i,{name:l,autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ga,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):b.createElement(b.Fragment,null,b.createElement(W,Object.assign({},i,{name:l,autoComplete:a,hasError:u,type:r,"aria-describedby":p})),b.createElement(Ga,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m}))}function it(){const{fields:e}=s.useAuthenticator((({route:e})=>[e])),a=b.useRef(e.map(((e,a)=>b.createElement(ot,Object.assign({key:a},e))))).current;return b.createElement(b.Fragment,null,a)}const{getDeliveryMessageText:dt,getDeliveryMethodText:ct,getConfirmingText:ut,getConfirmText:mt,getResendCodeText:pt}=n.authenticatorTextUtil;function ft({className:e,variation:a}){const{isPending:t,resendCode:n,codeDeliveryDetails:r}=s.useAuthenticator((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:o,handleSubmit:i}=st(),{components:{ConfirmSignUp:{Header:d=ft.Header,Footer:c=ft.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:o,onSubmit:i},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(d,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Text,{className:"amplify-authenticator__subtitle"},dt(r)),N.default.createElement(it,null),N.default.createElement(rt,null),N.default.createElement(l.Button,{variation:"primary",isDisabled:t,type:"submit",loadingText:ut(),isLoading:t,fontWeight:"normal"},mt()),N.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal"},pt())),N.default.createElement(c,null))))}ft.Header=()=>{const{codeDeliveryDetails:e}=s.useAuthenticator((e=>[e.codeDeliveryDetails]));return N.default.createElement(Le,{level:4},ct(e))},ft.Footer=function(){return null};const{getChangePasswordText:Ct,getChangingText:gt,getBackToSignInText:ht}=n.authenticatorTextUtil,bt=({className:e,variation:a})=>{const{isPending:t,toSignIn:n}=s.useAuthenticator((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:i}=st(),{components:{ForceNewPassword:{FormFields:d=bt.FormFields,Header:c=bt.Header,Footer:u=bt.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:o,onSubmit:i,onBlur:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(c,null),N.default.createElement(d,null),N.default.createElement(rt,null),N.default.createElement(l.Button,{isDisabled:t,type:"submit",variation:"primary",isLoading:t,loadingText:gt(),fontWeight:"normal"},Ct()),N.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal",variation:"link",size:"small"},ht()),N.default.createElement(u,null))))};bt.FormFields=function(){return N.default.createElement(it,null)},bt.Header=function(){return N.default.createElement(Le,{level:4},Ct())},bt.Footer=function(){return null};const{getConfirmText:Nt,getConfirmingText:Et,getBackToSignInText:vt}=n.authenticatorTextUtil,Ft=()=>{const{isPending:e,toSignIn:a}=s.useAuthenticator((e=>[e.isPending,e.toSignIn]));return N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Button,{isDisabled:e,type:"submit",variation:"primary",fontWeight:"normal",isLoading:e,loadingText:Et()},Nt()),N.default.createElement(l.Button,{onClick:a,type:"button",variation:"link",fontWeight:"normal",size:"small"},vt()))},yt=new t.Logger("SetupTOTP-logger"),{getSetupTOTPText:wt,getCopiedText:xt,getLoadingText:St}=n.authenticatorTextUtil,It=({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}=st(),{components:{SetupTOTP:{Header:p=It.Header,Footer:f=It.Footer}}}=tt(),[C,g]=b.useState(!0),[h,N]=b.useState(),[E,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);N(a)}catch(e){yt.error(e)}finally{g(!1)}}))),[F,y,r]);b.useEffect((()=>{h||w()}),[w,h]);return b.createElement(lt,{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,St(),"…"):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(xt())}},b.createElement("div",{"data-amplify-copy-tooltip":!0},E),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(it,null),b.createElement(rt,null)),b.createElement(Ft,null),b.createElement(f,null))))};It.Header=function(){return b.createElement(Le,{level:3},wt())},It.Footer=function(){return null};const{getSubmitText:Tt,getSubmittingText:Pt}=n.authenticatorTextUtil,Dt=e=>{const{cancelButtonSendType:a,cancelButtonText:t,submitButtonText:n}=e,{isPending:r,resendCode:o,skipVerification:i,toSignIn:d}=s.useAuthenticator((e=>[e.isPending])),c=r?N.default.createElement(N.default.Fragment,null,Pt(),"…"):N.default.createElement(N.default.Fragment,null,Tt()),u=null!=n?n:c;return N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Button,{fontWeight:"normal",variation:"primary",isDisabled:r,type:"submit"},u),N.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))},kt=()=>N.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"},N.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"})),Mt=()=>N.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"},N.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"}),N.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"}),N.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"}),N.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"})),Ot=()=>N.default.createElement(l.Icon,{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"}),Rt=()=>N.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"},N.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"}),N.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=N.default.createElement(Ot,null):"google"===a?o=N.default.createElement(Mt,null):"amazon"===a?o=N.default.createElement(Rt,null):"apple"===a&&(o=N.default.createElement(kt,null)),N.default.createElement(l.Button,{onClick:e=>{e.preventDefault(),r({provider:t})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},o,N.default.createElement(l.Text,{as:"span"},n))},{getSignInWithFederationText:Lt,getOrText:Vt}=n.authenticatorTextUtil;function _t(){const{route:e,socialProviders:a}=s.useAuthenticator((({route:e,socialProviders:a})=>[e,a]));return 0===a.length?null:N.default.createElement(l.Flex,{direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},a.map((a=>{switch(a){case"amazon":return N.default.createElement(Bt,{icon:"amazon",key:a,provider:n.FederatedIdentityProviders.Amazon,text:Lt(e,a)});case"apple":return N.default.createElement(Bt,{icon:"apple",key:a,provider:n.FederatedIdentityProviders.Apple,text:Lt(e,a)});case"facebook":return N.default.createElement(Bt,{icon:"facebook",key:a,provider:n.FederatedIdentityProviders.Facebook,text:Lt(e,a)});case"google":return N.default.createElement(Bt,{icon:"google",key:a,provider:n.FederatedIdentityProviders.Google,text:Lt(e,a)});default:console.error(`Authenticator does not support ${a}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),N.default.createElement(ve,{size:"small",label:Vt()}))}const{getSignInText:jt,getSigningInText:At,getForgotPasswordText:Ht}=n.authenticatorTextUtil;function zt(){const{isPending:e}=s.useAuthenticator((e=>[e.isPending])),{handleChange:a,handleSubmit:t}=st(),{components:{SignIn:{Header:n=zt.Header,Footer:r=zt.Footer}}}=tt();return N.default.createElement(l.View,null,N.default.createElement(n,null),N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:t,onChange:a},N.default.createElement(_t,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:e},N.default.createElement(re,null,N.default.createElement("legend",null,jt())),N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(l.Button,{isDisabled:e,isFullWidth:!0,type:"submit",variation:"primary",isLoading:e,loadingText:At()},jt()))),N.default.createElement(r,null))}zt.Footer=()=>{const{toResetPassword:e}=s.useAuthenticator((e=>[e.toResetPassword]));return N.default.createElement(l.View,{"data-amplify-footer":""},N.default.createElement(l.Button,{fontWeight:"normal",onClick:e,size:"small",variation:"link"},Ht()))},zt.Header=function(){return null};const{getCreateAccountText:Ut,getCreatingAccountText:Gt}=n.authenticatorTextUtil;function qt(){const{hasValidationErrors:e,isPending:a}=s.useAuthenticator((e=>[e.hasValidationErrors,e.isPending])),{handleChange:t,handleBlur:n,handleSubmit:r}=st(),{components:{SignUp:{Header:o=qt.Header,FormFields:i=qt.FormFields,Footer:d=qt.Footer}}}=tt();return N.default.createElement(l.View,null,N.default.createElement(o,null),N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:t,onSubmit:r,onBlur:n},N.default.createElement(_t,null),N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:a},N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(i,null),N.default.createElement(rt,null)),N.default.createElement(l.Button,{isDisabled:e||a,isFullWidth:!0,type:"submit",variation:"primary",isLoading:a,loadingText:Gt()},Ut()))),N.default.createElement(d,null))}qt.Header=function(){return null},qt.FormFields=function(){return N.default.createElement(it,null)},qt.Footer=function(){return null};const{getSignInTabText:Wt,getSignUpTabText:$t}=n.authenticatorTextUtil,Zt=({className:e,hideSignUp:a,variation:t})=>{const{route:n,toSignIn:r,toSignUp:o}=s.useAuthenticator((e=>[e.route,e.toSignIn,e.toSignUp]));return N.default.createElement(lt,{className:e,variation:t},a?N.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&N.default.createElement(zt,null)):N.default.createElement(La,{indicatorPosition:"top",currentIndex:"signIn"===n?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===n?o():r()},N.default.createElement(Va,{title:Wt()},N.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&N.default.createElement(zt,null))),N.default.createElement(Va,{title:$t()},N.default.createElement(l.View,{"data-amplify-router-content":""},"signUp"===n&&N.default.createElement(qt,null)))))},{getAccountRecoveryInfoText:Kt,getSkipText:Yt}=n.authenticatorTextUtil,Xt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=st(),{components:{ConfirmVerifyUser:{Header:o=Xt.Header,Footer:i=Xt.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:n,onSubmit:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(o,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonText:Yt(),cancelButtonSendType:"SKIP"}),N.default.createElement(i,null))))};Xt.Header=function(){return N.default.createElement(Le,{level:3},Kt())},Xt.Footer=function(){return null};const{getSkipText:Qt,getVerifyText:Jt,getVerifyContactText:en,getAccountRecoveryInfoText:an}=n.authenticatorTextUtil,tn=e=>Object.entries(e).map((([e,a])=>N.default.createElement(ca,{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)))),nn=({className:e,variation:a})=>{const{components:{VerifyUser:{Header:t=nn.Header,Footer:n=nn.Footer}}}=tt(),{isPending:r,unverifiedContactMethods:o}=s.useAuthenticator((({isPending:e,unverifiedContactMethods:a})=>[e,a])),{handleChange:i,handleSubmit:d}=st(),c=r?N.default.createElement(N.default.Fragment,null,"Verifying…"):N.default.createElement(N.default.Fragment,null,Jt()),u=N.default.createElement(ua,{label:en(),labelHidden:!0,name:"verify_context",isDisabled:r},tn(o));return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:i,onSubmit:d},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:r},N.default.createElement(t,null),u,N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonText:Qt(),cancelButtonSendType:"SKIP",submitButtonText:c}),N.default.createElement(n,null))))};nn.Header=function(){return N.default.createElement(Le,{level:3},an())},nn.Footer=function(){return null};const{getChallengeText:ln}=n.authenticatorTextUtil,sn=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=st(),{components:{ConfirmSignIn:{Header:o=sn.Header,Footer:i=sn.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(o,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null),N.default.createElement(rt,null)),N.default.createElement(Ft,null),N.default.createElement(i,null))))};sn.Header=function(){const{user:{challengeName:e}}=s.useAuthenticator((({user:e})=>[e]));return N.default.createElement(Le,{level:3},ln(e))},sn.Footer=function(){return null};const{getResendCodeText:rn,getResetYourPasswordText:on}=n.authenticatorTextUtil,dn=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleBlur:n,handleChange:r,handleSubmit:o}=st(),{components:{ConfirmResetPassword:{Header:i=dn.Header,Footer:d=dn.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:o,onChange:r,onBlur:n},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(i,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonSendType:"RESEND",cancelButtonText:rn()}),N.default.createElement(d,null))))};dn.Header=function(){const e=on();return N.default.createElement(Le,{level:3},e)},dn.Footer=function(){return null};const{getBackToSignInText:cn,getSendingText:un,getSendCodeText:mn,getResetYourPasswordText:pn}=n.authenticatorTextUtil,fn=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=st(),{components:{ResetPassword:{Header:o=fn.Header,Footer:i=fn.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:n,onSubmit:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(o,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonText:cn(),cancelButtonSendType:"SIGN_IN",submitButtonText:t?N.default.createElement(N.default.Fragment,null,un(),"…"):N.default.createElement(N.default.Fragment,null,mn())}),N.default.createElement(i,null))))};fn.Header=function(){return N.default.createElement(Le,{level:3},pn())},fn.Footer=function(){return null};const Cn=e=>"signIn"===e||"signUp"===e;function gn(){return null}const hn=e=>{switch(e){case"authenticated":case"idle":case"setup":case"transition":return gn;case"confirmSignUp":return ft;case"confirmSignIn":return sn;case"setupTOTP":return It;case"signIn":case"signUp":return Zt;case"forceNewPassword":return bt;case"resetPassword":return fn;case"confirmResetPassword":return dn;case"verifyUser":return nn;case"confirmVerifyUser":return Xt;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),gn}};function bn({className:a,hideSignUp:t,variation:n}){const{route:l}=s.useAuthenticator((({route:e})=>[e])),r=e.useMemo((()=>hn(l)),[l]);return N.default.createElement(r,{className:a,hideSignUp:Cn(l)?t:void 0,variation:n})}const Nn={Header:()=>null,SignIn:{Header:zt.Header,Footer:zt.Footer},SignUp:{Header:qt.Header,FormFields:qt.FormFields,Footer:qt.Footer},ConfirmSignUp:{Header:ft.Header,Footer:ft.Footer},SetupTOTP:{Header:It.Header,Footer:It.Footer},ConfirmResetPassword:{Header:dn.Header,Footer:dn.Footer},ConfirmSignIn:{Header:sn.Header,Footer:sn.Footer},VerifyUser:{Header:nn.Header,Footer:nn.Footer},ConfirmVerifyUser:{Header:Xt.Header,Footer:Xt.Footer},ForceNewPassword:{Header:bt.Header,Footer:bt.Footer,FormFields:bt.FormFields},ResetPassword:{Header:fn.Header,Footer:fn.Footer},Footer:()=>null};function En({children:e,className:a,components:t,formFields:l,hideSignUp:r,initialState:o,loginMechanisms:i,passwordSettings:d,signUpAttributes:c,services:u,socialProviders:m,variation:p}){Se({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({},Nn),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(at.Provider,{value:h},b.createElement(bn,{className:a,hideSignUp:r,variation:p}))}function vn(e){return b.useEffect((()=>{n.configureComponent({packageName:"@aws-amplify/ui-react",version:et})}),[]),b.createElement(s.AuthenticatorProvider,null,b.createElement(En,Object.assign({},e)))}function Fn(e,a={}){const{variation:t="modal"}=a;return function(n){return N.default.createElement(vn,Object.assign({variation:t},a),(a=>N.default.createElement(e,Object.assign({},n,a))))}}var yn;function wn({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)===yn.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=>[yn.ERROR,yn.EDITING].includes(null==e?void 0:e.fileState)))||0===f||i;return N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewer},N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerBody},t,N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderPreviewerText},o?g:N.default.createElement(N.default.Fragment,null,`${C} ${n.translate("selected")}`)),a),N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerFooter},N.default.createElement(l.View,null,r&&N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Text,null,n.translate("Uploading"),e>0?`: ${e}%`:""),N.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:e,isPercentageTextHidden:!0,isDeterminate:!0}))),N.default.createElement(l.View,{className:n.ComponentClassName.FileUploaderPreviewerFooterActions},!r&&!o&&N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Button,{size:"small",variation:"link",onClick:c},n.translate("Clear all")),N.default.createElement(l.Button,{disabled:h,size:"small",variation:"primary",onClick:u},`${n.translate("Upload")} ${C}`)),o&&N.default.createElement(l.Button,{size:"small",onClick:c},n.translate("Done")))),i&&N.default.createElement(D,{variation:"error",heading:m}))}function xn({children:e,inDropZone:a,onDragStart:t,onDragEnter:s,onDragLeave:r,onDrop:o,onDragOver:i}){return N.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},N.default.createElement(l.IconUpload,{"aria-hidden":!0,className:l.ComponentClassNames.FileUploaderDropZoneIcon}),N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderDropZoneText},n.translate("Drop files here or")),e)}vn.Provider=s.AuthenticatorProvider,vn.ResetPassword=fn,vn.SetupTOTP=It,vn.SignIn=zt,vn.SignUp=qt,vn.ForceNewPassword=bt,function(e){e.PAUSED="paused",e.SUCCESS="success",e.ERROR="error",e.LOADING="loading",e.RESUME="resume",e.EDITING="editing",e.INIT="init"}(yn||(yn={}));const Sn=({fileState:e,errorMessage:a,percentage:t})=>{switch(e){case yn.LOADING:{const e=t&&t>0?`${n.translate("Uploading")}: ${t}%`:n.translate("Uploading");return N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},e)}case yn.PAUSED:return N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},n.translate("Paused"),": ",t,"%");case yn.SUCCESS:return N.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"success"))},N.default.createElement(l.IconCheck,{fontSize:"xl"})," ",n.translate("Uploaded successfully"));case yn.ERROR:return N.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"error"))},N.default.createElement(l.IconError,{fontSize:"xl"})," ",a);default:return null}};function In({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]=N.default.useState(o),E=N.default.useRef(null),v=URL.createObjectURL(t);N.default.useEffect((()=>{s===yn.EDITING&&E.current&&E.current.focus()}),[s]);const{size:F}=t,y=r?N.default.createElement(Ve,{alt:t.name,src:v}):N.default.createElement(l.IconFile,null),w=!C||f>0,x=s===yn.INIT||s===yn.ERROR&&a===n.translate("Extension not allowed"),S=e.useCallback((()=>N.default.createElement(N.default.Fragment,null,N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileMain},N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileName},o)),x?N.default.createElement(l.Button,{onClick:p,size:"small",variation:"link"},N.default.createElement(re,null,"Edit file name ",t.name),N.default.createElement(l.IconEdit,{"aria-hidden":!0,fontSize:"medium"})):null,N.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 yn.EDITING:return N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Button,{size:"small",onClick:()=>{b(o),null==d||d()}},"Cancel"),N.default.createElement(l.Button,{size:"small",variation:"primary",onClick:()=>{m(h)}},"Save"));case yn.RESUME:case yn.LOADING:return C?N.default.createElement(l.Button,{onClick:c,size:"small",variation:"link"},n.translate("pause")):null;case yn.PAUSED:return N.default.createElement(l.Button,{onClick:u,size:"small",variation:"link"},n.translate("Resume"));case yn.SUCCESS:return null;default:return N.default.createElement(l.Button,{size:"small",onClick:i},N.default.createElement(re,null,"Remove file name ",t.name),N.default.createElement(l.IconClose,{"aria-hidden":!0,fontSize:"medium"}))}}),[t.name,s,C,o,i,d,c,u,m,h]);return t?N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFile},N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileWrapper},g?N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileImage},y):null,s===yn.EDITING?N.default.createElement(l.View,{as:"form",flex:"1",onSubmit:()=>{m(h)}},N.default.createElement(W,{maxLength:1024,ref:E,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{b(e.target.value)},value:h})):N.default.createElement(S,null),N.default.createElement(I,null),s===yn.LOADING?N.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:f,isDeterminate:w,isPercentageTextHidden:!0}):null),N.default.createElement(Sn,{fileState:s,errorMessage:a,percentage:f})):null}const Tn=e=>"function"==typeof(null==e?void 0:e.resume),Pn=new t.Logger("AmplifyUI:Storage");function Dn(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"]);Se({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||Pn.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[E,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?yn.ERROR:yn.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:E,setAutoLoad:y}),{addTargetFiles:x,fileStatuses:S,inDropZone:I,setFileStatuses:T,setShowPreviewer:P,showPreviewer:D}=w,k=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),O=0!==S.length&&S.every((e=>100===(null==e?void 0:e.percentage))),R=S.filter((e=>100!==e.percentage)).length>d;e.useEffect((()=>{100===Math.floor(M)&&v(!1)}),[M]),e.useEffect((()=>{P(i)}),[P,i]);const B=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?yn.LOADING:yn.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];Tn(a.uploadTask)&&a.uploadTask.pause();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:yn.PAUSED}),T(t)}),[S,T]),_=e.useCallback((e=>function(){const a=S[e];Tn(a.uploadTask)&&a.uploadTask.resume();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:yn.RESUME}),T(t)}),[S,T]),j=e.useCallback((()=>{v(!0);const e=[];S.forEach(((a,t)=>{if((null==a?void 0:a.fileState)===yn.SUCCESS)return;const l=n.uploadFile(Object.assign({file:a.file,fileName:a.name,level:C,isResumable:h,progressCallback:B(t),errorCallback:L(t),completeCallback:p},b));Tn(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===yn.INIT?yn.LOADING:a.fileState,percentage:null!==(n=a.percentage)&&void 0!==n?n:0})}))))}),[S,T,C,h,B,L,p,b]),A=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]),H=e.useCallback((()=>{P(!1),T([])}),[T,P]),z=e.useCallback((e=>()=>{const{fileState:a,uploadTask:t}=S[e];"loading"===a&&Tn(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?yn.INIT:yn.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)?yn.INIT:yn.ERROR,o=a===yn.INIT?r:a;return l[e]=Object.assign(Object.assign({},s),{fileState:o}),l}))}),[T]),q=e.useCallback((e=>()=>{G(e,yn.INIT)}),[G]),W=e.useCallback((e=>a=>{G(e,yn.EDITING)}),[G]);e.useEffect((()=>{s&&F&&!R&&(j(),y(!1))}),[s,j,F,R]);const $=N.default.useRef(null),Z=null==t?void 0:t.join(),K=e.useMemo((()=>N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Button,{className:l.ComponentClassNames.FileUploaderDropZoneButton,isDisabled:E,onClick:()=>{var e;null===(e=null==$?void 0:$.current)||void 0===e||e.click(),$.current.value=""},size:"small"},n.translate("Browse files")),N.default.createElement(re,null,N.default.createElement("input",{type:"file",tabIndex:-1,ref:$,onChange:A,multiple:u,accept:Z})))),[E,A,u,Z]);return D?N.default.createElement(wn,{dropZone:N.default.createElement(xn,Object.assign({},k,{inDropZone:I}),K),fileStatuses:S,isLoading:E,isSuccessful:O,hasMaxFilesError:R,maxFileCount:d,onClear:H,onFileClick:j,aggregatePercentage:M},null==S?void 0:S.map(((e,a)=>{var t;return N.default.createElement(In,{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?K:N.default.createElement(xn,Object.assign({},k,{inDropZone:I}),K)}const{DirectionProvider:kn}=n.sanitizeNamespaceImport(T);function Mn({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(kn,{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 On=Mn;var Rn=Object.freeze({__proto__:null,AccountSettings:Ja,Authenticator:vn,withAuthenticator:Fn,useAuthenticator:s.useAuthenticator,FileUploader:Dn,AmplifyProvider:Mn,ThemeProvider:On});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.Icon=l.Icon,exports.Label=l.Label,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=Ja,exports.Alert=D,exports.AmplifyProvider=Mn,exports.Authenticator=vn,exports.Autocomplete=Y,exports.Badge=X,exports.Breadcrumbs=ne,exports.ButtonGroup=le,exports.Card=se,exports.CheckboxField=ie,exports.Collection=Ee,exports.Divider=ve,exports.DropZone=xe,exports.Expander=Te,exports.ExpanderItem=Oe,exports.Fieldset=Re,exports.FileUploader=Dn,exports.Grid=de,exports.Heading=Le,exports.HighlightMatch=A,exports.IconsProvider=P,exports.Image=Ve,exports.Input=G,exports.Link=J,exports.Menu=ze,exports.MenuButton=_e,exports.MenuItem=Ge,exports.Message=Qe,exports.Pagination=pe,exports.PasswordField=na,exports.PhoneNumberField=oa,exports.Placeholder=ia,exports.Radio=ca,exports.RadioGroupField=ua,exports.Rating=ga,exports.ScrollView=M,exports.SearchField=K,exports.SelectField=sa,exports.SliderField=va,exports.StepperField=ya,exports.SwitchField=wa,exports.TabItem=Va,exports.Table=xa,exports.TableBody=Sa,exports.TableCell=Ia,exports.TableFoot=Ta,exports.TableHead=Pa,exports.TableRow=Da,exports.Tabs=La,exports.TextAreaField=ja,exports.TextField=W,exports.ThemeProvider=On,exports.ToggleButton=Aa,exports.ToggleButtonGroup=Ha,exports.VisuallyHidden=re,exports.components=Rn,exports.primitives=Ua,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=fe,exports.withAuthenticator=Fn;
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-94e428ed.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),N=g(e),E=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);function P({children:e,icons:a}){return b.createElement(l.IconsContext.Provider,{value:a},e)}const D=b.forwardRef(((e,a)=>{var t,{buttonRef:s,children:r,className:i,dismissButtonLabel:d=l.ComponentText.Alert.dismissButtonLabel,hasIcon:c=!0,heading:u,isDismissible:m=!1,onDismiss:p,variation:f}=e,C=o.__rest(e,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[g,h]=b.useState(!1),N=l.useIcons("alert"),E=b.useCallback((()=>{h(!g),n.isFunction(p)&&p()}),[h,p,g]);return g?null:b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Alert,i,n.classNameModifier(l.ComponentClassNames.Alert,f)),"data-variation":f,ref:a,role:"alert"},C),c&&b.createElement(l.AlertIcon,{variation:f,ariaHidden:!0}),b.createElement(l.View,{flex:"1"},u&&b.createElement(l.View,{className:l.ComponentClassNames.AlertHeading},u),b.createElement(l.View,{className:l.ComponentClassNames.AlertBody},r)),m&&b.createElement(l.Button,{ariaLabel:d,variation:"link",className:l.ComponentClassNames.AlertDismiss,onClick:E,ref:s},null!==(t=null==N?void 0:N.close)&&void 0!==t?t:b.createElement(l.IconClose,{"aria-hidden":"true"})))}));D.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 M=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)}));M.displayName="ScrollView";const O=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(M,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(M,{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)))}));O.displayName="AutocompleteMenu";const R=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?b.useLayoutEffect:()=>{},B=b["useId".toString()]||(()=>{});let L=0;const V=e=>{const[a,t]=b.useState(B());return R((()=>{e||t((e=>null!=e?e:String(L++)))}),[e]),null!=e?e:a?`amplify-id-${a}`:""},_=new Set([l.ARROW_DOWN,l.ARROW_UP,l.ENTER_KEY,l.ESCAPE_KEY]),j=(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=j(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,z=b.forwardRef(((e,a)=>{var t,{size:n}=e,s=o.__rest(e,["size"]);const r=l.useIcons("searchField");return b.createElement(l.FieldGroupIconButton,Object.assign({ariaLabel:H,className:l.ComponentClassNames.SearchFieldSearch,size:n,ref:a,type:"submit"},s),null!==(t=null==r?void 0:r.search)&&void 0!==t?t:b.createElement(l.IconSearch,null))}));z.displayName="SearchFieldButton";const U=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))}));U.displayName="FieldGroup";const G=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:N}=e,E=o.__rest(e,["autoComplete","checked","className","defaultChecked","defaultValue","id","isDisabled","isReadOnly","isRequired","size","type","hasError","value","variation"]);const F=v.default(l.ComponentClassNames.Input,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Input,N),n.classNameModifierByFlag(l.ComponentClassNames.Input,"error",g),n.classNameModifier(l.ComponentClassNames.Input,f),r),{isFieldsetDisabled:y}=l.useFieldset();return b.createElement(l.View,Object.assign({"aria-invalid":g,as:"input",autoComplete:t,checked:s,className:F,"data-size":f,"data-variation":N,defaultChecked:i,defaultValue:d,isDisabled:y||u,id:c,readOnly:m,ref:a,required:p,type:C,value:h},E))}));G.displayName="Input";const q=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},W=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:N,inputStyles:E}=e,F=o.__rest(e,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),y=V(d),w=V(),x=s?w:void 0,{styleProps:S,rest:I}=q(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(U,{outerStartComponent:C,outerEndComponent:f,innerStartComponent:u,innerEndComponent:c,variation:N},b.createElement(G,Object.assign({"aria-describedby":x,hasError:i,id:y,ref:a,size:g,variation:N},E,I))),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));W.displayName="TextField";const $=new Set([l.ESCAPE_KEY,l.ENTER_KEY]),Z=({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;$.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]),N=b.useCallback((()=>{C(u)}),[C,u]);return{composedValue:u,onClearHandler:f,onKeyDown:g,onClick:N,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:N}=e,E=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}=Z({defaultValue:h,value:N,onChange:m,onClear:p,onSubmit:f,externalRef:a}),T=c?b.createElement(z,{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(W,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},E))}));K.displayName="SearchField";const Y=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:N,testId:E}=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:D,handleOnKeyDown:M,isControlled:R,isCustomFiltering:B,isMenuOpen:L,listboxId:j,menuId:H,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,N]=b.useState(!1),[E,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=V(),x=V(),S=V(),I=V(),T=y.findIndex((e=>e===E)),P=null!==(m=null==E?void 0:E.id)&&void 0!==m?m:-1!==T?`${I}-option-${T}`:void 0,D=b.useCallback((e=>{N(!1),v(null),n.isFunction(r)&&r(e)}),[r]),k=b.useCallback((e=>{v(null),N(!0),p||C(e.target.value),n.isFunction(o)&&o(e)}),[p,o]),M=b.useCallback((()=>{p||C(""),n.isFunction(i)&&i()}),[p,i]),O=b.useCallback((e=>{N(!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:D,handleOnClear:M,handleOnClick:O,handleOnChange:k,handleOnKeyDown:e=>{const{key:a}=e;if(_.has(a))switch(e.preventDefault(),a){case l.ESCAPE_KEY:h?(N(!1),v(null)):M();break;case l.ENTER_KEY:if(E){const{label:e}=E;p||C(e),n.isFunction(c)&&c(E)}else n.isFunction(u)&&u(g);N(!1),v(null);break;case l.ARROW_DOWN:{if(y.length<=0)return;N(!0);const e=T>=y.length-1?0:T+1;v(y[e]);break}case l.ARROW_UP:{if(y.length<=0)return;N(!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:N,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":L?H:void 0,"aria-expanded":L,"aria-haspopup":"listbox","aria-owns":L?H: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),R||q(l),n.isFunction(g)&&g(e)},onMouseDown:e=>{e.preventDefault()},onMouseMove:()=>{U(e)}},s),n.isFunction(N)?N(e,x):B?l:b.createElement(A,{query:x},l))}));return b.createElement(l.View,{className:v.default(l.ComponentClassNames.Autocomplete,t),id:w,testId:E},b.createElement(K,Object.assign({hasSearchButton:!1,hasSearchIcon:!0,onBlur:I,onChange:D,onClear:T,onClick:P,onKeyDown:M,ref:a,value:x},W,F)),L?b.createElement(O,Object.assign({id:H,isLoading:i,listboxId:j},d),$):null)}));Y.displayName="Autocomplete";const X=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)}));X.displayName="Badge";const Q=b.forwardRef(((e,a)=>{var{className:t,children:n,as:s="li"}=e,r=o.__rest(e,["className","children","as"]);const i=v.default(l.ComponentClassNames.BreadcrumbsItem,t);return b.createElement(l.View,Object.assign({},r,{as:s,className:i,ref:a}),n)}));Q.displayName="Breadcrumbs.Item";const J=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)}));J.displayName="Link";const ee=b.forwardRef(((e,a)=>{var t,s,{className:r,children:i,href:d,isCurrent:c}=e,u=o.__rest(e,["className","children","href","isCurrent"]);const m=v.default(l.ComponentClassNames.BreadcrumbsLink,n.classNameModifierByFlag(l.ComponentClassNames.BreadcrumbsLink,"current",c),r);if(c){const e=null!==(t=u["aria-current"])&&void 0!==t?t:"page",n=null!==(s=u.as)&&void 0!==s?s:"span";return b.createElement(l.Text,Object.assign({},u,{as:n,"aria-current":e,className:m,ref:a}),i)}return b.createElement(J,Object.assign({},u,{className:m,ref:a,href:d}),i)}));ee.displayName="Breadcrumbs.Link";const ae=b.forwardRef(((e,a)=>{var t,{className:n,children:s="/",as:r="span"}=e,i=o.__rest(e,["className","children","as"]);const d=null!==(t=i["aria-hidden"])&&void 0!==t?t:"true";return b.createElement(l.View,Object.assign({},i,{as:r,ref:a,"aria-hidden":d,className:v.default(l.ComponentClassNames.BreadcrumbsSeparator,n)}),s)}));ae.displayName="Breadcrumbs.Separator";const te=b.forwardRef(((e,a)=>{var t,{className:n,children:s}=e,r=o.__rest(e,["className","children"]);const i=v.default(l.ComponentClassNames.Breadcrumbs,n),d=null!==(t=r["aria-label"])&&void 0!==t?t:"Breadcrumb";return b.createElement(l.View,Object.assign({},r,{as:"nav","aria-label":d,className:i,ref:a}),b.createElement(l.View,{as:"ol",className:l.ComponentClassNames.BreadcrumbsList},s))}));te.displayName="Breadcrumbs.Container";const ne=Object.assign(b.forwardRef(((e,a)=>{var t,{className:n,items:l,separator:s=b.createElement(ae,null)}=e,r=o.__rest(e,["className","items","separator"]);const i=null!==(t=r["aria-label"])&&void 0!==t?t:"Breadcrumb";return b.createElement(te,Object.assign({},r,{"aria-label":i,className:n,ref:a}),null==l?void 0:l.map((({href:e,label:a},t)=>{const n=l.length-1===t;return b.createElement(Q,{key:`${e}${t}`},b.createElement(ee,{href:e,isCurrent:n},a),n?null:s)})))})),{Item:Q,Link:ee,Separator:ae,Container:te});ne.displayName="Breadcrumbs";const le=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=>{if(b.isValidElement(e)){const{size:a=r,variation:t=i}=e.props;return b.cloneElement(e,{size:a,variation:t})}return e})))}));le.displayName="ButtonGroup";const se=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)}));se.displayName="Card";const re=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)}));re.displayName="VisuallyHidden";const oe=b.forwardRef(((e,a)=>{var{checked:t,className:s,defaultChecked:r,hasError:i,isDisabled:d,isIndeterminate:c,label:u,labelHidden:m,labelPosition:p,onBlur:f,onFocus:C,onChange:g,testId:h,inputStyles:N}=e,E=o.__rest(e,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onBlur","onFocus","onChange","testId","inputStyles"]);const{styleProps:F,rest:y}=q(E),[w,x]=b.useState(!1),S=l.useIcons("checkbox"),{isFieldsetDisabled:I}=l.useFieldset(),T=I||d,P=void 0!==t,[D,k]=b.useState((()=>P?t:r)),M=P?t:D,O=V();b.useEffect((()=>{const e=document.querySelector(`[data-id="${O}"]`);e&&"boolean"==typeof c&&(e.indeterminate=c)}),[O,c]);const R=j(h,l.ComponentClassNames.CheckboxButton),B=j(h,l.ComponentClassNames.CheckboxIcon),L=j(h,l.ComponentClassNames.CheckboxLabel),_=v.default(l.ComponentClassNames.CheckboxButton,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"disabled",T),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"error",i),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxButton,"focused",w)),A=v.default(l.ComponentClassNames.CheckboxIcon,n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"checked",M),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"disabled",T),n.classNameModifierByFlag(l.ComponentClassNames.CheckboxIcon,"indeterminate",c)),H={className:v.default(A),"data-checked":D,"data-disabled":T,"data-testid":B},z=(null==S?void 0:S.checked)?b.createElement(l.View,{as:"span",className:v.default(A)},S.checked):b.createElement(l.IconCheck,Object.assign({},H)),U=(null==S?void 0:S.indeterminate)?b.createElement(l.View,{as:"span",className:v.default(A)},S.indeterminate):b.createElement(l.IconIndeterminate,Object.assign({},H));return b.createElement(l.Flex,Object.assign({as:"label",className:v.default(l.ComponentClassNames.Checkbox,n.classNameModifierByFlag(l.ComponentClassNames.Checkbox,"disabled",T),s),"data-disabled":T,"data-label-position":p,testId:h},F),b.createElement(re,null,b.createElement(G,Object.assign({checked:t,className:l.ComponentClassNames.CheckboxInput,"data-id":O,defaultChecked:r,isDisabled:T,onBlur:e=>{n.isFunction(f)&&f(e),x(!1)},onChange:e=>{n.isFunction(g)&&g(e),P||k(e.target.checked)},onFocus:e=>{n.isFunction(C)&&C(e),x(!0)},ref:a,type:"checkbox"},y))),u&&b.createElement(l.Text,{as:"span",className:v.default(l.ComponentClassNames.CheckboxLabel,{[l.ComponentClassNames.VisuallyHidden]:m}),"data-disabled":T,testId:L},u),b.createElement(l.Flex,Object.assign({"aria-hidden":"true",as:"span",className:_,"data-checked":M,"data-disabled":T,"data-focus":w,"data-error":i,testId:R},N),c?U:z))}));oe.displayName="Checkbox";const ie=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=j(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(oe,Object.assign({hasError:r,labelHidden:i,testId:p,labelPosition:d,ref:a},m)),b.createElement(l.FieldErrorMessage,{hasError:r,errorMessage:s}))}));ie.displayName="CheckboxField";const de=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)}));de.displayName="Grid";const ce="...",ue=e=>{var a,t,{type:s,page:r,currentPage:i,currentPageLabel:d=l.ComponentText.PaginationItem.currentPageLabel,isDisabled:c,onClick:u,ariaLabel:m}=e,p=o.__rest(e,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const f=l.useIcons("pagination"),C=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",c)),g=v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link"),n.classNameModifierByFlag(l.ComponentClassNames.PaginationItemButton,"disabled",c));switch(s){case"page":return b.createElement(l.View,{as:"li"},r===i?b.createElement(l.Flex,Object.assign({"aria-current":"page",as:"button",className:l.ComponentClassNames.PaginationItemCurrent,testId:"current"},p),b.createElement(re,null,d,":"),r):b.createElement(l.Button,Object.assign({className:v.default(l.ComponentClassNames.PaginationItemButton,n.classNameModifier(l.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==u||u()},ariaLabel:m},p),r));case"next":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:C,size:"small",variation:"link",isDisabled:c,onClick:()=>{null==u||u()},ariaLabel:m},p),null!==(a=null==f?void 0:f.next)&&void 0!==a?a:b.createElement(l.IconChevronRight,null)));case"previous":return b.createElement(l.View,{as:"li"},b.createElement(l.Button,Object.assign({className:g,size:"small",variation:"link",isDisabled:c,onClick:()=>{null==u||u()},ariaLabel:m},p),null!==(t=null==f?void 0:f.previous)&&void 0!==t?t:b.createElement(l.IconChevronLeft,null)));case"ellipsis":return b.createElement(l.View,{as:"li"},b.createElement(l.Flex,Object.assign({as:"span",className:l.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},p),"…"))}return b.createElement(l.View,{as:"li"})};ue.displayName="PaginationItem";const me=({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(ue,{type:"previous",key:"previous",currentPage:e,onClick:c,isDisabled:e<=1,ariaLabel:o}),p=b.createElement(ue,{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,ce,...a]}if(!c&&u){const e=3+2*s;return[...l.getConsecutiveIntArray(1,e),ce,o]}const m=l.getConsecutiveIntArray(i,d);return[1,ce,...m,ce,o]}),[e,a,t]))(e,a,n);return[m,...b.useMemo((()=>f.map(((a,t)=>a===ce?b.createElement(ue,{type:"ellipsis",key:1===t?"start-ellipsis":"end-ellipsis"}):b.createElement(ue,{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]},pe=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=me({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))}));pe.displayName="Pagination";const fe=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}},Ce=(e,a)=>l.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>Ce(e,a))),ge=(e,a)=>Math.ceil(e/a),he=10,be=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)},Ne=e=>{var{children:a,items:t}=e,n=o.__rest(e,["children","items"]);return b.createElement(de,Object.assign({},n),Array.isArray(t)?t.map(a):null)},Ee=e=>{var{className:a,isSearchable:t,isPaginated:n,items:s,itemsPerPage:r=he,searchFilter:i=Ce,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 N=fe({totalPages:ge(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,N.currentPage,r));const E="list"===m?b.createElement(be,Object.assign({className:l.ComponentClassNames.CollectionItems,items:s},f)):"grid"===m?b.createElement(Ne,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)))(E,s,c),n?b.createElement(l.Flex,{className:l.ComponentClassNames.CollectionPagination},b.createElement(pe,Object.assign({},N))):null)};Ee.displayName="Collection";const ve=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))}));ve.displayName="Divider";const Fe=b.createContext("inactive"),ye=({value:e,children:a})=>b.createElement(Fe.Provider,{value:e},a),we=N.default.forwardRef(((e,a)=>{var{className:t,children:s,testId:r,isDisabled:i,onDragEnter:d,onDragLeave:c,onDragOver:u,onDragStart:m,onDrop:p}=e,f=o.__rest(e,["className","children","testId","isDisabled","onDragEnter","onDragLeave","onDragOver","onDragStart","onDrop"]);const C=N.default.useContext(Fe),g=i?{}:{onDragEnter:d,onDragLeave:c,onDragOver:u,onDragStart:m,onDrop:p};return N.default.createElement(l.View,Object.assign({},f,g,{isDisabled:i,className:v.default(t,n.classNameModifierByFlag(l.ComponentClassNames.DropZone,"rejected","reject"===C),n.classNameModifierByFlag(l.ComponentClassNames.DropZone,"accepted","accept"===C),n.classNameModifierByFlag(n.ComponentClassName.DropZone,"disabled",i),l.ComponentClassNames.DropZone),"data-testid":r,ref:a}),s)}));we.displayName="DropZoneContainer";const xe=Object.assign(b.forwardRef(((e,a)=>{var{children:t,testId:n,isDisabled:s,acceptedFileTypes:r,onDropComplete:i}=e,d=o.__rest(e,["children","testId","isDisabled","acceptedFileTypes","onDropComplete"]);const{dragState:c,onDragEnter:u,onDragLeave:m,onDragOver:p,onDragStart:f,onDrop:C}=l.useDropZone(Object.assign({acceptedFileTypes:r,onDropComplete:i},d));return b.createElement(ye,{value:c},b.createElement(we,Object.assign({},d,{testId:n,isDisabled:s,onDragStart:f,onDragEnter:u,onDragLeave:m,onDrop:C,onDragOver:p,ref:a}),t))})),{Accepted:({children:e})=>{const a=b.useContext(Fe);if(!a)throw new Error("`DropZone.Accept` must be used inside a DropZone");return"accept"===a?b.createElement(b.Fragment,null,e):null},Rejected:({children:e})=>{const a=b.useContext(Fe);if(!a)throw new Error("`DropZone.Rejected` must be used inside a DropZone");return"reject"===a?b.createElement(b.Fragment,null,e):null},Default:({children:e})=>{const a=b.useContext(Fe);if(!a)throw new Error("`DropZone.Default` must be used inside a DropZone");return"inactive"===a?b.createElement(b.Fragment,null,e):null}});xe.displayName="DropZone";const Se=({message:e,shouldWarn:a})=>{const t=a&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV);s.useDeprecationWarning({message:e,shouldWarn:t})},{Root:Ie}=n.sanitizeNamespaceImport(y),Te=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}=q(p),C=null!=d?d:i;Se({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(Ie,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(Ie,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)}));Te.displayName="Expander";const{Item:Pe,Header:De,Trigger:ke,Content:Me}=n.sanitizeNamespaceImport(y),Oe=b.forwardRef(((e,a)=>{var t,{children:n,className:s,title:r,value:i}=e,d=o.__rest(e,["children","className","title","value"]);const c=V(),u=V(),{rest:m}=q(d),p=l.useIcons("expander");return b.createElement(Pe,Object.assign({className:v.default(l.ComponentClassNames.ExpanderItem,s),"data-testid":"expander-item",ref:a,value:i},m),b.createElement(De,{className:l.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},b.createElement(ke,{"aria-controls":u,className:l.ComponentClassNames.ExpanderTrigger,id:c},r,b.createElement("span",{className:l.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon","aria-hidden":"true"},null!==(t=null==p?void 0:p.more)&&void 0!==t?t:b.createElement(l.IconExpandMore,null)))),b.createElement(Me,{"aria-labelledby":c,className:l.ComponentClassNames.ExpanderContent,id:u},b.createElement(l.View,{className:l.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},n)))}));Oe.displayName="ExpanderItem";const Re=b.forwardRef(((e,a)=>{var{children:t,className:s,isDisabled:r,legend:i,legendHidden:d,size:c,testId:u,variation:m="outlined"}=e,p=o.__rest(e,["children","className","isDisabled","legend","legendHidden","size","testId","variation"]);const{isFieldsetDisabled:f}=l.useFieldset(),C=f||r,g=b.useMemo((()=>({isFieldsetDisabled:C})),[C]),h=v.default(l.ComponentClassNames.Fieldset,n.classNameModifier(l.ComponentClassNames.Fieldset,m),n.classNameModifier(l.ComponentClassNames.Fieldset,c),s),N=v.default(l.ComponentClassNames.FieldsetLegend,n.classNameModifier(l.ComponentClassNames.FieldsetLegend,c),s,{[l.ComponentClassNames.VisuallyHidden]:d});return b.createElement(l.FieldsetContext.Provider,{value:g},b.createElement(l.Flex,Object.assign({as:"fieldset",className:h,ref:a,disabled:C,testId:u},p),b.createElement(re,{as:"legend"},i),b.createElement(l.View,{as:"div","aria-hidden":"true",className:N},i),t))}));Re.displayName="Fieldset";const Be={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},Le=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:Be[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)}));Le.displayName="Heading";const Ve=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))}));Ve.displayName="Image";const _e=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:N}=l.useStyles(g,m),E=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:E,"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},N),r)}));_e.displayName="MenuButton";const{DropdownMenu:je,DropdownMenuTrigger:Ae,DropdownMenuContent:He}=n.sanitizeNamespaceImport(w),ze=b.forwardRef(((e,a)=>{var t,{menuAlign:n="start",children:s,className:r,isOpen:i,size:d,trigger:c,triggerClassName:u,ariaLabel:m,onOpenChange:p}=e,f=o.__rest(e,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);const C=l.useIcons("menu");return b.createElement(je,{onOpenChange:p,open:i},b.createElement(Ae,{asChild:!0},null!=c?c:b.createElement(_e,{ariaLabel:m,size:d,testId:"amplify-menu-trigger-test-id",className:v.default(l.ComponentClassNames.MenuTrigger,u)},null!==(t=null==C?void 0:C.menu)&&void 0!==t?t:b.createElement(l.IconMenu,null))),b.createElement(He,{align:n,className:l.ComponentClassNames.MenuContentWrapper},b.createElement(le,Object.assign({className:v.default(l.ComponentClassNames.MenuContent,r),ref:a,size:d,testId:"amplify-menu-items-group-test-id"},f),s)))}));ze.displayName="Menu";const{DropdownMenuItem:Ue}=n.sanitizeNamespaceImport(w),Ge=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(Ue,{asChild:!0,ref:a},b.createElement(_e,Object.assign({className:v.default(l.ComponentClassNames.MenuItem,n),testId:"amplify-menu-item-test-id"},s,{variation:"menu"}),t))}));Ge.displayName="MenuItem";const qe=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.MessageHeading,n),ref:a},s),t)}));qe.displayName="MessageHeading";const We=b.createContext({dismissed:!1,setDismissed:()=>{}}),$e=()=>b.useContext(We),Ze=b.forwardRef(((e,a)=>{var t,n,s,r,{className:i}=e,d=o.__rest(e,["className"]);const c=l.useIcons("message"),{colorTheme:u}=$e();let m;switch(u){case"info":m=null!==(t=null==c?void 0:c.info)&&void 0!==t?t:b.createElement(l.IconInfo,null);break;case"error":m=null!==(n=null==c?void 0:c.error)&&void 0!==n?n:b.createElement(l.IconError,null);break;case"warning":m=null!==(s=null==c?void 0:c.warning)&&void 0!==s?s:b.createElement(l.IconWarning,null);break;case"success":m=null!==(r=null==c?void 0:c.success)&&void 0!==r?r:b.createElement(l.IconCheckCircle,null)}return m?b.createElement(l.View,Object.assign({className:v.default(l.ComponentClassNames.MessageIcon,i),"aria-hidden":"true",ref:a},d),m):null}));Ze.displayName="MessageIcon";const Ke=b.forwardRef(((e,a)=>{var t,{onDismiss:s,dismissLabel:r,hasIcon:i=!0,children:d,className:c}=e,u=o.__rest(e,["onDismiss","dismissLabel","hasIcon","children","className"]);const{setDismissed:m}=$e(),p=l.useIcons("message"),f=b.useCallback((()=>{m(!0),n.isFunction(s)&&s()}),[m,s]);return b.createElement(l.Button,Object.assign({variation:"link",colorTheme:"overlay",className:v.default(l.ComponentClassNames.MessageDismiss,c),ref:a,onClick:f},u),i?null!==(t=null==p?void 0:p.close)&&void 0!==t?t:b.createElement(l.IconClose,{"aria-hidden":"true"}):null,d||b.createElement(re,null,r||l.ComponentText.Message.dismissLabel))}));Ke.displayName="MessageContent";const Ye=b.forwardRef(((e,a)=>{var{children:t,className:n}=e,s=o.__rest(e,["children","className"]);return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.MessageContent,n),ref:a},s),t)}));Ye.displayName="MessageContent";const Xe=b.forwardRef(((e,a)=>{var{children:t,className:s,colorTheme:r="neutral",variation:i="filled"}=e,d=o.__rest(e,["children","className","colorTheme","variation"]);const[c,u]=b.useState(!1),m=b.useMemo((()=>({colorTheme:r,dismissed:c,setDismissed:u})),[r,c]);return b.createElement(We.Provider,{value:m},c?null:b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Message,n.classNameModifier(l.ComponentClassNames.Message,i),n.classNameModifier(l.ComponentClassNames.Message,r),s),ref:a},d),t))}));Xe.displayName="MessageContainer";const Qe=b.forwardRef(((e,a)=>{var{children:t,heading:n,dismissLabel:l,isDismissible:s,onDismiss:r,hasIcon:i=!0,colorTheme:d="neutral",variation:c="filled"}=e,u=o.__rest(e,["children","heading","dismissLabel","isDismissible","onDismiss","hasIcon","colorTheme","variation"]);return b.createElement(Xe,Object.assign({colorTheme:d,variation:c,ref:a},u),i?b.createElement(Ze,null):null,b.createElement(Ye,null,n?b.createElement(qe,null,n):null,t),s?b.createElement(Ke,{onDismiss:r,dismissLabel:l}):null)}));Qe.displayName="Message";const{passwordIsHidden:Je,passwordIsShown:ea,showPassword:aa}=l.ComponentText.PasswordField,ta=b.forwardRef(((e,a)=>{var t,s,{fieldType:r,passwordIsHiddenLabel:i=Je,passwordIsShownLabel:d=ea,showPasswordButtonLabel:c=aa,size:u,hasError:m}=e,p=o.__rest(e,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const f=l.useIcons("passwordField"),C=v.default(l.ComponentClassNames.FieldShowPassword,n.classNameModifierByFlag(l.ComponentClassNames.FieldShowPassword,"error",m)),g="password"===r?null!==(t=null==f?void 0:f.visibility)&&void 0!==t?t:b.createElement(l.IconVisibility,{"aria-hidden":"true"}):null!==(s=null==f?void 0:f.visibilityOff)&&void 0!==s?s:b.createElement(l.IconVisibilityOff,{"aria-hidden":"true"});return b.createElement(l.Button,Object.assign({"aria-checked":"password"!==r,ariaLabel:c,className:C,ref:a,role:"switch",size:u},p),b.createElement(re,{"aria-live":"polite"},"password"===r?i:d),g)}));ta.displayName="ShowPasswordButton";const na=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(W,Object.assign({autoComplete:t,outerEndComponent:r?null:b.createElement(ta,{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))}));na.displayName="PasswordField";const la=b.forwardRef(((e,a)=>{var t,{autoComplete:s,className:r,size:i,variation:d,value:c,defaultValue:u,hasError:m,icon:p,iconColor:f,children:C,placeholder:g,isDisabled:h,isRequired:N,isMultiple:E=!1,selectSize:F=1}=e,y=o.__rest(e,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired","isMultiple","selectSize"]);const w=void 0===c&&void 0===u&&g,x=E||F>1,S=v.default(l.ComponentClassNames.Select,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Select,i),n.classNameModifier(l.ComponentClassNames.Select,d),n.classNameModifierByFlag(l.ComponentClassNames.Select,"error",m),n.classNameModifierByFlag(l.ComponentClassNames.Select,"expanded",x),r),I=l.useIcons("select"),{isFieldsetDisabled:T}=l.useFieldset();return b.createElement(l.View,{className:l.ComponentClassNames.SelectWrapper},b.createElement(l.View,Object.assign({"aria-invalid":m,as:"select",autoComplete:s,value:c,defaultValue:w?"":u,isDisabled:T||h,multiple:E,size:F,required:N,"data-size":i,"data-variation":d,className:S,ref:a},y),g&&b.createElement("option",{value:""},g),C),x?null:b.createElement(l.Flex,{className:v.default(l.ComponentClassNames.SelectIconWrapper,n.classNameModifier(l.ComponentClassNames.SelectIconWrapper,i)),color:f},null!==(t=null!=p?p:null==I?void 0:I.expand)&&void 0!==t?t:b.createElement(l.IconExpandMore,null)))}));la.displayName="Select";const sa=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"]),N=V(c),E=V(),F=r?E:void 0,{styleProps:y,rest:w}=q(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:N,visuallyHidden:m},u),b.createElement(l.FieldDescription,{id:E,labelHidden:m,descriptiveText:r}),b.createElement(la,Object.assign({"aria-describedby":F,hasError:d,id:N,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}))}));sa.displayName="SelectField";const ra=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(sa,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)}));ra.displayName="CountryCodeSelect";const oa=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:N,onDialCodeChange:E,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!=E?E:N,D=null!=f?f:i;return b.createElement(W,Object.assign({outerStartComponent:b.createElement(ra,{defaultValue:T,dialCodeList:m,className:n,hasError:C,isDisabled:g,isReadOnly:h,label:I,name:S,onChange:P,ref:D,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))}));oa.displayName="PhoneNumberField";const ia=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))}));ia.displayName="Placeholder";const da=N.default.createContext({name:"default"}),ca=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:N,right:E,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:D,onChange:k,size:M,labelPosition:O}=e.useContext(da),{isFieldsetDisabled:R}=l.useFieldset(),B=R||(T||d||D&&x!==u),L=void 0!==w?u===w:void 0,V=void 0!==x?u===x:void 0,_=m||O;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":_,height:p,width:f,bottom:C,top:F,right:E,left:g,position:h,padding:N},s&&b.createElement(l.Text,{as:"span",className:l.ComponentClassNames.RadioLabel,"data-disabled":B},s),b.createElement(G,Object.assign({checked:L,className:v.default(l.ComponentClassNames.VisuallyHidden,l.ComponentClassNames.RadioInput),defaultChecked:V,hasError:I,id:i,isDisabled:B,isReadOnly:D,isRequired:P,onChange:k,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}))}));ca.displayName="Radio";const ua=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:N,name:E,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=V(u),I=V(),T=i?I:void 0,P=j(y,l.ComponentClassNames.RadioGroup),D=b.useMemo((()=>({currentValue:w,defaultValue:r,hasError:c,isRequired:p,isReadOnly:f,isGroupDisabled:m,onChange:N,size:F,name:E,labelPosition:h})),[r,c,m,p,f,N,F,E,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(re,{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(da.Provider,{value:D},t)),b.createElement(l.FieldErrorMessage,{hasError:c,errorMessage:d}))}));ua.displayName="RadioGroupField";const ma=({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));ma.displayName="RatingIcon";const pa=({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)))};pa.displayName="RatingMixedIcon";const fa=5,Ca=0,ga=b.forwardRef(((e,a)=>{var t,s,r,{className:i,emptyColor:d,emptyIcon:c,fillColor:u,icon:m,maxValue:p=fa,size:f,value:C=Ca}=e,g=o.__rest(e,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const h=l.useIcons("rating"),N=null!==(t=null!=m?m:null==h?void 0:h.filled)&&void 0!==t?t:b.createElement(l.IconStar,null),E=null!==(r=null!==(s=null!=c?c:m)&&void 0!==s?s:null==h?void 0:h.empty)&&void 0!==r?r:b.createElement(l.IconStar,null),F=new Array(Math.ceil(p)).fill(1).map(((e,a)=>{const t=a+1;return((e,a)=>e<=a)(t,C)?b.createElement(ma,{key:a.toString(),icon:N,fill:u,className:"amplify-rating-icon-filled"}):((e,a)=>e-1>=a)(t,C)?b.createElement(ma,{key:a.toString(),icon:E,fill:d,className:"amplify-rating-icon-empty"}):((e,a)=>e>a&&e-1<a)(t,C)?b.createElement(pa,{key:a.toString(),fillIcon:N,emptyIcon:E,value:C,fillColor:u,emptyColor:d}):void 0}));return b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Rating,n.classNameModifier(l.ComponentClassNames.Rating,f),i),"data-size":f,ref:a},g),F,b.createElement(re,null,C," out of ",p," rating"))}));ga.displayName="Rating";const{Range:ha,Root:ba,Thumb:Na,Track:Ea}=n.sanitizeNamespaceImport(x),va=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:N=!1,onChange:E,orientation:F="horizontal",outerEndComponent:y,outerStartComponent:w,testId:x,thumbColor:S,trackSize:I,value:T,size:P}=e,D=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{isFieldsetDisabled:k}=l.useFieldset(),M=V(f),O=V(),R=V(),B=i?R:void 0,{styleProps:L,rest:_}=q(D),j=void 0!==T,[A,H]=b.useState(j?T:r),z=j?[T]:void 0,G=j?void 0:[r],W=b.useCallback((e=>{H(e[0]),n.isFunction(E)&&E(e[0])}),[E]),$=b.useMemo((()=>{const e=n.isFunction(m)?m(A):A;return"string"==typeof m?b.createElement(l.View,{as:"span"},e):e}),[A,m]),Z="vertical"===F,K=v.default(l.ComponentClassNames.SliderFieldTrack,n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,F),n.classNameModifier(l.ComponentClassNames.SliderFieldTrack,P)),Y=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},L),b.createElement(l.Label,{className:l.ComponentClassNames.SliderFieldLabel,id:O,testId:"slider-label",visuallyHidden:N},b.createElement(l.View,{as:"span"},h),g?null:$),b.createElement(l.FieldDescription,{id:R,labelHidden:N,descriptiveText:i}),b.createElement(U,{className:l.ComponentClassNames.SliderFieldGroup,id:M,orientation:F,outerStartComponent:w,outerEndComponent:y},b.createElement(ba,Object.assign({className:Y,"data-testid":"slider-root",disabled:k||C,defaultValue:G,onValueChange:W,orientation:F,ref:a,value:z},_),b.createElement(Ea,{className:K,"data-testid":"slider-track",style:{backgroundColor:String(d),[""+(Z?"width":"height")]:I}},b.createElement(ha,{className:v.default(l.ComponentClassNames.SliderFieldRange,n.classNameModifier(l.ComponentClassNames.SliderFieldRange,F)),"data-testid":"slider-range",style:{backgroundColor:String(u)}})),b.createElement(Na,{"aria-describedby":B,"aria-labelledby":O,"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}))}));va.displayName="SliderField";const Fa=({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},ya=b.forwardRef(((e,a)=>{var t,s;const{className:r,defaultValue:i,descriptiveText:d,errorMessage:c,hasError:u=!1,id:m,inputStyles:p,isDisabled:f,isReadOnly:C,isRequired:g,increaseButtonLabel:h=l.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:N=l.ComponentText.StepperField.decreaseButtonLabel,label:E,labelHidden:F=!1,onStepChange:y,size:w,testId:x,value:S,variation:I}=e,T=o.__rest(e,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),P=V(m),D=V(),k=d?D:void 0,{styleProps:M,rest:O}=q(T),R=l.useIcons("stepperField"),{step:B,value:L,inputValue:_,handleDecrease:j,handleIncrease:A,handleOnBlur:H,handleOnChange:z,handleOnWheel:W,setInputValue:$,shouldDisableDecreaseButton:Z,shouldDisableIncreaseButton:K}=(({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((()=>Fa({min:s,max:l,step:t,value:e}))),h=f?Fa({min:s,max:l,step:t,value:a}):C,N=null!==(m=null!=r?r:o)&&void 0!==m?m:h+t>l,E=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=Fa({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:E,shouldDisableIncreaseButton:N}})(Object.assign(Object.assign({},e),{defaultValue:i,onStepChange:y}));return b.useEffect((()=>{void 0!==S&&$(S)}),[S,$]),b.createElement(l.Flex,Object.assign({className:v.default(l.ComponentClassNames.Field,n.classNameModifier(l.ComponentClassNames.Field,w),l.ComponentClassNames.StepperField,r),"data-size":w,"data-variation":I,testId:x},M),b.createElement(l.Label,{htmlFor:P,visuallyHidden:F},E),b.createElement(l.FieldDescription,{id:D,labelHidden:F,descriptiveText:d}),b.createElement(U,{outerStartComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":P,ariaLabel:`${N} ${L-B}`,className:v.default(l.ComponentClassNames.StepperFieldButtonDecrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonDecrease,I),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonDecrease,"disabled",Z)),"data-invalid":u,isDisabled:Z,onClick:j,size:w},null!==(t=null==R?void 0:R.remove)&&void 0!==t?t:b.createElement(l.IconRemove,{"data-testid":"decrease-icon"})),outerEndComponent:b.createElement(l.FieldGroupIconButton,{"aria-controls":P,ariaLabel:`${h} ${L+B}`,className:v.default(l.ComponentClassNames.StepperFieldButtonIncrease,n.classNameModifier(l.ComponentClassNames.StepperFieldButtonIncrease,I),n.classNameModifierByFlag(l.ComponentClassNames.StepperFieldButtonIncrease,"disabled",K)),"data-invalid":u,isDisabled:K,onClick:A,size:w},null!==(s=null==R?void 0:R.add)&&void 0!==s?s:b.createElement(l.IconAdd,{"data-testid":"increase-icon"}))},b.createElement(G,Object.assign({"aria-describedby":k,className:l.ComponentClassNames.StepperFieldInput,hasError:u,id:P,isDisabled:f,isReadOnly:C,isRequired:g,onBlur:H,onChange:z,onWheel:W,ref:a,size:w,variation:I,type:"number",value:_},p,O))),b.createElement(l.FieldErrorMessage,{hasError:u,errorMessage:c}))}));ya.displayName="StepperField";const wa=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:N,trackColor:E,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}),{isFieldsetDisabled:D}=l.useFieldset(),k=D||c,M=V(i),O=u?re:l.View,R=v.default(l.ComponentClassNames.SwitchTrack,n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"disabled",k),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"focused",T),n.classNameModifierByFlag(l.ComponentClassNames.SwitchTrack,"error",y)),B=v.default(l.ComponentClassNames.SwitchThumb,n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"checked",S),n.classNameModifierByFlag(l.ComponentClassNames.SwitchThumb,"disabled",k));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(re,null,b.createElement(G,{role:"switch",type:"checkbox",id:M,onChange:I,disabled:c,name:f,checked:S,value:F,onFocus:()=>{P(!0)},onBlur:()=>{P(!1)}})),b.createElement(l.Label,{htmlFor:M,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:R,"data-checked":S,"data-disabled":k,"data-focused":T,backgroundColor:S?N:E},b.createElement(l.View,{as:"span",className:B,"data-checked":S,"data-disabled":k,backgroundColor:h}))),b.createElement(l.FieldErrorMessage,{hasError:y,errorMessage:w}))}));wa.displayName="SwitchField";const xa=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)}));xa.displayName="Table";const Sa=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)}));Sa.displayName="TableBody";const Ia=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)}));Ia.displayName="TableCell";const Ta=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)}));Ta.displayName="TableFoot";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:"thead",className:v.default(l.ComponentClassNames.TableHead,n),ref:a},s),t)}));Pa.displayName="TableHead";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:"tr",className:v.default(l.ComponentClassNames.TableRow,n),ref:a},s),t)}));Da.displayName="TableRow";const{Root:ka,List:Ma,Trigger:Oa,Content:Ra}=n.sanitizeNamespaceImport(S),Ba=e=>b.isValidElement(e),La=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(ka,Object.assign({},p),b.createElement(Ma,{"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(Ra,{key:a,value:`${a}`},e.props.children)})))})),Va=b.forwardRef(((e,a)=>{var{className:t,title:n}=e,s=o.__rest(e,["className","title"]);return b.createElement(l.View,Object.assign({as:Oa,className:v.default(l.ComponentClassNames.TabItems,t),ref:a},s),n)}));La.displayName="Tabs",Va.displayName="TabItem";const _a=b.forwardRef(((e,a)=>{var{className:t,isDisabled:s,isReadOnly:r,isRequired:i,size:d,hasError:c=!1,variation:u}=e,m=o.__rest(e,["className","isDisabled","isReadOnly","isRequired","size","hasError","variation"]);const p=v.default(l.ComponentClassNames.Textarea,l.ComponentClassNames.FieldGroupControl,n.classNameModifier(l.ComponentClassNames.Textarea,u),n.classNameModifier(l.ComponentClassNames.Textarea,d),n.classNameModifierByFlag(l.ComponentClassNames.Textarea,"error",c),t),{isFieldsetDisabled:f}=l.useFieldset();return b.createElement(l.View,Object.assign({"aria-invalid":c,as:"textarea",className:p,"data-size":d,"data-variation":u,disabled:f||s,readOnly:r,ref:a,required:i},m))}));_a.displayName="TextArea";const ja=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"]),N=V(d),E=V(),F=s?E:void 0,{styleProps:y,rest:w}=q(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:N,visuallyHidden:u},c),b.createElement(l.FieldDescription,{id:E,labelHidden:u,descriptiveText:s}),b.createElement(_a,Object.assign({"aria-describedby":F,hasError:i,id:N,ref:a,rows:null!=m?m:3,size:p,resize:g},w,C)),b.createElement(l.FieldErrorMessage,{hasError:i,errorMessage:r}))}));ja.displayName="TextAreaField";const Aa=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}),N=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:N,isDisabled:i,onClick:h,ref:a,size:m,type:"button",variation:f},C),s)}));Aa.displayName="ToggleButton";const Ha=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)))}));Ha.displayName="ToggleButtonGroup";var za,Ua=Object.freeze({__proto__:null,IconsProvider:P,Alert:D,Autocomplete:Y,Badge:X,Breadcrumbs:ne,Button:l.Button,ButtonGroup:le,Card:se,CheckboxField:ie,Collection:Ee,Divider:ve,DropZone:xe,Expander:Te,ExpanderItem:Oe,FieldGroupIcon:l.FieldGroupIcon,FieldGroupIconButton:l.FieldGroupIconButton,Fieldset:Re,Flex:l.Flex,Grid:de,Heading:Le,HighlightMatch:A,Icon:l.Icon,Image:Ve,Input:G,Label:l.Label,Link:J,Loader:l.Loader,Menu:ze,MenuButton:_e,MenuItem:Ge,Message:Qe,Pagination:pe,PasswordField:na,PhoneNumberField:oa,Placeholder:ia,Radio:ca,RadioGroupField:ua,Rating:ga,ScrollView:M,SearchField:K,SelectField:sa,SliderField:va,StepperField:ya,SwitchField:wa,Tabs:La,TabItem:Va,Text:l.Text,TextAreaField:ja,TextField:W,ToggleButton:Aa,ToggleButtonGroup:Ha,View:l.View,VisuallyHidden:re,Table:xa,TableBody:Sa,TableCell:Ia,TableFoot:Ta,TableHead:Pa,TableRow:Da,usePagination:fe,ComponentClassNames:l.ComponentClassNames,ComponentClassObject:l.ComponentClassObject,ComponentPropsToStylePropsMap:l.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:l.ComponentPropsToStylePropsMapKeys});!function(e){e.ChangePassword="amplify-accountsettings-changepassword",e.DeleteUser="amplify-accountsettings-deleteuser"}(za||(za={}));const Ga=({errors:e,id:a,dataAttr:t})=>{if(!((null==e?void 0:e.length)>0))return null;const s=t?{[t]:!0}:{};return N.default.createElement(l.View,Object.assign({},s,{id:a}),e.map((e=>N.default.createElement(l.Text,{key:e,role:"alert",variation:"error"},n.translate(e)))))},qa=e=>N.default.createElement(D,Object.assign({variation:"error"},e)),Wa=e=>{var{fieldValidationErrors:a,label:t}=e,n=o.__rest(e,["fieldValidationErrors","label"]);return N.default.createElement(N.default.Fragment,null,N.default.createElement(na,Object.assign({},n,{label:t})),a?N.default.createElement(Ga,{errors:a}):null)},$a={CurrentPasswordField:Wa,NewPasswordField:Wa,ConfirmPasswordField:Wa,SubmitButton:l.Button,ErrorMessage:qa},Za=new t.Logger("ChangePassword");function Ka({onSuccess:e,onError:a,validators:t,components:s}){const[r,o]=N.default.useState(null),[i,d]=N.default.useState({}),[c,u]=N.default.useState({}),m=N.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=N.default.useMemo((()=>null!=t?t:n.getDefaultPasswordValidators()),[t]),h=N.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=N.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=N.default.useCallback((e=>{const a={newPassword:h(e),confirmPassword:b(e)};E.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:D}=N.default.useMemo((()=>Object.assign(Object.assign({},$a),null!=s?s:{})),[s]),k=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?N.default.createElement(l.View,{as:"form",className:za.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)}))}},N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(S,{autoComplete:"current-password",isRequired:!0,label:F,name:"currentPassword",onBlur:M,onChange:k}),N.default.createElement(I,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.newPassword,isRequired:!0,label:y,name:"newPassword",onBlur:M,onChange:k}),N.default.createElement(T,{autoComplete:"new-password",fieldValidationErrors:null==c?void 0:c.confirmPassword,isRequired:!0,label:w,name:"confirmPassword",onBlur:M,onChange:k}),N.default.createElement(P,{isDisabled:C,type:"submit"},x),r?N.default.createElement(D,null,r):null)):(Za.warn("<ChangePassword /> requires user to be authenticated."),null)}Ka.CurrentPasswordField=$a.CurrentPasswordField,Ka.NewPasswordField=$a.NewPasswordField,Ka.ConfirmPasswordField=$a.ConfirmPasswordField,Ka.SubmitButton=$a.SubmitButton,Ka.ErrorMessage=$a.ErrorMessage;const Ya={ErrorMessage:qa,DeleteButton:e=>N.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 N.default.createElement(se,null,N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Text,{color:"font.error"},s),N.default.createElement(l.Flex,null,N.default.createElement(l.Button,{variation:"link",onClick:e,isDisabled:t},r),N.default.createElement(l.Button,{variation:"destructive",onClick:a,isDisabled:t},o))))}},Xa=n.getLogger("Auth");function Qa({components:e,onSuccess:a,onError:t,handleDelete:s}){const[r,i]=N.default.useState("IDLE"),[d,c]=N.default.useState(null),u=n.translate("Delete Account"),{user:m,isLoading:p}=l.useAuth(),{ErrorMessage:f,DeleteButton:C,WarningView:g}=N.default.useMemo((()=>Object.assign(Object.assign({},Ya),null!=e?e:{})),[e]),h=N.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=N.default.useCallback((()=>{i("IDLE")}),[]),E=N.default.useCallback((()=>{h()}),[h]);return p?null:m?"DONE"===r?null:N.default.createElement(l.Flex,{className:za.DeleteUser,direction:"column"},N.default.createElement(C,{isDisabled:"CONFIRMATION"===r||"DELETING"===r,onClick:e=>{e.preventDefault(),i("CONFIRMATION")}},u),"CONFIRMATION"===r||"DELETING"===r?N.default.createElement(g,{onCancel:b,isDisabled:"DELETING"===r,onConfirm:E}):null,d?N.default.createElement(f,null,d):null):(Xa.warn("<DeleteUser /> requires user to be authenticated."),null)}Qa.ErrorMessage=Ya.ErrorMessage,Qa.DeleteButton=Ya.DeleteButton,Qa.WarningView=Ya.WarningView;var Ja={ChangePassword:Ka,DeleteUser:Qa};const et="5.3.3",at=b.createContext(null),tt=()=>{const e=b.useContext(at);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e},nt=e=>"signIn"===e||"signUp";function lt({children:e,className:a,variation:t="default"}){const{route:n}=s.useAuthenticator((({route:e})=>[e])),{components:{Header:r,Footer:o}}=tt();return N.default.createElement(l.View,{className:a,"data-amplify-authenticator":"","data-variation":t},N.default.createElement(l.View,{"data-amplify-container":""},N.default.createElement(r,null),N.default.createElement(l.View,{"data-amplify-router":"","data-amplify-router-content":nt(n)?void 0:""},e),N.default.createElement(o,null)))}function st(){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 rt=()=>{const{error:e}=s.useAuthenticator((e=>[e.error]));return N.default.createElement(N.default.Fragment,null,e?N.default.createElement(D,{variation:"error",isDismissible:!0},n.translate(e)):null)};function ot(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=V(),p=u?m:void 0;return"tel"===r?b.createElement(b.Fragment,null,b.createElement(oa,Object.assign({},i,{name:l,defaultDialCode:t,dialCodeName:"country_code",autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ga,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):"password"===r?b.createElement(b.Fragment,null,b.createElement(na,Object.assign({},i,{name:l,autoComplete:a,hasError:u,"aria-describedby":p})),b.createElement(Ga,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m})):b.createElement(b.Fragment,null,b.createElement(W,Object.assign({},i,{name:l,autoComplete:a,hasError:u,type:r,"aria-describedby":p})),b.createElement(Ga,{dataAttr:"data-amplify-sign-up-errors",errors:c,id:m}))}function it(){const{fields:e}=s.useAuthenticator((({route:e})=>[e])),a=b.useRef(e.map(((e,a)=>b.createElement(ot,Object.assign({key:a},e))))).current;return b.createElement(b.Fragment,null,a)}const{getDeliveryMessageText:dt,getDeliveryMethodText:ct,getConfirmingText:ut,getConfirmText:mt,getResendCodeText:pt}=n.authenticatorTextUtil;function ft({className:e,variation:a}){const{isPending:t,resendCode:n,codeDeliveryDetails:r}=s.useAuthenticator((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:o,handleSubmit:i}=st(),{components:{ConfirmSignUp:{Header:d=ft.Header,Footer:c=ft.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:o,onSubmit:i},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(d,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Text,{className:"amplify-authenticator__subtitle"},dt(r)),N.default.createElement(it,null),N.default.createElement(rt,null),N.default.createElement(l.Button,{variation:"primary",isDisabled:t,type:"submit",loadingText:ut(),isLoading:t,fontWeight:"normal"},mt()),N.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal"},pt())),N.default.createElement(c,null))))}ft.Header=()=>{const{codeDeliveryDetails:e}=s.useAuthenticator((e=>[e.codeDeliveryDetails]));return N.default.createElement(Le,{level:4},ct(e))},ft.Footer=function(){return null};const{getChangePasswordText:Ct,getChangingText:gt,getBackToSignInText:ht}=n.authenticatorTextUtil,bt=({className:e,variation:a})=>{const{isPending:t,toSignIn:n}=s.useAuthenticator((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:i}=st(),{components:{ForceNewPassword:{FormFields:d=bt.FormFields,Header:c=bt.Header,Footer:u=bt.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:o,onSubmit:i,onBlur:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(c,null),N.default.createElement(d,null),N.default.createElement(rt,null),N.default.createElement(l.Button,{isDisabled:t,type:"submit",variation:"primary",isLoading:t,loadingText:gt(),fontWeight:"normal"},Ct()),N.default.createElement(l.Button,{onClick:n,type:"button",fontWeight:"normal",variation:"link",size:"small"},ht()),N.default.createElement(u,null))))};bt.FormFields=function(){return N.default.createElement(it,null)},bt.Header=function(){return N.default.createElement(Le,{level:4},Ct())},bt.Footer=function(){return null};const{getConfirmText:Nt,getConfirmingText:Et,getBackToSignInText:vt}=n.authenticatorTextUtil,Ft=()=>{const{isPending:e,toSignIn:a}=s.useAuthenticator((e=>[e.isPending,e.toSignIn]));return N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Button,{isDisabled:e,type:"submit",variation:"primary",fontWeight:"normal",isLoading:e,loadingText:Et()},Nt()),N.default.createElement(l.Button,{onClick:a,type:"button",variation:"link",fontWeight:"normal",size:"small"},vt()))},yt=new t.Logger("SetupTOTP-logger"),{getSetupTOTPText:wt,getCopiedText:xt,getLoadingText:St}=n.authenticatorTextUtil,It=({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}=st(),{components:{SetupTOTP:{Header:p=It.Header,Footer:f=It.Footer}}}=tt(),[C,g]=b.useState(!0),[h,N]=b.useState(),[E,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);N(a)}catch(e){yt.error(e)}finally{g(!1)}}))),[F,y,r]);b.useEffect((()=>{h||w()}),[w,h]);return b.createElement(lt,{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,St(),"…"):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(xt())}},b.createElement("div",{"data-amplify-copy-tooltip":!0},E),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(it,null),b.createElement(rt,null)),b.createElement(Ft,null),b.createElement(f,null))))};It.Header=function(){return b.createElement(Le,{level:3},wt())},It.Footer=function(){return null};const{getSubmitText:Tt,getSubmittingText:Pt}=n.authenticatorTextUtil,Dt=e=>{const{cancelButtonSendType:a,cancelButtonText:t,submitButtonText:n}=e,{isPending:r,resendCode:o,skipVerification:i,toSignIn:d}=s.useAuthenticator((e=>[e.isPending])),c=r?N.default.createElement(N.default.Fragment,null,Pt(),"…"):N.default.createElement(N.default.Fragment,null,Tt()),u=null!=n?n:c;return N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Button,{fontWeight:"normal",variation:"primary",isDisabled:r,type:"submit"},u),N.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))},kt=()=>N.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"},N.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"})),Mt=()=>N.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"},N.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"}),N.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"}),N.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"}),N.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"})),Ot=()=>N.default.createElement(l.Icon,{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"}),Rt=()=>N.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"},N.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"}),N.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=N.default.createElement(Ot,null):"google"===a?o=N.default.createElement(Mt,null):"amazon"===a?o=N.default.createElement(Rt,null):"apple"===a&&(o=N.default.createElement(kt,null)),N.default.createElement(l.Button,{onClick:e=>{e.preventDefault(),r({provider:t})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},o,N.default.createElement(l.Text,{as:"span"},n))},{getSignInWithFederationText:Lt,getOrText:Vt}=n.authenticatorTextUtil;function _t(){const{route:e,socialProviders:a}=s.useAuthenticator((({route:e,socialProviders:a})=>[e,a]));return 0===a.length?null:N.default.createElement(l.Flex,{direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},a.map((a=>{switch(a){case"amazon":return N.default.createElement(Bt,{icon:"amazon",key:a,provider:n.FederatedIdentityProviders.Amazon,text:Lt(e,a)});case"apple":return N.default.createElement(Bt,{icon:"apple",key:a,provider:n.FederatedIdentityProviders.Apple,text:Lt(e,a)});case"facebook":return N.default.createElement(Bt,{icon:"facebook",key:a,provider:n.FederatedIdentityProviders.Facebook,text:Lt(e,a)});case"google":return N.default.createElement(Bt,{icon:"google",key:a,provider:n.FederatedIdentityProviders.Google,text:Lt(e,a)});default:console.error(`Authenticator does not support ${a}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),N.default.createElement(ve,{size:"small",label:Vt()}))}const{getSignInText:jt,getSigningInText:At,getForgotPasswordText:Ht}=n.authenticatorTextUtil;function zt(){const{isPending:e}=s.useAuthenticator((e=>[e.isPending])),{handleChange:a,handleSubmit:t}=st(),{components:{SignIn:{Header:n=zt.Header,Footer:r=zt.Footer}}}=tt();return N.default.createElement(l.View,null,N.default.createElement(n,null),N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:t,onChange:a},N.default.createElement(_t,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:e},N.default.createElement(re,null,N.default.createElement("legend",null,jt())),N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(l.Button,{isDisabled:e,isFullWidth:!0,type:"submit",variation:"primary",isLoading:e,loadingText:At()},jt()))),N.default.createElement(r,null))}zt.Footer=()=>{const{toResetPassword:e}=s.useAuthenticator((e=>[e.toResetPassword]));return N.default.createElement(l.View,{"data-amplify-footer":""},N.default.createElement(l.Button,{fontWeight:"normal",onClick:e,size:"small",variation:"link"},Ht()))},zt.Header=function(){return null};const{getCreateAccountText:Ut,getCreatingAccountText:Gt}=n.authenticatorTextUtil;function qt(){const{hasValidationErrors:e,isPending:a}=s.useAuthenticator((e=>[e.hasValidationErrors,e.isPending])),{handleChange:t,handleBlur:n,handleSubmit:r}=st(),{components:{SignUp:{Header:o=qt.Header,FormFields:i=qt.FormFields,Footer:d=qt.Footer}}}=tt();return N.default.createElement(l.View,null,N.default.createElement(o,null),N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:t,onSubmit:r,onBlur:n},N.default.createElement(_t,null),N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:a},N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(i,null),N.default.createElement(rt,null)),N.default.createElement(l.Button,{isDisabled:e||a,isFullWidth:!0,type:"submit",variation:"primary",isLoading:a,loadingText:Gt()},Ut()))),N.default.createElement(d,null))}qt.Header=function(){return null},qt.FormFields=function(){return N.default.createElement(it,null)},qt.Footer=function(){return null};const{getSignInTabText:Wt,getSignUpTabText:$t}=n.authenticatorTextUtil,Zt=({className:e,hideSignUp:a,variation:t})=>{const{route:n,toSignIn:r,toSignUp:o}=s.useAuthenticator((e=>[e.route,e.toSignIn,e.toSignUp]));return N.default.createElement(lt,{className:e,variation:t},a?N.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&N.default.createElement(zt,null)):N.default.createElement(La,{indicatorPosition:"top",currentIndex:"signIn"===n?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===n?o():r()},N.default.createElement(Va,{title:Wt()},N.default.createElement(l.View,{"data-amplify-router-content":""},"signIn"===n&&N.default.createElement(zt,null))),N.default.createElement(Va,{title:$t()},N.default.createElement(l.View,{"data-amplify-router-content":""},"signUp"===n&&N.default.createElement(qt,null)))))},{getAccountRecoveryInfoText:Kt,getSkipText:Yt}=n.authenticatorTextUtil,Xt=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=st(),{components:{ConfirmVerifyUser:{Header:o=Xt.Header,Footer:i=Xt.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:n,onSubmit:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(o,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonText:Yt(),cancelButtonSendType:"SKIP"}),N.default.createElement(i,null))))};Xt.Header=function(){return N.default.createElement(Le,{level:3},Kt())},Xt.Footer=function(){return null};const{getSkipText:Qt,getVerifyText:Jt,getVerifyContactText:en,getAccountRecoveryInfoText:an}=n.authenticatorTextUtil,tn=e=>Object.entries(e).map((([e,a])=>N.default.createElement(ca,{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)))),nn=({className:e,variation:a})=>{const{components:{VerifyUser:{Header:t=nn.Header,Footer:n=nn.Footer}}}=tt(),{isPending:r,unverifiedContactMethods:o}=s.useAuthenticator((({isPending:e,unverifiedContactMethods:a})=>[e,a])),{handleChange:i,handleSubmit:d}=st(),c=r?N.default.createElement(N.default.Fragment,null,"Verifying…"):N.default.createElement(N.default.Fragment,null,Jt()),u=N.default.createElement(ua,{label:en(),labelHidden:!0,name:"verify_context",isDisabled:r},tn(o));return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:i,onSubmit:d},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:r},N.default.createElement(t,null),u,N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonText:Qt(),cancelButtonSendType:"SKIP",submitButtonText:c}),N.default.createElement(n,null))))};nn.Header=function(){return N.default.createElement(Le,{level:3},an())},nn.Footer=function(){return null};const{getChallengeText:ln}=n.authenticatorTextUtil,sn=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=st(),{components:{ConfirmSignIn:{Header:o=sn.Header,Footer:i=sn.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(o,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null),N.default.createElement(rt,null)),N.default.createElement(Ft,null),N.default.createElement(i,null))))};sn.Header=function(){const{user:{challengeName:e}}=s.useAuthenticator((({user:e})=>[e]));return N.default.createElement(Le,{level:3},ln(e))},sn.Footer=function(){return null};const{getResendCodeText:rn,getResetYourPasswordText:on}=n.authenticatorTextUtil,dn=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleBlur:n,handleChange:r,handleSubmit:o}=st(),{components:{ConfirmResetPassword:{Header:i=dn.Header,Footer:d=dn.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:o,onChange:r,onBlur:n},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(i,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonSendType:"RESEND",cancelButtonText:rn()}),N.default.createElement(d,null))))};dn.Header=function(){const e=on();return N.default.createElement(Le,{level:3},e)},dn.Footer=function(){return null};const{getBackToSignInText:cn,getSendingText:un,getSendCodeText:mn,getResetYourPasswordText:pn}=n.authenticatorTextUtil,fn=({className:e,variation:a})=>{const{isPending:t}=s.useAuthenticator((e=>[e.isPending])),{handleChange:n,handleSubmit:r}=st(),{components:{ResetPassword:{Header:o=fn.Header,Footer:i=fn.Footer}}}=tt();return N.default.createElement(lt,{className:e,variation:a},N.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:n,onSubmit:r},N.default.createElement(l.Flex,{as:"fieldset",direction:"column",isDisabled:t},N.default.createElement(o,null),N.default.createElement(l.Flex,{direction:"column"},N.default.createElement(it,null)),N.default.createElement(rt,null),N.default.createElement(Dt,{cancelButtonText:cn(),cancelButtonSendType:"SIGN_IN",submitButtonText:t?N.default.createElement(N.default.Fragment,null,un(),"…"):N.default.createElement(N.default.Fragment,null,mn())}),N.default.createElement(i,null))))};fn.Header=function(){return N.default.createElement(Le,{level:3},pn())},fn.Footer=function(){return null};const Cn=e=>"signIn"===e||"signUp"===e;function gn(){return null}const hn=e=>{switch(e){case"authenticated":case"idle":case"setup":case"transition":return gn;case"confirmSignUp":return ft;case"confirmSignIn":return sn;case"setupTOTP":return It;case"signIn":case"signUp":return Zt;case"forceNewPassword":return bt;case"resetPassword":return fn;case"confirmResetPassword":return dn;case"verifyUser":return nn;case"confirmVerifyUser":return Xt;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),gn}};function bn({className:a,hideSignUp:t,variation:n}){const{route:l}=s.useAuthenticator((({route:e})=>[e])),r=e.useMemo((()=>hn(l)),[l]);return N.default.createElement(r,{className:a,hideSignUp:Cn(l)?t:void 0,variation:n})}const Nn={Header:()=>null,SignIn:{Header:zt.Header,Footer:zt.Footer},SignUp:{Header:qt.Header,FormFields:qt.FormFields,Footer:qt.Footer},ConfirmSignUp:{Header:ft.Header,Footer:ft.Footer},SetupTOTP:{Header:It.Header,Footer:It.Footer},ConfirmResetPassword:{Header:dn.Header,Footer:dn.Footer},ConfirmSignIn:{Header:sn.Header,Footer:sn.Footer},VerifyUser:{Header:nn.Header,Footer:nn.Footer},ConfirmVerifyUser:{Header:Xt.Header,Footer:Xt.Footer},ForceNewPassword:{Header:bt.Header,Footer:bt.Footer,FormFields:bt.FormFields},ResetPassword:{Header:fn.Header,Footer:fn.Footer},Footer:()=>null};function En({children:e,className:a,components:t,formFields:l,hideSignUp:r,initialState:o,loginMechanisms:i,passwordSettings:d,signUpAttributes:c,services:u,socialProviders:m,variation:p}){Se({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({},Nn),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(at.Provider,{value:h},b.createElement(bn,{className:a,hideSignUp:r,variation:p}))}function vn(e){return b.useEffect((()=>{n.configureComponent({packageName:"@aws-amplify/ui-react",version:et})}),[]),b.createElement(s.AuthenticatorProvider,null,b.createElement(En,Object.assign({},e)))}function Fn(e,a={}){const{variation:t="modal"}=a;return function(n){return N.default.createElement(vn,Object.assign({variation:t},a),(a=>N.default.createElement(e,Object.assign({},n,a))))}}var yn;function wn({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)===yn.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=>[yn.ERROR,yn.EDITING].includes(null==e?void 0:e.fileState)))||0===f||i;return N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewer},N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerBody},t,N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderPreviewerText},o?g:N.default.createElement(N.default.Fragment,null,`${C} ${n.translate("selected")}`)),a),N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderPreviewerFooter},N.default.createElement(l.View,null,r&&N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Text,null,n.translate("Uploading"),e>0?`: ${e}%`:""),N.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:e,isPercentageTextHidden:!0,isDeterminate:!0}))),N.default.createElement(l.View,{className:n.ComponentClassName.FileUploaderPreviewerFooterActions},!r&&!o&&N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Button,{size:"small",variation:"link",onClick:c},n.translate("Clear all")),N.default.createElement(l.Button,{disabled:h,size:"small",variation:"primary",onClick:u},`${n.translate("Upload")} ${C}`)),o&&N.default.createElement(l.Button,{size:"small",onClick:c},n.translate("Done")))),i&&N.default.createElement(D,{variation:"error",heading:m}))}function xn({children:e,inDropZone:a,onDragStart:t,onDragEnter:s,onDragLeave:r,onDrop:o,onDragOver:i}){return N.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},N.default.createElement(l.IconUpload,{"aria-hidden":!0,className:l.ComponentClassNames.FileUploaderDropZoneIcon}),N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderDropZoneText},n.translate("Drop files here or")),e)}vn.Provider=s.AuthenticatorProvider,vn.ResetPassword=fn,vn.SetupTOTP=It,vn.SignIn=zt,vn.SignUp=qt,vn.ForceNewPassword=bt,function(e){e.PAUSED="paused",e.SUCCESS="success",e.ERROR="error",e.LOADING="loading",e.RESUME="resume",e.EDITING="editing",e.INIT="init"}(yn||(yn={}));const Sn=({fileState:e,errorMessage:a,percentage:t})=>{switch(e){case yn.LOADING:{const e=t&&t>0?`${n.translate("Uploading")}: ${t}%`:n.translate("Uploading");return N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},e)}case yn.PAUSED:return N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileStatus},n.translate("Paused"),": ",t,"%");case yn.SUCCESS:return N.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"success"))},N.default.createElement(l.IconCheck,{fontSize:"xl"})," ",n.translate("Uploaded successfully"));case yn.ERROR:return N.default.createElement(l.Text,{className:v.default(l.ComponentClassNames.FileUploaderFileStatus,n.classNameModifier(l.ComponentClassNames.FileUploaderFileStatus,"error"))},N.default.createElement(l.IconError,{fontSize:"xl"})," ",a);default:return null}};function In({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]=N.default.useState(o),E=N.default.useRef(null),v=URL.createObjectURL(t);N.default.useEffect((()=>{s===yn.EDITING&&E.current&&E.current.focus()}),[s]);const{size:F}=t,y=r?N.default.createElement(Ve,{alt:t.name,src:v}):N.default.createElement(l.IconFile,null),w=!C||f>0,x=s===yn.INIT||s===yn.ERROR&&a===n.translate("Extension not allowed"),S=e.useCallback((()=>N.default.createElement(N.default.Fragment,null,N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileMain},N.default.createElement(l.Text,{className:l.ComponentClassNames.FileUploaderFileName},o)),x?N.default.createElement(l.Button,{onClick:p,size:"small",variation:"link"},N.default.createElement(re,null,"Edit file name ",t.name),N.default.createElement(l.IconEdit,{"aria-hidden":!0,fontSize:"medium"})):null,N.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 yn.EDITING:return N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Button,{size:"small",onClick:()=>{b(o),null==d||d()}},"Cancel"),N.default.createElement(l.Button,{size:"small",variation:"primary",onClick:()=>{m(h)}},"Save"));case yn.RESUME:case yn.LOADING:return C?N.default.createElement(l.Button,{onClick:c,size:"small",variation:"link"},n.translate("pause")):null;case yn.PAUSED:return N.default.createElement(l.Button,{onClick:u,size:"small",variation:"link"},n.translate("Resume"));case yn.SUCCESS:return null;default:return N.default.createElement(l.Button,{size:"small",onClick:i},N.default.createElement(re,null,"Remove file name ",t.name),N.default.createElement(l.IconClose,{"aria-hidden":!0,fontSize:"medium"}))}}),[t.name,s,C,o,i,d,c,u,m,h]);return t?N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFile},N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileWrapper},g?N.default.createElement(l.View,{className:l.ComponentClassNames.FileUploaderFileImage},y):null,s===yn.EDITING?N.default.createElement(l.View,{as:"form",flex:"1",onSubmit:()=>{m(h)}},N.default.createElement(W,{maxLength:1024,ref:E,label:"file name",size:"small",variation:"quiet",labelHidden:!0,onChange:e=>{b(e.target.value)},value:h})):N.default.createElement(S,null),N.default.createElement(I,null),s===yn.LOADING?N.default.createElement(l.Loader,{className:l.ComponentClassNames.FileUploaderLoader,variation:"linear",percentage:f,isDeterminate:w,isPercentageTextHidden:!0}):null),N.default.createElement(Sn,{fileState:s,errorMessage:a,percentage:f})):null}const Tn=e=>"function"==typeof(null==e?void 0:e.resume),Pn=new t.Logger("AmplifyUI:Storage");function Dn(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"]);Se({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||Pn.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[E,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?yn.ERROR:yn.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:E,setAutoLoad:y}),{addTargetFiles:x,fileStatuses:S,inDropZone:I,setFileStatuses:T,setShowPreviewer:P,showPreviewer:D}=w,k=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),O=0!==S.length&&S.every((e=>100===(null==e?void 0:e.percentage))),R=S.filter((e=>100!==e.percentage)).length>d;e.useEffect((()=>{100===Math.floor(M)&&v(!1)}),[M]),e.useEffect((()=>{P(i)}),[P,i]);const B=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?yn.LOADING:yn.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];Tn(a.uploadTask)&&a.uploadTask.pause();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:yn.PAUSED}),T(t)}),[S,T]),_=e.useCallback((e=>function(){const a=S[e];Tn(a.uploadTask)&&a.uploadTask.resume();const t=[...S];t[e]=Object.assign(Object.assign({},a),{fileState:yn.RESUME}),T(t)}),[S,T]),j=e.useCallback((()=>{v(!0);const e=[];S.forEach(((a,t)=>{if((null==a?void 0:a.fileState)===yn.SUCCESS)return;const l=n.uploadFile(Object.assign({file:a.file,fileName:a.name,level:C,isResumable:h,progressCallback:B(t),errorCallback:L(t),completeCallback:p},b));Tn(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===yn.INIT?yn.LOADING:a.fileState,percentage:null!==(n=a.percentage)&&void 0!==n?n:0})}))))}),[S,T,C,h,B,L,p,b]),A=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]),H=e.useCallback((()=>{P(!1),T([])}),[T,P]),z=e.useCallback((e=>()=>{const{fileState:a,uploadTask:t}=S[e];"loading"===a&&Tn(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?yn.INIT:yn.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)?yn.INIT:yn.ERROR,o=a===yn.INIT?r:a;return l[e]=Object.assign(Object.assign({},s),{fileState:o}),l}))}),[T]),q=e.useCallback((e=>()=>{G(e,yn.INIT)}),[G]),W=e.useCallback((e=>a=>{G(e,yn.EDITING)}),[G]);e.useEffect((()=>{s&&F&&!R&&(j(),y(!1))}),[s,j,F,R]);const $=N.default.useRef(null),Z=null==t?void 0:t.join(),K=e.useMemo((()=>N.default.createElement(N.default.Fragment,null,N.default.createElement(l.Button,{className:l.ComponentClassNames.FileUploaderDropZoneButton,isDisabled:E,onClick:()=>{var e;null===(e=null==$?void 0:$.current)||void 0===e||e.click(),$.current.value=""},size:"small"},n.translate("Browse files")),N.default.createElement(re,null,N.default.createElement("input",{type:"file",tabIndex:-1,ref:$,onChange:A,multiple:u,accept:Z})))),[E,A,u,Z]);return D?N.default.createElement(wn,{dropZone:N.default.createElement(xn,Object.assign({},k,{inDropZone:I}),K),fileStatuses:S,isLoading:E,isSuccessful:O,hasMaxFilesError:R,maxFileCount:d,onClear:H,onFileClick:j,aggregatePercentage:M},null==S?void 0:S.map(((e,a)=>{var t;return N.default.createElement(In,{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?K:N.default.createElement(xn,Object.assign({},k,{inDropZone:I}),K)}const{DirectionProvider:kn}=n.sanitizeNamespaceImport(T);function Mn({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(kn,{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 On=Mn;var Rn=Object.freeze({__proto__:null,AccountSettings:Ja,Authenticator:vn,withAuthenticator:Fn,useAuthenticator:s.useAuthenticator,FileUploader:Dn,AmplifyProvider:Mn,ThemeProvider:On});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.Icon=l.Icon,exports.Label=l.Label,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=Ja,exports.Alert=D,exports.AmplifyProvider=Mn,exports.Authenticator=vn,exports.Autocomplete=Y,exports.Badge=X,exports.Breadcrumbs=ne,exports.ButtonGroup=le,exports.Card=se,exports.CheckboxField=ie,exports.Collection=Ee,exports.Divider=ve,exports.DropZone=xe,exports.Expander=Te,exports.ExpanderItem=Oe,exports.Fieldset=Re,exports.FileUploader=Dn,exports.Grid=de,exports.Heading=Le,exports.HighlightMatch=A,exports.IconsProvider=P,exports.Image=Ve,exports.Input=G,exports.Link=J,exports.Menu=ze,exports.MenuButton=_e,exports.MenuItem=Ge,exports.Message=Qe,exports.Pagination=pe,exports.PasswordField=na,exports.PhoneNumberField=oa,exports.Placeholder=ia,exports.Radio=ca,exports.RadioGroupField=ua,exports.Rating=ga,exports.ScrollView=M,exports.SearchField=K,exports.SelectField=sa,exports.SliderField=va,exports.StepperField=ya,exports.SwitchField=wa,exports.TabItem=Va,exports.Table=xa,exports.TableBody=Sa,exports.TableCell=Ia,exports.TableFoot=Ta,exports.TableHead=Pa,exports.TableRow=Da,exports.Tabs=La,exports.TextAreaField=ja,exports.TextField=W,exports.ThemeProvider=On,exports.ToggleButton=Aa,exports.ToggleButtonGroup=Ha,exports.VisuallyHidden=re,exports.components=Rn,exports.primitives=Ua,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=fe,exports.withAuthenticator=Fn;
package/dist/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "5.3.2";
1
+ export declare const VERSION = "5.3.3";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "5.3.2",
3
+ "version": "5.3.3",
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.8.1",
51
- "@aws-amplify/ui-react-core": "2.1.33",
50
+ "@aws-amplify/ui": "5.9.0",
51
+ "@aws-amplify/ui-react-core": "2.1.34",
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",