@aws-amplify/ui-react 5.0.7 → 5.1.0

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