@aws-amplify/ui-react 3.5.0 → 3.5.1

package/dist/esm/components/Authenticator/ConfirmSignIn/ConfirmSignIn.js

@@ -1 +1 @@
-import e from"react";import{getActorState as r,translate as o,AuthChallengeNames as t}from"@aws-amplify/ui";import{Flex as n}from"../../../primitives/Flex/Flex.js";import{Heading as i}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as m}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as a}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as s}from"../hooks/useFormHandlers/useFormHandlers.js";import{FormFields as l}from"../shared/FormFields.js";import{ConfirmSignInFooter as c}from"../shared/ConfirmSignInFooter.js";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.js";import{RouteContainer as u}from"../RouteContainer/RouteContainer.js";const f=({className:r,variation:o})=>{const{isPending:t}=m((e=>[e.isPending])),{handleChange:i,handleSubmit:p}=s(),{components:{ConfirmSignIn:{Header:h=f.Header,Footer:E=f.Footer}}}=a();return e.createElement(u,{className:r,variation:o},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:i,onSubmit:p},e.createElement(n,{as:"fieldset",direction:"column",isDisabled:t},e.createElement(h,null),e.createElement(n,{direction:"column"},e.createElement(l,null),e.createElement(d,null)),e.createElement(c,null),e.createElement(E,null))))};f.Header=function(){const{_state:n}=m(),a=r(n),{challengeName:s}=a.context;let l;switch(s){case t.SMS_MFA:l=o("Confirm SMS Code");break;case t.SOFTWARE_TOKEN_MFA:l=o("Confirm TOTP Code");break;default:throw new Error(`${o("Unexpected challengeName encountered in ConfirmSignIn:")} ${s}`)}return e.createElement(i,{level:3},l)},f.Footer=function(){return null};export{f as ConfirmSignIn};
+import e from"react";import{getActorState as r,translate as o}from"@aws-amplify/ui";import{Flex as t}from"../../../primitives/Flex/Flex.js";import{Heading as n}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as i}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as m}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.js";import{FormFields as s}from"../shared/FormFields.js";import{ConfirmSignInFooter as l}from"../shared/ConfirmSignInFooter.js";import{RemoteErrorMessage as c}from"../shared/RemoteErrorMessage.js";import{RouteContainer as d}from"../RouteContainer/RouteContainer.js";const u=({className:r,variation:o})=>{const{isPending:n}=i((e=>[e.isPending])),{handleChange:f,handleSubmit:p}=a(),{components:{ConfirmSignIn:{Header:h=u.Header,Footer:E=u.Footer}}}=m();return e.createElement(d,{className:r,variation:o},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:f,onSubmit:p},e.createElement(t,{as:"fieldset",direction:"column",isDisabled:n},e.createElement(h,null),e.createElement(t,{direction:"column"},e.createElement(s,null),e.createElement(c,null)),e.createElement(l,null),e.createElement(E,null))))};u.Header=function(){const{_state:t}=i(),m=r(t),{challengeName:a}=m.context;let s;switch(a){case"SMS_MFA":s=o("Confirm SMS Code");break;case"SOFTWARE_TOKEN_MFA":s=o("Confirm TOTP Code");break;default:throw new Error(`${o("Unexpected challengeName encountered in ConfirmSignIn:")} ${a}`)}return e.createElement(n,{level:3},s)},u.Footer=function(){return null};export{u as ConfirmSignIn};

package/dist/esm/components/Authenticator/SetupTOTP/SetupTOTP.js

@@ -1 +1 @@
-import{__awaiter as e}from"tslib";import t from"qrcode";import*as o from"react";import{Logger as r,Auth as a}from"aws-amplify";import{translate as i,getActorState as n}from"@aws-amplify/ui";import{Flex as m}from"../../../primitives/Flex/Flex.js";import{Heading as l}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as s}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as c}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.js";import{ConfirmSignInFooter as u}from"../shared/ConfirmSignInFooter.js";import{RemoteErrorMessage as p}from"../shared/RemoteErrorMessage.js";import{FormFields as f}from"../shared/FormFields.js";import{RouteContainer as h}from"../RouteContainer/RouteContainer.js";const E=new r("SetupTOTP-logger"),g=(e,t,o)=>encodeURI(`otpauth://totp/${e}:${t}?secret=${o}&issuer=${e}`),v=({className:r,variation:l})=>{var C,y;const{_state:H,isPending:w}=s((e=>[e.isPending])),{handleChange:F,handleSubmit:S}=d(),{components:{SetupTOTP:{Header:T=v.Header,Footer:j=v.Footer}}}=c(),[x,P]=o.useState(!0),[O,V]=o.useState(),[b,R]=o.useState("COPY"),[k,I]=o.useState(""),L=n(H),{formFields:M,user:$}=L.context,{totpIssuer:q="AWSCognito",totpUsername:D=$.username}=null!==(y=null===(C=null==M?void 0:M.setupTOTP)||void 0===C?void 0:C.QR)&&void 0!==y?y:{},U=o.useCallback((o=>e(void 0,void 0,void 0,(function*(){try{const e=yield a.setupTOTP(o);I(e);const r=g(q,D,e),i=yield t.toDataURL(r);V(i)}catch(e){E.error(e)}finally{P(!1)}}))),[q,D]);o.useEffect((()=>{$&&U($)}),[U,$]);return o.createElement(h,{className:r,variation:l},o.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:F,onSubmit:S},o.createElement(m,{as:"fieldset",direction:"column",isDisabled:w},o.createElement(T,null),o.createElement(m,{direction:"column"},x?o.createElement("p",null,i("Loading"),"…"):o.createElement("img",{"data-amplify-qrcode":!0,src:O,alt:"qr code",width:"228",height:"228"}),o.createElement(m,{"data-amplify-copy":!0},o.createElement("div",null,k),o.createElement(m,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(k),R(i("COPIED"))}},o.createElement("div",{"data-amplify-copy-tooltip":!0},b),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o.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"})))),o.createElement(f,null),o.createElement(p,null)),o.createElement(u,null),o.createElement(j,null))))};v.Header=function(){return o.createElement(l,{level:3},i("Setup TOTP"))},v.Footer=function(){return null};export{v as SetupTOTP,g as getTotpCode};
+import{__awaiter as e}from"tslib";import t from"qrcode";import*as o from"react";import{Logger as r,Auth as a}from"aws-amplify";import{translate as i,getActorState as n,getTotpCode as l}from"@aws-amplify/ui";import{Flex as m}from"../../../primitives/Flex/Flex.js";import{Heading as s}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as c}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as d}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as u}from"../hooks/useFormHandlers/useFormHandlers.js";import{ConfirmSignInFooter as p}from"../shared/ConfirmSignInFooter.js";import{RemoteErrorMessage as f}from"../shared/RemoteErrorMessage.js";import{FormFields as h}from"../shared/FormFields.js";import{RouteContainer as v}from"../RouteContainer/RouteContainer.js";const E=new r("SetupTOTP-logger"),g=({className:r,variation:s})=>{var C,y;const{_state:H,isPending:w}=c((e=>[e.isPending])),{handleChange:F,handleSubmit:S}=u(),{components:{SetupTOTP:{Header:T=g.Header,Footer:j=g.Footer}}}=d(),[x,P]=o.useState(!0),[O,V]=o.useState(),[b,k]=o.useState("COPY"),[R,L]=o.useState(""),M=n(H),{formFields:q,user:D}=M.context,{totpIssuer:I="AWSCognito",totpUsername:Z=(null==D?void 0:D.username)}=null!==(y=null===(C=null==q?void 0:q.setupTOTP)||void 0===C?void 0:C.QR)&&void 0!==y?y:{},A=o.useCallback((o=>e(void 0,void 0,void 0,(function*(){try{const e=yield a.setupTOTP(o);L(e);const r=l(I,Z,e),i=yield t.toDataURL(r);V(i)}catch(e){E.error(e)}finally{P(!1)}}))),[I,Z]);o.useEffect((()=>{D&&A(D)}),[A,D]);return o.createElement(v,{className:r,variation:s},o.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:F,onSubmit:S},o.createElement(m,{as:"fieldset",direction:"column",isDisabled:w},o.createElement(T,null),o.createElement(m,{direction:"column"},x?o.createElement("p",null,i("Loading"),"…"):o.createElement("img",{"data-amplify-qrcode":!0,src:O,alt:"qr code",width:"228",height:"228"}),o.createElement(m,{"data-amplify-copy":!0},o.createElement("div",null,R),o.createElement(m,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(R),k(i("COPIED"))}},o.createElement("div",{"data-amplify-copy-tooltip":!0},b),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o.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"})))),o.createElement(h,null),o.createElement(f,null)),o.createElement(p,null),o.createElement(j,null))))};g.Header=function(){return o.createElement(s,{level:3},i("Setup TOTP"))},g.Footer=function(){return null};export{g as SetupTOTP};

package/dist/esm/components/Authenticator/hooks/useAuthenticator/index.js

@@ -1 +1 @@
-import*as e from"react";import{getSendEventAliases as t,createAuthenticatorMachine as r,listenToAuthHub as s,getServiceContextFacade as o}from"@aws-amplify/ui";import{useSelector as n,useInterpret as i}from"@xstate/react";import c from"lodash/isEmpty";import{areArrayValuesEqual as a}from"../../../../helpers/utils.js";const u=e.createContext({}),m=({children:t})=>{const o=e.useContext(u),n=i(r),a=e.useMemo((()=>c(o)?{service:n}:o),[o,n]),{service:m}=a;return e.useEffect((()=>s(m)),[m]),e.createElement(u.Provider,{value:a},t)},p=r=>{const s=(()=>{const{service:t}=e.useContext(u);if(!t)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/connected-components/authenticator.");return t})(),{send:i}=s,c=e.useMemo((()=>t(i)),[i]),m=n(s,(e=>(e=>Object.assign(Object.assign({},c),o(e)))(e)),((e,t)=>{if(!r)return!1;const s=r(e),o=r(t);return a(s,o)}));return Object.assign(Object.assign({},m),{_state:s.getSnapshot(),_send:i})};export{u as AuthenticatorContext,m as Provider,p as useAuthenticator};
+import*as e from"react";import{getServiceFacade as t,createAuthenticatorMachine as r,listenToAuthHub as s}from"@aws-amplify/ui";import{useSelector as o,useInterpret as n}from"@xstate/react";import i from"lodash/isEmpty";import{areArrayValuesEqual as a}from"../../../../helpers/utils.js";const c=e.createContext({}),u=({children:t})=>{const o=e.useContext(c),a=n(r),u=e.useMemo((()=>i(o)?{service:a}:o),[o,a]),{service:m}=u;return e.useEffect((()=>s(m)),[m]),e.createElement(c.Provider,{value:u},t)},m=r=>{const s=(()=>{const{service:t}=e.useContext(c);if(!t)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/connected-components/authenticator.");return t})(),{send:n}=s,i=e.useCallback((e=>Object.assign({},t({send:n,state:e}))),[n]),u=o(s,(e=>i(e)),((e,t)=>{if(!r)return!1;const s=r(e),o=r(t);return a(s,o)}));return Object.assign(Object.assign({},u),{_state:s.getSnapshot(),_send:n})};export{c as AuthenticatorContext,u as Provider,m as useAuthenticator};

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("@aws-amplify/ui"),t=require("./IconWarning-1f5018d3.js"),n=require("@xstate/react"),s=require("lodash/isEmpty"),l=require("tslib"),r=require("classnames"),o=require("qrcode"),i=require("aws-amplify"),d=require("@radix-ui/react-tabs");require("lodash/isArray"),require("lodash/isObject");var c=require("maplibre-gl"),m=require("maplibre-gl-js-amplify"),u=require("react-map-gl"),p=require("lodash/debounce"),f=require("@radix-ui/react-accordion"),C=require("@radix-ui/react-dropdown-menu"),h=require("@radix-ui/react-slider");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function N(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)}var b=N(e),E=g(e),y=g(s),v=g(r),w=g(o),F=g(c),x=g(u),S=g(p);function P({children:e,colorMode:n,theme:s,nonce:l}){const r=b.useMemo((()=>({theme:a.createTheme(s)})),[s]),{theme:{name:o,cssText:i}}=r;return b.createElement(t.AmplifyContext.Provider,{value:r},b.createElement("div",{"data-amplify-theme":o,"data-amplify-color-mode":n},e),void 0===s||/<\/style/i.test(i)?null:b.createElement("style",{id:`amplify-theme-${o}`,dangerouslySetInnerHTML:{__html:i},nonce:l}))}const I=P,k=b.createContext({}),T=({children:e})=>{const t=b.useContext(k),s=n.useInterpret(a.createAuthenticatorMachine),l=b.useMemo((()=>y.default(t)?{service:s}:t),[t,s]),{service:r}=l;return b.useEffect((()=>a.listenToAuthHub(r)),[r]),b.createElement(k.Provider,{value:l},e)},M=e=>{const s=(()=>{const{service:e}=b.useContext(k);if(!e)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/connected-components/authenticator.");return e})(),{send:l}=s,r=b.useMemo((()=>a.getSendEventAliases(l)),[l]),o=n.useSelector(s,(e=>(e=>Object.assign(Object.assign({},r),a.getServiceContextFacade(e)))(e)),((a,n)=>{if(!e)return!1;const s=e(a),l=e(n);return t.areArrayValuesEqual(s,l)}));return Object.assign(Object.assign({},o),{_state:s.getSnapshot(),_send:l})},R=b.createContext(null),O=()=>{const e=b.useContext(R);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e};const _=e=>"signIn"===e||"signUp";function B({children:e,className:a,variation:n="default"}){const{route:s}=M((({route:e})=>[e])),{components:{Header:l,Footer:r}}=O();return E.default.createElement(t.View,{className:a,"data-amplify-authenticator":"","data-variation":n},E.default.createElement(t.View,{"data-amplify-container":""},E.default.createElement(l,null),E.default.createElement(t.View,{"data-amplify-router":"","data-amplify-router-content":_(s)?void 0:""},e),E.default.createElement(r,null)))}const L=b.forwardRef(((e,a)=>{var{className:n,children:s}=e,r=l.__rest(e,["className","children"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Flex,n),ref:a},r),s)}));L.displayName="Flex";const V=84*Math.PI,H=b.forwardRef(((e,a)=>{var{className:n,filledColor:s,emptyColor:r,size:o,variation:i,isDeterminate:d=!1,isPercentageTextHidden:c=!1,percentage:m=0}=e,u=l.__rest(e,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);m=Math.min(m,100);const p=`${m=Math.max(m,0)}%`,f=v.default(t.ComponentClassNames.Loader,t.classNameModifier(t.ComponentClassNames.Loader,o),t.classNameModifier(t.ComponentClassNames.Loader,i),d?t.ComponentClassNames.LoaderDeterminate:null,n),C=b.createElement("g",null,b.createElement("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(r)},"data-testid":"linear-empty"}),b.createElement("line",{x1:"0",x2:d?p:"100%",y1:"50%",y2:"50%",style:{stroke:d&&0===m?"none":s?String(s):void 0},"data-testid":"linear-filled"}),d?b.createElement("text",{"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:`${-1+m}%`,y:"200%"},p):null),h=b.createElement("g",null,b.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(r)},"data-testid":"circular-empty"}),b.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(s),strokeDasharray:d?`${V}% ${V}%`:void 0,strokeDashoffset:d?V-V*m/100+"%":void 0},"data-testid":"circular-filled"}),d?b.createElement("text",{"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:"130%",y:"80%"},p):null);return b.createElement(t.View,Object.assign({as:"svg",className:f,"data-size":o,"data-variation":i,ref:a,role:"img"},u),"linear"===i?C:h)}));H.displayName="Loader";const D=b.forwardRef(((e,a)=>{var{className:n,children:s,isFullWidth:r=!1,isDisabled:o,isLoading:i,loadingText:d="",size:c,type:m="button",variation:u}=e,p=l.__rest(e,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const f=v.default(t.ComponentClassNames.Button,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Button,u),t.classNameModifier(t.ComponentClassNames.Button,c),t.classNameModifierByFlag(t.ComponentClassNames.Button,"disabled",o||i||p.disabled),t.classNameModifierByFlag(t.ComponentClassNames.Button,"loading",i),t.classNameModifierByFlag(t.ComponentClassNames.Button,"fullwidth",r),n);return b.createElement(t.View,Object.assign({ref:a,as:"button",className:f,"data-fullwidth":r,"data-loading":i,"data-size":c,"data-variation":u,isDisabled:o||i,type:m},p),i&&d?b.createElement(L,{as:"span",className:t.ComponentClassNames.ButtonLoaderWrapper},b.createElement(H,{size:c}),d):s)}));D.displayName="Button";const z={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},j=b.forwardRef(((e,a)=>{var{className:n,children:s,isTruncated:r,level:o=6}=e,i=l.__rest(e,["className","children","isTruncated","level"]);return b.createElement(t.View,Object.assign({as:z[o],className:v.default(t.ComponentClassNames.Heading,t.classNameModifier(t.ComponentClassNames.Heading,o),t.classNameModifierByFlag(t.ComponentClassNames.Heading,"truncated",r),n),ref:a},i),s)}));j.displayName="Heading";const A=b.forwardRef(((e,a)=>{var{as:n="p",className:s,children:r,isTruncated:o,variation:i}=e,d=l.__rest(e,["as","className","children","isTruncated","variation"]);const c=v.default(t.ComponentClassNames.Text,t.classNameModifier(t.ComponentClassNames.Text,i),t.classNameModifierByFlag(t.ComponentClassNames.Text,"truncated",o),s);return b.createElement(t.View,Object.assign({as:n,className:c,"data-truncate":o,"data-variation":i,ref:a},d),r)}));function G(){const{submitForm:a,updateBlur:n,updateForm:s}=M((e=>[e.submitForm,e.updateBlur,e.updateForm]));return{handleBlur:e.useCallback((({target:{name:e}})=>{n({name:e})}),[n]),handleChange:e.useCallback((({target:{checked:e,name:a,type:t,value:n}})=>{s({name:a,value:"checkbox"===t&&!e?void 0:n})}),[s]),handleSubmit:e.useCallback((e=>{e.preventDefault(),a(t.getFormDataFromEvent(e))}),[a])}}A.displayName="Text";const q=({variation:e,ariaHidden:a})=>{switch(e){case"info":return b.createElement(t.IconInfo,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"error":return b.createElement(t.IconError,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"warning":return b.createElement(t.IconWarning,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"success":return b.createElement(t.IconCheckCircle,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});default:return null}};q.displayName="AlertIcon";const $=b.forwardRef(((e,a)=>{var{buttonRef:n,children:s,className:r,dismissButtonLabel:o=t.ComponentText.Alert.dismissButtonLabel,hasIcon:i=!0,heading:d,isDismissible:c=!1,onDismiss:m,variation:u}=e,p=l.__rest(e,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[f,C]=b.useState(!1),h=b.useCallback((()=>{C(!f),t.isFunction(m)&&m()}),[C,m,f]);return!f&&b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Alert,r,t.classNameModifier(t.ComponentClassNames.Alert,u)),"data-variation":u,ref:a,role:"alert"},p),i&&b.createElement(q,{variation:u,ariaHidden:!0}),b.createElement(t.View,{flex:"1"},d&&b.createElement(t.View,{className:t.ComponentClassNames.AlertHeading},d),b.createElement(t.View,{className:t.ComponentClassNames.AlertBody},s)),c&&b.createElement(D,{ariaLabel:o,variation:"link",className:t.ComponentClassNames.AlertDismiss,onClick:h,ref:n},b.createElement(t.IconClose,{"aria-hidden":"true"})))}));$.displayName="Alert";const W=()=>{const{error:e}=M((e=>[e.error]));return E.default.createElement(E.default.Fragment,null,e?E.default.createElement($,{variation:"error",isDismissible:!0},a.translate(e)):null)},U=b.forwardRef(((e,a)=>{var{as:n="span",children:s,className:r}=e,o=l.__rest(e,["as","children","className"]);return b.createElement(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.VisuallyHidden,r),ref:a},o),s)}));U.displayName="VisuallyHidden";const{passwordIsHidden:Y,passwordIsShown:K,showPassword:Z}=t.ComponentText.PasswordField,X=b.forwardRef(((e,a)=>{var{fieldType:n,passwordIsHiddenLabel:s=Y,passwordIsShownLabel:r=K,showPasswordButtonLabel:o=Z,size:i}=e,d=l.__rest(e,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return b.createElement(D,Object.assign({"aria-checked":"password"!==n,ariaLabel:o,className:t.ComponentClassNames.FieldShowPassword,ref:a,role:"switch",size:i},d),b.createElement(U,{"aria-live":"polite"},"password"===n?s:r),"password"===n?b.createElement(t.IconVisibility,{size:i}):b.createElement(t.IconVisibilityOff,{size:i}))}));X.displayName="ShowPasswordButton";const Q=b.forwardRef(((e,a)=>{var{className:n,children:s,isVisible:r=!0,excludeFromTabOrder:o=!1}=e,i=l.__rest(e,["className","children","isVisible","excludeFromTabOrder"]);return r?b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupIcon,n),ref:a,tabIndex:o?-1:void 0},i),s):null}));Q.displayName="FieldGroupIcon";const J=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(Q,Object.assign({as:D,className:v.default(t.ComponentClassNames.FieldGroupIconButton,s),ref:a},r),n)}));J.displayName="FieldGroupIconButton";const ee=t.ComponentText.Fields.clearButtonLabel,ae=b.forwardRef(((e,a)=>{var{ariaLabel:n=ee,size:s}=e,r=l.__rest(e,["ariaLabel","size"]);return b.createElement(J,Object.assign({ariaLabel:n,ref:a},r),b.createElement(t.IconClose,{size:s}))}));ae.displayName="FieldClearButton";const te=e=>{var{descriptiveText:a,labelHidden:n}=e,s=l.__rest(e,["descriptiveText","labelHidden"]);return a?b.createElement(A,Object.assign({"data-testid":"qa-field-description",className:v.default(t.ComponentClassNames.FieldDescription,{[t.ComponentClassNames.VisuallyHidden]:n})},s),a):null};te.displayName="FieldDescription";const ne=e=>{var{errorMessage:a,hasError:n}=e,s=l.__rest(e,["errorMessage","hasError"]);return n&&a?b.createElement(A,Object.assign({className:t.ComponentClassNames.FieldErrorMessage},s),a):null};ne.displayName="FieldErrorMessage";const se=b.forwardRef(((e,a)=>{var{children:n,className:s,innerEndComponent:r,innerStartComponent:o,orientation:i="horizontal",outerEndComponent:d,outerStartComponent:c,variation:m}=e,u=l.__rest(e,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const p=null!=r,f=null!=o?t.ComponentClassNames.FieldGroupHasInnerStart:null,C=p?t.ComponentClassNames.FieldGroupHasInnerEnd:null,h=v.default(t.ComponentClassNames.FieldGroup,f,C,t.classNameModifier(t.ComponentClassNames.FieldGroup,i),s);return b.createElement(L,Object.assign({className:h,"data-orientation":i,ref:a},u),c&&b.createElement(t.View,{className:v.default(t.ComponentClassNames.FieldGroupOuterStart,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterStart,m))},c),b.createElement(t.View,{className:v.default(t.ComponentClassNames.FieldGroupFieldWrapper,t.classNameModifier(t.ComponentClassNames.FieldGroupFieldWrapper,i)),"data-orientation":i},o&&b.createElement(t.View,{className:t.ComponentClassNames.FieldGroupInnerStart},o),n,r&&b.createElement(t.View,{className:t.ComponentClassNames.FieldGroupInnerEnd},r)),d&&b.createElement(t.View,{className:v.default(t.ComponentClassNames.FieldGroupOuterEnd,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterEnd,m))},d))}));se.displayName="FieldGroup";const le=b.forwardRef(((e,a)=>{var{autoComplete:n,checked:s,className:r,defaultChecked:o,defaultValue:i,id:d,isDisabled:c,isReadOnly:m,isRequired:u,size:p,type:f="text",hasError:C=!1,value:h,variation:g,onBlur:N,onChange:E,onCopy:y,onCut:w,onFocus:F,onInput:x,onPaste:S,onSelect:P,onWheel:I}=e,k=l.__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 T=v.default(t.ComponentClassNames.Input,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Input,g),t.classNameModifierByFlag(t.ComponentClassNames.Input,"error",C),t.classNameModifier(t.ComponentClassNames.Input,p),r);return b.createElement(t.View,Object.assign({"aria-invalid":C,as:"input",autoComplete:n,checked:s,className:T,"data-size":p,"data-variation":g,defaultChecked:o,defaultValue:i,isDisabled:c,id:d,onBlur:N,onChange:E,onCopy:y,onCut:w,onFocus:F,onInput:x,onPaste:S,onSelect:P,onWheel:I,readOnly:m,ref:a,required:u,type:f,value:h},k))}));le.displayName="Input";const re=b.forwardRef(((e,a)=>{var{children:n,className:s,visuallyHidden:r}=e,o=l.__rest(e,["children","className","visuallyHidden"]);return b.createElement(t.View,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Label,s,{[t.ComponentClassNames.VisuallyHidden]:r}),ref:a},o),n)}));re.displayName="Label";const oe=(e,a)=>!e.isMultiline,ie=(e,a)=>e.isMultiline,de=b.forwardRef(((e,a)=>{var{className:n,isReadOnly:s,isRequired:r,size:o,hasError:i=!1,variation:d}=e,c=l.__rest(e,["className","isReadOnly","isRequired","size","hasError","variation"]);const m=v.default(t.ComponentClassNames.Textarea,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Textarea,d),t.classNameModifier(t.ComponentClassNames.Textarea,o),t.classNameModifierByFlag(t.ComponentClassNames.Textarea,"error",i),n);return b.createElement(t.View,Object.assign({"aria-invalid":i,as:"textarea",className:m,"data-size":o,"data-variation":d,readOnly:s,ref:a,required:r},c))}));de.displayName="TextArea";const ce=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?b.useLayoutEffect:()=>{},me=b["useId".toString()]||(()=>{});let ue=0;const pe=e=>{const[a,t]=b.useState(me());return ce((()=>{e||t((e=>null!=e?e:String(ue++)))}),[e]),e||(a?`amplify-id-${a}`:"")},fe=({shouldWarn:e,message:a})=>{b.useEffect((()=>{e&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV)&&console.warn(a)}),[e,a])},Ce=(e,a)=>{const{className:n,descriptiveText:s,errorMessage:r,hasError:o=!1,id:i,label:d,labelHidden:c=!1,outerEndComponent:m,outerStartComponent:u,innerStartComponent:p,innerEndComponent:f,isMultiline:C,type:h,size:g,testId:N,variation:E,bottom:y,height:w,left:F,padding:x,position:S,right:P,top:I,width:k}=e,T=l.__rest(e,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","variation","bottom","height","left","padding","position","right","top","width"]),M=pe(i),R=pe(),O=s?R:void 0,{flexContainerStyleProps:_,baseStyleProps:B,rest:V}=t.splitPrimitiveProps(T);fe({shouldWarn:e.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let H=null;if((e=>e.isMultiline)(e)){const{rows:t}=e;H=b.createElement(de,Object.assign({"aria-describedby":O,hasError:o,id:M,ref:ie(e)?a:void 0,rows:null!=t?t:3,size:g,variation:E},B,V))}else if((e=>!e.isMultiline)(e)){const{type:t="text"}=e;H=b.createElement(le,Object.assign({"aria-describedby":O,hasError:o,id:M,ref:oe(e)?a:void 0,size:g,type:t,variation:E},B,V))}return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,g),t.ComponentClassNames.TextField,n),bottom:y,"data-size":g,height:w,left:F,padding:x,position:S,right:P,testId:N,top:I,width:k},_),b.createElement(re,{htmlFor:M,visuallyHidden:c},d),b.createElement(te,{id:R,labelHidden:c,descriptiveText:s}),b.createElement(se,{outerStartComponent:u,outerEndComponent:m,innerStartComponent:p,innerEndComponent:f,variation:E},H),b.createElement(ne,{hasError:o,errorMessage:r}))},he=b.forwardRef(Ce);Ce.displayName="TextField";const ge=b.forwardRef(((e,a)=>{var{autoComplete:n="current-password",label:s,className:r,hideShowPassword:o=!1,passwordIsHiddenLabel:i,passwordIsShownLabel:d,showPasswordButtonLabel:c,showPasswordButtonRef:m,size:u}=e,p=l.__rest(e,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[f,C]=b.useState("password"),h=b.useCallback((()=>{C("password"===f?"text":"password")}),[C,f]);return b.createElement(he,Object.assign({autoComplete:n,isMultiline:!1,outerEndComponent:o?null:b.createElement(X,{fieldType:f,onClick:h,passwordIsHiddenLabel:i,passwordIsShownLabel:d,ref:m,size:u,showPasswordButtonLabel:c}),size:u,type:f,label:s,className:v.default(t.ComponentClassNames.PasswordField,r),ref:a},p))}));ge.displayName="PasswordField";const Ne=b.forwardRef(((e,a)=>{var{autoComplete:n,className:s,size:r,variation:o,value:i,defaultValue:d,hasError:c,icon:m=b.createElement(t.IconExpandMore,null),iconColor:u,children:p,placeholder:f,isDisabled:C,isRequired:h}=e,g=l.__rest(e,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const N=void 0===i&&void 0===d&&f,E=v.default(t.ComponentClassNames.Select,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Select,r),t.classNameModifier(t.ComponentClassNames.Select,o),t.classNameModifierByFlag(t.ComponentClassNames.Select,"error",c),s);return b.createElement(t.View,{className:t.ComponentClassNames.SelectWrapper},b.createElement(t.View,Object.assign({"aria-invalid":c,as:"select",autoComplete:n,value:i,defaultValue:N?"":d,isDisabled:C,required:h,"data-size":r,"data-variation":o,className:E,ref:a},g),f&&b.createElement("option",{value:""},f),p),b.createElement(L,{className:t.ComponentClassNames.SelectIconWrapper,color:u},m))}));Ne.displayName="Select";const be=b.forwardRef(((e,a)=>{const{children:n,className:s,descriptiveText:r,errorMessage:o,hasError:i=!1,id:d,label:c,labelHidden:m=!1,options:u,size:p,testId:f}=e,C=l.__rest(e,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),h=pe(d),g=pe(),N=r?g:void 0,{flexContainerStyleProps:E,baseStyleProps:y,rest:w}=t.splitPrimitiveProps(C);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SelectField,s),"data-size":p,testId:f},y,E),b.createElement(re,{htmlFor:h,visuallyHidden:m},c),b.createElement(te,{id:g,labelHidden:m,descriptiveText:r}),b.createElement(Ne,Object.assign({"aria-describedby":N,hasError:i,id:h,ref:a,size:p},w),(({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:n,options:u})),b.createElement(ne,{hasError:i,errorMessage:o}))}));be.displayName="SelectField";const Ee=b.forwardRef(((e,n)=>{var{className:s,dialCodeList:r,isReadOnly:o}=e,i=l.__rest(e,["className","dialCodeList","isReadOnly"]);const d=null!=r?r:a.countryDialCodes,c=b.useMemo((()=>d.map((e=>b.createElement("option",{key:e,value:e,disabled:o},e)))),[d,o]);return b.createElement(be,Object.assign({"aria-disabled":o,autoComplete:"tel-country-code",className:v.default(t.ComponentClassNames.CountryCodeSelect,t.ComponentClassNames.DialCodeSelect,s),labelHidden:!0,ref:n},i),c)}));Ee.displayName="CountryCodeSelect";const ye=b.forwardRef(((e,a)=>{var{autoComplete:n="tel-national",className:s,countryCodeName:r,countryCodeLabel:o=t.ComponentText.PhoneNumberField.countryCodeLabel,countryCodeRef:i,defaultCountryCode:d,defaultDialCode:c,dialCodeLabel:m=t.ComponentText.PhoneNumberField.countryCodeLabel,dialCodeList:u,dialCodeName:p,dialCodeRef:f,hasError:C,isDisabled:h,isReadOnly:g,onCountryCodeChange:N,onDialCodeChange:E,onInput:y,size:w,type:F,variation:x}=e,S=l.__rest(e,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","type","variation"]);const P=p||r,I=m||o,k=c||d,T=E||N,M=f||i;return b.createElement(he,Object.assign({outerStartComponent:b.createElement(Ee,{defaultValue:k,dialCodeList:u,className:s,hasError:C,isDisabled:h,isReadOnly:g,label:I,name:P,onChange:T,ref:M,size:w,variation:x}),autoComplete:n,className:v.default(t.ComponentClassNames.PhoneNumberField,s),hasError:C,isDisabled:h,isReadOnly:g,isMultiline:!1,onInput:y,ref:a,size:w,type:"tel",variation:x},S))}));ye.displayName="PhoneNumberField";const ve=({errors:e,id:n})=>(null==e?void 0:e.length)>0?E.default.createElement(t.View,{"data-amplify-sign-up-errors":!0,id:n},e.map((e=>E.default.createElement(A,{key:e,role:"alert",variation:"error"},a.translate(e))))):null;function we(e){var{autocomplete:t,dialCode:n,name:s,type:r}=e,o=l.__rest(e,["autocomplete","dialCode","name","type"]);const{validationErrors:i}=M((({validationErrors:e})=>[e])),d=b.useMemo((()=>a.getErrors(i[s])),[s,i]),c=(null==d?void 0:d.length)>0,m=pe(),u=c?m:void 0;return"tel"===r?b.createElement(b.Fragment,null,b.createElement(ye,Object.assign({},o,{name:s,defaultDialCode:n,dialCodeName:"country_code",autoComplete:t,hasError:c,"aria-describedby":u})),b.createElement(ve,{errors:d,id:m})):"password"===r?b.createElement(b.Fragment,null,b.createElement(ge,Object.assign({},o,{name:s,autoComplete:t,hasError:c,"aria-describedby":u})),b.createElement(ve,{errors:d,id:m})):b.createElement(b.Fragment,null,b.createElement(he,Object.assign({},o,{name:s,autoComplete:t,hasError:c,type:r,"aria-describedby":u})),b.createElement(ve,{errors:d,id:m}))}function Fe(){const{_state:e,route:t}=M((({route:e})=>[e])),n=b.useRef(a.getSortedFormFields(t,e).flatMap((([e,a],t)=>b.createElement(we,Object.assign({key:t,name:e},a))))).current;return b.createElement(b.Fragment,null,n)}function xe({className:e,variation:t}){const{isPending:n,resendCode:s,codeDeliveryDetails:{DeliveryMedium:l,Destination:r}={}}=M((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:o,handleSubmit:i}=G(),{components:{ConfirmSignUp:{Header:d=xe.Header,Footer:c=xe.Footer}}}=O(),m=a.translate("Your code is on the way. To log in, enter the code we emailed to"),u=a.translate("Your code is on the way. To log in, enter the code we texted to"),p=a.translate("Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive."),f=a.translate("It may take a minute to arrive."),C="EMAIL"===l?`${m} ${r}. ${f}`:"SMS"===l?`${u} ${r}. ${f}`:a.translate(`${p}`);return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:o,onSubmit:i},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(d,null),E.default.createElement(L,{direction:"column"},E.default.createElement(A,{className:"amplify-authenticator__subtitle"},C),E.default.createElement(Fe,null),E.default.createElement(W,null),E.default.createElement(D,{variation:"primary",isDisabled:n,type:"submit",loadingText:a.translate("Confirming"),isLoading:n,fontWeight:"normal"},a.translate("Confirm")),E.default.createElement(D,{onClick:s,type:"button",fontWeight:"normal"},a.translate("Resend Code"))),E.default.createElement(c,null))))}xe.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:e}={}}=M((e=>[e.codeDeliveryDetails])),t="EMAIL"===e?a.translate("We Emailed You"):"SMS"===e?a.translate("We Texted You"):a.translate("We Sent A Code");return E.default.createElement(j,{level:4},t)},xe.Footer=function(){return null};const Se=({className:e,variation:t})=>{const{isPending:n,toSignIn:s}=M((e=>[e.isPending,e.toSignIn])),{handleBlur:l,handleChange:r,handleSubmit:o}=G(),{components:{ForceNewPassword:{FormFields:i=Se.FormFields}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:r,onSubmit:o,onBlur:l},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(j,{level:3},a.translate("Change Password")),E.default.createElement(i,null),E.default.createElement(W,null),E.default.createElement(D,{isDisabled:n,type:"submit",variation:"primary",isLoading:n,loadingText:a.translate("Changing"),fontWeight:"normal"},a.translate("Change Password")),E.default.createElement(D,{onClick:s,type:"button",fontWeight:"normal",variation:"link",size:"small"},a.translate("Back to Sign In")))))};Se.FormFields=function(){return E.default.createElement(Fe,null)};const Pe=()=>{const{isPending:e,toSignIn:t}=M((e=>[e.isPending,e.toSignIn]));return E.default.createElement(L,{direction:"column"},E.default.createElement(D,{isDisabled:e,type:"submit",variation:"primary",fontWeight:"normal",isLoading:e,loadingText:a.translate("Confirming")},a.translate("Confirm")),E.default.createElement(D,{onClick:t,type:"button",variation:"link",fontWeight:"normal",size:"small"},a.translate("Back to Sign In")))},Ie=new i.Logger("SetupTOTP-logger"),ke=({className:e,variation:t})=>{var n,s;const{_state:r,isPending:o}=M((e=>[e.isPending])),{handleChange:d,handleSubmit:c}=G(),{components:{SetupTOTP:{Header:m=ke.Header,Footer:u=ke.Footer}}}=O(),[p,f]=b.useState(!0),[C,h]=b.useState(),[g,N]=b.useState("COPY"),[E,y]=b.useState(""),v=a.getActorState(r),{formFields:F,user:x}=v.context,{totpIssuer:S="AWSCognito",totpUsername:P=x.username}=null!==(s=null===(n=null==F?void 0:F.setupTOTP)||void 0===n?void 0:n.QR)&&void 0!==s?s:{},I=b.useCallback((e=>l.__awaiter(void 0,void 0,void 0,(function*(){try{const t=yield i.Auth.setupTOTP(e);y(t);const n=(a=S,encodeURI(`otpauth://totp/${a}:${P}?secret=${t}&issuer=${a}`)),s=yield w.default.toDataURL(n);h(s)}catch(e){Ie.error(e)}finally{f(!1)}var a}))),[S,P]);b.useEffect((()=>{x&&I(x)}),[I,x]);return b.createElement(B,{className:e,variation:t},b.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:d,onSubmit:c},b.createElement(L,{as:"fieldset",direction:"column",isDisabled:o},b.createElement(m,null),b.createElement(L,{direction:"column"},p?b.createElement("p",null,a.translate("Loading"),"…"):b.createElement("img",{"data-amplify-qrcode":!0,src:C,alt:"qr code",width:"228",height:"228"}),b.createElement(L,{"data-amplify-copy":!0},b.createElement("div",null,E),b.createElement(L,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(E),N(a.translate("COPIED"))}},b.createElement("div",{"data-amplify-copy-tooltip":!0},g),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(Fe,null),b.createElement(W,null)),b.createElement(Pe,null),b.createElement(u,null))))};ke.Header=function(){return b.createElement(j,{level:3},a.translate("Setup TOTP"))},ke.Footer=function(){return null};const Te=e=>{const{cancelButtonSendType:t,cancelButtonText:n,submitButtonText:s}=e,{_send:l,isPending:r}=M((e=>[e.isPending])),o=r?E.default.createElement(E.default.Fragment,null,a.translate("Submitting"),"…"):E.default.createElement(E.default.Fragment,null,a.translate("Submit")),i=s||o;return E.default.createElement(L,{direction:"column"},E.default.createElement(D,{fontWeight:"normal",variation:"primary",isDisabled:r,type:"submit"},i),E.default.createElement(D,{onClick:()=>l({type:t}),type:"button",variation:"link",fontWeight:"normal",size:"small"},n))},Me=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,Re=b.forwardRef(((e,a)=>{var{ariaLabel:n,children:s,className:r,defaultIndex:o=0,currentIndex:i,onChange:c,indicatorPosition:m,spacing:u}=e,p=l.__rest(e,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const f=b.Children.map(s,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:Me(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),C={defaultValue:o.toString(),value:null!=i?i.toString():void 0,onValueChange:c};return b.createElement(d.Root,Object.assign({},C),b.createElement(d.List,{"aria-label":n},b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Tabs,r),"data-indicator-position":m,ref:a},p),b.Children.map(s,((e,a)=>Me(e)?b.cloneElement(e,{"data-spacing":u,key:a,value:`${a}`}):null)))),f.map(((e,a)=>b.createElement(d.Content,{key:a,value:`${a}`},e.children))))})),Oe=b.forwardRef(((e,a)=>{var{className:n,title:s}=e,r=l.__rest(e,["className","title"]);return b.createElement(t.View,Object.assign({as:d.Trigger,className:v.default(t.ComponentClassNames.TabItems,n),ref:a},r),s)}));Re.displayName="Tabs",Oe.displayName="TabItem";const _e=b.forwardRef(((e,a)=>{var{className:n,orientation:s="horizontal",size:r,label:o}=e,i=l.__rest(e,["className","orientation","size","label"]);const d=v.default(t.ComponentClassNames.Divider,t.classNameModifier(t.ComponentClassNames.Divider,s),t.classNameModifier(t.ComponentClassNames.Divider,r),o?t.ComponentClassNames.DividerLabel:null,n);return b.createElement(t.View,Object.assign({"aria-orientation":s,as:"hr",className:d,"data-size":r,"data-label":o,ref:a},i))}));_e.displayName="Divider";const Be={minX:0,minY:0,width:24,height:24},Le=b.forwardRef(((e,a)=>{var{className:n,as:s="svg",fill:r="currentColor",pathData:o,viewBox:i=Be,children:d,paths:c}=e,m=l.__rest(e,["className","as","fill","pathData","viewBox","children","paths"]);const u=i.minX?i.minX:Be.minX,p=i.minY?i.minY:Be.minY,f=i.width?i.width:Be.width,C=i.height?i.height:Be.height;let h;return d&&(h=d),c&&(h=c.map(((e,a)=>b.createElement("path",Object.assign({},e,{key:a}))))),o&&(h=b.createElement("path",{d:o,fill:r})),b.createElement(t.View,Object.assign({as:s,className:v.default(t.ComponentClassNames.Icon,n),ref:a,viewBox:`${u} ${p} ${f} ${C}`},m),h)}));Le.displayName="Icon";const Ve=()=>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"})),He=()=>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"})),De=()=>E.default.createElement(Le,{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"}),ze=()=>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"})),je=e=>{const{icon:a,provider:t,text:n}=e,{_send:s}=M((()=>[]));let l;return"facebook"===a?l=E.default.createElement(De,null):"google"===a?l=E.default.createElement(He,null):"amazon"===a?l=E.default.createElement(ze,null):"apple"===a&&(l=E.default.createElement(Ve,null)),E.default.createElement(D,{onClick:e=>{e.preventDefault(),s({type:"FEDERATED_SIGN_IN",data:{provider:t}})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},l,E.default.createElement(A,{as:"span"},n))};function Ae(){const{_state:e,route:t}=M((e=>[e.route])),{socialProviders:n=[]}=e.context.config;if(0===n.length)return null;const s="signUp"===t?"Up":"In";return E.default.createElement(L,{direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},n.map((e=>{switch(e){case"amazon":return E.default.createElement(je,{icon:"amazon",key:e,provider:a.FederatedIdentityProviders.Amazon,text:a.translate(`Sign ${s} with Amazon`)});case"apple":return E.default.createElement(je,{icon:"apple",key:e,provider:a.FederatedIdentityProviders.Apple,text:a.translate(`Sign ${s} with Apple`)});case"facebook":return E.default.createElement(je,{icon:"facebook",key:e,provider:a.FederatedIdentityProviders.Facebook,text:a.translate(`Sign ${s} with Facebook`)});case"google":return E.default.createElement(je,{icon:"google",key:e,provider:a.FederatedIdentityProviders.Google,text:a.translate(`Sign ${s} with Google`)});default:console.error(`Authenticator does not support ${e}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),E.default.createElement(_e,{size:"small",label:"or"}))}function Ge(){const{isPending:e}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:s}=G(),{components:{SignIn:{Header:l=Ge.Header,Footer:r=Ge.Footer}}}=O();return E.default.createElement(t.View,null,E.default.createElement(l,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:s,onChange:n},E.default.createElement(Ae,null),E.default.createElement(L,{direction:"column"},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:e},E.default.createElement(U,null,E.default.createElement("legend",null,a.translate("Sign in"))),E.default.createElement(Fe,null)),E.default.createElement(W,null),E.default.createElement(D,{isDisabled:e,isFullWidth:!0,type:"submit",variation:"primary",isLoading:e,loadingText:a.translate("Signing in")},a.translate("Sign in")))),E.default.createElement(r,null))}function qe(){const{hasValidationErrors:e,isPending:n}=M((e=>[e.hasValidationErrors,e.isPending])),{handleChange:s,handleBlur:l,handleSubmit:r}=G(),{components:{SignUp:{Header:o=qe.Header,FormFields:i=qe.FormFields,Footer:d=qe.Footer}}}=O();return E.default.createElement(t.View,null,E.default.createElement(o,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:s,onSubmit:r,onBlur:l},E.default.createElement(Ae,null),E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(L,{direction:"column"},E.default.createElement(i,null),E.default.createElement(W,null)),E.default.createElement(D,{isDisabled:e||n,isFullWidth:!0,type:"submit",variation:"primary",isLoading:n,loadingText:a.translate("Creating Account")},a.translate("Create Account")))),E.default.createElement(d,null))}Ge.Footer=()=>{const{toResetPassword:e}=M((e=>[e.toResetPassword])),n=a.hasTranslation("Forgot your password? ")?a.translate("Forgot your password? "):a.translate("Forgot your password?");return E.default.createElement(t.View,{"data-amplify-footer":""},E.default.createElement(D,{fontWeight:"normal",onClick:e,size:"small",variation:"link"},n))},Ge.Header=function(){return null},qe.Header=function(){return null},qe.FormFields=function(){return E.default.createElement(Fe,null)},qe.Footer=function(){return null};const $e=({className:e,hideSignUp:n,variation:s})=>{const{route:l,toSignIn:r,toSignUp:o}=M((e=>[e.route,e.toSignIn,e.toSignUp]));return E.default.createElement(B,{className:e,variation:s},n?E.default.createElement(t.View,{"data-amplify-router-content":""},"signIn"===l&&E.default.createElement(Ge,null)):E.default.createElement(Re,{indicatorPosition:"top",currentIndex:"signIn"===l?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===l?o():r()},E.default.createElement(Oe,{title:a.translate("Sign In")},E.default.createElement(t.View,{"data-amplify-router-content":""},"signIn"===l&&E.default.createElement(Ge,null))),E.default.createElement(Oe,{title:a.translate("Create Account")},E.default.createElement(t.View,{"data-amplify-router-content":""},"signUp"===l&&E.default.createElement(qe,null)))))},We=({className:e,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:s,handleSubmit:l}=G(),{components:{ConfirmVerifyUser:{Header:r=We.Header,Footer:o=We.Footer}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:s,onSubmit:l},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(r,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null)),E.default.createElement(W,null),E.default.createElement(Te,{cancelButtonText:a.translate("Skip"),cancelButtonSendType:"SKIP"}),E.default.createElement(o,null))))};We.Header=function(){return E.default.createElement(j,{level:3},a.translate("Account recovery requires verified contact information"))},We.Footer=function(){return null};const Ue=E.default.createContext({name:"default"}),Ye=b.forwardRef(((a,n)=>{var{children:s,className:r,id:o,isDisabled:i,testId:d,value:c,labelPosition:m,height:u,width:p,bottom:f,left:C,position:h,padding:g,right:N,top:E}=a,y=l.__rest(a,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:w,defaultValue:F,name:x,hasError:S,isGroupDisabled:P,isRequired:I,isReadOnly:k,onChange:T,size:M,labelPosition:R}=e.useContext(Ue),O=P||i||k&&F!==c,_=void 0!==w?c===w:void 0,B=void 0!==F?c===F:void 0,V=m||R;return b.createElement(L,{as:"label",className:v.default(t.ComponentClassNames.Radio,t.classNameModifierByFlag(t.ComponentClassNames.Radio,"disabled",O),r),"data-disabled":O,"data-label-position":V,width:p,bottom:f,top:E,right:N,left:C,position:h,padding:g},s&&b.createElement(A,{as:"span",className:t.ComponentClassNames.RadioLabel,"data-disabled":O},s),b.createElement(le,Object.assign({checked:_,className:v.default(t.ComponentClassNames.VisuallyHidden,t.ComponentClassNames.RadioInput),defaultChecked:B,hasError:S,id:o,isDisabled:O,isReadOnly:k,isRequired:I,onChange:T,ref:n,type:"radio",name:x,value:c},y)),b.createElement(L,{"aria-hidden":"true",as:"span",className:v.default(t.ComponentClassNames.RadioButton,t.classNameModifier(t.ComponentClassNames.RadioButton,M)),"data-size":M,testId:d}))}));Ye.displayName="Radio";const Ke=b.forwardRef(((e,a)=>{var{children:n,className:s,defaultValue:r,descriptiveText:o,errorMessage:i,hasError:d=!1,id:c,isDisabled:m,isRequired:u,isReadOnly:p,label:f,labelHidden:C=!1,labelPosition:h,onChange:g,name:N,size:E,value:y}=e,w=l.__rest(e,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const F=pe(c),x=pe(),S=pe(),P=o?S:void 0,I=b.useMemo((()=>({currentValue:y,defaultValue:r,hasError:d,isRequired:u,isReadOnly:p,isGroupDisabled:m,onChange:g,size:E,name:N,labelPosition:h})),[r,d,m,u,p,g,E,N,y,h]);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.RadioGroupField,s),"data-size":E,ref:a},w),b.createElement(re,{id:x,visuallyHidden:C},f),b.createElement(te,{id:S,labelHidden:C,descriptiveText:o}),b.createElement(L,{"aria-describedby":P,"aria-labelledby":x,className:t.ComponentClassNames.RadioGroup,id:F,role:"radiogroup"},b.createElement(Ue.Provider,{value:I},n)),b.createElement(ne,{hasError:d,errorMessage:i}))}));Ke.displayName="RadioGroupField";const Ze=(e,t)=>{const n=a.translate(e);let s=t;if("Phone Number"===e)s=a.censorPhoneNumber(t);else if("Email"===e){const e=t.split("@");s=`${a.censorAllButFirstAndLast(e[0])}@${e[1]}`}return`${n}: ${s}`},Xe=({className:e,variation:t})=>{const{components:{VerifyUser:{Header:n=Xe.Header,Footer:s=Xe.Footer}}}=O(),{_state:l,isPending:r}=M((e=>[e.isPending])),{handleChange:o,handleSubmit:i}=G(),d=a.getActorContext(l),c=r?E.default.createElement(E.default.Fragment,null,"Verifying…"):E.default.createElement(E.default.Fragment,null,a.translate("Verify")),m=E.default.createElement(Ke,{label:a.translate("Verify Contact"),labelHidden:!0,name:"verify_context",isDisabled:r},(e=>{const t=[];for(const[n,s]of Object.entries(e)){const e=E.default.createElement(Ye,{name:"unverifiedAttr",value:n,key:n},Ze(a.defaultFormFieldOptions[n].label,s));t.push(e)}return t})(d.unverifiedAttributes));return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:o,onSubmit:i},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:r},E.default.createElement(n,null),m,E.default.createElement(W,null),E.default.createElement(Te,{cancelButtonText:a.translate("Skip"),cancelButtonSendType:"SKIP",submitButtonText:c}),E.default.createElement(s,null))))};Xe.Header=function(){return E.default.createElement(j,{level:3},a.translate("Account recovery requires verified contact information"))},Xe.Footer=function(){return null};const Qe=({className:e,variation:a})=>{const{isPending:t}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:s}=G(),{components:{ConfirmSignIn:{Header:l=Qe.Header,Footer:r=Qe.Footer}}}=O();return E.default.createElement(B,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:s},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(l,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null),E.default.createElement(W,null)),E.default.createElement(Pe,null),E.default.createElement(r,null))))};Qe.Header=function(){const{_state:e}=M(),t=a.getActorState(e),{challengeName:n}=t.context;let s;switch(n){case a.AuthChallengeNames.SMS_MFA:s=a.translate("Confirm SMS Code");break;case a.AuthChallengeNames.SOFTWARE_TOKEN_MFA:s=a.translate("Confirm TOTP Code");break;default:throw new Error(`${a.translate("Unexpected challengeName encountered in ConfirmSignIn:")} ${n}`)}return E.default.createElement(j,{level:3},s)},Qe.Footer=function(){return null};const Je=({className:e,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleBlur:s,handleChange:l,handleSubmit:r}=G(),{components:{ConfirmResetPassword:{Header:o=Je.Header,Footer:i=Je.Footer}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:r,onChange:l,onBlur:s},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(o,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null)),E.default.createElement(W,null),E.default.createElement(Te,{cancelButtonSendType:"RESEND",cancelButtonText:a.translate("Resend Code")}),E.default.createElement(i,null))))};Je.Header=function(){const e=a.translate("Reset your password");return E.default.createElement(j,{level:3},e)},Je.Footer=function(){return null};const ea=({className:e,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:s,handleSubmit:l}=G(),{components:{ResetPassword:{Header:r=ea.Header,Footer:o=ea.Footer}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:s,onSubmit:l},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(r,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null)),E.default.createElement(W,null),E.default.createElement(Te,{cancelButtonText:a.translate("Back to Sign In"),cancelButtonSendType:"SIGN_IN",submitButtonText:n?E.default.createElement(E.default.Fragment,null,a.translate("Sending"),"…"):E.default.createElement(E.default.Fragment,null,a.translate("Send code"))}),E.default.createElement(o,null))))};ea.Header=function(){return E.default.createElement(j,{level:3},a.translate("Reset your password"))},ea.Footer=function(){return null};const aa=e=>"signIn"===e||"signUp"===e;function ta(){return null}function na({className:a,hideSignUp:t,variation:n}){const{route:s}=M((({route:e})=>[e])),l=e.useMemo((()=>(e=>{switch(e){case"authenticated":case"idle":case"setup":case"autoSignIn":return ta;case"confirmSignUp":return xe;case"confirmSignIn":return Qe;case"setupTOTP":return ke;case"signIn":case"signUp":return $e;case"forceNewPassword":return Se;case"resetPassword":return ea;case"confirmResetPassword":return Je;case"verifyUser":return Xe;case"confirmVerifyUser":return We;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),ta}})(s)),[s]);return E.default.createElement(l,{className:a,hideSignUp:aa(s)?t:void 0,variation:n})}const sa={Header:()=>null,SignIn:{Header:Ge.Header,Footer:Ge.Footer},SignUp:{Header:qe.Header,FormFields:qe.FormFields,Footer:qe.Footer},ConfirmSignUp:{Header:xe.Header,Footer:xe.Footer},SetupTOTP:{Header:ke.Header,Footer:ke.Footer},ConfirmResetPassword:{Header:Je.Header,Footer:Je.Footer},ConfirmSignIn:{Header:Qe.Header,Footer:Qe.Footer},VerifyUser:{Header:Xe.Header,Footer:Xe.Footer},ConfirmVerifyUser:{Header:We.Header,Footer:We.Footer},ForceNewPassword:{FormFields:Se.FormFields},ResetPassword:{Header:ea.Header,Footer:ea.Footer},Footer:()=>null};function la({children:e,className:a,components:t,formFields:n,hideSignUp:s,initialState:l,loginMechanisms:r,signUpAttributes:o,services:i,socialProviders:d,variation:c}){const{route:m,signOut:u,user:p}=M((({route:e,signOut:a,user:t})=>[e,a,t]));!function(e){const{_send:a,route:t}=M((({route:e})=>[e])),n=b.useRef(!1);b.useEffect((()=>{n.current||"setup"!==t||(a({type:"INIT",data:e}),n.current=!0)}),[a,t,e])}({initialState:l,loginMechanisms:r,services:i,signUpAttributes:o,socialProviders:d,formFields:n});const f=b.useMemo((()=>({components:Object.assign(Object.assign({},sa),t)})),[t]);return"authenticated"===m||"signOut"===m?e?b.createElement(b.Fragment,null,"function"==typeof e?e({signOut:u,user:p}):e):null:b.createElement(R.Provider,{value:f},b.createElement(na,{className:a,hideSignUp:s,variation:c}))}function ra(e){return b.createElement(T,null,b.createElement(la,Object.assign({},e)))}function oa(e,a={}){const{variation:t="modal"}=a;return function(n){return E.default.createElement(ra,Object.assign({variation:t},a),(a=>E.default.createElement(e,Object.assign({},n,a))))}}ra.Provider=T,ra.ResetPassword=ea,ra.SetupTOTP=ke,ra.SignIn=Ge,ra.SignUp=qe,ra.ForceNewPassword=Se;const ia=e.forwardRef(((a,t)=>{var n,{mapLib:s,mapStyle:r,style:o}=a,d=l.__rest(a,["mapLib","mapStyle","style"]);const c=i.Amplify.configure(),u=e.useMemo((()=>{var e,a,t,n;return null!==(n=null!==(a=null===(e=c.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==a?a:null===(t=c.geo)||void 0===t?void 0:t.AmazonLocationService)&&void 0!==n?n:{}}),[c]),[p,f]=e.useState(),C=e.useMemo((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},o)),[o]);return e.useEffect((()=>{l.__awaiter(void 0,void 0,void 0,(function*(){const e=yield i.Auth.currentUserCredentials();if(e){const{region:a}=u,{transformRequest:t}=new m.AmplifyMapLibreRequest(e,a);f((()=>t))}}))}),[u]),p?E.default.createElement(x.default,Object.assign({},d,{mapLib:null!=s?s:F.default,mapStyle:null!=r?r:null===(n=u.maps)||void 0===n?void 0:n.default,ref:t,style:C,transformRequest:p})):null}));ia.displayName="MapView";const da={maplibregl:F.default,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},ca=e=>{var{position:a="top-right"}=e,t=l.__rest(e,["position"]);return u.useControl((()=>m.createAmplifyGeocoder(t)),{position:a}),null},ma=a=>{const t=e.useRef(!1);return e.useEffect((()=>{t.current||(m.createAmplifyGeocoder(a).addTo("#geocoder-container"),t.current=!0)}),[a]),E.default.createElement("div",{id:"geocoder-container"})},ua=e=>{const{current:a}=u.useMap();return a?E.default.createElement(ca,Object.assign({},da,e)):E.default.createElement(ma,Object.assign({},da,e))},pa=ua;var fa=Object.freeze({__proto__:null,AmplifyProvider:P,ThemeProvider:I,Authenticator:ra,useAuthenticator:M,withAuthenticator:oa,MapView:ia,Geocoder:pa,LocationSearch:ua});const Ca=b.forwardRef(((e,a)=>{var{className:n,children:s,variation:r,size:o}=e,i=l.__rest(e,["className","children","variation","size"]);const d=v.default(t.ComponentClassNames.Badge,n,t.classNameModifier(t.ComponentClassNames.Badge,r),t.classNameModifier(t.ComponentClassNames.Badge,o));return b.createElement(t.View,Object.assign({as:"span",className:d,"data-variation":r,"data-size":o,ref:a},i),s)}));Ca.displayName="Badge";const ha=b.forwardRef(((e,a)=>{var{className:n,children:s,role:r="group",size:o,variation:i}=e,d=l.__rest(e,["className","children","role","size","variation"]);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.ButtonGroup,n),role:r,ref:a},d),b.Children.map(s,(e=>b.isValidElement(e)?b.cloneElement(e,{size:o,variation:i}):e)))}));ha.displayName="ButtonGroup";const ga=b.forwardRef(((e,a)=>{var{className:n,children:s,variation:r}=e,o=l.__rest(e,["className","children","variation"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Card,t.classNameModifier(t.ComponentClassNames.Card,r),n),"data-variation":r,ref:a},o),s)}));ga.displayName="Card";const Na=(e,a)=>e&&a?`${e}-${a}`:void 0,ba=b.forwardRef(((a,n)=>{var{checked:s,className:r,defaultChecked:o,hasError:i,isDisabled:d,isIndeterminate:c,label:m,labelHidden:u,labelPosition:p,onChange:f,testId:C}=a,h=l.__rest(a,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId"]);const{baseStyleProps:g,flexContainerStyleProps:N,rest:E}=t.splitPrimitiveProps(h),y=void 0!==s?s:o,{dataChecked:w,dataFocus:F,onBlur:x,onChange:S,onFocus:P,setDataChecked:I}=((a,n)=>{const[s,l]=e.useState(a),[r,o]=e.useState(!1);return{dataChecked:s,dataFocus:r,onBlur:()=>{o(!1)},onChange:e=>{l(e.target.checked),t.isFunction(n)&&n(e)},onFocus:()=>{o(!0)},setDataChecked:l}})(y,f);b.useEffect((()=>{void 0!==s&&s!==w&&I(s)}),[s,w,I]);const k=pe();b.useEffect((()=>{document.querySelector(`[data-id="${k}"]`).indeterminate=c}),[k,c]);const T=Na(C,t.ComponentClassNames.CheckboxButton),M=Na(C,t.ComponentClassNames.CheckboxIcon),R=Na(C,t.ComponentClassNames.CheckboxLabel),O=v.default(t.ComponentClassNames.CheckboxButton,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"error",i),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"focused",F)),_=v.default(t.ComponentClassNames.CheckboxIcon,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"disabled",d)),B=b.useMemo((()=>c?b.createElement(t.IconIndeterminate,{className:v.default(_,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"indeterminate",c)),"data-testid":M}):b.createElement(t.IconCheck,{className:_,"data-checked":w,"data-disabled":d,"data-testid":M})),[w,_,M,d,c]);return b.createElement(L,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Checkbox,t.classNameModifierByFlag(t.ComponentClassNames.Checkbox,"disabled",d),r),"data-disabled":d,"data-label-position":p,testId:C},g,N),b.createElement(U,null,b.createElement(le,Object.assign({checked:s,className:t.ComponentClassNames.CheckboxInput,"data-id":k,defaultChecked:o,isDisabled:d,onBlur:x,onChange:S,onFocus:P,ref:n,type:"checkbox"},E))),m&&b.createElement(A,{as:"span",className:v.default(t.ComponentClassNames.CheckboxLabel,{[t.ComponentClassNames.VisuallyHidden]:u}),"data-disabled":d,testId:R},m),b.createElement(L,{"aria-hidden":"true",as:"span",className:O,"data-checked":w,"data-disabled":d,"data-focus":F,"data-error":i,testId:T},B))}));ba.displayName="Checkbox";const Ea=b.forwardRef(((e,a)=>{var{className:n,errorMessage:s,hasError:r=!1,labelHidden:o=!1,labelPosition:i,testId:d,size:c}=e,m=l.__rest(e,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const u=Na(d,t.ComponentClassNames.Checkbox);return b.createElement(L,{className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.CheckboxField,t.classNameModifier(t.ComponentClassNames.Field,c),n),"data-size":c,testId:d},b.createElement(ba,Object.assign({hasError:r,labelHidden:o,testId:u,labelPosition:i,ref:a},m)),b.createElement(ne,{hasError:r,errorMessage:s}))}));Ea.displayName="CheckboxField";const ya=b.forwardRef(((e,a)=>{var{className:n,children:s}=e,r=l.__rest(e,["className","children"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Grid,n),ref:a},r),s)}));ya.displayName="Grid";const va=e=>{var{type:a,page:n,currentPage:s,currentPageLabel:r=t.ComponentText.PaginationItem.currentPageLabel,isDisabled:o,onClick:i,ariaLabel:d}=e,c=l.__rest(e,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const m=b.useCallback((()=>{i(n,s)}),[n,s,i]),u=b.useCallback((()=>{i()}),[i]),p=b.useCallback((()=>{i()}),[i]),f=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o)),C=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o));switch(a){case"page":return b.createElement(t.View,{as:"li"},n===s?b.createElement(L,Object.assign({"aria-current":"page",as:"button",className:t.ComponentClassNames.PaginationItemCurrent,testId:"current"},c),b.createElement(U,null,r,":"),n):b.createElement(D,Object.assign({className:v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:m,ariaLabel:d},c),n));case"next":return b.createElement(t.View,{as:"li"},b.createElement(D,Object.assign({className:f,size:"small",variation:"link",isDisabled:o,onClick:p,ariaLabel:d},c),b.createElement(t.IconChevronRight,{size:"large"})));case"previous":return b.createElement(t.View,{as:"li"},b.createElement(D,Object.assign({className:C,size:"small",variation:"link",isDisabled:o,onClick:u,ariaLabel:d},c),b.createElement(t.IconChevronLeft,{size:"large"})));case"ellipsis":return b.createElement(t.View,{as:"li"},b.createElement(L,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},c),"…"))}return b.createElement(t.View,{as:"li"})};va.displayName="PaginationItem";const wa=(e,a,n,s,l=t.ComponentText.PaginationItem.currentPageLabel,r=t.ComponentText.PaginationItem.pageLabel,o=t.ComponentText.PaginationItem.previousLabel,i=t.ComponentText.PaginationItem.nextLabel,d,c,m)=>{const u=b.createElement(va,{type:"previous",key:"previous",currentPage:e,onClick:c,isDisabled:e<=1,ariaLabel:o}),p=b.createElement(va,{type:"next",key:"next",currentPage:e,onClick:d,isDisabled:e>=a&&!n,ariaLabel:i}),f=((e,a,n=1)=>b.useMemo((()=>{const s=Math.max(e,1),l=Math.max(n,1),r=Math.max(s,a),o=r;if(r<5+2*l)return t.getConsecutiveIntArray(1,r);const i=Math.max(s-l,1),d=Math.min(s+l,o),c=i>2,m=d<o-1;if(c&&!m){const e=3+2*l;return[1,"...",...t.getConsecutiveIntArray(o-e+1,o)]}if(!c&&m){const e=3+2*l;return[...t.getConsecutiveIntArray(1,e),"...",o]}return[1,"...",...t.getConsecutiveIntArray(i,d),"...",o]}),[e,a,n]))(e,a,s);return[u,...b.useMemo((()=>f.map(((a,t)=>"..."===a?b.createElement(va,{type:"ellipsis",key:1===t?"start-ellipsis":"end-ellipsis"}):b.createElement(va,{key:a,type:"page",page:a,currentPage:e,currentPageLabel:l,onClick:m,ariaLabel:`${r} ${a}`})))),[f,e,l,r,m]),p]},Fa=b.forwardRef(((e,a)=>{var{className:n,currentPage:s=1,totalPages:r,hasMorePages:o=!1,siblingCount:i,currentPageLabel:d,pageLabel:c,previousLabel:m,nextLabel:u,onNext:p,onPrevious:f,onChange:C}=e,h=l.__rest(e,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const g=wa(s,r,o,i,d,c,m,u,p,f,C);return b.createElement(t.View,Object.assign({as:"nav",className:v.default(t.ComponentClassNames.Pagination,n),ref:a},h),b.createElement(L,{as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},g))}));Fa.displayName="Pagination";const xa=e=>{let{currentPage:a=1,totalPages:t,hasMorePages:n,siblingCount:s=1}=e;a=Math.max(a,1),s=Math.max(s,1),t=Math.max(a,t);const[l,r]=b.useState(a);b.useEffect((()=>r(a)),[a,t]);const o=b.useCallback((()=>{l<t&&r(l+1)}),[l,t]),i=b.useCallback((()=>{l>1&&r(l-1)}),[l]),d=b.useCallback(((e,a)=>{r(e)}),[]);return{currentPage:l,totalPages:t,hasMorePages:n,siblingCount:s,onNext:o,onPrevious:i,onChange:d}},Sa=t.ComponentText.SearchField.searchButtonLabel,Pa=b.forwardRef(((e,a)=>b.createElement(J,Object.assign({ariaLabel:Sa,className:t.ComponentClassNames.SearchFieldSearch,ref:a,type:"submit"},e),b.createElement(t.IconSearch,{size:e.size}))));Pa.displayName="SearchFieldButton";const Ia=new Set(["Escape","Enter"]),ka=({onSubmit:e,onClear:a,externalRef:n})=>{const[s,l]=b.useState(""),r=b.useRef(null),o=function({externalRef:e,internalRef:a}){return b.useCallback((t=>{"function"==typeof e?e(t):null!==e&&(e.current=t),a.current=t}),[e,a])}({externalRef:n,internalRef:r}),i=b.useCallback((()=>{var e;l(""),null===(e=null==r?void 0:r.current)||void 0===e||e.focus(),t.isFunction(a)&&a()}),[l,a]),d=b.useCallback((a=>{t.isFunction(e)&&e(a)}),[e]),c=b.useCallback((e=>{const{key:a}=e;Ia.has(a)&&(e.preventDefault(),"Escape"===a?i():"Enter"===a&&d(s))}),[s,i,d]),m=b.useCallback((e=>{l(e.target.value)}),[l]),u=b.useCallback((()=>{d(s)}),[d,s]);return{value:s,onClearHandler:i,onKeyDown:c,onInput:m,onClick:u,composedRefs:o}},Ta=b.forwardRef(((e,a)=>{var{autoComplete:n="off",className:s,isDisabled:r,clearButtonLabel:o,labelHidden:i=!0,name:d="q",onSubmit:c,onClear:m,searchButtonRef:u,size:p}=e,f=l.__rest(e,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:C,onClearHandler:h,onInput:g,onKeyDown:N,onClick:E,composedRefs:y}=ka({onSubmit:c,onClear:m,externalRef:a});return b.createElement(he,Object.assign({autoComplete:n,className:v.default(t.ComponentClassNames.SearchField,s),labelHidden:i,innerEndComponent:b.createElement(ae,{ariaLabel:o,excludeFromTabOrder:!0,isVisible:t.strHasLength(C),onClick:h,size:p,variation:"link"}),isDisabled:r,isMultiline:!1,name:d,onInput:g,onKeyDown:N,outerEndComponent:b.createElement(Pa,{isDisabled:r,onClick:E,ref:u,size:p}),ref:y,size:p,value:C},f))}));Ta.displayName="SearchField";const Ma=(e,a)=>t.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>Ma(e,a))),Ra=(e,a)=>Math.ceil(e/a),Oa=10,_a=e=>{var{children:a,direction:t="column",items:n}=e,s=l.__rest(e,["children","direction","items"]);return b.createElement(L,Object.assign({direction:t},s),Array.isArray(n)?n.map(a):null)},Ba=e=>{var{children:a,items:t}=e,n=l.__rest(e,["children","items"]);return b.createElement(ya,Object.assign({},n),Array.isArray(t)?t.map(a):null)},La=e=>{var{className:a,isSearchable:n,isPaginated:s,items:r,itemsPerPage:o=Oa,searchFilter:i=Ma,searchLabel:d=t.ComponentText.Collection.searchButtonLabel,searchNoResultsFound:c,searchPlaceholder:m,type:u="list",testId:p}=e,f=l.__rest(e,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[C,h]=b.useState(),g=b.useCallback(S.default(h,300),[h]);r=Array.isArray(r)?r:[],n&&t.strHasLength(C)&&(r=r.filter((e=>i(e,C))));const N=xa({totalPages:Ra(r.length,o)});s&&(r=((e,a,t)=>{if(a<1||t<1)return[];const n=(a-1)*t;return e.slice(n,n+t)})(r,N.currentPage,o));const E="list"===u?b.createElement(_a,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},f)):"grid"===u?b.createElement(Ba,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},f)):null;return b.createElement(L,{testId:p,className:v.default(t.ComponentClassNames.Collection,a)},n?b.createElement(L,{className:t.ComponentClassNames.CollectionSearch},b.createElement(Ta,{label:d,placeholder:m,onChange:e=>g(e.target.value),onClear:()=>h("")})):null,((e,a,n)=>a.length?e:n||b.createElement(L,{justifyContent:"center"},b.createElement(A,null,t.ComponentText.Collection.searchNoResultsFound)))(E,r,c),s?b.createElement(L,{className:t.ComponentClassNames.CollectionPagination},b.createElement(Fa,Object.assign({},N))):null)};La.displayName="Collection";const Va=b.forwardRef(((e,a)=>{var{children:n,className:s,defaultValue:r,isCollapsible:o,onChange:i,onValueChange:d,testId:c,type:m="single",value:u}=e,p=l.__rest(e,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:C}=t.splitPrimitiveProps(p);return"multiple"===m?b.createElement(f.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,s),"data-testid":c,defaultValue:r,onValueChange:i,ref:a,type:m,value:u},C),n):b.createElement(f.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,s),collapsible:o,"data-testid":c,defaultValue:r,onValueChange:i,ref:a,type:m,value:u},C),n)}));Va.displayName="Expander";const Ha=b.forwardRef(((e,a)=>{var{children:n,className:s,title:r}=e,o=l.__rest(e,["children","className","title"]);const i=pe(),d=pe(),{rest:c}=t.splitPrimitiveProps(o);return b.createElement(f.Item,Object.assign({className:v.default(t.ComponentClassNames.ExpanderItem,s),"data-testid":"expander-item",ref:a},c),b.createElement(f.Header,{className:t.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},b.createElement(f.Trigger,{"aria-controls":d,className:t.ComponentClassNames.ExpanderTrigger,id:i},r,b.createElement(t.IconExpandMore,{"aria-hidden":!0,className:t.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"}))),b.createElement(f.Content,{"aria-labelledby":i,className:t.ComponentClassNames.ExpanderContent,id:d},b.createElement(t.View,{className:t.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},n)))}));Ha.displayName="ExpanderItem";const Da=b.forwardRef(((e,a)=>{var{className:n}=e,s=l.__rest(e,["className"]);return b.createElement(t.View,Object.assign({as:"img",ref:a,className:v.default(t.ComponentClassNames.Image,n)},s))}));Da.displayName="Image";const za=b.forwardRef(((e,a)=>{var{as:n="a",children:s,className:r,isExternal:o,to:i}=e,d=l.__rest(e,["as","children","className","isExternal","to"]);return fe({shouldWarn:null!=i,message:"The Link component's to prop will soon be deprecated. Please see the Amplify UI documentation for using the Link component with routing libraries: https://ui.docs.amplify.aws/react/components/link#routing-libraries"}),b.createElement(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.Link,r),ref:a,rel:o?"noopener noreferrer":void 0,target:o?"_blank":void 0,to:i},d),s)}));za.displayName="Link";const ja=b.forwardRef(((e,a)=>{var{ariaLabel:n,className:s,children:r,isFullWidth:o=!1,isDisabled:i,isLoading:d,loadingText:c="",size:m,style:u,type:p="button",variation:f,testId:C}=e,h=l.__rest(e,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:g,nonStyleProps:N}=t.useStyles(h,u),E=v.default(t.ComponentClassNames.Button,t.classNameModifier(t.ComponentClassNames.Button,m),t.classNameModifier(t.ComponentClassNames.Button,f),s);return b.createElement(D,Object.assign({ref:a,className:E,"data-fullwidth":o,"data-loading":d,"data-size":m,"data-variation":f,disabled:i||d,type:p,"data-testid":C,"aria-label":n,style:g},N),r)}));ja.displayName="MenuButton";const Aa=b.forwardRef(((e,a)=>{var{menuAlign:n="start",children:s,className:r,isOpen:o,size:i,trigger:d,triggerClassName:c,ariaLabel:m,onOpenChange:u}=e,p=l.__rest(e,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return b.createElement(C.DropdownMenu,{onOpenChange:u,open:o},b.createElement(C.DropdownMenuTrigger,{asChild:!0},null!=d?d:b.createElement(ja,{ariaLabel:m,size:i,testId:"amplify-menu-trigger-test-id",className:v.default(t.ComponentClassNames.MenuTrigger,c)},b.createElement(t.IconMenu,{size:i}))),b.createElement(C.DropdownMenuContent,{align:n,portalled:!1},b.createElement(ha,Object.assign({className:v.default(t.ComponentClassNames.MenuContent,r),ref:a,size:i,testId:"amplify-menu-items-group-test-id"},p),s)))}));Aa.displayName="Menu";const Ga=b.forwardRef(((e,a)=>{var{children:n,className:s,variation:r}=e,o=l.__rest(e,["children","className","variation"]);return b.createElement(C.DropdownMenuItem,{asChild:!0,ref:a},b.createElement(ja,Object.assign({className:v.default(t.ComponentClassNames.MenuItem,s),testId:"amplify-menu-item-test-id"},o,{variation:"menu"}),n))}));Ga.displayName="MenuItem";const qa=b.forwardRef(((e,a)=>{var{className:n,children:s,isLoaded:r,size:o}=e,i=l.__rest(e,["className","children","isLoaded","size"]);return r?b.createElement(b.Fragment,null,s):b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Placeholder,t.classNameModifier(t.ComponentClassNames.Placeholder,o),n),"data-size":o,ref:a},i))}));qa.displayName="Placeholder";const $a=({icon:e,fill:a,className:n})=>b.createElement(t.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(t.View,{as:"span",className:v.default(n),color:a},e));$a.displayName="RatingIcon";const Wa=({emptyColor:e,emptyIcon:a,fillColor:n,fillIcon:s,value:l})=>{const r=l%1*100+"%";return b.createElement(t.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(t.View,{as:"span",className:"amplify-rating-label"},b.createElement(t.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-empty"),color:e},a)),b.createElement(t.View,{as:"span",className:"amplify-rating-label",width:r},b.createElement(t.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-filled"),color:n},s)))};Wa.displayName="RatingMixedIcon";const Ua=5,Ya=0,Ka=b.forwardRef(((e,a)=>{var{className:n,emptyColor:s,emptyIcon:r,fillColor:o,icon:i=b.createElement(t.IconStar,null),maxValue:d=Ua,size:c,value:m=Ya}=e,u=l.__rest(e,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const p=new Array(Math.ceil(d)).fill(1).map(((e,a)=>{const t=a+1;return((e,a)=>e<=a)(t,m)?b.createElement($a,{key:a.toString(),icon:i,fill:o,className:"amplify-rating-icon-filled"}):((e,a)=>e-1>=a)(t,m)?b.createElement($a,{key:a.toString(),icon:r||i,fill:s,className:"amplify-rating-icon-empty"}):((e,a)=>e>a&&e-1<a)(t,m)?b.createElement(Wa,{key:a.toString(),fillIcon:i,emptyIcon:r||i,value:m,fillColor:o,emptyColor:s}):void 0}));return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Rating,t.classNameModifier(t.ComponentClassNames.Rating,c),n),"data-size":c,ref:a},u),p,b.createElement(U,null,m," out of ",d," rating"))}));Ka.displayName="Rating";const Za=b.forwardRef(((e,a)=>{var{children:n,className:s,orientation:r}=e,o=l.__rest(e,["children","className","orientation"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.ScrollView,t.classNameModifier(t.ComponentClassNames.ScrollView,r),s),"data-orientation":r,ref:a},o),n)}));Za.displayName="ScrollView";const Xa=b.forwardRef(((e,a)=>{var{ariaValuetext:n,className:s,defaultValue:r,descriptiveText:o,emptyTrackColor:i,errorMessage:d,filledTrackColor:c,formatValue:m,hasError:u=!1,id:p,isDisabled:f,isValueHidden:C=!1,label:g,labelHidden:N=!1,onChange:E,orientation:y="horizontal",outerEndComponent:w,outerStartComponent:F,testId:x,thumbColor:S,trackSize:P,dir:I,value:k,size:T}=e,M=l.__rest(e,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const R=pe(p),O=pe(),_=pe(),B=o?_:void 0,{flexContainerStyleProps:V,baseStyleProps:H,rest:D}=t.splitPrimitiveProps(M),z=void 0!==k,[j,A]=b.useState(z?k:r),G=z?[k]:void 0,q=z?void 0:[r],$=b.useCallback((e=>{A(e[0]),t.isFunction(E)&&E(e[0])}),[E]),W=b.useMemo((()=>{const e=t.isFunction(m)?m(j):j;return"string"==typeof m?b.createElement(t.View,{as:"span"},e):e}),[j,m]),U="vertical"===y,Y=v.default(t.ComponentClassNames.SliderFieldTrack,t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,y),t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,T)),K=v.default(t.ComponentClassNames.SliderFieldRoot,t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,y),t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,T),s);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SliderField),testId:x,"data-size":T},H,V),b.createElement(re,{className:t.ComponentClassNames.SliderFieldLabel,id:O,testId:"slider-label",visuallyHidden:N},b.createElement(t.View,{as:"span"},g),C?null:W),b.createElement(te,{id:_,labelHidden:N,descriptiveText:o}),b.createElement(se,{className:t.ComponentClassNames.SliderFieldGroup,id:R,orientation:y,outerStartComponent:F,outerEndComponent:w},b.createElement(h.Root,Object.assign({className:K,"data-testid":"slider-root",disabled:f,defaultValue:q,onValueChange:$,orientation:y,ref:a,value:G},D),b.createElement(h.Track,{className:Y,"data-testid":"slider-track",style:{backgroundColor:String(i),[""+(U?"width":"height")]:P}},b.createElement(h.Range,{className:v.default(t.ComponentClassNames.SliderFieldRange,t.classNameModifier(t.ComponentClassNames.SliderFieldRange,y)),"data-testid":"slider-range",style:{backgroundColor:String(c)}})),b.createElement(h.Thumb,{"aria-describedby":B,"aria-labelledby":O,"aria-valuetext":n,className:v.default(t.ComponentClassNames.SliderFieldThumb,t.classNameModifier(t.ComponentClassNames.SliderFieldThumb,T)),style:{backgroundColor:String(S)}}))),b.createElement(ne,{hasError:u,errorMessage:d}))}));Xa.displayName="SliderField";const Qa=(e,a,t,n)=>{const s=(n-e)%t;return n=n-s+Math.round(s/t)*t,(n=Math.max(e,n))>a&&(n=a-(a-e)%t),n},Ja=b.forwardRef(((e,a)=>{const{className:n,descriptiveText:s,defaultValue:r,errorMessage:o,hasError:i=!1,id:d,isDisabled:c,isReadOnly:m,isRequired:u,increaseButtonLabel:p=t.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:f=t.ComponentText.StepperField.decreaseButtonLabel,label:C,labelHidden:h=!1,onStepChange:g,size:N,variation:E,testId:y,bottom:w,height:F,left:x,padding:S,position:P,right:I,top:k,width:T,value:M}=e,R=l.__rest(e,["className","descriptiveText","defaultValue","errorMessage","hasError","id","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","variation","testId","bottom","height","left","padding","position","right","top","width","value"]),O=pe(d),_=pe(),B=s?_:void 0,{baseStyleProps:V,flexContainerStyleProps:H,rest:D}=t.splitPrimitiveProps(R),{step:z,value:j,inputValue:A,handleDecrease:G,handleIncrease:q,handleOnBlur:$,handleOnChange:W,handleOnWheel:U,setInputValue:Y,shouldDisableDecreaseButton:K,shouldDisableIncreaseButton:Z}=(({defaultValue:e=0,value:a,step:n=1,max:s=Number.MAX_SAFE_INTEGER,min:l=Number.MIN_SAFE_INTEGER,isDisabled:r,isReadOnly:o,onDecrease:i,onIncrease:d,onStepChange:c})=>{const m=void 0!==a;s=Math.max(l,s);const[u,p]=b.useState((()=>Qa(l,s,n,e)));m&&(a=Qa(l,s,n,a));const f=m?a:u,C=r||o||f+n>s,h=r||o||f-n<l,[g,N]=b.useState(f),E=b.useCallback((e=>{N(e.target.value)}),[]),y=b.useCallback((e=>{let a=parseFloat(e.target.value);isNaN(a)||(a=Qa(l,s,n,a),m||p(a),t.isFunction(c)&&c(a),N(a))}),[l,s,n,m,c]),v=b.useCallback((()=>{m||p(f+n),t.isFunction(c)&&c(f+n),t.isFunction(d)&&d(),N(f+n)}),[n,f,m,d,c]),w=b.useCallback((()=>{m||p(f-n),t.isFunction(c)&&c(f-n),t.isFunction(i)&&i(),N(f-n)}),[n,f,m,i,c]),F=b.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:n,value:f,inputValue:g,handleDecrease:w,handleIncrease:v,handleOnBlur:y,handleOnChange:E,handleOnWheel:F,setInputValue:N,shouldDisableDecreaseButton:h,shouldDisableIncreaseButton:C}})(e);return b.useEffect((()=>{void 0!==M&&Y(M)}),[M,Y]),b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,N),t.ComponentClassNames.StepperField,n),"data-size":N,"data-variation":E,testId:y,width:T,height:F,position:P,padding:S,top:k,right:I,left:x,bottom:w},H),b.createElement(re,{htmlFor:O,visuallyHidden:h},C),b.createElement(te,{id:_,labelHidden:h,descriptiveText:s}),b.createElement(se,{outerStartComponent:b.createElement(J,{"aria-controls":O,ariaLabel:`${f} ${j-z}`,className:v.default(t.ComponentClassNames.StepperFieldButtonDecrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonDecrease,E),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonDecrease,"disabled",K)),"data-invalid":i,isDisabled:K,onClick:G,size:N},b.createElement(t.IconRemove,{"data-testid":"decrease-icon"})),outerEndComponent:b.createElement(J,{"aria-controls":O,ariaLabel:`${p} ${j+z}`,className:v.default(t.ComponentClassNames.StepperFieldButtonIncrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonIncrease,E),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonIncrease,"disabled",Z)),"data-invalid":i,isDisabled:Z,onClick:q,size:N},b.createElement(t.IconAdd,{"data-testid":"increase-icon"}))},b.createElement(le,Object.assign({"aria-describedby":B,className:t.ComponentClassNames.StepperFieldInput,hasError:i,id:O,isDisabled:c,isReadOnly:m,isRequired:u,onBlur:$,onChange:W,onWheel:U,ref:a,size:N,variation:E,type:"number",value:A},V,D))),b.createElement(ne,{hasError:i,errorMessage:o}))}));Ja.displayName="StepperField";const et=b.forwardRef(((a,n)=>{var{className:s,defaultChecked:r,id:o,isChecked:i,isDisabled:d,isLabelHidden:c,label:m,labelPosition:u,name:p,onChange:f,size:C,thumbColor:h,trackCheckedColor:g,trackColor:N,value:E}=a,y=l.__rest(a,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:w,changeHandler:F,isFocused:x,setIsFocused:S}=(a=>{const{onChange:t,isChecked:n,defaultChecked:s,isDisabled:l}=a,r=void 0!==n,[o,i]=e.useState(r?n:s),[d,c]=e.useState(!1),m=e.useCallback((e=>{l?e.preventDefault():("function"==typeof t&&t(e),i(e.target.checked))}),[t,l]);return r&&o!==n&&i(n),{isOn:o,changeHandler:m,isFocused:d,setIsFocused:c}})({onChange:f,isChecked:i,defaultChecked:r,isDisabled:d}),P=pe(o),I=c?U:t.View,k=v.default(t.ComponentClassNames.SwitchTrack,t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"focused",x)),T=v.default(t.ComponentClassNames.SwitchThumb,t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"disabled",d));return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.SwitchField,t.classNameModifier(t.ComponentClassNames.SwitchField,C),s),"data-size":C,"data-label-position":u,ref:n},y),b.createElement(U,null,b.createElement(le,{role:"switch",type:"checkbox",id:P,onChange:F,disabled:d,name:p,checked:w,value:E,onFocus:()=>{S(!0)},onBlur:()=>{S(!1)}})),b.createElement(re,{htmlFor:P,className:v.default(t.ComponentClassNames.SwitchWrapper,t.classNameModifier(t.ComponentClassNames.SwitchWrapper,u)),"data-label-position":u},b.createElement(I,{as:"span",className:t.ComponentClassNames.SwitchLabel},m),b.createElement(t.View,{as:"span",className:k,"data-checked":w,"data-disabled":d,"data-focused":x,backgroundColor:w?g:N},b.createElement(t.View,{as:"span",className:T,"data-checked":w,"data-disabled":d,backgroundColor:h}))))}));et.displayName="SwitchField";const at=b.forwardRef(((e,a)=>{var{caption:n,children:s,className:r,highlightOnHover:o=!1,size:i,variation:d}=e,c=l.__rest(e,["caption","children","className","highlightOnHover","size","variation"]);const m=v.default(t.ComponentClassNames.Table,t.classNameModifier(t.ComponentClassNames.Table,i),t.classNameModifier(t.ComponentClassNames.Table,d),r);return b.createElement(t.View,Object.assign({as:"table",className:m,"data-highlightonhover":o,"data-size":i,"data-variation":d,ref:a},c),n&&b.createElement(t.View,{as:"caption",className:t.ComponentClassNames.TableCaption},n),s)}));at.displayName="Table";const tt=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"tbody",className:v.default(t.ComponentClassNames.TableBody,s),ref:a},r),n)}));tt.displayName="TableBody";const nt=b.forwardRef(((e,a)=>{var{as:n="td",children:s,className:r}=e,o=l.__rest(e,["as","children","className"]);return b.createElement(t.View,Object.assign({as:n,className:v.default("td"===n?t.ComponentClassNames.TableTd:t.ComponentClassNames.TableTh,r),ref:a},o),s)}));nt.displayName="TableCell";const st=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"tfoot",className:v.default(t.ComponentClassNames.TableFoot,s),ref:a},r),n)}));st.displayName="TableFoot";const lt=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"thead",className:v.default(t.ComponentClassNames.TableHead,s),ref:a},r),n)}));lt.displayName="TableHead";const rt=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"tr",className:v.default(t.ComponentClassNames.TableRow,s),ref:a},r),n)}));rt.displayName="TableRow";const ot=b.forwardRef(((e,a)=>{const{className:n,descriptiveText:s,errorMessage:r,hasError:o=!1,id:i,label:d,labelHidden:c=!1,rows:m,size:u,testId:p,bottom:f,height:C,left:h,padding:g,position:N,right:E,top:y,width:w}=e,F=l.__rest(e,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),x=pe(i),S=pe(),P=s?S:void 0,{flexContainerStyleProps:I,baseStyleProps:k,rest:T}=t.splitPrimitiveProps(F);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.TextAreaField,n),"data-size":u,height:C,testId:p,width:w,bottom:f,left:h,right:E,top:y,position:N,padding:g},I),b.createElement(re,{htmlFor:x,visuallyHidden:c},d),b.createElement(te,{id:S,labelHidden:c,descriptiveText:s}),b.createElement(de,Object.assign({"aria-describedby":P,hasError:o,id:x,ref:a,rows:null!=m?m:3,size:u},k,T)),b.createElement(ne,{hasError:o,errorMessage:r}))}));ot.displayName="TextAreaField";const it=b.forwardRef(((e,a)=>{var{className:n,children:s,defaultPressed:r=!1,isDisabled:o,isPressed:i,onChange:d,onClick:c,size:m,value:u,variation:p}=e,f=l.__rest(e,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:C,handleClick:h}=(({isPressed:e,defaultPressed:a,onClick:n,onChange:s,value:l})=>{const r=void 0!==e,[o,i]=b.useState(a);return{isPressed:e=r?e:o,handleClick:b.useCallback((e=>{t.isFunction(n)&&n(e),r||i(!o),r&&t.isFunction(s)&&s(l)}),[r,n,s,o,l])}})({isPressed:i,defaultPressed:r,onChange:d,onClick:c,value:u}),g=v.default(t.ComponentClassNames.ToggleButton,t.classNameModifier(t.ComponentClassNames.ToggleButton,p),t.classNameModifierByFlag(t.ComponentClassNames.ToggleButton,"pressed",C),n);return b.createElement(D,Object.assign({"aria-pressed":C,className:g,isDisabled:o,onClick:h,ref:a,size:m,type:"button",variation:p},f),s)}));it.displayName="ToggleButton";const dt=b.forwardRef(((e,a)=>{var{children:n,className:s,isExclusive:r,isSelectionRequired:o,onChange:i,size:d,value:c,variation:m}=e,u=l.__rest(e,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const p=((e,a,n=!1,s=!1)=>{const l=b.useCallback((n=>{if(!t.isFunction(e)||!Array.isArray(a))return;const l=a.indexOf(n);let r;l>=0?(r=[...a],(!s||r.length>1)&&r.splice(l,1)):r=[...a,n],e(r)}),[e,a,s]),r=b.useCallback((n=>{t.isFunction(e)&&e(a!==n||s?n:null)}),[e,a,s]);return n?r:l})(i,c,r,o);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.ToggleButtonGroup,s),ref:a,role:"group"},u),b.Children.map(n,(e=>b.isValidElement(e)?b.cloneElement(e,{isPressed:r?c===e.props.value:c.includes(e.props.value),onChange:p,size:d,variation:m}):e)))}));dt.displayName="ToggleButtonGroup";var ct=Object.freeze({__proto__:null,Alert:$,Badge:Ca,Button:D,ButtonGroup:ha,Card:ga,CheckboxField:Ea,Collection:La,Divider:_e,Expander:Va,ExpanderItem:Ha,FieldGroupIcon:Q,FieldGroupIconButton:J,Flex:L,Grid:ya,Heading:j,Icon:Le,Image:Da,Link:za,Loader:H,Menu:Aa,MenuButton:ja,MenuItem:Ga,Pagination:Fa,PasswordField:ge,PhoneNumberField:ye,Placeholder:qa,Radio:Ye,RadioGroupField:Ke,Rating:Ka,ScrollView:Za,SearchField:Ta,SelectField:be,SliderField:Xa,StepperField:Ja,SwitchField:et,Tabs:Re,TabItem:Oe,Text:A,TextAreaField:ot,TextField:he,ToggleButton:it,ToggleButtonGroup:dt,View:t.View,VisuallyHidden:U,Table:at,TableBody:tt,TableCell:nt,TableFoot:st,TableHead:lt,TableRow:rt,usePagination:xa,ComponentClassNames:t.ComponentClassNames,ComponentClassObject:t.ComponentClassObject,ComponentPropsToStylePropsMap:t.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:t.ComponentPropsToStylePropsMapKeys});Object.defineProperty(exports,"createTheme",{enumerable:!0,get:function(){return a.createTheme}}),Object.defineProperty(exports,"defaultDarkModeOverride",{enumerable:!0,get:function(){return a.defaultDarkModeOverride}}),Object.defineProperty(exports,"defaultTheme",{enumerable:!0,get:function(){return a.defaultTheme}}),Object.defineProperty(exports,"translations",{enumerable:!0,get:function(){return a.translations}}),exports.ComponentClassNames=t.ComponentClassNames,exports.ComponentClassObject=t.ComponentClassObject,exports.ComponentPropsToStylePropsMap=t.ComponentPropsToStylePropsMap,exports.ComponentPropsToStylePropsMapKeys=t.ComponentPropsToStylePropsMapKeys,exports.View=t.View,exports.useTheme=t.useTheme,exports.Alert=$,exports.AmplifyProvider=P,exports.Authenticator=ra,exports.Badge=Ca,exports.Button=D,exports.ButtonGroup=ha,exports.Card=ga,exports.CheckboxField=Ea,exports.Collection=La,exports.Divider=_e,exports.Expander=Va,exports.ExpanderItem=Ha,exports.FieldGroupIcon=Q,exports.FieldGroupIconButton=J,exports.Flex=L,exports.Geocoder=pa,exports.Grid=ya,exports.Heading=j,exports.Icon=Le,exports.Image=Da,exports.Link=za,exports.Loader=H,exports.LocationSearch=ua,exports.MapView=ia,exports.Menu=Aa,exports.MenuButton=ja,exports.MenuItem=Ga,exports.Pagination=Fa,exports.PasswordField=ge,exports.PhoneNumberField=ye,exports.Placeholder=qa,exports.Radio=Ye,exports.RadioGroupField=Ke,exports.Rating=Ka,exports.ScrollView=Za,exports.SearchField=Ta,exports.SelectField=be,exports.SliderField=Xa,exports.StepperField=Ja,exports.SwitchField=et,exports.TabItem=Oe,exports.Table=at,exports.TableBody=tt,exports.TableCell=nt,exports.TableFoot=st,exports.TableHead=lt,exports.TableRow=rt,exports.Tabs=Re,exports.Text=A,exports.TextAreaField=ot,exports.TextField=he,exports.ThemeProvider=I,exports.ToggleButton=it,exports.ToggleButtonGroup=dt,exports.VisuallyHidden=U,exports.components=fa,exports.primitives=ct,exports.useAmplify=function(){const e=b.useContext(t.AmplifyContext);return{theme:t.getThemeFromContext(e)}},exports.useAuthenticator=M,exports.useBreakpointValue=function(e,a,n){const{breakpoints:{values:s}}=t.useTheme(),l=t.useBreakpoint({breakpoints:s,defaultBreakpoint:a});return t.getValueAtCurrentBreakpoint({breakpoint:l,breakpoints:s,propKey:n,values:e})},exports.usePagination=xa,exports.withAuthenticator=oa;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("@aws-amplify/ui"),t=require("./IconWarning-1f5018d3.js"),n=require("@xstate/react"),s=require("lodash/isEmpty"),l=require("tslib"),r=require("classnames"),o=require("qrcode"),i=require("aws-amplify"),d=require("@radix-ui/react-tabs");require("lodash/isArray"),require("lodash/isObject");var c=require("maplibre-gl"),m=require("maplibre-gl-js-amplify"),u=require("react-map-gl"),p=require("lodash/debounce"),f=require("@radix-ui/react-accordion"),C=require("@radix-ui/react-dropdown-menu"),h=require("@radix-ui/react-slider");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function N(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)}var b=N(e),E=g(e),y=g(s),v=g(r),w=g(o),F=g(c),x=g(u),S=g(p);function P({children:e,colorMode:n,theme:s,nonce:l}){const r=b.useMemo((()=>({theme:a.createTheme(s)})),[s]),{theme:{name:o,cssText:i}}=r;return b.createElement(t.AmplifyContext.Provider,{value:r},b.createElement("div",{"data-amplify-theme":o,"data-amplify-color-mode":n},e),void 0===s||/<\/style/i.test(i)?null:b.createElement("style",{id:`amplify-theme-${o}`,dangerouslySetInnerHTML:{__html:i},nonce:l}))}const I=P,k=b.createContext({}),T=({children:e})=>{const t=b.useContext(k),s=n.useInterpret(a.createAuthenticatorMachine),l=b.useMemo((()=>y.default(t)?{service:s}:t),[t,s]),{service:r}=l;return b.useEffect((()=>a.listenToAuthHub(r)),[r]),b.createElement(k.Provider,{value:l},e)},M=e=>{const s=(()=>{const{service:e}=b.useContext(k);if(!e)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/connected-components/authenticator.");return e})(),{send:l}=s,r=b.useCallback((e=>Object.assign({},a.getServiceFacade({send:l,state:e}))),[l]),o=n.useSelector(s,(e=>r(e)),((a,n)=>{if(!e)return!1;const s=e(a),l=e(n);return t.areArrayValuesEqual(s,l)}));return Object.assign(Object.assign({},o),{_state:s.getSnapshot(),_send:l})},R=b.createContext(null),O=()=>{const e=b.useContext(R);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e};const _=e=>"signIn"===e||"signUp";function B({children:e,className:a,variation:n="default"}){const{route:s}=M((({route:e})=>[e])),{components:{Header:l,Footer:r}}=O();return E.default.createElement(t.View,{className:a,"data-amplify-authenticator":"","data-variation":n},E.default.createElement(t.View,{"data-amplify-container":""},E.default.createElement(l,null),E.default.createElement(t.View,{"data-amplify-router":"","data-amplify-router-content":_(s)?void 0:""},e),E.default.createElement(r,null)))}const L=b.forwardRef(((e,a)=>{var{className:n,children:s}=e,r=l.__rest(e,["className","children"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Flex,n),ref:a},r),s)}));L.displayName="Flex";const V=84*Math.PI,H=b.forwardRef(((e,a)=>{var{className:n,filledColor:s,emptyColor:r,size:o,variation:i,isDeterminate:d=!1,isPercentageTextHidden:c=!1,percentage:m=0}=e,u=l.__rest(e,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);m=Math.min(m,100);const p=`${m=Math.max(m,0)}%`,f=v.default(t.ComponentClassNames.Loader,t.classNameModifier(t.ComponentClassNames.Loader,o),t.classNameModifier(t.ComponentClassNames.Loader,i),d?t.ComponentClassNames.LoaderDeterminate:null,n),C=b.createElement("g",null,b.createElement("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(r)},"data-testid":"linear-empty"}),b.createElement("line",{x1:"0",x2:d?p:"100%",y1:"50%",y2:"50%",style:{stroke:d&&0===m?"none":s?String(s):void 0},"data-testid":"linear-filled"}),d?b.createElement("text",{"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:`${-1+m}%`,y:"200%"},p):null),h=b.createElement("g",null,b.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(r)},"data-testid":"circular-empty"}),b.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(s),strokeDasharray:d?`${V}% ${V}%`:void 0,strokeDashoffset:d?V-V*m/100+"%":void 0},"data-testid":"circular-filled"}),d?b.createElement("text",{"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:"130%",y:"80%"},p):null);return b.createElement(t.View,Object.assign({as:"svg",className:f,"data-size":o,"data-variation":i,ref:a,role:"img"},u),"linear"===i?C:h)}));H.displayName="Loader";const D=b.forwardRef(((e,a)=>{var{className:n,children:s,isFullWidth:r=!1,isDisabled:o,isLoading:i,loadingText:d="",size:c,type:m="button",variation:u}=e,p=l.__rest(e,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const f=v.default(t.ComponentClassNames.Button,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Button,u),t.classNameModifier(t.ComponentClassNames.Button,c),t.classNameModifierByFlag(t.ComponentClassNames.Button,"disabled",o||i||p.disabled),t.classNameModifierByFlag(t.ComponentClassNames.Button,"loading",i),t.classNameModifierByFlag(t.ComponentClassNames.Button,"fullwidth",r),n);return b.createElement(t.View,Object.assign({ref:a,as:"button",className:f,"data-fullwidth":r,"data-loading":i,"data-size":c,"data-variation":u,isDisabled:o||i,type:m},p),i&&d?b.createElement(L,{as:"span",className:t.ComponentClassNames.ButtonLoaderWrapper},b.createElement(H,{size:c}),d):s)}));D.displayName="Button";const z={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},j=b.forwardRef(((e,a)=>{var{className:n,children:s,isTruncated:r,level:o=6}=e,i=l.__rest(e,["className","children","isTruncated","level"]);return b.createElement(t.View,Object.assign({as:z[o],className:v.default(t.ComponentClassNames.Heading,t.classNameModifier(t.ComponentClassNames.Heading,o),t.classNameModifierByFlag(t.ComponentClassNames.Heading,"truncated",r),n),ref:a},i),s)}));j.displayName="Heading";const A=b.forwardRef(((e,a)=>{var{as:n="p",className:s,children:r,isTruncated:o,variation:i}=e,d=l.__rest(e,["as","className","children","isTruncated","variation"]);const c=v.default(t.ComponentClassNames.Text,t.classNameModifier(t.ComponentClassNames.Text,i),t.classNameModifierByFlag(t.ComponentClassNames.Text,"truncated",o),s);return b.createElement(t.View,Object.assign({as:n,className:c,"data-truncate":o,"data-variation":i,ref:a},d),r)}));function G(){const{submitForm:a,updateBlur:n,updateForm:s}=M((e=>[e.submitForm,e.updateBlur,e.updateForm]));return{handleBlur:e.useCallback((({target:{name:e}})=>{n({name:e})}),[n]),handleChange:e.useCallback((({target:{checked:e,name:a,type:t,value:n}})=>{s({name:a,value:"checkbox"===t&&!e?void 0:n})}),[s]),handleSubmit:e.useCallback((e=>{e.preventDefault(),a(t.getFormDataFromEvent(e))}),[a])}}A.displayName="Text";const q=({variation:e,ariaHidden:a})=>{switch(e){case"info":return b.createElement(t.IconInfo,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"error":return b.createElement(t.IconError,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"warning":return b.createElement(t.IconWarning,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"success":return b.createElement(t.IconCheckCircle,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});default:return null}};q.displayName="AlertIcon";const W=b.forwardRef(((e,a)=>{var{buttonRef:n,children:s,className:r,dismissButtonLabel:o=t.ComponentText.Alert.dismissButtonLabel,hasIcon:i=!0,heading:d,isDismissible:c=!1,onDismiss:m,variation:u}=e,p=l.__rest(e,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[f,C]=b.useState(!1),h=b.useCallback((()=>{C(!f),t.isFunction(m)&&m()}),[C,m,f]);return!f&&b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Alert,r,t.classNameModifier(t.ComponentClassNames.Alert,u)),"data-variation":u,ref:a,role:"alert"},p),i&&b.createElement(q,{variation:u,ariaHidden:!0}),b.createElement(t.View,{flex:"1"},d&&b.createElement(t.View,{className:t.ComponentClassNames.AlertHeading},d),b.createElement(t.View,{className:t.ComponentClassNames.AlertBody},s)),c&&b.createElement(D,{ariaLabel:o,variation:"link",className:t.ComponentClassNames.AlertDismiss,onClick:h,ref:n},b.createElement(t.IconClose,{"aria-hidden":"true"})))}));W.displayName="Alert";const $=()=>{const{error:e}=M((e=>[e.error]));return E.default.createElement(E.default.Fragment,null,e?E.default.createElement(W,{variation:"error",isDismissible:!0},a.translate(e)):null)},U=b.forwardRef(((e,a)=>{var{as:n="span",children:s,className:r}=e,o=l.__rest(e,["as","children","className"]);return b.createElement(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.VisuallyHidden,r),ref:a},o),s)}));U.displayName="VisuallyHidden";const{passwordIsHidden:Y,passwordIsShown:K,showPassword:Z}=t.ComponentText.PasswordField,X=b.forwardRef(((e,a)=>{var{fieldType:n,passwordIsHiddenLabel:s=Y,passwordIsShownLabel:r=K,showPasswordButtonLabel:o=Z,size:i}=e,d=l.__rest(e,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return b.createElement(D,Object.assign({"aria-checked":"password"!==n,ariaLabel:o,className:t.ComponentClassNames.FieldShowPassword,ref:a,role:"switch",size:i},d),b.createElement(U,{"aria-live":"polite"},"password"===n?s:r),"password"===n?b.createElement(t.IconVisibility,{size:i}):b.createElement(t.IconVisibilityOff,{size:i}))}));X.displayName="ShowPasswordButton";const Q=b.forwardRef(((e,a)=>{var{className:n,children:s,isVisible:r=!0,excludeFromTabOrder:o=!1}=e,i=l.__rest(e,["className","children","isVisible","excludeFromTabOrder"]);return r?b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupIcon,n),ref:a,tabIndex:o?-1:void 0},i),s):null}));Q.displayName="FieldGroupIcon";const J=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(Q,Object.assign({as:D,className:v.default(t.ComponentClassNames.FieldGroupIconButton,s),ref:a},r),n)}));J.displayName="FieldGroupIconButton";const ee=t.ComponentText.Fields.clearButtonLabel,ae=b.forwardRef(((e,a)=>{var{ariaLabel:n=ee,size:s}=e,r=l.__rest(e,["ariaLabel","size"]);return b.createElement(J,Object.assign({ariaLabel:n,ref:a},r),b.createElement(t.IconClose,{size:s}))}));ae.displayName="FieldClearButton";const te=e=>{var{descriptiveText:a,labelHidden:n}=e,s=l.__rest(e,["descriptiveText","labelHidden"]);return a?b.createElement(A,Object.assign({"data-testid":"qa-field-description",className:v.default(t.ComponentClassNames.FieldDescription,{[t.ComponentClassNames.VisuallyHidden]:n})},s),a):null};te.displayName="FieldDescription";const ne=e=>{var{errorMessage:a,hasError:n}=e,s=l.__rest(e,["errorMessage","hasError"]);return n&&a?b.createElement(A,Object.assign({className:t.ComponentClassNames.FieldErrorMessage},s),a):null};ne.displayName="FieldErrorMessage";const se=b.forwardRef(((e,a)=>{var{children:n,className:s,innerEndComponent:r,innerStartComponent:o,orientation:i="horizontal",outerEndComponent:d,outerStartComponent:c,variation:m}=e,u=l.__rest(e,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const p=null!=r,f=null!=o?t.ComponentClassNames.FieldGroupHasInnerStart:null,C=p?t.ComponentClassNames.FieldGroupHasInnerEnd:null,h=v.default(t.ComponentClassNames.FieldGroup,f,C,t.classNameModifier(t.ComponentClassNames.FieldGroup,i),s);return b.createElement(L,Object.assign({className:h,"data-orientation":i,ref:a},u),c&&b.createElement(t.View,{className:v.default(t.ComponentClassNames.FieldGroupOuterStart,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterStart,m))},c),b.createElement(t.View,{className:v.default(t.ComponentClassNames.FieldGroupFieldWrapper,t.classNameModifier(t.ComponentClassNames.FieldGroupFieldWrapper,i)),"data-orientation":i},o&&b.createElement(t.View,{className:t.ComponentClassNames.FieldGroupInnerStart},o),n,r&&b.createElement(t.View,{className:t.ComponentClassNames.FieldGroupInnerEnd},r)),d&&b.createElement(t.View,{className:v.default(t.ComponentClassNames.FieldGroupOuterEnd,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterEnd,m))},d))}));se.displayName="FieldGroup";const le=b.forwardRef(((e,a)=>{var{autoComplete:n,checked:s,className:r,defaultChecked:o,defaultValue:i,id:d,isDisabled:c,isReadOnly:m,isRequired:u,size:p,type:f="text",hasError:C=!1,value:h,variation:g,onBlur:N,onChange:E,onCopy:y,onCut:w,onFocus:F,onInput:x,onPaste:S,onSelect:P,onWheel:I}=e,k=l.__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 T=v.default(t.ComponentClassNames.Input,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Input,g),t.classNameModifierByFlag(t.ComponentClassNames.Input,"error",C),t.classNameModifier(t.ComponentClassNames.Input,p),r);return b.createElement(t.View,Object.assign({"aria-invalid":C,as:"input",autoComplete:n,checked:s,className:T,"data-size":p,"data-variation":g,defaultChecked:o,defaultValue:i,isDisabled:c,id:d,onBlur:N,onChange:E,onCopy:y,onCut:w,onFocus:F,onInput:x,onPaste:S,onSelect:P,onWheel:I,readOnly:m,ref:a,required:u,type:f,value:h},k))}));le.displayName="Input";const re=b.forwardRef(((e,a)=>{var{children:n,className:s,visuallyHidden:r}=e,o=l.__rest(e,["children","className","visuallyHidden"]);return b.createElement(t.View,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Label,s,{[t.ComponentClassNames.VisuallyHidden]:r}),ref:a},o),n)}));re.displayName="Label";const oe=(e,a)=>!e.isMultiline,ie=(e,a)=>e.isMultiline,de=b.forwardRef(((e,a)=>{var{className:n,isReadOnly:s,isRequired:r,size:o,hasError:i=!1,variation:d}=e,c=l.__rest(e,["className","isReadOnly","isRequired","size","hasError","variation"]);const m=v.default(t.ComponentClassNames.Textarea,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Textarea,d),t.classNameModifier(t.ComponentClassNames.Textarea,o),t.classNameModifierByFlag(t.ComponentClassNames.Textarea,"error",i),n);return b.createElement(t.View,Object.assign({"aria-invalid":i,as:"textarea",className:m,"data-size":o,"data-variation":d,readOnly:s,ref:a,required:r},c))}));de.displayName="TextArea";const ce=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?b.useLayoutEffect:()=>{},me=b["useId".toString()]||(()=>{});let ue=0;const pe=e=>{const[a,t]=b.useState(me());return ce((()=>{e||t((e=>null!=e?e:String(ue++)))}),[e]),e||(a?`amplify-id-${a}`:"")},fe=({shouldWarn:e,message:a})=>{b.useEffect((()=>{e&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV)&&console.warn(a)}),[e,a])},Ce=(e,a)=>{const{className:n,descriptiveText:s,errorMessage:r,hasError:o=!1,id:i,label:d,labelHidden:c=!1,outerEndComponent:m,outerStartComponent:u,innerStartComponent:p,innerEndComponent:f,isMultiline:C,type:h,size:g,testId:N,variation:E,bottom:y,height:w,left:F,padding:x,position:S,right:P,top:I,width:k}=e,T=l.__rest(e,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","variation","bottom","height","left","padding","position","right","top","width"]),M=pe(i),R=pe(),O=s?R:void 0,{flexContainerStyleProps:_,baseStyleProps:B,rest:V}=t.splitPrimitiveProps(T);fe({shouldWarn:e.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let H=null;if((e=>e.isMultiline)(e)){const{rows:t}=e;H=b.createElement(de,Object.assign({"aria-describedby":O,hasError:o,id:M,ref:ie(e)?a:void 0,rows:null!=t?t:3,size:g,variation:E},B,V))}else if((e=>!e.isMultiline)(e)){const{type:t="text"}=e;H=b.createElement(le,Object.assign({"aria-describedby":O,hasError:o,id:M,ref:oe(e)?a:void 0,size:g,type:t,variation:E},B,V))}return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,g),t.ComponentClassNames.TextField,n),bottom:y,"data-size":g,height:w,left:F,padding:x,position:S,right:P,testId:N,top:I,width:k},_),b.createElement(re,{htmlFor:M,visuallyHidden:c},d),b.createElement(te,{id:R,labelHidden:c,descriptiveText:s}),b.createElement(se,{outerStartComponent:u,outerEndComponent:m,innerStartComponent:p,innerEndComponent:f,variation:E},H),b.createElement(ne,{hasError:o,errorMessage:r}))},he=b.forwardRef(Ce);Ce.displayName="TextField";const ge=b.forwardRef(((e,a)=>{var{autoComplete:n="current-password",label:s,className:r,hideShowPassword:o=!1,passwordIsHiddenLabel:i,passwordIsShownLabel:d,showPasswordButtonLabel:c,showPasswordButtonRef:m,size:u}=e,p=l.__rest(e,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[f,C]=b.useState("password"),h=b.useCallback((()=>{C("password"===f?"text":"password")}),[C,f]);return b.createElement(he,Object.assign({autoComplete:n,isMultiline:!1,outerEndComponent:o?null:b.createElement(X,{fieldType:f,onClick:h,passwordIsHiddenLabel:i,passwordIsShownLabel:d,ref:m,size:u,showPasswordButtonLabel:c}),size:u,type:f,label:s,className:v.default(t.ComponentClassNames.PasswordField,r),ref:a},p))}));ge.displayName="PasswordField";const Ne=b.forwardRef(((e,a)=>{var{autoComplete:n,className:s,size:r,variation:o,value:i,defaultValue:d,hasError:c,icon:m=b.createElement(t.IconExpandMore,null),iconColor:u,children:p,placeholder:f,isDisabled:C,isRequired:h}=e,g=l.__rest(e,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const N=void 0===i&&void 0===d&&f,E=v.default(t.ComponentClassNames.Select,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Select,r),t.classNameModifier(t.ComponentClassNames.Select,o),t.classNameModifierByFlag(t.ComponentClassNames.Select,"error",c),s);return b.createElement(t.View,{className:t.ComponentClassNames.SelectWrapper},b.createElement(t.View,Object.assign({"aria-invalid":c,as:"select",autoComplete:n,value:i,defaultValue:N?"":d,isDisabled:C,required:h,"data-size":r,"data-variation":o,className:E,ref:a},g),f&&b.createElement("option",{value:""},f),p),b.createElement(L,{className:t.ComponentClassNames.SelectIconWrapper,color:u},m))}));Ne.displayName="Select";const be=b.forwardRef(((e,a)=>{const{children:n,className:s,descriptiveText:r,errorMessage:o,hasError:i=!1,id:d,label:c,labelHidden:m=!1,options:u,size:p,testId:f}=e,C=l.__rest(e,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),h=pe(d),g=pe(),N=r?g:void 0,{flexContainerStyleProps:E,baseStyleProps:y,rest:w}=t.splitPrimitiveProps(C);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SelectField,s),"data-size":p,testId:f},y,E),b.createElement(re,{htmlFor:h,visuallyHidden:m},c),b.createElement(te,{id:g,labelHidden:m,descriptiveText:r}),b.createElement(Ne,Object.assign({"aria-describedby":N,hasError:i,id:h,ref:a,size:p},w),(({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:n,options:u})),b.createElement(ne,{hasError:i,errorMessage:o}))}));be.displayName="SelectField";const Ee=b.forwardRef(((e,n)=>{var{className:s,dialCodeList:r,isReadOnly:o}=e,i=l.__rest(e,["className","dialCodeList","isReadOnly"]);const d=null!=r?r:a.countryDialCodes,c=b.useMemo((()=>d.map((e=>b.createElement("option",{key:e,value:e,disabled:o},e)))),[d,o]);return b.createElement(be,Object.assign({"aria-disabled":o,autoComplete:"tel-country-code",className:v.default(t.ComponentClassNames.CountryCodeSelect,t.ComponentClassNames.DialCodeSelect,s),labelHidden:!0,ref:n},i),c)}));Ee.displayName="CountryCodeSelect";const ye=b.forwardRef(((e,a)=>{var{autoComplete:n="tel-national",className:s,countryCodeName:r,countryCodeLabel:o=t.ComponentText.PhoneNumberField.countryCodeLabel,countryCodeRef:i,defaultCountryCode:d,defaultDialCode:c,dialCodeLabel:m=t.ComponentText.PhoneNumberField.countryCodeLabel,dialCodeList:u,dialCodeName:p,dialCodeRef:f,hasError:C,isDisabled:h,isReadOnly:g,onCountryCodeChange:N,onDialCodeChange:E,onInput:y,size:w,type:F,variation:x}=e,S=l.__rest(e,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","type","variation"]);const P=p||r,I=m||o,k=c||d,T=E||N,M=f||i;return b.createElement(he,Object.assign({outerStartComponent:b.createElement(Ee,{defaultValue:k,dialCodeList:u,className:s,hasError:C,isDisabled:h,isReadOnly:g,label:I,name:P,onChange:T,ref:M,size:w,variation:x}),autoComplete:n,className:v.default(t.ComponentClassNames.PhoneNumberField,s),hasError:C,isDisabled:h,isReadOnly:g,isMultiline:!1,onInput:y,ref:a,size:w,type:"tel",variation:x},S))}));ye.displayName="PhoneNumberField";const ve=({errors:e,id:n})=>(null==e?void 0:e.length)>0?E.default.createElement(t.View,{"data-amplify-sign-up-errors":!0,id:n},e.map((e=>E.default.createElement(A,{key:e,role:"alert",variation:"error"},a.translate(e))))):null;function we(e){var{autocomplete:t,dialCode:n,name:s,type:r}=e,o=l.__rest(e,["autocomplete","dialCode","name","type"]);const{validationErrors:i}=M((({validationErrors:e})=>[e])),d=b.useMemo((()=>a.getErrors(i[s])),[s,i]),c=(null==d?void 0:d.length)>0,m=pe(),u=c?m:void 0;return"tel"===r?b.createElement(b.Fragment,null,b.createElement(ye,Object.assign({},o,{name:s,defaultDialCode:n,dialCodeName:"country_code",autoComplete:t,hasError:c,"aria-describedby":u})),b.createElement(ve,{errors:d,id:m})):"password"===r?b.createElement(b.Fragment,null,b.createElement(ge,Object.assign({},o,{name:s,autoComplete:t,hasError:c,"aria-describedby":u})),b.createElement(ve,{errors:d,id:m})):b.createElement(b.Fragment,null,b.createElement(he,Object.assign({},o,{name:s,autoComplete:t,hasError:c,type:r,"aria-describedby":u})),b.createElement(ve,{errors:d,id:m}))}function Fe(){const{_state:e,route:t}=M((({route:e})=>[e])),n=b.useRef(a.getSortedFormFields(t,e).flatMap((([e,a],t)=>b.createElement(we,Object.assign({key:t,name:e},a))))).current;return b.createElement(b.Fragment,null,n)}function xe({className:e,variation:t}){const{isPending:n,resendCode:s,codeDeliveryDetails:{DeliveryMedium:l,Destination:r}={}}=M((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:o,handleSubmit:i}=G(),{components:{ConfirmSignUp:{Header:d=xe.Header,Footer:c=xe.Footer}}}=O(),m=a.translate("Your code is on the way. To log in, enter the code we emailed to"),u=a.translate("Your code is on the way. To log in, enter the code we texted to"),p=a.translate("Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive."),f=a.translate("It may take a minute to arrive."),C="EMAIL"===l?`${m} ${r}. ${f}`:"SMS"===l?`${u} ${r}. ${f}`:a.translate(`${p}`);return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:o,onSubmit:i},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(d,null),E.default.createElement(L,{direction:"column"},E.default.createElement(A,{className:"amplify-authenticator__subtitle"},C),E.default.createElement(Fe,null),E.default.createElement($,null),E.default.createElement(D,{variation:"primary",isDisabled:n,type:"submit",loadingText:a.translate("Confirming"),isLoading:n,fontWeight:"normal"},a.translate("Confirm")),E.default.createElement(D,{onClick:s,type:"button",fontWeight:"normal"},a.translate("Resend Code"))),E.default.createElement(c,null))))}xe.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:e}={}}=M((e=>[e.codeDeliveryDetails])),t="EMAIL"===e?a.translate("We Emailed You"):"SMS"===e?a.translate("We Texted You"):a.translate("We Sent A Code");return E.default.createElement(j,{level:4},t)},xe.Footer=function(){return null};const Se=({className:e,variation:t})=>{const{isPending:n,toSignIn:s}=M((e=>[e.isPending,e.toSignIn])),{handleBlur:l,handleChange:r,handleSubmit:o}=G(),{components:{ForceNewPassword:{FormFields:i=Se.FormFields}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:r,onSubmit:o,onBlur:l},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(j,{level:3},a.translate("Change Password")),E.default.createElement(i,null),E.default.createElement($,null),E.default.createElement(D,{isDisabled:n,type:"submit",variation:"primary",isLoading:n,loadingText:a.translate("Changing"),fontWeight:"normal"},a.translate("Change Password")),E.default.createElement(D,{onClick:s,type:"button",fontWeight:"normal",variation:"link",size:"small"},a.translate("Back to Sign In")))))};Se.FormFields=function(){return E.default.createElement(Fe,null)};const Pe=()=>{const{isPending:e,toSignIn:t}=M((e=>[e.isPending,e.toSignIn]));return E.default.createElement(L,{direction:"column"},E.default.createElement(D,{isDisabled:e,type:"submit",variation:"primary",fontWeight:"normal",isLoading:e,loadingText:a.translate("Confirming")},a.translate("Confirm")),E.default.createElement(D,{onClick:t,type:"button",variation:"link",fontWeight:"normal",size:"small"},a.translate("Back to Sign In")))},Ie=new i.Logger("SetupTOTP-logger"),ke=({className:e,variation:t})=>{var n,s;const{_state:r,isPending:o}=M((e=>[e.isPending])),{handleChange:d,handleSubmit:c}=G(),{components:{SetupTOTP:{Header:m=ke.Header,Footer:u=ke.Footer}}}=O(),[p,f]=b.useState(!0),[C,h]=b.useState(),[g,N]=b.useState("COPY"),[E,y]=b.useState(""),v=a.getActorState(r),{formFields:F,user:x}=v.context,{totpIssuer:S="AWSCognito",totpUsername:P=(null==x?void 0:x.username)}=null!==(s=null===(n=null==F?void 0:F.setupTOTP)||void 0===n?void 0:n.QR)&&void 0!==s?s:{},I=b.useCallback((e=>l.__awaiter(void 0,void 0,void 0,(function*(){try{const t=yield i.Auth.setupTOTP(e);y(t);const n=a.getTotpCode(S,P,t),s=yield w.default.toDataURL(n);h(s)}catch(e){Ie.error(e)}finally{f(!1)}}))),[S,P]);b.useEffect((()=>{x&&I(x)}),[I,x]);return b.createElement(B,{className:e,variation:t},b.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:d,onSubmit:c},b.createElement(L,{as:"fieldset",direction:"column",isDisabled:o},b.createElement(m,null),b.createElement(L,{direction:"column"},p?b.createElement("p",null,a.translate("Loading"),"…"):b.createElement("img",{"data-amplify-qrcode":!0,src:C,alt:"qr code",width:"228",height:"228"}),b.createElement(L,{"data-amplify-copy":!0},b.createElement("div",null,E),b.createElement(L,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(E),N(a.translate("COPIED"))}},b.createElement("div",{"data-amplify-copy-tooltip":!0},g),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(Fe,null),b.createElement($,null)),b.createElement(Pe,null),b.createElement(u,null))))};ke.Header=function(){return b.createElement(j,{level:3},a.translate("Setup TOTP"))},ke.Footer=function(){return null};const Te=e=>{const{cancelButtonSendType:t,cancelButtonText:n,submitButtonText:s}=e,{_send:l,isPending:r}=M((e=>[e.isPending])),o=r?E.default.createElement(E.default.Fragment,null,a.translate("Submitting"),"…"):E.default.createElement(E.default.Fragment,null,a.translate("Submit")),i=s||o;return E.default.createElement(L,{direction:"column"},E.default.createElement(D,{fontWeight:"normal",variation:"primary",isDisabled:r,type:"submit"},i),E.default.createElement(D,{onClick:()=>l({type:t}),type:"button",variation:"link",fontWeight:"normal",size:"small"},n))},Me=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,Re=b.forwardRef(((e,a)=>{var{ariaLabel:n,children:s,className:r,defaultIndex:o=0,currentIndex:i,onChange:c,indicatorPosition:m,spacing:u}=e,p=l.__rest(e,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const f=b.Children.map(s,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:Me(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),C={defaultValue:o.toString(),value:null!=i?i.toString():void 0,onValueChange:c};return b.createElement(d.Root,Object.assign({},C),b.createElement(d.List,{"aria-label":n},b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Tabs,r),"data-indicator-position":m,ref:a},p),b.Children.map(s,((e,a)=>Me(e)?b.cloneElement(e,{"data-spacing":u,key:a,value:`${a}`}):null)))),f.map(((e,a)=>b.createElement(d.Content,{key:a,value:`${a}`},e.children))))})),Oe=b.forwardRef(((e,a)=>{var{className:n,title:s}=e,r=l.__rest(e,["className","title"]);return b.createElement(t.View,Object.assign({as:d.Trigger,className:v.default(t.ComponentClassNames.TabItems,n),ref:a},r),s)}));Re.displayName="Tabs",Oe.displayName="TabItem";const _e=b.forwardRef(((e,a)=>{var{className:n,orientation:s="horizontal",size:r,label:o}=e,i=l.__rest(e,["className","orientation","size","label"]);const d=v.default(t.ComponentClassNames.Divider,t.classNameModifier(t.ComponentClassNames.Divider,s),t.classNameModifier(t.ComponentClassNames.Divider,r),o?t.ComponentClassNames.DividerLabel:null,n);return b.createElement(t.View,Object.assign({"aria-orientation":s,as:"hr",className:d,"data-size":r,"data-label":o,ref:a},i))}));_e.displayName="Divider";const Be={minX:0,minY:0,width:24,height:24},Le=b.forwardRef(((e,a)=>{var{className:n,as:s="svg",fill:r="currentColor",pathData:o,viewBox:i=Be,children:d,paths:c}=e,m=l.__rest(e,["className","as","fill","pathData","viewBox","children","paths"]);const u=i.minX?i.minX:Be.minX,p=i.minY?i.minY:Be.minY,f=i.width?i.width:Be.width,C=i.height?i.height:Be.height;let h;return d&&(h=d),c&&(h=c.map(((e,a)=>b.createElement("path",Object.assign({},e,{key:a}))))),o&&(h=b.createElement("path",{d:o,fill:r})),b.createElement(t.View,Object.assign({as:s,className:v.default(t.ComponentClassNames.Icon,n),ref:a,viewBox:`${u} ${p} ${f} ${C}`},m),h)}));Le.displayName="Icon";const Ve=()=>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"})),He=()=>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"})),De=()=>E.default.createElement(Le,{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"}),ze=()=>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"})),je=e=>{const{icon:a,provider:t,text:n}=e,{_send:s}=M((()=>[]));let l;return"facebook"===a?l=E.default.createElement(De,null):"google"===a?l=E.default.createElement(He,null):"amazon"===a?l=E.default.createElement(ze,null):"apple"===a&&(l=E.default.createElement(Ve,null)),E.default.createElement(D,{onClick:e=>{e.preventDefault(),s({type:"FEDERATED_SIGN_IN",data:{provider:t}})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},l,E.default.createElement(A,{as:"span"},n))};function Ae(){const{_state:e,route:t}=M((e=>[e.route])),{socialProviders:n=[]}=e.context.config;if(0===n.length)return null;const s="signUp"===t?"Up":"In";return E.default.createElement(L,{direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},n.map((e=>{switch(e){case"amazon":return E.default.createElement(je,{icon:"amazon",key:e,provider:a.FederatedIdentityProviders.Amazon,text:a.translate(`Sign ${s} with Amazon`)});case"apple":return E.default.createElement(je,{icon:"apple",key:e,provider:a.FederatedIdentityProviders.Apple,text:a.translate(`Sign ${s} with Apple`)});case"facebook":return E.default.createElement(je,{icon:"facebook",key:e,provider:a.FederatedIdentityProviders.Facebook,text:a.translate(`Sign ${s} with Facebook`)});case"google":return E.default.createElement(je,{icon:"google",key:e,provider:a.FederatedIdentityProviders.Google,text:a.translate(`Sign ${s} with Google`)});default:console.error(`Authenticator does not support ${e}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),E.default.createElement(_e,{size:"small",label:"or"}))}function Ge(){const{isPending:e}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:s}=G(),{components:{SignIn:{Header:l=Ge.Header,Footer:r=Ge.Footer}}}=O();return E.default.createElement(t.View,null,E.default.createElement(l,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:s,onChange:n},E.default.createElement(Ae,null),E.default.createElement(L,{direction:"column"},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:e},E.default.createElement(U,null,E.default.createElement("legend",null,a.translate("Sign in"))),E.default.createElement(Fe,null)),E.default.createElement($,null),E.default.createElement(D,{isDisabled:e,isFullWidth:!0,type:"submit",variation:"primary",isLoading:e,loadingText:a.translate("Signing in")},a.translate("Sign in")))),E.default.createElement(r,null))}function qe(){const{hasValidationErrors:e,isPending:n}=M((e=>[e.hasValidationErrors,e.isPending])),{handleChange:s,handleBlur:l,handleSubmit:r}=G(),{components:{SignUp:{Header:o=qe.Header,FormFields:i=qe.FormFields,Footer:d=qe.Footer}}}=O();return E.default.createElement(t.View,null,E.default.createElement(o,null),E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:s,onSubmit:r,onBlur:l},E.default.createElement(Ae,null),E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(L,{direction:"column"},E.default.createElement(i,null),E.default.createElement($,null)),E.default.createElement(D,{isDisabled:e||n,isFullWidth:!0,type:"submit",variation:"primary",isLoading:n,loadingText:a.translate("Creating Account")},a.translate("Create Account")))),E.default.createElement(d,null))}Ge.Footer=()=>{const{toResetPassword:e}=M((e=>[e.toResetPassword])),n=a.hasTranslation("Forgot your password? ")?a.translate("Forgot your password? "):a.translate("Forgot your password?");return E.default.createElement(t.View,{"data-amplify-footer":""},E.default.createElement(D,{fontWeight:"normal",onClick:e,size:"small",variation:"link"},n))},Ge.Header=function(){return null},qe.Header=function(){return null},qe.FormFields=function(){return E.default.createElement(Fe,null)},qe.Footer=function(){return null};const We=({className:e,hideSignUp:n,variation:s})=>{const{route:l,toSignIn:r,toSignUp:o}=M((e=>[e.route,e.toSignIn,e.toSignUp]));return E.default.createElement(B,{className:e,variation:s},n?E.default.createElement(t.View,{"data-amplify-router-content":""},"signIn"===l&&E.default.createElement(Ge,null)):E.default.createElement(Re,{indicatorPosition:"top",currentIndex:"signIn"===l?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===l?o():r()},E.default.createElement(Oe,{title:a.translate("Sign In")},E.default.createElement(t.View,{"data-amplify-router-content":""},"signIn"===l&&E.default.createElement(Ge,null))),E.default.createElement(Oe,{title:a.translate("Create Account")},E.default.createElement(t.View,{"data-amplify-router-content":""},"signUp"===l&&E.default.createElement(qe,null)))))},$e=({className:e,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:s,handleSubmit:l}=G(),{components:{ConfirmVerifyUser:{Header:r=$e.Header,Footer:o=$e.Footer}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:s,onSubmit:l},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(r,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null)),E.default.createElement($,null),E.default.createElement(Te,{cancelButtonText:a.translate("Skip"),cancelButtonSendType:"SKIP"}),E.default.createElement(o,null))))};$e.Header=function(){return E.default.createElement(j,{level:3},a.translate("Account recovery requires verified contact information"))},$e.Footer=function(){return null};const Ue=E.default.createContext({name:"default"}),Ye=b.forwardRef(((a,n)=>{var{children:s,className:r,id:o,isDisabled:i,testId:d,value:c,labelPosition:m,height:u,width:p,bottom:f,left:C,position:h,padding:g,right:N,top:E}=a,y=l.__rest(a,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:w,defaultValue:F,name:x,hasError:S,isGroupDisabled:P,isRequired:I,isReadOnly:k,onChange:T,size:M,labelPosition:R}=e.useContext(Ue),O=P||i||k&&F!==c,_=void 0!==w?c===w:void 0,B=void 0!==F?c===F:void 0,V=m||R;return b.createElement(L,{as:"label",className:v.default(t.ComponentClassNames.Radio,t.classNameModifierByFlag(t.ComponentClassNames.Radio,"disabled",O),r),"data-disabled":O,"data-label-position":V,width:p,bottom:f,top:E,right:N,left:C,position:h,padding:g},s&&b.createElement(A,{as:"span",className:t.ComponentClassNames.RadioLabel,"data-disabled":O},s),b.createElement(le,Object.assign({checked:_,className:v.default(t.ComponentClassNames.VisuallyHidden,t.ComponentClassNames.RadioInput),defaultChecked:B,hasError:S,id:o,isDisabled:O,isReadOnly:k,isRequired:I,onChange:T,ref:n,type:"radio",name:x,value:c},y)),b.createElement(L,{"aria-hidden":"true",as:"span",className:v.default(t.ComponentClassNames.RadioButton,t.classNameModifier(t.ComponentClassNames.RadioButton,M)),"data-size":M,testId:d}))}));Ye.displayName="Radio";const Ke=b.forwardRef(((e,a)=>{var{children:n,className:s,defaultValue:r,descriptiveText:o,errorMessage:i,hasError:d=!1,id:c,isDisabled:m,isRequired:u,isReadOnly:p,label:f,labelHidden:C=!1,labelPosition:h,onChange:g,name:N,size:E,value:y}=e,w=l.__rest(e,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const F=pe(c),x=pe(),S=pe(),P=o?S:void 0,I=b.useMemo((()=>({currentValue:y,defaultValue:r,hasError:d,isRequired:u,isReadOnly:p,isGroupDisabled:m,onChange:g,size:E,name:N,labelPosition:h})),[r,d,m,u,p,g,E,N,y,h]);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.RadioGroupField,s),"data-size":E,ref:a},w),b.createElement(re,{id:x,visuallyHidden:C},f),b.createElement(te,{id:S,labelHidden:C,descriptiveText:o}),b.createElement(L,{"aria-describedby":P,"aria-labelledby":x,className:t.ComponentClassNames.RadioGroup,id:F,role:"radiogroup"},b.createElement(Ue.Provider,{value:I},n)),b.createElement(ne,{hasError:d,errorMessage:i}))}));Ke.displayName="RadioGroupField";const Ze=(e,t)=>{const n=a.translate(e);let s=t;if("Phone Number"===e)s=a.censorPhoneNumber(t);else if("Email"===e){const e=t.split("@");s=`${a.censorAllButFirstAndLast(e[0])}@${e[1]}`}return`${n}: ${s}`},Xe=({className:e,variation:t})=>{const{components:{VerifyUser:{Header:n=Xe.Header,Footer:s=Xe.Footer}}}=O(),{_state:l,isPending:r}=M((e=>[e.isPending])),{handleChange:o,handleSubmit:i}=G(),d=a.getActorContext(l),c=r?E.default.createElement(E.default.Fragment,null,"Verifying…"):E.default.createElement(E.default.Fragment,null,a.translate("Verify")),m=E.default.createElement(Ke,{label:a.translate("Verify Contact"),labelHidden:!0,name:"verify_context",isDisabled:r},(e=>{const t=[];for(const[n,s]of Object.entries(e)){const e=E.default.createElement(Ye,{name:"unverifiedAttr",value:n,key:n},Ze(a.defaultFormFieldOptions[n].label,s));t.push(e)}return t})(d.unverifiedAttributes));return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:o,onSubmit:i},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:r},E.default.createElement(n,null),m,E.default.createElement($,null),E.default.createElement(Te,{cancelButtonText:a.translate("Skip"),cancelButtonSendType:"SKIP",submitButtonText:c}),E.default.createElement(s,null))))};Xe.Header=function(){return E.default.createElement(j,{level:3},a.translate("Account recovery requires verified contact information"))},Xe.Footer=function(){return null};const Qe=({className:e,variation:a})=>{const{isPending:t}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:s}=G(),{components:{ConfirmSignIn:{Header:l=Qe.Header,Footer:r=Qe.Footer}}}=O();return E.default.createElement(B,{className:e,variation:a},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:s},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:t},E.default.createElement(l,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null),E.default.createElement($,null)),E.default.createElement(Pe,null),E.default.createElement(r,null))))};Qe.Header=function(){const{_state:e}=M(),t=a.getActorState(e),{challengeName:n}=t.context;let s;switch(n){case"SMS_MFA":s=a.translate("Confirm SMS Code");break;case"SOFTWARE_TOKEN_MFA":s=a.translate("Confirm TOTP Code");break;default:throw new Error(`${a.translate("Unexpected challengeName encountered in ConfirmSignIn:")} ${n}`)}return E.default.createElement(j,{level:3},s)},Qe.Footer=function(){return null};const Je=({className:e,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleBlur:s,handleChange:l,handleSubmit:r}=G(),{components:{ConfirmResetPassword:{Header:o=Je.Header,Footer:i=Je.Footer}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:r,onChange:l,onBlur:s},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(o,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null)),E.default.createElement($,null),E.default.createElement(Te,{cancelButtonSendType:"RESEND",cancelButtonText:a.translate("Resend Code")}),E.default.createElement(i,null))))};Je.Header=function(){const e=a.translate("Reset your password");return E.default.createElement(j,{level:3},e)},Je.Footer=function(){return null};const ea=({className:e,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:s,handleSubmit:l}=G(),{components:{ResetPassword:{Header:r=ea.Header,Footer:o=ea.Footer}}}=O();return E.default.createElement(B,{className:e,variation:t},E.default.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:s,onSubmit:l},E.default.createElement(L,{as:"fieldset",direction:"column",isDisabled:n},E.default.createElement(r,null),E.default.createElement(L,{direction:"column"},E.default.createElement(Fe,null)),E.default.createElement($,null),E.default.createElement(Te,{cancelButtonText:a.translate("Back to Sign In"),cancelButtonSendType:"SIGN_IN",submitButtonText:n?E.default.createElement(E.default.Fragment,null,a.translate("Sending"),"…"):E.default.createElement(E.default.Fragment,null,a.translate("Send code"))}),E.default.createElement(o,null))))};ea.Header=function(){return E.default.createElement(j,{level:3},a.translate("Reset your password"))},ea.Footer=function(){return null};const aa=e=>"signIn"===e||"signUp"===e;function ta(){return null}function na({className:a,hideSignUp:t,variation:n}){const{route:s}=M((({route:e})=>[e])),l=e.useMemo((()=>(e=>{switch(e){case"authenticated":case"idle":case"setup":case"autoSignIn":return ta;case"confirmSignUp":return xe;case"confirmSignIn":return Qe;case"setupTOTP":return ke;case"signIn":case"signUp":return We;case"forceNewPassword":return Se;case"resetPassword":return ea;case"confirmResetPassword":return Je;case"verifyUser":return Xe;case"confirmVerifyUser":return $e;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),ta}})(s)),[s]);return E.default.createElement(l,{className:a,hideSignUp:aa(s)?t:void 0,variation:n})}const sa={Header:()=>null,SignIn:{Header:Ge.Header,Footer:Ge.Footer},SignUp:{Header:qe.Header,FormFields:qe.FormFields,Footer:qe.Footer},ConfirmSignUp:{Header:xe.Header,Footer:xe.Footer},SetupTOTP:{Header:ke.Header,Footer:ke.Footer},ConfirmResetPassword:{Header:Je.Header,Footer:Je.Footer},ConfirmSignIn:{Header:Qe.Header,Footer:Qe.Footer},VerifyUser:{Header:Xe.Header,Footer:Xe.Footer},ConfirmVerifyUser:{Header:$e.Header,Footer:$e.Footer},ForceNewPassword:{FormFields:Se.FormFields},ResetPassword:{Header:ea.Header,Footer:ea.Footer},Footer:()=>null};function la({children:e,className:a,components:t,formFields:n,hideSignUp:s,initialState:l,loginMechanisms:r,signUpAttributes:o,services:i,socialProviders:d,variation:c}){const{route:m,signOut:u,user:p}=M((({route:e,signOut:a,user:t})=>[e,a,t]));!function(e){const{_send:a,route:t}=M((({route:e})=>[e])),n=b.useRef(!1);b.useEffect((()=>{n.current||"setup"!==t||(a({type:"INIT",data:e}),n.current=!0)}),[a,t,e])}({initialState:l,loginMechanisms:r,services:i,signUpAttributes:o,socialProviders:d,formFields:n});const f=b.useMemo((()=>({components:Object.assign(Object.assign({},sa),t)})),[t]);return"authenticated"===m||"signOut"===m?e?b.createElement(b.Fragment,null,"function"==typeof e?e({signOut:u,user:p}):e):null:b.createElement(R.Provider,{value:f},b.createElement(na,{className:a,hideSignUp:s,variation:c}))}function ra(e){return b.createElement(T,null,b.createElement(la,Object.assign({},e)))}function oa(e,a={}){const{variation:t="modal"}=a;return function(n){return E.default.createElement(ra,Object.assign({variation:t},a),(a=>E.default.createElement(e,Object.assign({},n,a))))}}ra.Provider=T,ra.ResetPassword=ea,ra.SetupTOTP=ke,ra.SignIn=Ge,ra.SignUp=qe,ra.ForceNewPassword=Se;const ia=e.forwardRef(((a,t)=>{var n,{mapLib:s,mapStyle:r,style:o}=a,d=l.__rest(a,["mapLib","mapStyle","style"]);const c=i.Amplify.configure(),u=e.useMemo((()=>{var e,a,t,n;return null!==(n=null!==(a=null===(e=c.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==a?a:null===(t=c.geo)||void 0===t?void 0:t.AmazonLocationService)&&void 0!==n?n:{}}),[c]),[p,f]=e.useState(),C=e.useMemo((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},o)),[o]);return e.useEffect((()=>{l.__awaiter(void 0,void 0,void 0,(function*(){const e=yield i.Auth.currentUserCredentials();if(e){const{region:a}=u,{transformRequest:t}=new m.AmplifyMapLibreRequest(e,a);f((()=>t))}}))}),[u]),p?E.default.createElement(x.default,Object.assign({},d,{mapLib:null!=s?s:F.default,mapStyle:null!=r?r:null===(n=u.maps)||void 0===n?void 0:n.default,ref:t,style:C,transformRequest:p})):null}));ia.displayName="MapView";const da={maplibregl:F.default,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},ca=e=>{var{position:a="top-right"}=e,t=l.__rest(e,["position"]);return u.useControl((()=>m.createAmplifyGeocoder(t)),{position:a}),null},ma=a=>{const t=e.useRef(!1);return e.useEffect((()=>{t.current||(m.createAmplifyGeocoder(a).addTo("#geocoder-container"),t.current=!0)}),[a]),E.default.createElement("div",{id:"geocoder-container"})},ua=e=>{const{current:a}=u.useMap();return a?E.default.createElement(ca,Object.assign({},da,e)):E.default.createElement(ma,Object.assign({},da,e))},pa=ua;var fa=Object.freeze({__proto__:null,AmplifyProvider:P,ThemeProvider:I,Authenticator:ra,useAuthenticator:M,withAuthenticator:oa,MapView:ia,Geocoder:pa,LocationSearch:ua});const Ca=b.forwardRef(((e,a)=>{var{className:n,children:s,variation:r,size:o}=e,i=l.__rest(e,["className","children","variation","size"]);const d=v.default(t.ComponentClassNames.Badge,n,t.classNameModifier(t.ComponentClassNames.Badge,r),t.classNameModifier(t.ComponentClassNames.Badge,o));return b.createElement(t.View,Object.assign({as:"span",className:d,"data-variation":r,"data-size":o,ref:a},i),s)}));Ca.displayName="Badge";const ha=b.forwardRef(((e,a)=>{var{className:n,children:s,role:r="group",size:o,variation:i}=e,d=l.__rest(e,["className","children","role","size","variation"]);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.ButtonGroup,n),role:r,ref:a},d),b.Children.map(s,(e=>b.isValidElement(e)?b.cloneElement(e,{size:o,variation:i}):e)))}));ha.displayName="ButtonGroup";const ga=b.forwardRef(((e,a)=>{var{className:n,children:s,variation:r}=e,o=l.__rest(e,["className","children","variation"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Card,t.classNameModifier(t.ComponentClassNames.Card,r),n),"data-variation":r,ref:a},o),s)}));ga.displayName="Card";const Na=(e,a)=>e&&a?`${e}-${a}`:void 0,ba=b.forwardRef(((a,n)=>{var{checked:s,className:r,defaultChecked:o,hasError:i,isDisabled:d,isIndeterminate:c,label:m,labelHidden:u,labelPosition:p,onChange:f,testId:C}=a,h=l.__rest(a,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId"]);const{baseStyleProps:g,flexContainerStyleProps:N,rest:E}=t.splitPrimitiveProps(h),y=void 0!==s?s:o,{dataChecked:w,dataFocus:F,onBlur:x,onChange:S,onFocus:P,setDataChecked:I}=((a,n)=>{const[s,l]=e.useState(a),[r,o]=e.useState(!1);return{dataChecked:s,dataFocus:r,onBlur:()=>{o(!1)},onChange:e=>{l(e.target.checked),t.isFunction(n)&&n(e)},onFocus:()=>{o(!0)},setDataChecked:l}})(y,f);b.useEffect((()=>{void 0!==s&&s!==w&&I(s)}),[s,w,I]);const k=pe();b.useEffect((()=>{document.querySelector(`[data-id="${k}"]`).indeterminate=c}),[k,c]);const T=Na(C,t.ComponentClassNames.CheckboxButton),M=Na(C,t.ComponentClassNames.CheckboxIcon),R=Na(C,t.ComponentClassNames.CheckboxLabel),O=v.default(t.ComponentClassNames.CheckboxButton,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"error",i),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"focused",F)),_=v.default(t.ComponentClassNames.CheckboxIcon,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"disabled",d)),B=b.useMemo((()=>c?b.createElement(t.IconIndeterminate,{className:v.default(_,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"indeterminate",c)),"data-testid":M}):b.createElement(t.IconCheck,{className:_,"data-checked":w,"data-disabled":d,"data-testid":M})),[w,_,M,d,c]);return b.createElement(L,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Checkbox,t.classNameModifierByFlag(t.ComponentClassNames.Checkbox,"disabled",d),r),"data-disabled":d,"data-label-position":p,testId:C},g,N),b.createElement(U,null,b.createElement(le,Object.assign({checked:s,className:t.ComponentClassNames.CheckboxInput,"data-id":k,defaultChecked:o,isDisabled:d,onBlur:x,onChange:S,onFocus:P,ref:n,type:"checkbox"},E))),m&&b.createElement(A,{as:"span",className:v.default(t.ComponentClassNames.CheckboxLabel,{[t.ComponentClassNames.VisuallyHidden]:u}),"data-disabled":d,testId:R},m),b.createElement(L,{"aria-hidden":"true",as:"span",className:O,"data-checked":w,"data-disabled":d,"data-focus":F,"data-error":i,testId:T},B))}));ba.displayName="Checkbox";const Ea=b.forwardRef(((e,a)=>{var{className:n,errorMessage:s,hasError:r=!1,labelHidden:o=!1,labelPosition:i,testId:d,size:c}=e,m=l.__rest(e,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const u=Na(d,t.ComponentClassNames.Checkbox);return b.createElement(L,{className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.CheckboxField,t.classNameModifier(t.ComponentClassNames.Field,c),n),"data-size":c,testId:d},b.createElement(ba,Object.assign({hasError:r,labelHidden:o,testId:u,labelPosition:i,ref:a},m)),b.createElement(ne,{hasError:r,errorMessage:s}))}));Ea.displayName="CheckboxField";const ya=b.forwardRef(((e,a)=>{var{className:n,children:s}=e,r=l.__rest(e,["className","children"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Grid,n),ref:a},r),s)}));ya.displayName="Grid";const va=e=>{var{type:a,page:n,currentPage:s,currentPageLabel:r=t.ComponentText.PaginationItem.currentPageLabel,isDisabled:o,onClick:i,ariaLabel:d}=e,c=l.__rest(e,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const m=b.useCallback((()=>{i(n,s)}),[n,s,i]),u=b.useCallback((()=>{i()}),[i]),p=b.useCallback((()=>{i()}),[i]),f=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o)),C=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o));switch(a){case"page":return b.createElement(t.View,{as:"li"},n===s?b.createElement(L,Object.assign({"aria-current":"page",as:"button",className:t.ComponentClassNames.PaginationItemCurrent,testId:"current"},c),b.createElement(U,null,r,":"),n):b.createElement(D,Object.assign({className:v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:m,ariaLabel:d},c),n));case"next":return b.createElement(t.View,{as:"li"},b.createElement(D,Object.assign({className:f,size:"small",variation:"link",isDisabled:o,onClick:p,ariaLabel:d},c),b.createElement(t.IconChevronRight,{size:"large"})));case"previous":return b.createElement(t.View,{as:"li"},b.createElement(D,Object.assign({className:C,size:"small",variation:"link",isDisabled:o,onClick:u,ariaLabel:d},c),b.createElement(t.IconChevronLeft,{size:"large"})));case"ellipsis":return b.createElement(t.View,{as:"li"},b.createElement(L,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},c),"…"))}return b.createElement(t.View,{as:"li"})};va.displayName="PaginationItem";const wa=(e,a,n,s,l=t.ComponentText.PaginationItem.currentPageLabel,r=t.ComponentText.PaginationItem.pageLabel,o=t.ComponentText.PaginationItem.previousLabel,i=t.ComponentText.PaginationItem.nextLabel,d,c,m)=>{const u=b.createElement(va,{type:"previous",key:"previous",currentPage:e,onClick:c,isDisabled:e<=1,ariaLabel:o}),p=b.createElement(va,{type:"next",key:"next",currentPage:e,onClick:d,isDisabled:e>=a&&!n,ariaLabel:i}),f=((e,a,n=1)=>b.useMemo((()=>{const s=Math.max(e,1),l=Math.max(n,1),r=Math.max(s,a),o=r;if(r<5+2*l)return t.getConsecutiveIntArray(1,r);const i=Math.max(s-l,1),d=Math.min(s+l,o),c=i>2,m=d<o-1;if(c&&!m){const e=3+2*l;return[1,"...",...t.getConsecutiveIntArray(o-e+1,o)]}if(!c&&m){const e=3+2*l;return[...t.getConsecutiveIntArray(1,e),"...",o]}return[1,"...",...t.getConsecutiveIntArray(i,d),"...",o]}),[e,a,n]))(e,a,s);return[u,...b.useMemo((()=>f.map(((a,t)=>"..."===a?b.createElement(va,{type:"ellipsis",key:1===t?"start-ellipsis":"end-ellipsis"}):b.createElement(va,{key:a,type:"page",page:a,currentPage:e,currentPageLabel:l,onClick:m,ariaLabel:`${r} ${a}`})))),[f,e,l,r,m]),p]},Fa=b.forwardRef(((e,a)=>{var{className:n,currentPage:s=1,totalPages:r,hasMorePages:o=!1,siblingCount:i,currentPageLabel:d,pageLabel:c,previousLabel:m,nextLabel:u,onNext:p,onPrevious:f,onChange:C}=e,h=l.__rest(e,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const g=wa(s,r,o,i,d,c,m,u,p,f,C);return b.createElement(t.View,Object.assign({as:"nav",className:v.default(t.ComponentClassNames.Pagination,n),ref:a},h),b.createElement(L,{as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},g))}));Fa.displayName="Pagination";const xa=e=>{let{currentPage:a=1,totalPages:t,hasMorePages:n,siblingCount:s=1}=e;a=Math.max(a,1),s=Math.max(s,1),t=Math.max(a,t);const[l,r]=b.useState(a);b.useEffect((()=>r(a)),[a,t]);const o=b.useCallback((()=>{l<t&&r(l+1)}),[l,t]),i=b.useCallback((()=>{l>1&&r(l-1)}),[l]),d=b.useCallback(((e,a)=>{r(e)}),[]);return{currentPage:l,totalPages:t,hasMorePages:n,siblingCount:s,onNext:o,onPrevious:i,onChange:d}},Sa=t.ComponentText.SearchField.searchButtonLabel,Pa=b.forwardRef(((e,a)=>b.createElement(J,Object.assign({ariaLabel:Sa,className:t.ComponentClassNames.SearchFieldSearch,ref:a,type:"submit"},e),b.createElement(t.IconSearch,{size:e.size}))));Pa.displayName="SearchFieldButton";const Ia=new Set(["Escape","Enter"]),ka=({onSubmit:e,onClear:a,externalRef:n})=>{const[s,l]=b.useState(""),r=b.useRef(null),o=function({externalRef:e,internalRef:a}){return b.useCallback((t=>{"function"==typeof e?e(t):null!==e&&(e.current=t),a.current=t}),[e,a])}({externalRef:n,internalRef:r}),i=b.useCallback((()=>{var e;l(""),null===(e=null==r?void 0:r.current)||void 0===e||e.focus(),t.isFunction(a)&&a()}),[l,a]),d=b.useCallback((a=>{t.isFunction(e)&&e(a)}),[e]),c=b.useCallback((e=>{const{key:a}=e;Ia.has(a)&&(e.preventDefault(),"Escape"===a?i():"Enter"===a&&d(s))}),[s,i,d]),m=b.useCallback((e=>{l(e.target.value)}),[l]),u=b.useCallback((()=>{d(s)}),[d,s]);return{value:s,onClearHandler:i,onKeyDown:c,onInput:m,onClick:u,composedRefs:o}},Ta=b.forwardRef(((e,a)=>{var{autoComplete:n="off",className:s,isDisabled:r,clearButtonLabel:o,labelHidden:i=!0,name:d="q",onSubmit:c,onClear:m,searchButtonRef:u,size:p}=e,f=l.__rest(e,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:C,onClearHandler:h,onInput:g,onKeyDown:N,onClick:E,composedRefs:y}=ka({onSubmit:c,onClear:m,externalRef:a});return b.createElement(he,Object.assign({autoComplete:n,className:v.default(t.ComponentClassNames.SearchField,s),labelHidden:i,innerEndComponent:b.createElement(ae,{ariaLabel:o,excludeFromTabOrder:!0,isVisible:t.strHasLength(C),onClick:h,size:p,variation:"link"}),isDisabled:r,isMultiline:!1,name:d,onInput:g,onKeyDown:N,outerEndComponent:b.createElement(Pa,{isDisabled:r,onClick:E,ref:u,size:p}),ref:y,size:p,value:C},f))}));Ta.displayName="SearchField";const Ma=(e,a)=>t.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>Ma(e,a))),Ra=(e,a)=>Math.ceil(e/a),Oa=10,_a=e=>{var{children:a,direction:t="column",items:n}=e,s=l.__rest(e,["children","direction","items"]);return b.createElement(L,Object.assign({direction:t},s),Array.isArray(n)?n.map(a):null)},Ba=e=>{var{children:a,items:t}=e,n=l.__rest(e,["children","items"]);return b.createElement(ya,Object.assign({},n),Array.isArray(t)?t.map(a):null)},La=e=>{var{className:a,isSearchable:n,isPaginated:s,items:r,itemsPerPage:o=Oa,searchFilter:i=Ma,searchLabel:d=t.ComponentText.Collection.searchButtonLabel,searchNoResultsFound:c,searchPlaceholder:m,type:u="list",testId:p}=e,f=l.__rest(e,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[C,h]=b.useState(),g=b.useCallback(S.default(h,300),[h]);r=Array.isArray(r)?r:[],n&&t.strHasLength(C)&&(r=r.filter((e=>i(e,C))));const N=xa({totalPages:Ra(r.length,o)});s&&(r=((e,a,t)=>{if(a<1||t<1)return[];const n=(a-1)*t;return e.slice(n,n+t)})(r,N.currentPage,o));const E="list"===u?b.createElement(_a,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},f)):"grid"===u?b.createElement(Ba,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},f)):null;return b.createElement(L,{testId:p,className:v.default(t.ComponentClassNames.Collection,a)},n?b.createElement(L,{className:t.ComponentClassNames.CollectionSearch},b.createElement(Ta,{label:d,placeholder:m,onChange:e=>g(e.target.value),onClear:()=>h("")})):null,((e,a,n)=>a.length?e:n||b.createElement(L,{justifyContent:"center"},b.createElement(A,null,t.ComponentText.Collection.searchNoResultsFound)))(E,r,c),s?b.createElement(L,{className:t.ComponentClassNames.CollectionPagination},b.createElement(Fa,Object.assign({},N))):null)};La.displayName="Collection";const Va=b.forwardRef(((e,a)=>{var{children:n,className:s,defaultValue:r,isCollapsible:o,onChange:i,onValueChange:d,testId:c,type:m="single",value:u}=e,p=l.__rest(e,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:C}=t.splitPrimitiveProps(p);return"multiple"===m?b.createElement(f.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,s),"data-testid":c,defaultValue:r,onValueChange:i,ref:a,type:m,value:u},C),n):b.createElement(f.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,s),collapsible:o,"data-testid":c,defaultValue:r,onValueChange:i,ref:a,type:m,value:u},C),n)}));Va.displayName="Expander";const Ha=b.forwardRef(((e,a)=>{var{children:n,className:s,title:r}=e,o=l.__rest(e,["children","className","title"]);const i=pe(),d=pe(),{rest:c}=t.splitPrimitiveProps(o);return b.createElement(f.Item,Object.assign({className:v.default(t.ComponentClassNames.ExpanderItem,s),"data-testid":"expander-item",ref:a},c),b.createElement(f.Header,{className:t.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},b.createElement(f.Trigger,{"aria-controls":d,className:t.ComponentClassNames.ExpanderTrigger,id:i},r,b.createElement(t.IconExpandMore,{"aria-hidden":!0,className:t.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"}))),b.createElement(f.Content,{"aria-labelledby":i,className:t.ComponentClassNames.ExpanderContent,id:d},b.createElement(t.View,{className:t.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},n)))}));Ha.displayName="ExpanderItem";const Da=b.forwardRef(((e,a)=>{var{className:n}=e,s=l.__rest(e,["className"]);return b.createElement(t.View,Object.assign({as:"img",ref:a,className:v.default(t.ComponentClassNames.Image,n)},s))}));Da.displayName="Image";const za=b.forwardRef(((e,a)=>{var{as:n="a",children:s,className:r,isExternal:o,to:i}=e,d=l.__rest(e,["as","children","className","isExternal","to"]);return fe({shouldWarn:null!=i,message:"The Link component's to prop will soon be deprecated. Please see the Amplify UI documentation for using the Link component with routing libraries: https://ui.docs.amplify.aws/react/components/link#routing-libraries"}),b.createElement(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.Link,r),ref:a,rel:o?"noopener noreferrer":void 0,target:o?"_blank":void 0,to:i},d),s)}));za.displayName="Link";const ja=b.forwardRef(((e,a)=>{var{ariaLabel:n,className:s,children:r,isFullWidth:o=!1,isDisabled:i,isLoading:d,loadingText:c="",size:m,style:u,type:p="button",variation:f,testId:C}=e,h=l.__rest(e,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:g,nonStyleProps:N}=t.useStyles(h,u),E=v.default(t.ComponentClassNames.Button,t.classNameModifier(t.ComponentClassNames.Button,m),t.classNameModifier(t.ComponentClassNames.Button,f),s);return b.createElement(D,Object.assign({ref:a,className:E,"data-fullwidth":o,"data-loading":d,"data-size":m,"data-variation":f,disabled:i||d,type:p,"data-testid":C,"aria-label":n,style:g},N),r)}));ja.displayName="MenuButton";const Aa=b.forwardRef(((e,a)=>{var{menuAlign:n="start",children:s,className:r,isOpen:o,size:i,trigger:d,triggerClassName:c,ariaLabel:m,onOpenChange:u}=e,p=l.__rest(e,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return b.createElement(C.DropdownMenu,{onOpenChange:u,open:o},b.createElement(C.DropdownMenuTrigger,{asChild:!0},null!=d?d:b.createElement(ja,{ariaLabel:m,size:i,testId:"amplify-menu-trigger-test-id",className:v.default(t.ComponentClassNames.MenuTrigger,c)},b.createElement(t.IconMenu,{size:i}))),b.createElement(C.DropdownMenuContent,{align:n,portalled:!1},b.createElement(ha,Object.assign({className:v.default(t.ComponentClassNames.MenuContent,r),ref:a,size:i,testId:"amplify-menu-items-group-test-id"},p),s)))}));Aa.displayName="Menu";const Ga=b.forwardRef(((e,a)=>{var{children:n,className:s,variation:r}=e,o=l.__rest(e,["children","className","variation"]);return b.createElement(C.DropdownMenuItem,{asChild:!0,ref:a},b.createElement(ja,Object.assign({className:v.default(t.ComponentClassNames.MenuItem,s),testId:"amplify-menu-item-test-id"},o,{variation:"menu"}),n))}));Ga.displayName="MenuItem";const qa=b.forwardRef(((e,a)=>{var{className:n,children:s,isLoaded:r,size:o}=e,i=l.__rest(e,["className","children","isLoaded","size"]);return r?b.createElement(b.Fragment,null,s):b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.Placeholder,t.classNameModifier(t.ComponentClassNames.Placeholder,o),n),"data-size":o,ref:a},i))}));qa.displayName="Placeholder";const Wa=({icon:e,fill:a,className:n})=>b.createElement(t.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(t.View,{as:"span",className:v.default(n),color:a},e));Wa.displayName="RatingIcon";const $a=({emptyColor:e,emptyIcon:a,fillColor:n,fillIcon:s,value:l})=>{const r=l%1*100+"%";return b.createElement(t.View,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},b.createElement(t.View,{as:"span",className:"amplify-rating-label"},b.createElement(t.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-empty"),color:e},a)),b.createElement(t.View,{as:"span",className:"amplify-rating-label",width:r},b.createElement(t.View,{as:"span",className:v.default("amplify-rating-icon","amplify-rating-icon-filled"),color:n},s)))};$a.displayName="RatingMixedIcon";const Ua=5,Ya=0,Ka=b.forwardRef(((e,a)=>{var{className:n,emptyColor:s,emptyIcon:r,fillColor:o,icon:i=b.createElement(t.IconStar,null),maxValue:d=Ua,size:c,value:m=Ya}=e,u=l.__rest(e,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const p=new Array(Math.ceil(d)).fill(1).map(((e,a)=>{const t=a+1;return((e,a)=>e<=a)(t,m)?b.createElement(Wa,{key:a.toString(),icon:i,fill:o,className:"amplify-rating-icon-filled"}):((e,a)=>e-1>=a)(t,m)?b.createElement(Wa,{key:a.toString(),icon:r||i,fill:s,className:"amplify-rating-icon-empty"}):((e,a)=>e>a&&e-1<a)(t,m)?b.createElement($a,{key:a.toString(),fillIcon:i,emptyIcon:r||i,value:m,fillColor:o,emptyColor:s}):void 0}));return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Rating,t.classNameModifier(t.ComponentClassNames.Rating,c),n),"data-size":c,ref:a},u),p,b.createElement(U,null,m," out of ",d," rating"))}));Ka.displayName="Rating";const Za=b.forwardRef(((e,a)=>{var{children:n,className:s,orientation:r}=e,o=l.__rest(e,["children","className","orientation"]);return b.createElement(t.View,Object.assign({className:v.default(t.ComponentClassNames.ScrollView,t.classNameModifier(t.ComponentClassNames.ScrollView,r),s),"data-orientation":r,ref:a},o),n)}));Za.displayName="ScrollView";const Xa=b.forwardRef(((e,a)=>{var{ariaValuetext:n,className:s,defaultValue:r,descriptiveText:o,emptyTrackColor:i,errorMessage:d,filledTrackColor:c,formatValue:m,hasError:u=!1,id:p,isDisabled:f,isValueHidden:C=!1,label:g,labelHidden:N=!1,onChange:E,orientation:y="horizontal",outerEndComponent:w,outerStartComponent:F,testId:x,thumbColor:S,trackSize:P,dir:I,value:k,size:T}=e,M=l.__rest(e,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const R=pe(p),O=pe(),_=pe(),B=o?_:void 0,{flexContainerStyleProps:V,baseStyleProps:H,rest:D}=t.splitPrimitiveProps(M),z=void 0!==k,[j,A]=b.useState(z?k:r),G=z?[k]:void 0,q=z?void 0:[r],W=b.useCallback((e=>{A(e[0]),t.isFunction(E)&&E(e[0])}),[E]),$=b.useMemo((()=>{const e=t.isFunction(m)?m(j):j;return"string"==typeof m?b.createElement(t.View,{as:"span"},e):e}),[j,m]),U="vertical"===y,Y=v.default(t.ComponentClassNames.SliderFieldTrack,t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,y),t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,T)),K=v.default(t.ComponentClassNames.SliderFieldRoot,t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,y),t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,T),s);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SliderField),testId:x,"data-size":T},H,V),b.createElement(re,{className:t.ComponentClassNames.SliderFieldLabel,id:O,testId:"slider-label",visuallyHidden:N},b.createElement(t.View,{as:"span"},g),C?null:$),b.createElement(te,{id:_,labelHidden:N,descriptiveText:o}),b.createElement(se,{className:t.ComponentClassNames.SliderFieldGroup,id:R,orientation:y,outerStartComponent:F,outerEndComponent:w},b.createElement(h.Root,Object.assign({className:K,"data-testid":"slider-root",disabled:f,defaultValue:q,onValueChange:W,orientation:y,ref:a,value:G},D),b.createElement(h.Track,{className:Y,"data-testid":"slider-track",style:{backgroundColor:String(i),[""+(U?"width":"height")]:P}},b.createElement(h.Range,{className:v.default(t.ComponentClassNames.SliderFieldRange,t.classNameModifier(t.ComponentClassNames.SliderFieldRange,y)),"data-testid":"slider-range",style:{backgroundColor:String(c)}})),b.createElement(h.Thumb,{"aria-describedby":B,"aria-labelledby":O,"aria-valuetext":n,className:v.default(t.ComponentClassNames.SliderFieldThumb,t.classNameModifier(t.ComponentClassNames.SliderFieldThumb,T)),style:{backgroundColor:String(S)}}))),b.createElement(ne,{hasError:u,errorMessage:d}))}));Xa.displayName="SliderField";const Qa=(e,a,t,n)=>{const s=(n-e)%t;return n=n-s+Math.round(s/t)*t,(n=Math.max(e,n))>a&&(n=a-(a-e)%t),n},Ja=b.forwardRef(((e,a)=>{const{className:n,descriptiveText:s,defaultValue:r,errorMessage:o,hasError:i=!1,id:d,isDisabled:c,isReadOnly:m,isRequired:u,increaseButtonLabel:p=t.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:f=t.ComponentText.StepperField.decreaseButtonLabel,label:C,labelHidden:h=!1,onStepChange:g,size:N,variation:E,testId:y,bottom:w,height:F,left:x,padding:S,position:P,right:I,top:k,width:T,value:M}=e,R=l.__rest(e,["className","descriptiveText","defaultValue","errorMessage","hasError","id","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","variation","testId","bottom","height","left","padding","position","right","top","width","value"]),O=pe(d),_=pe(),B=s?_:void 0,{baseStyleProps:V,flexContainerStyleProps:H,rest:D}=t.splitPrimitiveProps(R),{step:z,value:j,inputValue:A,handleDecrease:G,handleIncrease:q,handleOnBlur:W,handleOnChange:$,handleOnWheel:U,setInputValue:Y,shouldDisableDecreaseButton:K,shouldDisableIncreaseButton:Z}=(({defaultValue:e=0,value:a,step:n=1,max:s=Number.MAX_SAFE_INTEGER,min:l=Number.MIN_SAFE_INTEGER,isDisabled:r,isReadOnly:o,onDecrease:i,onIncrease:d,onStepChange:c})=>{const m=void 0!==a;s=Math.max(l,s);const[u,p]=b.useState((()=>Qa(l,s,n,e)));m&&(a=Qa(l,s,n,a));const f=m?a:u,C=r||o||f+n>s,h=r||o||f-n<l,[g,N]=b.useState(f),E=b.useCallback((e=>{N(e.target.value)}),[]),y=b.useCallback((e=>{let a=parseFloat(e.target.value);isNaN(a)||(a=Qa(l,s,n,a),m||p(a),t.isFunction(c)&&c(a),N(a))}),[l,s,n,m,c]),v=b.useCallback((()=>{m||p(f+n),t.isFunction(c)&&c(f+n),t.isFunction(d)&&d(),N(f+n)}),[n,f,m,d,c]),w=b.useCallback((()=>{m||p(f-n),t.isFunction(c)&&c(f-n),t.isFunction(i)&&i(),N(f-n)}),[n,f,m,i,c]),F=b.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:n,value:f,inputValue:g,handleDecrease:w,handleIncrease:v,handleOnBlur:y,handleOnChange:E,handleOnWheel:F,setInputValue:N,shouldDisableDecreaseButton:h,shouldDisableIncreaseButton:C}})(e);return b.useEffect((()=>{void 0!==M&&Y(M)}),[M,Y]),b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,N),t.ComponentClassNames.StepperField,n),"data-size":N,"data-variation":E,testId:y,width:T,height:F,position:P,padding:S,top:k,right:I,left:x,bottom:w},H),b.createElement(re,{htmlFor:O,visuallyHidden:h},C),b.createElement(te,{id:_,labelHidden:h,descriptiveText:s}),b.createElement(se,{outerStartComponent:b.createElement(J,{"aria-controls":O,ariaLabel:`${f} ${j-z}`,className:v.default(t.ComponentClassNames.StepperFieldButtonDecrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonDecrease,E),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonDecrease,"disabled",K)),"data-invalid":i,isDisabled:K,onClick:G,size:N},b.createElement(t.IconRemove,{"data-testid":"decrease-icon"})),outerEndComponent:b.createElement(J,{"aria-controls":O,ariaLabel:`${p} ${j+z}`,className:v.default(t.ComponentClassNames.StepperFieldButtonIncrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonIncrease,E),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonIncrease,"disabled",Z)),"data-invalid":i,isDisabled:Z,onClick:q,size:N},b.createElement(t.IconAdd,{"data-testid":"increase-icon"}))},b.createElement(le,Object.assign({"aria-describedby":B,className:t.ComponentClassNames.StepperFieldInput,hasError:i,id:O,isDisabled:c,isReadOnly:m,isRequired:u,onBlur:W,onChange:$,onWheel:U,ref:a,size:N,variation:E,type:"number",value:A},V,D))),b.createElement(ne,{hasError:i,errorMessage:o}))}));Ja.displayName="StepperField";const et=b.forwardRef(((a,n)=>{var{className:s,defaultChecked:r,id:o,isChecked:i,isDisabled:d,isLabelHidden:c,label:m,labelPosition:u,name:p,onChange:f,size:C,thumbColor:h,trackCheckedColor:g,trackColor:N,value:E}=a,y=l.__rest(a,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:w,changeHandler:F,isFocused:x,setIsFocused:S}=(a=>{const{onChange:t,isChecked:n,defaultChecked:s,isDisabled:l}=a,r=void 0!==n,[o,i]=e.useState(r?n:s),[d,c]=e.useState(!1),m=e.useCallback((e=>{l?e.preventDefault():("function"==typeof t&&t(e),i(e.target.checked))}),[t,l]);return r&&o!==n&&i(n),{isOn:o,changeHandler:m,isFocused:d,setIsFocused:c}})({onChange:f,isChecked:i,defaultChecked:r,isDisabled:d}),P=pe(o),I=c?U:t.View,k=v.default(t.ComponentClassNames.SwitchTrack,t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"focused",x)),T=v.default(t.ComponentClassNames.SwitchThumb,t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"disabled",d));return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.SwitchField,t.classNameModifier(t.ComponentClassNames.SwitchField,C),s),"data-size":C,"data-label-position":u,ref:n},y),b.createElement(U,null,b.createElement(le,{role:"switch",type:"checkbox",id:P,onChange:F,disabled:d,name:p,checked:w,value:E,onFocus:()=>{S(!0)},onBlur:()=>{S(!1)}})),b.createElement(re,{htmlFor:P,className:v.default(t.ComponentClassNames.SwitchWrapper,t.classNameModifier(t.ComponentClassNames.SwitchWrapper,u)),"data-label-position":u},b.createElement(I,{as:"span",className:t.ComponentClassNames.SwitchLabel},m),b.createElement(t.View,{as:"span",className:k,"data-checked":w,"data-disabled":d,"data-focused":x,backgroundColor:w?g:N},b.createElement(t.View,{as:"span",className:T,"data-checked":w,"data-disabled":d,backgroundColor:h}))))}));et.displayName="SwitchField";const at=b.forwardRef(((e,a)=>{var{caption:n,children:s,className:r,highlightOnHover:o=!1,size:i,variation:d}=e,c=l.__rest(e,["caption","children","className","highlightOnHover","size","variation"]);const m=v.default(t.ComponentClassNames.Table,t.classNameModifier(t.ComponentClassNames.Table,i),t.classNameModifier(t.ComponentClassNames.Table,d),r);return b.createElement(t.View,Object.assign({as:"table",className:m,"data-highlightonhover":o,"data-size":i,"data-variation":d,ref:a},c),n&&b.createElement(t.View,{as:"caption",className:t.ComponentClassNames.TableCaption},n),s)}));at.displayName="Table";const tt=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"tbody",className:v.default(t.ComponentClassNames.TableBody,s),ref:a},r),n)}));tt.displayName="TableBody";const nt=b.forwardRef(((e,a)=>{var{as:n="td",children:s,className:r}=e,o=l.__rest(e,["as","children","className"]);return b.createElement(t.View,Object.assign({as:n,className:v.default("td"===n?t.ComponentClassNames.TableTd:t.ComponentClassNames.TableTh,r),ref:a},o),s)}));nt.displayName="TableCell";const st=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"tfoot",className:v.default(t.ComponentClassNames.TableFoot,s),ref:a},r),n)}));st.displayName="TableFoot";const lt=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"thead",className:v.default(t.ComponentClassNames.TableHead,s),ref:a},r),n)}));lt.displayName="TableHead";const rt=b.forwardRef(((e,a)=>{var{children:n,className:s}=e,r=l.__rest(e,["children","className"]);return b.createElement(t.View,Object.assign({as:"tr",className:v.default(t.ComponentClassNames.TableRow,s),ref:a},r),n)}));rt.displayName="TableRow";const ot=b.forwardRef(((e,a)=>{const{className:n,descriptiveText:s,errorMessage:r,hasError:o=!1,id:i,label:d,labelHidden:c=!1,rows:m,size:u,testId:p,bottom:f,height:C,left:h,padding:g,position:N,right:E,top:y,width:w}=e,F=l.__rest(e,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),x=pe(i),S=pe(),P=s?S:void 0,{flexContainerStyleProps:I,baseStyleProps:k,rest:T}=t.splitPrimitiveProps(F);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.TextAreaField,n),"data-size":u,height:C,testId:p,width:w,bottom:f,left:h,right:E,top:y,position:N,padding:g},I),b.createElement(re,{htmlFor:x,visuallyHidden:c},d),b.createElement(te,{id:S,labelHidden:c,descriptiveText:s}),b.createElement(de,Object.assign({"aria-describedby":P,hasError:o,id:x,ref:a,rows:null!=m?m:3,size:u},k,T)),b.createElement(ne,{hasError:o,errorMessage:r}))}));ot.displayName="TextAreaField";const it=b.forwardRef(((e,a)=>{var{className:n,children:s,defaultPressed:r=!1,isDisabled:o,isPressed:i,onChange:d,onClick:c,size:m,value:u,variation:p}=e,f=l.__rest(e,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:C,handleClick:h}=(({isPressed:e,defaultPressed:a,onClick:n,onChange:s,value:l})=>{const r=void 0!==e,[o,i]=b.useState(a);return{isPressed:e=r?e:o,handleClick:b.useCallback((e=>{t.isFunction(n)&&n(e),r||i(!o),r&&t.isFunction(s)&&s(l)}),[r,n,s,o,l])}})({isPressed:i,defaultPressed:r,onChange:d,onClick:c,value:u}),g=v.default(t.ComponentClassNames.ToggleButton,t.classNameModifier(t.ComponentClassNames.ToggleButton,p),t.classNameModifierByFlag(t.ComponentClassNames.ToggleButton,"pressed",C),n);return b.createElement(D,Object.assign({"aria-pressed":C,className:g,isDisabled:o,onClick:h,ref:a,size:m,type:"button",variation:p},f),s)}));it.displayName="ToggleButton";const dt=b.forwardRef(((e,a)=>{var{children:n,className:s,isExclusive:r,isSelectionRequired:o,onChange:i,size:d,value:c,variation:m}=e,u=l.__rest(e,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const p=((e,a,n=!1,s=!1)=>{const l=b.useCallback((n=>{if(!t.isFunction(e)||!Array.isArray(a))return;const l=a.indexOf(n);let r;l>=0?(r=[...a],(!s||r.length>1)&&r.splice(l,1)):r=[...a,n],e(r)}),[e,a,s]),r=b.useCallback((n=>{t.isFunction(e)&&e(a!==n||s?n:null)}),[e,a,s]);return n?r:l})(i,c,r,o);return b.createElement(L,Object.assign({className:v.default(t.ComponentClassNames.ToggleButtonGroup,s),ref:a,role:"group"},u),b.Children.map(n,(e=>b.isValidElement(e)?b.cloneElement(e,{isPressed:r?c===e.props.value:c.includes(e.props.value),onChange:p,size:d,variation:m}):e)))}));dt.displayName="ToggleButtonGroup";var ct=Object.freeze({__proto__:null,Alert:W,Badge:Ca,Button:D,ButtonGroup:ha,Card:ga,CheckboxField:Ea,Collection:La,Divider:_e,Expander:Va,ExpanderItem:Ha,FieldGroupIcon:Q,FieldGroupIconButton:J,Flex:L,Grid:ya,Heading:j,Icon:Le,Image:Da,Link:za,Loader:H,Menu:Aa,MenuButton:ja,MenuItem:Ga,Pagination:Fa,PasswordField:ge,PhoneNumberField:ye,Placeholder:qa,Radio:Ye,RadioGroupField:Ke,Rating:Ka,ScrollView:Za,SearchField:Ta,SelectField:be,SliderField:Xa,StepperField:Ja,SwitchField:et,Tabs:Re,TabItem:Oe,Text:A,TextAreaField:ot,TextField:he,ToggleButton:it,ToggleButtonGroup:dt,View:t.View,VisuallyHidden:U,Table:at,TableBody:tt,TableCell:nt,TableFoot:st,TableHead:lt,TableRow:rt,usePagination:xa,ComponentClassNames:t.ComponentClassNames,ComponentClassObject:t.ComponentClassObject,ComponentPropsToStylePropsMap:t.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:t.ComponentPropsToStylePropsMapKeys});Object.defineProperty(exports,"createTheme",{enumerable:!0,get:function(){return a.createTheme}}),Object.defineProperty(exports,"defaultDarkModeOverride",{enumerable:!0,get:function(){return a.defaultDarkModeOverride}}),Object.defineProperty(exports,"defaultTheme",{enumerable:!0,get:function(){return a.defaultTheme}}),Object.defineProperty(exports,"translations",{enumerable:!0,get:function(){return a.translations}}),exports.ComponentClassNames=t.ComponentClassNames,exports.ComponentClassObject=t.ComponentClassObject,exports.ComponentPropsToStylePropsMap=t.ComponentPropsToStylePropsMap,exports.ComponentPropsToStylePropsMapKeys=t.ComponentPropsToStylePropsMapKeys,exports.View=t.View,exports.useTheme=t.useTheme,exports.Alert=W,exports.AmplifyProvider=P,exports.Authenticator=ra,exports.Badge=Ca,exports.Button=D,exports.ButtonGroup=ha,exports.Card=ga,exports.CheckboxField=Ea,exports.Collection=La,exports.Divider=_e,exports.Expander=Va,exports.ExpanderItem=Ha,exports.FieldGroupIcon=Q,exports.FieldGroupIconButton=J,exports.Flex=L,exports.Geocoder=pa,exports.Grid=ya,exports.Heading=j,exports.Icon=Le,exports.Image=Da,exports.Link=za,exports.Loader=H,exports.LocationSearch=ua,exports.MapView=ia,exports.Menu=Aa,exports.MenuButton=ja,exports.MenuItem=Ga,exports.Pagination=Fa,exports.PasswordField=ge,exports.PhoneNumberField=ye,exports.Placeholder=qa,exports.Radio=Ye,exports.RadioGroupField=Ke,exports.Rating=Ka,exports.ScrollView=Za,exports.SearchField=Ta,exports.SelectField=be,exports.SliderField=Xa,exports.StepperField=Ja,exports.SwitchField=et,exports.TabItem=Oe,exports.Table=at,exports.TableBody=tt,exports.TableCell=nt,exports.TableFoot=st,exports.TableHead=lt,exports.TableRow=rt,exports.Tabs=Re,exports.Text=A,exports.TextAreaField=ot,exports.TextField=he,exports.ThemeProvider=I,exports.ToggleButton=it,exports.ToggleButtonGroup=dt,exports.VisuallyHidden=U,exports.components=fa,exports.primitives=ct,exports.useAmplify=function(){const e=b.useContext(t.AmplifyContext);return{theme:t.getThemeFromContext(e)}},exports.useAuthenticator=M,exports.useBreakpointValue=function(e,a,n){const{breakpoints:{values:s}}=t.useTheme(),l=t.useBreakpoint({breakpoints:s,defaultBreakpoint:a});return t.getValueAtCurrentBreakpoint({breakpoint:l,breakpoints:s,propKey:n,values:e})},exports.usePagination=xa,exports.withAuthenticator=oa;

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Tue, 30 Aug 2022 22:13:55 GMT
+ * Generated on Tue, 06 Sep 2022 22:47:36 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);

package/dist/types/components/Authenticator/SetupTOTP/SetupTOTP.d.ts

@@ -1,5 +1,4 @@
 import { RouteProps } from '../RouteContainer';
-export declare const getTotpCode: (issuer: string, username: string, secret: string) => string;
 export declare const SetupTOTP: {
     ({ className, variation, }: RouteProps): JSX.Element;
     Header(): JSX.Element;

package/dist/types/components/Authenticator/hooks/useAuthenticator/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AuthEventData, AuthInterpreter, AuthMachineSend, AuthMachineState, CodeDeliveryDetails, CognitoUserAmplify, getServiceFacade } from '@aws-amplify/ui';
+import { AuthInterpreter, AuthMachineSend, AuthMachineState, AuthenticatorServiceFacade } from '@aws-amplify/ui';
 export declare type AuthenticatorContextValue = {
     service?: AuthInterpreter;
 };
@@ -7,7 +7,7 @@ export declare type AuthenticatorContextValue = {
  * These are the "facades" that we provide, which contains contexts respective
  * to current authenticator state.
  */
-export declare type AuthenticatorContext = ReturnType<typeof getServiceFacade>;
+export declare type AuthenticatorContext = AuthenticatorServiceFacade;
 /**
  * These are internal xstate helpers to we share with `useAuthenticator`.
  *
@@ -24,32 +24,12 @@ export declare type InternalAuthenticatorContext = {
  * desired value(s) that should trigger re-render.
  */
 export declare type Selector = (context: AuthenticatorContext) => Array<any>;
-export declare type UseAuthenticator = {
+export interface UseAuthenticator extends AuthenticatorServiceFacade {
     /** @deprecated For internal use only */
     _send: InternalAuthenticatorContext['_send'];
     /** @deprecated For internal use only */
     _state: InternalAuthenticatorContext['_state'];
-    error: string;
-    hasValidationErrors: boolean;
-    isPending: boolean;
-    route: string;
-    authStatus: string;
-    user: CognitoUserAmplify;
-    validationErrors: {
-        [key: string]: string | string[];
-    };
-    codeDeliveryDetails: CodeDeliveryDetails;
-    resendCode: (data?: AuthEventData) => void;
-    signOut: (data?: AuthEventData) => void;
-    submitForm: (data?: AuthEventData) => void;
-    updateForm: (data?: AuthEventData) => void;
-    updateBlur: (data?: AuthEventData) => void;
-    toFederatedSignIn: (data?: AuthEventData) => void;
-    toResetPassword: (data?: AuthEventData) => void;
-    toSignIn: (data?: AuthEventData) => void;
-    toSignUp: (data?: AuthEventData) => void;
-    skipVerification: (data?: AuthEventData) => void;
-};
+}
 /**
  * AuthenticatorContext serves static reference to the auth machine service.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -55,7 +55,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.13.1",
+    "@aws-amplify/ui": "3.13.2",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",