@aws-amplify/ui-react 3.4.0 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsx as a}from"react/jsx-runtime";import s from"classnames";import{View as i}from"../View/View.js";const n=({icon:n,fill:c,className:e})=>a(i,Object.assign({as:"span",className:"amplify-rating-icon-container"},{children:a(i,Object.assign({as:"span",className:s(e),color:c},{children:n}))}));n.displayName="RatingIcon";export{n as RatingIcon};
1
+ import{jsx as a}from"react/jsx-runtime";import s from"classnames";import{View as i}from"../View/View.js";const e=({icon:e,fill:n,className:r})=>a(i,Object.assign({as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},{children:a(i,Object.assign({as:"span",className:s(r),color:n},{children:e}))}));e.displayName="RatingIcon";export{e as RatingIcon};
@@ -1 +1 @@
1
- import{jsxs as a,jsx as i}from"react/jsx-runtime";import n from"classnames";import{View as s}from"../View/View.js";const l=({emptyColor:l,emptyIcon:e,fillColor:c,fillIcon:r,value:t})=>{const o=t%1*100+"%";return a(s,Object.assign({as:"span",className:"amplify-rating-icon-container"},{children:[i(s,Object.assign({as:"span",className:"amplify-rating-label"},{children:i(s,Object.assign({as:"span",className:n("amplify-rating-icon","amplify-rating-icon-empty"),color:l},{children:e}))})),i(s,Object.assign({as:"span",className:"amplify-rating-label",width:o},{children:i(s,Object.assign({as:"span",className:n("amplify-rating-icon","amplify-rating-icon-filled"),color:c},{children:r}))}))]}))};l.displayName="RatingMixedIcon";export{l as RatingMixedIcon};
1
+ import{jsxs as a,jsx as i}from"react/jsx-runtime";import n from"classnames";import{View as s}from"../View/View.js";const e=({emptyColor:e,emptyIcon:l,fillColor:c,fillIcon:r,value:t})=>{const o=t%1*100+"%";return a(s,Object.assign({as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},{children:[i(s,Object.assign({as:"span",className:"amplify-rating-label"},{children:i(s,Object.assign({as:"span",className:n("amplify-rating-icon","amplify-rating-icon-empty"),color:e},{children:l}))})),i(s,Object.assign({as:"span",className:"amplify-rating-label",width:o},{children:i(s,Object.assign({as:"span",className:n("amplify-rating-icon","amplify-rating-icon-filled"),color:c},{children:r}))}))]}))};e.displayName="RatingMixedIcon";export{e as RatingMixedIcon};
@@ -1 +1 @@
1
- import{__rest as o}from"tslib";import*as n from"react";import{ComponentPropsToStylePropsMap as t}from"../types/style.js";import{getValueAtCurrentBreakpoint as r}from"./responsive/utils.js";import{useBreakpoint as e}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as i}from"../../hooks/useTheme.js";import{isEmptyString as a,isNullOrEmptyString as p}from"./utils.js";const s=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),l=o=>"auto"===o?"auto":`span ${o}`,m=o=>{if(s(o))return l(o);if(Array.isArray(o))return o.map((o=>l(o)));if("object"==typeof o&&null!=o){const n={};return Object.entries(o).forEach((([o,t])=>{n[o]=l(t)})),n}return null},c=t=>{const{rowSpan:r,columnSpan:e,row:i,column:a}=t,s=o(t,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:c}=n.useMemo((()=>({rowFromSpanValue:m(r),columnFromSpanValue:m(e)})),[r,e]);return Object.assign({row:p(i)?l:i,column:p(a)?c:a},s)},g=({props:o={},style:n={},breakpoint:e,breakpoints:i})=>{const p={};return Object.keys(o).filter((n=>null!=o[n])).forEach((s=>{if(s in t){if(!a(o[s])){const a=o[s],p=t[s];n=Object.assign(Object.assign({},n),{[p]:r({values:a,breakpoint:e,breakpoints:i,propKey:s})})}}else p[s]=o[s]})),{propStyles:n,nonStyleProps:p}},u=(o,t)=>{const{breakpoints:{values:r,defaultBreakpoint:a}}=i(),p=e({breakpoints:r,defaultBreakpoint:a}),s=c(o);return n.useMemo((()=>g({props:s,style:t,breakpoint:p,breakpoints:r})),[s,t,r,p])},d={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},f={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},S=o=>{const n={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((t=>{t in d?n.flexContainerStyleProps[t]=o[t]:t in f?n.baseStyleProps[t]=o[t]:n.rest[t]=o[t]})),n};export{m as convertGridSpan,g as convertStylePropsToStyleObj,l as getGridSpan,s as isSpanPrimitiveValue,S as splitPrimitiveProps,u as useStyles,c as useTransformStyleProps};
1
+ import{__rest as o}from"tslib";import*as n from"react";import{ComponentPropsToStylePropsMap as t}from"../types/style.js";import{getValueAtCurrentBreakpoint as r}from"./responsive/utils.js";import{useBreakpoint as e}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as i}from"../../hooks/useTheme.js";import{isNullOrEmptyString as a,isEmptyString as p}from"./utils.js";const s=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),l=o=>"auto"===o?"auto":`span ${o}`,m=o=>{if(s(o))return l(o);if(Array.isArray(o))return o.map((o=>l(o)));if("object"==typeof o&&null!=o){const n={};return Object.entries(o).forEach((([o,t])=>{n[o]=l(t)})),n}return null},c=t=>{const{rowSpan:r,columnSpan:e,row:i,column:p}=t,s=o(t,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:c}=n.useMemo((()=>({rowFromSpanValue:m(r),columnFromSpanValue:m(e)})),[r,e]);return Object.assign({row:a(i)?l:i,column:a(p)?c:p},s)},g=({props:o={},style:n={},breakpoint:e,breakpoints:i})=>{const a={};return Object.keys(o).filter((n=>null!=o[n])).forEach((s=>{if(s in t){if(!p(o[s])){const a=o[s],p=t[s];n=Object.assign(Object.assign({},n),{[p]:r({values:a,breakpoint:e,breakpoints:i,propKey:s})})}}else a[s]=o[s]})),{propStyles:n,nonStyleProps:a}},u=(o,t)=>{const{breakpoints:{values:r,defaultBreakpoint:a}}=i(),p=e({breakpoints:r,defaultBreakpoint:a}),s=c(o);return n.useMemo((()=>g({props:s,style:t,breakpoint:p,breakpoints:r})),[s,t,r,p])},d={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},f={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},S=o=>{const n={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((t=>{t in d?n.flexContainerStyleProps[t]=o[t]:t in f?n.baseStyleProps[t]=o[t]:n.rest[t]=o[t]})),n};export{m as convertGridSpan,g as convertStylePropsToStyleObj,l as getGridSpan,s as isSpanPrimitiveValue,S as splitPrimitiveProps,u as useStyles,c as useTransformStyleProps};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("@aws-amplify/ui"),t=require("./IconWarning-47c8dc76.js"),n=require("@xstate/react"),i=require("lodash/isEmpty"),r=require("tslib"),o=require("classnames"),l=require("qrcode"),d=require("aws-amplify"),c=require("@radix-ui/react-tabs");require("lodash/isArray"),require("lodash/isObject");var m=require("maplibre-gl"),u=require("maplibre-gl-js-amplify"),p=require("react-map-gl"),h=require("lodash/debounce"),C=require("@radix-ui/react-accordion"),g=require("@radix-ui/react-dropdown-menu"),b=require("@radix-ui/react-slider");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(e){if(e&&e.__esModule)return e;var s=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),s.default=e,Object.freeze(s)}var j=x(s),N=f(s),v=f(i),y=f(o),w=f(l),O=f(m),F=f(p),S=f(h);function P({children:s,colorMode:n,theme:i,nonce:r}){const o=j.useMemo((()=>({theme:a.createTheme(i)})),[i]),{theme:{name:l,cssText:d}}=o;return e.jsxs(t.AmplifyContext.Provider,Object.assign({value:o},{children:[e.jsx("div",Object.assign({"data-amplify-theme":l,"data-amplify-color-mode":n},{children:s})),void 0===i||/<\/style/i.test(d)?null:e.jsx("style",{id:`amplify-theme-${l}`,dangerouslySetInnerHTML:{__html:d},nonce:r})]}))}const I=P,T=j.createContext({}),M=({children:s})=>{const t=j.useContext(T),i=n.useInterpret(a.createAuthenticatorMachine),r=j.useMemo((()=>v.default(t)?{service:i}:t),[t,i]),{service:o}=r;return j.useEffect((()=>a.listenToAuthHub(o)),[o]),e.jsx(T.Provider,Object.assign({value:r},{children:s}))},k=e=>{const s=(()=>{const{service:e}=j.useContext(T);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:i}=s,r=j.useMemo((()=>a.getSendEventAliases(i)),[i]),o=n.useSelector(s,(e=>(e=>Object.assign(Object.assign({},r),a.getServiceContextFacade(e)))(e)),((s,a)=>{if(!e)return!1;const n=e(s),i=e(a);return t.areArrayValuesEqual(n,i)}));return Object.assign(Object.assign({},o),{_state:s.getSnapshot(),_send:i})},R=j.createContext(null),_=()=>{const e=j.useContext(R);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e};const B=e=>"signIn"===e||"signUp";function V({children:s,className:a,variation:n="default"}){const{route:i}=k((({route:e})=>[e])),{components:{Header:r,Footer:o}}=_();return e.jsx(t.View,Object.assign({className:a,"data-amplify-authenticator":"","data-variation":n},{children:e.jsxs(t.View,Object.assign({"data-amplify-container":""},{children:[e.jsx(r,{}),e.jsx(t.View,Object.assign({"data-amplify-router":"","data-amplify-router-content":B(i)?void 0:""},{children:s})),e.jsx(o,{})]}))}))}const L=j.forwardRef(((s,a)=>{var{className:n,children:i}=s,o=r.__rest(s,["className","children"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Flex,n),ref:a},o,{children:i}))}));L.displayName="Flex";const E=84*Math.PI,H=j.forwardRef(((s,a)=>{var{className:n,filledColor:i,emptyColor:o,size:l,variation:d,isDeterminate:c=!1,isPercentageTextHidden:m=!1,percentage:u=0}=s,p=r.__rest(s,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);u=Math.min(u,100);const h=`${u=Math.max(u,0)}%`,C=y.default(t.ComponentClassNames.Loader,t.classNameModifier(t.ComponentClassNames.Loader,l),t.classNameModifier(t.ComponentClassNames.Loader,d),c?t.ComponentClassNames.LoaderDeterminate:null,n),g=e.jsxs("g",{children:[e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(o)},"data-testid":"linear-empty"}),e.jsx("line",{x1:"0",x2:c?h:"100%",y1:"50%",y2:"50%",style:{stroke:c&&0===u?"none":i?String(i):void 0},"data-testid":"linear-filled"}),c?e.jsx("text",Object.assign({"aria-live":"polite",className:y.default(t.ComponentClassNames.LoaderPercentageText,m?t.ComponentClassNames.VisuallyHidden:null),x:`${-1+u}%`,y:"200%"},{children:h})):null]}),b=e.jsxs("g",{children:[e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(o)},"data-testid":"circular-empty"}),e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(i),strokeDasharray:c?`${E}% ${E}%`:void 0,strokeDashoffset:c?E-E*u/100+"%":void 0},"data-testid":"circular-filled"}),c?e.jsx("text",Object.assign({"aria-live":"polite",className:y.default(t.ComponentClassNames.LoaderPercentageText,m?t.ComponentClassNames.VisuallyHidden:null),x:"130%",y:"80%"},{children:h})):null]});return e.jsx(t.View,Object.assign({as:"svg",className:C,"data-size":l,"data-variation":d,ref:a,role:"img"},p,{children:"linear"===d?g:b}))}));H.displayName="Loader";const D=j.forwardRef(((s,a)=>{var{className:n,children:i,isFullWidth:o=!1,isDisabled:l,isLoading:d,loadingText:c="",size:m,type:u="button",variation:p}=s,h=r.__rest(s,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const C=y.default(t.ComponentClassNames.Button,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Button,p),t.classNameModifier(t.ComponentClassNames.Button,m),t.classNameModifierByFlag(t.ComponentClassNames.Button,"disabled",l||d||h.disabled),t.classNameModifierByFlag(t.ComponentClassNames.Button,"loading",d),t.classNameModifierByFlag(t.ComponentClassNames.Button,"fullwidth",o),n);return e.jsx(t.View,Object.assign({ref:a,as:"button",className:C,"data-fullwidth":o,"data-loading":d,"data-size":m,"data-variation":p,isDisabled:l||d,type:u},h,{children:d&&c?e.jsxs(L,Object.assign({as:"span",className:t.ComponentClassNames.ButtonLoaderWrapper},{children:[e.jsx(H,{size:m}),c]})):i}))}));D.displayName="Button";const z={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},A=j.forwardRef(((s,a)=>{var{className:n,children:i,isTruncated:o,level:l=6}=s,d=r.__rest(s,["className","children","isTruncated","level"]);return e.jsx(t.View,Object.assign({as:z[l],className:y.default(t.ComponentClassNames.Heading,t.classNameModifier(t.ComponentClassNames.Heading,l),t.classNameModifierByFlag(t.ComponentClassNames.Heading,"truncated",o),n),ref:a},d,{children:i}))}));A.displayName="Heading";const G=j.forwardRef(((s,a)=>{var{as:n="p",className:i,children:o,isTruncated:l,variation:d}=s,c=r.__rest(s,["as","className","children","isTruncated","variation"]);const m=y.default(t.ComponentClassNames.Text,t.classNameModifier(t.ComponentClassNames.Text,d),t.classNameModifierByFlag(t.ComponentClassNames.Text,"truncated",l),i);return e.jsx(t.View,Object.assign({as:n,className:m,"data-truncate":l,"data-variation":d,ref:a},c,{children:o}))}));function q(){const{submitForm:e,updateBlur:a,updateForm:n}=k((e=>[e.submitForm,e.updateBlur,e.updateForm]));return{handleBlur:s.useCallback((({target:{name:e}})=>{a({name:e})}),[a]),handleChange:s.useCallback((({target:{checked:e,name:s,type:a,value:t}})=>{n({name:s,value:"checkbox"===a&&!e?void 0:t})}),[n]),handleSubmit:s.useCallback((s=>{s.preventDefault(),e(t.getFormDataFromEvent(s))}),[e])}}G.displayName="Text";const $=({variation:s,ariaHidden:a})=>{switch(s){case"info":return e.jsx(t.IconInfo,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"error":return e.jsx(t.IconError,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"warning":return e.jsx(t.IconWarning,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});case"success":return e.jsx(t.IconCheckCircle,{"aria-hidden":a,className:t.ComponentClassNames.AlertIcon});default:return null}};$.displayName="AlertIcon";const W=j.forwardRef(((s,a)=>{var{buttonRef:n,children:i,className:o,dismissButtonLabel:l=t.ComponentText.Alert.dismissButtonLabel,hasIcon:d=!0,heading:c,isDismissible:m=!1,onDismiss:u,variation:p}=s,h=r.__rest(s,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[C,g]=j.useState(!1),b=j.useCallback((()=>{g(!C),t.isFunction(u)&&u()}),[g,u,C]);return!C&&e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Alert,o,t.classNameModifier(t.ComponentClassNames.Alert,p)),"data-variation":p,ref:a,role:"alert"},h,{children:[d&&e.jsx($,{variation:p,ariaHidden:!0}),e.jsxs(t.View,Object.assign({flex:"1"},{children:[c&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertHeading},{children:c})),e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertBody},{children:i}))]})),m&&e.jsx(D,Object.assign({ariaLabel:l,variation:"link",className:t.ComponentClassNames.AlertDismiss,onClick:b,ref:n},{children:e.jsx(t.IconClose,{"aria-hidden":"true"})}))]}))}));W.displayName="Alert";const U=()=>{const{error:s}=k((e=>[e.error]));return e.jsx(e.Fragment,{children:s?e.jsx(W,Object.assign({variation:"error",isDismissible:!0},{children:a.translate(s)})):null})},Y=j.forwardRef(((s,a)=>{var{as:n="span",children:i,className:o}=s,l=r.__rest(s,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:y.default(t.ComponentClassNames.VisuallyHidden,o),ref:a},l,{children:i}))}));Y.displayName="VisuallyHidden";const{passwordIsHidden:K,passwordIsShown:Z,showPassword:X}=t.ComponentText.PasswordField,Q=j.forwardRef(((s,a)=>{var{fieldType:n,passwordIsHiddenLabel:i=K,passwordIsShownLabel:o=Z,showPasswordButtonLabel:l=X,size:d}=s,c=r.__rest(s,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return e.jsxs(D,Object.assign({"aria-checked":"password"!==n,ariaLabel:l,className:t.ComponentClassNames.FieldShowPassword,ref:a,role:"switch",size:d},c,{children:[e.jsx(Y,Object.assign({"aria-live":"polite"},{children:"password"===n?i:o})),"password"===n?e.jsx(t.IconVisibility,{size:d}):e.jsx(t.IconVisibilityOff,{size:d})]}))}));Q.displayName="ShowPasswordButton";const J=j.forwardRef(((s,a)=>{var{className:n,children:i,isVisible:o=!0,excludeFromTabOrder:l=!1}=s,d=r.__rest(s,["className","children","isVisible","excludeFromTabOrder"]);return o?e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupIcon,n),ref:a,tabIndex:l?-1:void 0},d,{children:i})):null}));J.displayName="FieldGroupIcon";const ee=j.forwardRef(((s,a)=>{var{children:n,className:i}=s,o=r.__rest(s,["children","className"]);return e.jsx(J,Object.assign({as:D,className:y.default(t.ComponentClassNames.FieldGroupIconButton,i),ref:a},o,{children:n}))}));ee.displayName="FieldGroupIconButton";const se=t.ComponentText.Fields.clearButtonLabel,ae=j.forwardRef(((s,a)=>{var{ariaLabel:n=se,size:i}=s,o=r.__rest(s,["ariaLabel","size"]);return e.jsx(ee,Object.assign({ariaLabel:n,ref:a},o,{children:e.jsx(t.IconClose,{size:i})}))}));ae.displayName="FieldClearButton";const te=s=>{var{descriptiveText:a,labelHidden:n}=s,i=r.__rest(s,["descriptiveText","labelHidden"]);return a?e.jsx(G,Object.assign({"data-testid":"qa-field-description",className:y.default(t.ComponentClassNames.FieldDescription,{[t.ComponentClassNames.VisuallyHidden]:n})},i,{children:a})):null};te.displayName="FieldDescription";const ne=s=>{var{errorMessage:a,hasError:n}=s,i=r.__rest(s,["errorMessage","hasError"]);return n&&a?e.jsx(G,Object.assign({className:t.ComponentClassNames.FieldErrorMessage},i,{children:a})):null};ne.displayName="FieldErrorMessage";const ie=j.forwardRef(((s,a)=>{var{children:n,className:i,innerEndComponent:o,innerStartComponent:l,orientation:d="horizontal",outerEndComponent:c,outerStartComponent:m,variation:u}=s,p=r.__rest(s,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const h=null!=o,C=null!=l?t.ComponentClassNames.FieldGroupHasInnerStart:null,g=h?t.ComponentClassNames.FieldGroupHasInnerEnd:null,b=y.default(t.ComponentClassNames.FieldGroup,C,g,t.classNameModifier(t.ComponentClassNames.FieldGroup,d),i);return e.jsxs(L,Object.assign({className:b,"data-orientation":d,ref:a},p,{children:[m&&e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupOuterStart,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterStart,u))},{children:m})),e.jsxs(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupFieldWrapper,t.classNameModifier(t.ComponentClassNames.FieldGroupFieldWrapper,d)),"data-orientation":d},{children:[l&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerStart},{children:l})),n,o&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerEnd},{children:o}))]})),c&&e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupOuterEnd,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterEnd,u))},{children:c}))]}))}));ie.displayName="FieldGroup";const re=j.forwardRef(((s,a)=>{var{autoComplete:n,checked:i,className:o,defaultChecked:l,defaultValue:d,id:c,isDisabled:m,isReadOnly:u,isRequired:p,size:h,type:C="text",hasError:g=!1,value:b,variation:f,onBlur:x,onChange:j,onCopy:N,onCut:v,onFocus:w,onInput:O,onPaste:F,onSelect:S,onWheel:P}=s,I=r.__rest(s,["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=y.default(t.ComponentClassNames.Input,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Input,f),t.classNameModifierByFlag(t.ComponentClassNames.Input,"error",g),t.classNameModifier(t.ComponentClassNames.Input,h),o);return e.jsx(t.View,Object.assign({"aria-invalid":g,as:"input",autoComplete:n,checked:i,className:T,"data-size":h,"data-variation":f,defaultChecked:l,defaultValue:d,isDisabled:m,id:c,onBlur:x,onChange:j,onCopy:N,onCut:v,onFocus:w,onInput:O,onPaste:F,onSelect:S,onWheel:P,readOnly:u,ref:a,required:p,type:C,value:b},I))}));re.displayName="Input";const oe=j.forwardRef(((s,a)=>{var{children:n,className:i,visuallyHidden:o}=s,l=r.__rest(s,["children","className","visuallyHidden"]);return e.jsx(t.View,Object.assign({as:"label",className:y.default(t.ComponentClassNames.Label,i,{[t.ComponentClassNames.VisuallyHidden]:o}),ref:a},l,{children:n}))}));oe.displayName="Label";const le=(e,s)=>!e.isMultiline,de=(e,s)=>e.isMultiline,ce=j.forwardRef(((s,a)=>{var{className:n,isReadOnly:i,isRequired:o,size:l,hasError:d=!1,variation:c}=s,m=r.__rest(s,["className","isReadOnly","isRequired","size","hasError","variation"]);const u=y.default(t.ComponentClassNames.Textarea,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Textarea,c),t.classNameModifier(t.ComponentClassNames.Textarea,l),t.classNameModifierByFlag(t.ComponentClassNames.Textarea,"error",d),n);return e.jsx(t.View,Object.assign({"aria-invalid":d,as:"textarea",className:u,"data-size":l,"data-variation":c,readOnly:i,ref:a,required:o},m))}));ce.displayName="TextArea";const me=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?j.useLayoutEffect:()=>{},ue=j["useId".toString()]||(()=>{});let pe=0;const he=e=>{const[s,a]=j.useState(ue());return me((()=>{e||a((e=>null!=e?e:String(pe++)))}),[e]),e||(s?`amplify-id-${s}`:"")},Ce=({shouldWarn:e,message:s})=>{j.useEffect((()=>{e&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV)&&console.warn(s)}),[e,s])},ge=(s,a)=>{const{className:n,descriptiveText:i,errorMessage:o,hasError:l=!1,id:d,label:c,labelHidden:m=!1,outerEndComponent:u,outerStartComponent:p,innerStartComponent:h,innerEndComponent:C,isMultiline:g,type:b,size:f,testId:x,variation:j,bottom:N,height:v,left:w,padding:O,position:F,right:S,top:P,width:I}=s,T=r.__rest(s,["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=he(d),k=he(),R=i?k:void 0,{flexContainerStyleProps:_,baseStyleProps:B,rest:V}=t.splitPrimitiveProps(T);Ce({shouldWarn:s.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let E=null;if((e=>e.isMultiline)(s)){const{rows:t}=s;E=e.jsx(ce,Object.assign({"aria-describedby":R,hasError:l,id:M,ref:de(s)?a:void 0,rows:null!=t?t:3,size:f,variation:j},B,V))}else if((e=>!e.isMultiline)(s)){const{type:t="text"}=s;E=e.jsx(re,Object.assign({"aria-describedby":R,hasError:l,id:M,ref:le(s)?a:void 0,size:f,type:t,variation:j},B,V))}return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,f),t.ComponentClassNames.TextField,n),bottom:N,"data-size":f,height:v,left:w,padding:O,position:F,right:S,testId:x,top:P,width:I},_,{children:[e.jsx(oe,Object.assign({htmlFor:M,visuallyHidden:m},{children:c})),e.jsx(te,{id:k,labelHidden:m,descriptiveText:i}),e.jsx(ie,Object.assign({outerStartComponent:p,outerEndComponent:u,innerStartComponent:h,innerEndComponent:C,variation:j},{children:E})),e.jsx(ne,{hasError:l,errorMessage:o})]}))},be=j.forwardRef(ge);ge.displayName="TextField";const fe=j.forwardRef(((s,a)=>{var{autoComplete:n="current-password",label:i,className:o,hideShowPassword:l=!1,passwordIsHiddenLabel:d,passwordIsShownLabel:c,showPasswordButtonLabel:m,showPasswordButtonRef:u,size:p}=s,h=r.__rest(s,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[C,g]=j.useState("password"),b=j.useCallback((()=>{g("password"===C?"text":"password")}),[g,C]);return e.jsx(be,Object.assign({autoComplete:n,isMultiline:!1,outerEndComponent:l?null:e.jsx(Q,{fieldType:C,onClick:b,passwordIsHiddenLabel:d,passwordIsShownLabel:c,ref:u,size:p,showPasswordButtonLabel:m}),size:p,type:C,label:i,className:y.default(t.ComponentClassNames.PasswordField,o),ref:a},h))}));fe.displayName="PasswordField";const xe=j.forwardRef(((s,a)=>{var{autoComplete:n,className:i,size:o,variation:l,value:d,defaultValue:c,hasError:m,icon:u=e.jsx(t.IconExpandMore,{}),iconColor:p,children:h,placeholder:C,isDisabled:g,isRequired:b}=s,f=r.__rest(s,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const x=void 0===d&&void 0===c&&C,j=y.default(t.ComponentClassNames.Select,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Select,o),t.classNameModifier(t.ComponentClassNames.Select,l),t.classNameModifierByFlag(t.ComponentClassNames.Select,"error",m),i);return e.jsxs(t.View,Object.assign({className:t.ComponentClassNames.SelectWrapper},{children:[e.jsxs(t.View,Object.assign({"aria-invalid":m,as:"select",autoComplete:n,value:d,defaultValue:x?"":c,isDisabled:g,required:b,"data-size":o,"data-variation":l,className:j,ref:a},f,{children:[C&&e.jsx("option",Object.assign({value:""},{children:C})),h]})),e.jsx(L,Object.assign({className:t.ComponentClassNames.SelectIconWrapper,color:p},{children:u}))]}))}));xe.displayName="Select";const je=({children:s,options:a})=>s?((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."),s):null==a?void 0:a.map(((s,a)=>e.jsx("option",Object.assign({label:s,value:s},{children:s}),`${s}-${a}`))),Ne=j.forwardRef(((s,a)=>{const{children:n,className:i,descriptiveText:o,errorMessage:l,hasError:d=!1,id:c,label:m,labelHidden:u=!1,options:p,size:h,testId:C}=s,g=r.__rest(s,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),b=he(c),f=he(),x=o?f:void 0,{flexContainerStyleProps:j,baseStyleProps:N,rest:v}=t.splitPrimitiveProps(g);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.SelectField,i),"data-size":h,testId:C},N,j,{children:[e.jsx(oe,Object.assign({htmlFor:b,visuallyHidden:u},{children:m})),e.jsx(te,{id:f,labelHidden:u,descriptiveText:o}),e.jsx(xe,Object.assign({"aria-describedby":x,hasError:d,id:b,ref:a,size:h},v,{children:je({children:n,options:p})})),e.jsx(ne,{hasError:d,errorMessage:l})]}))}));Ne.displayName="SelectField";const ve=j.forwardRef(((s,n)=>{var{className:i,dialCodeList:o,isReadOnly:l}=s,d=r.__rest(s,["className","dialCodeList","isReadOnly"]);const c=null!=o?o:a.countryDialCodes,m=j.useMemo((()=>c.map((s=>e.jsx("option",Object.assign({value:s,disabled:l},{children:s}),s)))),[c,l]);return e.jsx(Ne,Object.assign({"aria-disabled":l,autoComplete:"tel-country-code",className:y.default(t.ComponentClassNames.CountryCodeSelect,i),labelHidden:!0,ref:n},d,{children:m}))}));ve.displayName="CountryCodeSelect";const ye=j.forwardRef(((s,a)=>{var{autoComplete:n="tel-national",className:i,countryCodeName:o,countryCodeLabel:l=t.ComponentText.PhoneNumberField.countryCodeLabel,defaultCountryCode:d,hasError:c,isDisabled:m,isReadOnly:u,onCountryCodeChange:p,onInput:h,size:C,type:g,variation:b,countryCodeRef:f,dialCodeList:x}=s,j=r.__rest(s,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","isReadOnly","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return e.jsx(be,Object.assign({outerStartComponent:e.jsx(ve,{defaultValue:d,dialCodeList:x,className:i,hasError:c,isDisabled:m,isReadOnly:u,label:l,name:o,onChange:p,ref:f,size:C,variation:b}),autoComplete:n,className:y.default(t.ComponentClassNames.PhoneNumberField,i),hasError:c,isDisabled:m,isReadOnly:u,isMultiline:!1,onInput:h,ref:a,size:C,type:"tel",variation:b},j))}));ye.displayName="PhoneNumberField";const we=({errors:s,id:n})=>(null==s?void 0:s.length)>0?e.jsx(t.View,Object.assign({"data-amplify-sign-up-errors":!0,id:n},{children:s.map((s=>e.jsx(G,Object.assign({role:"alert",variation:"error"},{children:a.translate(s)}),s)))})):null;function Oe(s){var{autocomplete:t,dialCode:n,name:i,type:o}=s,l=r.__rest(s,["autocomplete","dialCode","name","type"]);const{validationErrors:d}=k((({validationErrors:e})=>[e])),c=j.useMemo((()=>a.getErrors(d[i])),[i,d]),m=(null==c?void 0:c.length)>0,u=he(),p=m?u:void 0;return"tel"===o?e.jsxs(e.Fragment,{children:[e.jsx(ye,Object.assign({},l,{name:i,defaultCountryCode:n,countryCodeName:"country_code",autoComplete:t,hasError:m,"aria-describedby":p})),e.jsx(we,{errors:c,id:u})]}):"password"===o?e.jsxs(e.Fragment,{children:[e.jsx(fe,Object.assign({},l,{name:i,autoComplete:t,hasError:m,"aria-describedby":p})),e.jsx(we,{errors:c,id:u})]}):e.jsxs(e.Fragment,{children:[e.jsx(be,Object.assign({},l,{name:i,autoComplete:t,hasError:m,type:o,"aria-describedby":p})),e.jsx(we,{errors:c,id:u})]})}function Fe(){const{_state:s,route:t}=k((({route:e})=>[e])),n=j.useRef(a.getSortedFormFields(t,s).flatMap((([s,a],t)=>e.jsx(Oe,Object.assign({name:s},a),t)))).current;return e.jsx(e.Fragment,{children:n})}function Se({className:s,variation:t}){const{isPending:n,resendCode:i,codeDeliveryDetails:{DeliveryMedium:r,Destination:o}={}}=k((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:l,handleSubmit:d}=q(),{components:{ConfirmSignUp:{Header:c=Se.Header,Footer:m=Se.Footer}}}=_(),u=a.translate("Your code is on the way. To log in, enter the code we emailed to"),p=a.translate("Your code is on the way. To log in, enter the code we texted to"),h=a.translate("Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive."),C=a.translate("It may take a minute to arrive."),g="EMAIL"===r?`${u} ${o}. ${C}`:"SMS"===r?`${p} ${o}. ${C}`:a.translate(`${h}`);return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:l,onSubmit:d},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(c,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(G,Object.assign({className:"amplify-authenticator__subtitle"},{children:g})),e.jsx(Fe,{}),e.jsx(U,{}),e.jsx(D,Object.assign({variation:"primary",isDisabled:n,type:"submit",loadingText:a.translate("Confirming"),isLoading:n,fontWeight:"normal"},{children:a.translate("Confirm")})),e.jsx(D,Object.assign({onClick:i,type:"button",fontWeight:"normal"},{children:a.translate("Resend Code")}))]})),e.jsx(m,{})]}))}))}))}Se.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:s}={}}=k((e=>[e.codeDeliveryDetails])),t="EMAIL"===s?a.translate("We Emailed You"):"SMS"===s?a.translate("We Texted You"):a.translate("We Sent A Code");return e.jsx(A,Object.assign({level:4},{children:t}))},Se.Footer=function(){return null};const Pe=({className:s,variation:t})=>{const{isPending:n,toSignIn:i}=k((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:l}=q(),{components:{ForceNewPassword:{FormFields:d=Pe.FormFields}}}=_();return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:o,onSubmit:l,onBlur:r},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(A,Object.assign({level:3},{children:a.translate("Change Password")})),e.jsx(d,{}),e.jsx(U,{}),e.jsx(D,Object.assign({isDisabled:n,type:"submit",variation:"primary",isLoading:n,loadingText:a.translate("Changing"),fontWeight:"normal"},{children:a.translate("Change Password")})),e.jsx(D,Object.assign({onClick:i,type:"button",fontWeight:"normal",variation:"link",size:"small"},{children:a.translate("Back to Sign In")}))]}))}))}))};Pe.FormFields=function(){return e.jsx(Fe,{})};const Ie=()=>{const{isPending:s,toSignIn:t}=k((e=>[e.isPending,e.toSignIn]));return e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(D,Object.assign({isDisabled:s,type:"submit",variation:"primary",fontWeight:"normal",isLoading:s,loadingText:a.translate("Confirming")},{children:a.translate("Confirm")})),e.jsx(D,Object.assign({onClick:t,type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:a.translate("Back to Sign In")}))]}))},Te=new d.Logger("SetupTOTP-logger"),Me=({className:s,variation:t})=>{var n,i;const{_state:o,isPending:l}=k((e=>[e.isPending])),{handleChange:c,handleSubmit:m}=q(),{components:{SetupTOTP:{Header:u=Me.Header,Footer:p=Me.Footer}}}=_(),[h,C]=j.useState(!0),[g,b]=j.useState(),[f,x]=j.useState("COPY"),[N,v]=j.useState(""),y=a.getActorState(o),{formFields:O,user:F}=y.context,{totpIssuer:S="AWSCognito",totpUsername:P=F.username}=null!==(i=null===(n=null==O?void 0:O.setupTOTP)||void 0===n?void 0:n.QR)&&void 0!==i?i:{},I=j.useCallback((e=>r.__awaiter(void 0,void 0,void 0,(function*(){try{const a=yield d.Auth.setupTOTP(e);v(a);const t=(s=S,encodeURI(`otpauth://totp/${s}:${P}?secret=${a}&issuer=${s}`)),n=yield w.default.toDataURL(t);b(n)}catch(e){Te.error(e)}finally{C(!1)}var s}))),[S,P]);j.useEffect((()=>{F&&I(F)}),[I,F]);return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:c,onSubmit:m},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:l},{children:[e.jsx(u,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[h?e.jsxs("p",{children:[a.translate("Loading"),"…"]}):e.jsx("img",{"data-amplify-qrcode":!0,src:g,alt:"qr code",width:"228",height:"228"}),e.jsxs(L,Object.assign({"data-amplify-copy":!0},{children:[e.jsx("div",{children:N}),e.jsxs(L,Object.assign({"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(N),x(a.translate("COPIED"))}},{children:[e.jsx("div",Object.assign({"data-amplify-copy-tooltip":!0},{children:f})),e.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("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"})}))]}))]})),e.jsx(Fe,{}),e.jsx(U,{})]})),e.jsx(Ie,{}),e.jsx(p,{})]}))}))}))};Me.Header=function(){return e.jsx(A,Object.assign({level:3},{children:a.translate("Setup TOTP")}))},Me.Footer=function(){return null};const ke=s=>{const{cancelButtonSendType:t,cancelButtonText:n,submitButtonText:i}=s,{_send:r,isPending:o}=k((e=>[e.isPending])),l=o?e.jsxs(e.Fragment,{children:[a.translate("Submitting"),"…"]}):e.jsx(e.Fragment,{children:a.translate("Submit")}),d=i||l;return e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(D,Object.assign({fontWeight:"normal",variation:"primary",isDisabled:o,type:"submit"},{children:d})),e.jsx(D,Object.assign({onClick:()=>r({type:t}),type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:n}))]}))},Re=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,_e=j.forwardRef(((s,a)=>{var{ariaLabel:n,children:i,className:o,defaultIndex:l=0,currentIndex:d,onChange:m,indicatorPosition:u,spacing:p}=s,h=r.__rest(s,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const C=j.Children.map(i,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:Re(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),g={defaultValue:l.toString(),value:null!=d?d.toString():void 0,onValueChange:m};return e.jsxs(c.Root,Object.assign({},g,{children:[e.jsx(c.List,Object.assign({"aria-label":n},{children:e.jsx(L,Object.assign({className:y.default(t.ComponentClassNames.Tabs,o),"data-indicator-position":u,ref:a},h,{children:j.Children.map(i,((e,s)=>Re(e)?j.cloneElement(e,{"data-spacing":p,key:s,value:`${s}`}):null))}))})),C.map(((s,a)=>e.jsx(c.Content,Object.assign({value:`${a}`},{children:s.children}),a)))]}))})),Be=j.forwardRef(((s,a)=>{var{className:n,title:i}=s,o=r.__rest(s,["className","title"]);return e.jsx(t.View,Object.assign({as:c.Trigger,className:y.default(t.ComponentClassNames.TabItems,n),ref:a},o,{children:i}))}));_e.displayName="Tabs",Be.displayName="TabItem";const Ve=j.forwardRef(((s,a)=>{var{className:n,orientation:i="horizontal",size:o,label:l}=s,d=r.__rest(s,["className","orientation","size","label"]);const c=y.default(t.ComponentClassNames.Divider,t.classNameModifier(t.ComponentClassNames.Divider,i),t.classNameModifier(t.ComponentClassNames.Divider,o),l?t.ComponentClassNames.DividerLabel:null,n);return e.jsx(t.View,Object.assign({"aria-orientation":i,as:"hr",className:c,"data-size":o,"data-label":l,ref:a},d))}));Ve.displayName="Divider";const Le={minX:0,minY:0,width:24,height:24},Ee=j.forwardRef(((a,n)=>{var{className:i,as:o="svg",fill:l="currentColor",pathData:d,viewBox:c=Le,children:m,paths:u}=a,p=r.__rest(a,["className","as","fill","pathData","viewBox","children","paths"]);const h=c.minX?c.minX:Le.minX,C=c.minY?c.minY:Le.minY,g=c.width?c.width:Le.width,b=c.height?c.height:Le.height;let f;return m&&(f=m),u&&(f=u.map(((e,a)=>s.createElement("path",Object.assign({},e,{key:a}))))),d&&(f=e.jsx("path",{d:d,fill:l})),e.jsx(t.View,Object.assign({as:o,className:y.default(t.ComponentClassNames.Icon,i),ref:n,viewBox:`${h} ${C} ${g} ${b}`},p,{children:f}))}));Ee.displayName="Icon";const He=()=>e.jsx("svg",Object.assign({"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"},{children:e.jsx("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"})})),De=()=>e.jsxs("svg",Object.assign({"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"},{children:[e.jsx("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.jsx("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.jsx("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.jsx("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"})]})),ze=()=>e.jsx(Ee,{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"}),Ae=()=>e.jsxs("svg",Object.assign({"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"},{children:[e.jsx("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.jsx("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"})]})),Ge=s=>{const{icon:a,provider:t,text:n}=s,{_send:i}=k((()=>[]));let r;return"facebook"===a?r=e.jsx(ze,{}):"google"===a?r=e.jsx(De,{}):"amazon"===a?r=e.jsx(Ae,{}):"apple"===a&&(r=e.jsx(He,{})),e.jsxs(D,Object.assign({onClick:e=>{e.preventDefault(),i({type:"FEDERATED_SIGN_IN",data:{provider:t}})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},{children:[r,e.jsx(G,Object.assign({as:"span"},{children:n}))]}))};function qe(){const{_state:s,route:t}=k((e=>[e.route])),{socialProviders:n=[]}=s.context.config;if(0===n.length)return null;const i="signUp"===t?"Up":"In";return e.jsxs(L,Object.assign({direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},{children:[n.map((s=>{switch(s){case"amazon":return e.jsx(Ge,{icon:"amazon",provider:a.FederatedIdentityProviders.Amazon,text:a.translate(`Sign ${i} with Amazon`)},s);case"apple":return e.jsx(Ge,{icon:"apple",provider:a.FederatedIdentityProviders.Apple,text:a.translate(`Sign ${i} with Apple`)},s);case"facebook":return e.jsx(Ge,{icon:"facebook",provider:a.FederatedIdentityProviders.Facebook,text:a.translate(`Sign ${i} with Facebook`)},s);case"google":return e.jsx(Ge,{icon:"google",provider:a.FederatedIdentityProviders.Google,text:a.translate(`Sign ${i} with Google`)},s);default:console.error(`Authenticator does not support ${s}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),e.jsx(Ve,{size:"small",label:"or"})]}))}function $e(){const{isPending:s}=k((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=q(),{components:{SignIn:{Header:r=$e.Header,Footer:o=$e.Footer}}}=_();return e.jsxs(t.View,{children:[e.jsx(r,{}),e.jsxs("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:i,onChange:n},{children:[e.jsx(qe,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:s},{children:[e.jsx(Y,{children:e.jsx("legend",{children:a.translate("Sign in")})}),e.jsx(Fe,{})]})),e.jsx(U,{}),e.jsx(D,Object.assign({isDisabled:s,isFullWidth:!0,type:"submit",variation:"primary",isLoading:s,loadingText:a.translate("Signing in")},{children:a.translate("Sign in")}))]}))]})),e.jsx(o,{})]})}function We(){const{hasValidationErrors:s,isPending:n}=k((e=>[e.hasValidationErrors,e.isPending])),{handleChange:i,handleBlur:r,handleSubmit:o}=q(),{components:{SignUp:{Header:l=We.Header,FormFields:d=We.FormFields,Footer:c=We.Footer}}}=_();return e.jsxs(t.View,{children:[e.jsx(l,{}),e.jsxs("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:i,onSubmit:o,onBlur:r},{children:[e.jsx(qe,{}),e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(d,{}),e.jsx(U,{})]})),e.jsx(D,Object.assign({isDisabled:s||n,isFullWidth:!0,type:"submit",variation:"primary",isLoading:n,loadingText:a.translate("Creating Account")},{children:a.translate("Create Account")}))]}))]})),e.jsx(c,{})]})}$e.Footer=()=>{const{toResetPassword:s}=k((e=>[e.toResetPassword])),n=a.hasTranslation("Forgot your password? ")?a.translate("Forgot your password? "):a.translate("Forgot your password?");return e.jsx(t.View,Object.assign({"data-amplify-footer":""},{children:e.jsx(D,Object.assign({fontWeight:"normal",onClick:s,size:"small",variation:"link"},{children:n}))}))},$e.Header=function(){return null},We.Header=function(){return null},We.FormFields=function(){return e.jsx(Fe,{})},We.Footer=function(){return null};const Ue=({className:s,hideSignUp:n,variation:i})=>{const{route:r,toSignIn:o,toSignUp:l}=k((e=>[e.route,e.toSignIn,e.toSignUp]));return e.jsx(V,Object.assign({className:s,variation:i},{children:n?e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx($e,{})})):e.jsxs(_e,Object.assign({indicatorPosition:"top",currentIndex:"signIn"===r?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===r?l():o()},{children:[e.jsx(Be,Object.assign({title:a.translate("Sign In")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx($e,{})}))})),e.jsx(Be,Object.assign({title:a.translate("Create Account")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signUp"===r&&e.jsx(We,{})}))}))]}))}))},Ye=({className:s,variation:t})=>{const{isPending:n}=k((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=q(),{components:{ConfirmVerifyUser:{Header:o=Ye.Header,Footer:l=Ye.Footer}}}=_();return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:i,onSubmit:r},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(L,Object.assign({direction:"column"},{children:e.jsx(Fe,{})})),e.jsx(U,{}),e.jsx(ke,{cancelButtonText:a.translate("Skip"),cancelButtonSendType:"SKIP"}),e.jsx(l,{})]}))}))}))};Ye.Header=function(){return e.jsx(A,Object.assign({level:3},{children:a.translate("Account recovery requires verified contact information")}))},Ye.Footer=function(){return null};const Ke=N.default.createContext({name:"default"}),Ze=j.forwardRef(((a,n)=>{var{children:i,className:o,id:l,isDisabled:d,testId:c,value:m,labelPosition:u,height:p,width:h,bottom:C,left:g,position:b,padding:f,right:x,top:j}=a,N=r.__rest(a,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:v,defaultValue:w,name:O,hasError:F,isGroupDisabled:S,isRequired:P,isReadOnly:I,onChange:T,size:M,labelPosition:k}=s.useContext(Ke),R=S||d||I&&w!==m,_=void 0!==v?m===v:void 0,B=void 0!==w?m===w:void 0,V=u||k;return e.jsxs(L,Object.assign({as:"label",className:y.default(t.ComponentClassNames.Radio,t.classNameModifierByFlag(t.ComponentClassNames.Radio,"disabled",R),o),"data-disabled":R,"data-label-position":V,width:h,bottom:C,top:j,right:x,left:g,position:b,padding:f},{children:[i&&e.jsx(G,Object.assign({as:"span",className:t.ComponentClassNames.RadioLabel,"data-disabled":R},{children:i})),e.jsx(re,Object.assign({checked:_,className:y.default(t.ComponentClassNames.VisuallyHidden,t.ComponentClassNames.RadioInput),defaultChecked:B,hasError:F,id:l,isDisabled:R,isReadOnly:I,isRequired:P,onChange:T,ref:n,type:"radio",name:O,value:m},N)),e.jsx(L,{"aria-hidden":"true",as:"span",className:y.default(t.ComponentClassNames.RadioButton,t.classNameModifier(t.ComponentClassNames.RadioButton,M)),"data-size":M,testId:c})]}))}));Ze.displayName="Radio";const Xe=j.forwardRef(((s,a)=>{var{children:n,className:i,defaultValue:o,descriptiveText:l,errorMessage:d,hasError:c=!1,id:m,isDisabled:u,isRequired:p,isReadOnly:h,label:C,labelHidden:g=!1,labelPosition:b,onChange:f,name:x,size:N,value:v}=s,w=r.__rest(s,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const O=he(m),F=he(),S=he(),P=l?S:void 0,I=j.useMemo((()=>({currentValue:v,defaultValue:o,hasError:c,isRequired:p,isReadOnly:h,isGroupDisabled:u,onChange:f,size:N,name:x,labelPosition:b})),[o,c,u,p,h,f,N,x,v,b]);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.RadioGroupField,i),"data-size":N,ref:a},w,{children:[e.jsx(oe,Object.assign({id:F,visuallyHidden:g},{children:C})),e.jsx(te,{id:S,labelHidden:g,descriptiveText:l}),e.jsx(L,Object.assign({"aria-describedby":P,"aria-labelledby":F,className:t.ComponentClassNames.RadioGroup,id:O,role:"radiogroup"},{children:e.jsx(Ke.Provider,Object.assign({value:I},{children:n}))})),e.jsx(ne,{hasError:c,errorMessage:d})]}))}));Xe.displayName="RadioGroupField";const Qe=(e,s)=>{const t=a.translate(e);let n=s;if("Phone Number"===e)n=a.censorPhoneNumber(s);else if("Email"===e){const e=s.split("@");n=`${a.censorAllButFirstAndLast(e[0])}@${e[1]}`}return`${t}: ${n}`},Je=s=>{const t=[];for(const[n,i]of Object.entries(s)){const s=e.jsx(Ze,Object.assign({name:"unverifiedAttr",value:n},{children:Qe(a.defaultFormFieldOptions[n].label,i)}),n);t.push(s)}return t},es=({className:s,variation:t})=>{const{components:{VerifyUser:{Header:n=es.Header,Footer:i=es.Footer}}}=_(),{_state:r,isPending:o}=k((e=>[e.isPending])),{handleChange:l,handleSubmit:d}=q(),c=a.getActorContext(r),m=o?e.jsx(e.Fragment,{children:"Verifying…"}):e.jsx(e.Fragment,{children:a.translate("Verify")}),u=e.jsx(Xe,Object.assign({label:a.translate("Verify Contact"),labelHidden:!0,name:"verify_context",isDisabled:o},{children:Je(c.unverifiedAttributes)}));return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:l,onSubmit:d},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:o},{children:[e.jsx(n,{}),u,e.jsx(U,{}),e.jsx(ke,{cancelButtonText:a.translate("Skip"),cancelButtonSendType:"SKIP",submitButtonText:m}),e.jsx(i,{})]}))}))}))};es.Header=function(){return e.jsx(A,Object.assign({level:3},{children:a.translate("Account recovery requires verified contact information")}))},es.Footer=function(){return null};const ss=({className:s,variation:a})=>{const{isPending:t}=k((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=q(),{components:{ConfirmSignIn:{Header:r=ss.Header,Footer:o=ss.Footer}}}=_();return e.jsx(V,Object.assign({className:s,variation:a},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:i},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:t},{children:[e.jsx(r,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(Fe,{}),e.jsx(U,{})]})),e.jsx(Ie,{}),e.jsx(o,{})]}))}))}))};ss.Header=function(){const{_state:s}=k(),t=a.getActorState(s),{challengeName:n}=t.context;let i;switch(n){case a.AuthChallengeNames.SMS_MFA:i=a.translate("Confirm SMS Code");break;case a.AuthChallengeNames.SOFTWARE_TOKEN_MFA:i=a.translate("Confirm TOTP Code");break;default:throw new Error(`${a.translate("Unexpected challengeName encountered in ConfirmSignIn:")} ${n}`)}return e.jsx(A,Object.assign({level:3},{children:i}))},ss.Footer=function(){return null};const as=({className:s,variation:t})=>{const{isPending:n}=k((e=>[e.isPending])),{handleBlur:i,handleChange:r,handleSubmit:o}=q(),{components:{ConfirmResetPassword:{Header:l=as.Header,Footer:d=as.Footer}}}=_();return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:o,onChange:r,onBlur:i},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(l,{}),e.jsx(L,Object.assign({direction:"column"},{children:e.jsx(Fe,{})})),e.jsx(U,{}),e.jsx(ke,{cancelButtonSendType:"RESEND",cancelButtonText:a.translate("Resend Code")}),e.jsx(d,{})]}))}))}))};as.Header=function(){const s=a.translate("Reset your password");return e.jsx(A,Object.assign({level:3},{children:s}))},as.Footer=function(){return null};const ts=({className:s,variation:t})=>{const{isPending:n}=k((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=q(),{components:{ResetPassword:{Header:o=ts.Header,Footer:l=ts.Footer}}}=_();return e.jsx(V,Object.assign({className:s,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:i,onSubmit:r},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(L,Object.assign({direction:"column"},{children:e.jsx(Fe,{})})),e.jsx(U,{}),e.jsx(ke,{cancelButtonText:a.translate("Back to Sign In"),cancelButtonSendType:"SIGN_IN",submitButtonText:n?e.jsxs(e.Fragment,{children:[a.translate("Sending"),"…"]}):e.jsx(e.Fragment,{children:a.translate("Send code")})}),e.jsx(l,{})]}))}))}))};ts.Header=function(){return e.jsx(A,Object.assign({level:3},{children:a.translate("Reset your password")}))},ts.Footer=function(){return null};const ns=e=>"signIn"===e||"signUp"===e;function is(){return null}function rs({className:a,hideSignUp:t,variation:n}){const{route:i}=k((({route:e})=>[e])),r=s.useMemo((()=>(e=>{switch(e){case"authenticated":case"idle":case"setup":case"autoSignIn":return is;case"confirmSignUp":return Se;case"confirmSignIn":return ss;case"setupTOTP":return Me;case"signIn":case"signUp":return Ue;case"forceNewPassword":return Pe;case"resetPassword":return ts;case"confirmResetPassword":return as;case"verifyUser":return es;case"confirmVerifyUser":return Ye;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),is}})(i)),[i]);return e.jsx(r,{className:a,hideSignUp:ns(i)?t:void 0,variation:n})}const os={Header:()=>null,SignIn:{Header:$e.Header,Footer:$e.Footer},SignUp:{Header:We.Header,FormFields:We.FormFields,Footer:We.Footer},ConfirmSignUp:{Header:Se.Header,Footer:Se.Footer},SetupTOTP:{Header:Me.Header,Footer:Me.Footer},ConfirmResetPassword:{Header:as.Header,Footer:as.Footer},ConfirmSignIn:{Header:ss.Header,Footer:ss.Footer},VerifyUser:{Header:es.Header,Footer:es.Footer},ConfirmVerifyUser:{Header:Ye.Header,Footer:Ye.Footer},ForceNewPassword:{FormFields:Pe.FormFields},ResetPassword:{Header:ts.Header,Footer:ts.Footer},Footer:()=>null};function ls({children:s,className:a,components:t,formFields:n,hideSignUp:i,initialState:r,loginMechanisms:o,signUpAttributes:l,services:d,socialProviders:c,variation:m}){const{route:u,signOut:p,user:h}=k((({route:e,signOut:s,user:a})=>[e,s,a]));!function(e){const{_send:s,route:a}=k((({route:e})=>[e])),t=j.useRef(!1);j.useEffect((()=>{t.current||"setup"!==a||(s({type:"INIT",data:e}),t.current=!0)}),[s,a,e])}({initialState:r,loginMechanisms:o,services:d,signUpAttributes:l,socialProviders:c,formFields:n});const C=j.useMemo((()=>({components:Object.assign(Object.assign({},os),t)})),[t]);return"authenticated"===u||"signOut"===u?s?e.jsx(e.Fragment,{children:"function"==typeof s?s({signOut:p,user:h}):s}):null:e.jsx(R.Provider,Object.assign({value:C},{children:e.jsx(rs,{className:a,hideSignUp:i,variation:m})}))}function ds(s){return e.jsx(M,{children:e.jsx(ls,Object.assign({},s))})}function cs(s,a={}){const{variation:t="modal"}=a;return function(n){return e.jsx(ds,Object.assign({variation:t},a,{children:a=>e.jsx(s,Object.assign({},n,a))}))}}ds.Provider=M,ds.ResetPassword=ts,ds.SetupTOTP=Me,ds.SignIn=$e,ds.SignUp=We,ds.ForceNewPassword=Pe;const ms=s.forwardRef(((a,t)=>{var n,{mapLib:i,mapStyle:o,style:l}=a,c=r.__rest(a,["mapLib","mapStyle","style"]);const m=d.Amplify.configure(),p=s.useMemo((()=>{var e,s,a,t;return null!==(t=null!==(s=null===(e=m.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==s?s:null===(a=m.geo)||void 0===a?void 0:a.AmazonLocationService)&&void 0!==t?t:{}}),[m]),[h,C]=s.useState(),g=s.useMemo((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},l)),[l]);return s.useEffect((()=>{r.__awaiter(void 0,void 0,void 0,(function*(){const e=yield d.Auth.currentUserCredentials();if(e){const{region:s}=p,{transformRequest:a}=new u.AmplifyMapLibreRequest(e,s);C((()=>a))}}))}),[p]),h?e.jsx(F.default,Object.assign({},c,{mapLib:null!=i?i:O.default,mapStyle:null!=o?o:null===(n=p.maps)||void 0===n?void 0:n.default,ref:t,style:g,transformRequest:h})):null}));ms.displayName="MapView";const us={maplibregl:O.default,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},ps=e=>{var{position:s="top-right"}=e,a=r.__rest(e,["position"]);return p.useControl((()=>u.createAmplifyGeocoder(a)),{position:s}),null},hs=a=>{const t=s.useRef(!1);return s.useEffect((()=>{t.current||(u.createAmplifyGeocoder(a).addTo("#geocoder-container"),t.current=!0)}),[a]),e.jsx("div",{id:"geocoder-container"})},Cs=s=>{const{current:a}=p.useMap();return a?e.jsx(ps,Object.assign({},us,s)):e.jsx(hs,Object.assign({},us,s))},gs=Cs;var bs=Object.freeze({__proto__:null,AmplifyProvider:P,ThemeProvider:I,Authenticator:ds,useAuthenticator:k,withAuthenticator:cs,MapView:ms,Geocoder:gs,LocationSearch:Cs});const fs=j.forwardRef(((s,a)=>{var{className:n,children:i,variation:o,size:l}=s,d=r.__rest(s,["className","children","variation","size"]);const c=y.default(t.ComponentClassNames.Badge,n,t.classNameModifier(t.ComponentClassNames.Badge,o),t.classNameModifier(t.ComponentClassNames.Badge,l));return e.jsx(t.View,Object.assign({as:"span",className:c,"data-variation":o,"data-size":l,ref:a},d,{children:i}))}));fs.displayName="Badge";const xs=j.forwardRef(((s,a)=>{var{className:n,children:i,role:o="group",size:l,variation:d}=s,c=r.__rest(s,["className","children","role","size","variation"]);return e.jsx(L,Object.assign({className:y.default(t.ComponentClassNames.ButtonGroup,n),role:o,ref:a},c,{children:j.Children.map(i,(e=>j.isValidElement(e)?j.cloneElement(e,{size:l,variation:d}):e))}))}));xs.displayName="ButtonGroup";const js=j.forwardRef(((s,a)=>{var{className:n,children:i,variation:o}=s,l=r.__rest(s,["className","children","variation"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Card,t.classNameModifier(t.ComponentClassNames.Card,o),n),"data-variation":o,ref:a},l,{children:i}))}));js.displayName="Card";const Ns=(e,s)=>e&&s?`${e}-${s}`:void 0,vs=j.forwardRef(((a,n)=>{var{checked:i,className:o,defaultChecked:l,hasError:d,isDisabled:c,isIndeterminate:m,label:u,labelHidden:p,labelPosition:h,onChange:C,testId:g}=a,b=r.__rest(a,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId"]);const{baseStyleProps:f,flexContainerStyleProps:x,rest:N}=t.splitPrimitiveProps(b),v=void 0!==i?i:l,{dataChecked:w,dataFocus:O,onBlur:F,onChange:S,onFocus:P,setDataChecked:I}=((e,a)=>{const[n,i]=s.useState(e),[r,o]=s.useState(!1);return{dataChecked:n,dataFocus:r,onBlur:()=>{o(!1)},onChange:e=>{i(e.target.checked),t.isFunction(a)&&a(e)},onFocus:()=>{o(!0)},setDataChecked:i}})(v,C);j.useEffect((()=>{void 0!==i&&i!==w&&I(i)}),[i,w,I]);const T=he();j.useEffect((()=>{document.querySelector(`[data-id="${T}"]`).indeterminate=m}),[T,m]);const M=Ns(g,t.ComponentClassNames.CheckboxButton),k=Ns(g,t.ComponentClassNames.CheckboxIcon),R=Ns(g,t.ComponentClassNames.CheckboxLabel),_=y.default(t.ComponentClassNames.CheckboxButton,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"disabled",c),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"error",d),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"focused",O)),B=y.default(t.ComponentClassNames.CheckboxIcon,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"disabled",c)),V=j.useMemo((()=>m?e.jsx(t.IconIndeterminate,{className:y.default(B,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"indeterminate",m)),"data-testid":k}):e.jsx(t.IconCheck,{className:B,"data-checked":w,"data-disabled":c,"data-testid":k})),[w,B,k,c,m]);return e.jsxs(L,Object.assign({as:"label",className:y.default(t.ComponentClassNames.Checkbox,t.classNameModifierByFlag(t.ComponentClassNames.Checkbox,"disabled",c),o),"data-disabled":c,"data-label-position":h,testId:g},f,x,{children:[e.jsx(Y,{children:e.jsx(re,Object.assign({checked:i,className:t.ComponentClassNames.CheckboxInput,"data-id":T,defaultChecked:l,isDisabled:c,onBlur:F,onChange:S,onFocus:P,ref:n,type:"checkbox"},N))}),u&&e.jsx(G,Object.assign({as:"span",className:y.default(t.ComponentClassNames.CheckboxLabel,{[t.ComponentClassNames.VisuallyHidden]:p}),"data-disabled":c,testId:R},{children:u})),e.jsx(L,Object.assign({"aria-hidden":"true",as:"span",className:_,"data-checked":w,"data-disabled":c,"data-focus":O,"data-error":d,testId:M},{children:V}))]}))}));vs.displayName="Checkbox";const ys=j.forwardRef(((s,a)=>{var{className:n,errorMessage:i,hasError:o=!1,labelHidden:l=!1,labelPosition:d,testId:c,size:m}=s,u=r.__rest(s,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const p=Ns(c,t.ComponentClassNames.Checkbox);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.CheckboxField,t.classNameModifier(t.ComponentClassNames.Field,m),n),"data-size":m,testId:c},{children:[e.jsx(vs,Object.assign({hasError:o,labelHidden:l,testId:p,labelPosition:d,ref:a},u)),e.jsx(ne,{hasError:o,errorMessage:i})]}))}));ys.displayName="CheckboxField";const ws=j.forwardRef(((s,a)=>{var{className:n,children:i}=s,o=r.__rest(s,["className","children"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Grid,n),ref:a},o,{children:i}))}));ws.displayName="Grid";const Os=s=>{var{type:a,page:n,currentPage:i,currentPageLabel:o=t.ComponentText.PaginationItem.currentPageLabel,isDisabled:l,onClick:d,ariaLabel:c}=s,m=r.__rest(s,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const u=j.useCallback((()=>{d(n,i)}),[n,i,d]),p=j.useCallback((()=>{d()}),[d]),h=j.useCallback((()=>{d()}),[d]),C=y.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",l)),g=y.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",l));switch(a){case"page":return e.jsx(t.View,Object.assign({as:"li"},{children:n===i?e.jsxs(L,Object.assign({"aria-current":"page",as:"button",className:t.ComponentClassNames.PaginationItemCurrent,testId:"current"},m,{children:[e.jsxs(Y,{children:[o,":"]}),n]})):e.jsx(D,Object.assign({className:y.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:u,ariaLabel:c},m,{children:n}))}));case"next":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(D,Object.assign({className:C,size:"small",variation:"link",isDisabled:l,onClick:h,ariaLabel:c},m,{children:e.jsx(t.IconChevronRight,{size:"large"})}))}));case"previous":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(D,Object.assign({className:g,size:"small",variation:"link",isDisabled:l,onClick:p,ariaLabel:c},m,{children:e.jsx(t.IconChevronLeft,{size:"large"})}))}));case"ellipsis":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(L,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},m,{children:"…"}))}))}return e.jsx(t.View,{as:"li"})};Os.displayName="PaginationItem";const Fs=(s,a,n,i,r=t.ComponentText.PaginationItem.currentPageLabel,o=t.ComponentText.PaginationItem.pageLabel,l=t.ComponentText.PaginationItem.previousLabel,d=t.ComponentText.PaginationItem.nextLabel,c,m,u)=>{const p=e.jsx(Os,{type:"previous",currentPage:s,onClick:m,isDisabled:s<=1,ariaLabel:l},"previous"),h=e.jsx(Os,{type:"next",currentPage:s,onClick:c,isDisabled:s>=a&&!n,ariaLabel:d},"next"),C=((e,s,a=1)=>j.useMemo((()=>{const n=Math.max(e,1),i=Math.max(a,1),r=Math.max(n,s),o=r;if(r<5+2*i)return t.getConsecutiveIntArray(1,r);const l=Math.max(n-i,1),d=Math.min(n+i,o),c=l>2,m=d<o-1;if(c&&!m){const e=3+2*i;return[1,"...",...t.getConsecutiveIntArray(o-e+1,o)]}if(!c&&m){const e=3+2*i;return[...t.getConsecutiveIntArray(1,e),"...",o]}return[1,"...",...t.getConsecutiveIntArray(l,d),"...",o]}),[e,s,a]))(s,a,i);return[p,...j.useMemo((()=>C.map(((a,t)=>"..."===a?e.jsx(Os,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e.jsx(Os,{type:"page",page:a,currentPage:s,currentPageLabel:r,onClick:u,ariaLabel:`${o} ${a}`},a)))),[C,s,r,o,u]),h]},Ss=j.forwardRef(((s,a)=>{var{className:n,currentPage:i=1,totalPages:o,hasMorePages:l=!1,siblingCount:d,currentPageLabel:c,pageLabel:m,previousLabel:u,nextLabel:p,onNext:h,onPrevious:C,onChange:g}=s,b=r.__rest(s,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const f=Fs(i,o,l,d,c,m,u,p,h,C,g);return e.jsx(t.View,Object.assign({as:"nav",className:y.default(t.ComponentClassNames.Pagination,n),ref:a},b,{children:e.jsx(L,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:f}))}))}));Ss.displayName="Pagination";const Ps=e=>{let{currentPage:s=1,totalPages:a,hasMorePages:t,siblingCount:n=1}=e;s=Math.max(s,1),n=Math.max(n,1),a=Math.max(s,a);const[i,r]=j.useState(s);j.useEffect((()=>r(s)),[s,a]);const o=j.useCallback((()=>{i<a&&r(i+1)}),[i,a]),l=j.useCallback((()=>{i>1&&r(i-1)}),[i]),d=j.useCallback(((e,s)=>{r(e)}),[]);return{currentPage:i,totalPages:a,hasMorePages:t,siblingCount:n,onNext:o,onPrevious:l,onChange:d}},Is=t.ComponentText.SearchField.searchButtonLabel,Ts=j.forwardRef(((s,a)=>e.jsx(ee,Object.assign({ariaLabel:Is,className:t.ComponentClassNames.SearchFieldSearch,ref:a,type:"submit"},s,{children:e.jsx(t.IconSearch,{size:s.size})}))));Ts.displayName="SearchFieldButton";const Ms=new Set(["Escape","Enter"]),ks=({onSubmit:e,onClear:s,externalRef:a})=>{const[n,i]=j.useState(""),r=j.useRef(null),o=function({externalRef:e,internalRef:s}){return j.useCallback((a=>{"function"==typeof e?e(a):null!==e&&(e.current=a),s.current=a}),[e,s])}({externalRef:a,internalRef:r}),l=j.useCallback((()=>{var e;i(""),null===(e=null==r?void 0:r.current)||void 0===e||e.focus(),t.isFunction(s)&&s()}),[i,s]),d=j.useCallback((s=>{t.isFunction(e)&&e(s)}),[e]),c=j.useCallback((e=>{const{key:s}=e;Ms.has(s)&&(e.preventDefault(),"Escape"===s?l():"Enter"===s&&d(n))}),[n,l,d]),m=j.useCallback((e=>{i(e.target.value)}),[i]),u=j.useCallback((()=>{d(n)}),[d,n]);return{value:n,onClearHandler:l,onKeyDown:c,onInput:m,onClick:u,composedRefs:o}},Rs=j.forwardRef(((s,a)=>{var{autoComplete:n="off",className:i,isDisabled:o,clearButtonLabel:l,labelHidden:d=!0,name:c="q",onSubmit:m,onClear:u,searchButtonRef:p,size:h}=s,C=r.__rest(s,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:g,onClearHandler:b,onInput:f,onKeyDown:x,onClick:j,composedRefs:N}=ks({onSubmit:m,onClear:u,externalRef:a});return e.jsx(be,Object.assign({autoComplete:n,className:y.default(t.ComponentClassNames.SearchField,i),labelHidden:d,innerEndComponent:e.jsx(ae,{ariaLabel:l,excludeFromTabOrder:!0,isVisible:t.strHasLength(g),onClick:b,size:h,variation:"link"}),isDisabled:o,isMultiline:!1,name:c,onInput:f,onKeyDown:x,outerEndComponent:e.jsx(Ts,{isDisabled:o,onClick:j,ref:p,size:h}),ref:N,size:h,value:g},C))}));Rs.displayName="SearchField";const _s=(e,s)=>t.strHasLength(e)?e.toLowerCase().includes(s.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>_s(e,s))),Bs=(e,s)=>Math.ceil(e/s),Vs=10,Ls=s=>{var{children:a,direction:t="column",items:n}=s,i=r.__rest(s,["children","direction","items"]);return e.jsx(L,Object.assign({direction:t},i,{children:Array.isArray(n)?n.map(a):null}))},Es=s=>{var{children:a,items:t}=s,n=r.__rest(s,["children","items"]);return e.jsx(ws,Object.assign({},n,{children:Array.isArray(t)?t.map(a):null}))},Hs=(s,a,n)=>a.length?s:n||e.jsx(L,Object.assign({justifyContent:"center"},{children:e.jsx(G,{children:t.ComponentText.Collection.searchNoResultsFound})})),Ds=s=>{var{className:a,isSearchable:n,isPaginated:i,items:o,itemsPerPage:l=Vs,searchFilter:d=_s,searchLabel:c=t.ComponentText.Collection.searchButtonLabel,searchNoResultsFound:m,searchPlaceholder:u,type:p="list",testId:h}=s,C=r.__rest(s,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[g,b]=j.useState(),f=j.useCallback(S.default(b,300),[b]);o=Array.isArray(o)?o:[],n&&t.strHasLength(g)&&(o=o.filter((e=>d(e,g))));const x=Ps({totalPages:Bs(o.length,l)});i&&(o=((e,s,a)=>{if(s<1||a<1)return[];const t=(s-1)*a;return e.slice(t,t+a)})(o,x.currentPage,l));const N="list"===p?e.jsx(Ls,Object.assign({className:t.ComponentClassNames.CollectionItems,items:o},C)):"grid"===p?e.jsx(Es,Object.assign({className:t.ComponentClassNames.CollectionItems,items:o},C)):null;return e.jsxs(L,Object.assign({testId:h,className:y.default(t.ComponentClassNames.Collection,a)},{children:[n?e.jsx(L,Object.assign({className:t.ComponentClassNames.CollectionSearch},{children:e.jsx(Rs,{label:c,placeholder:u,onChange:e=>f(e.target.value),onClear:()=>b("")})})):null,Hs(N,o,m),i?e.jsx(L,Object.assign({className:t.ComponentClassNames.CollectionPagination},{children:e.jsx(Ss,Object.assign({},x))})):null]}))};Ds.displayName="Collection";const zs=j.forwardRef(((s,a)=>{var{children:n,className:i,defaultValue:o,isCollapsible:l,onChange:d,onValueChange:c,testId:m,type:u="single",value:p}=s,h=r.__rest(s,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:g}=t.splitPrimitiveProps(h);return"multiple"===u?e.jsx(C.Root,Object.assign({className:y.default(t.ComponentClassNames.Expander,i),"data-testid":m,defaultValue:o,onValueChange:d,ref:a,type:u,value:p},g,{children:n})):e.jsx(C.Root,Object.assign({className:y.default(t.ComponentClassNames.Expander,i),collapsible:l,"data-testid":m,defaultValue:o,onValueChange:d,ref:a,type:u,value:p},g,{children:n}))}));zs.displayName="Expander";const As=j.forwardRef(((s,a)=>{var{children:n,className:i,title:o}=s,l=r.__rest(s,["children","className","title"]);const d=he(),c=he(),{rest:m}=t.splitPrimitiveProps(l);return e.jsxs(C.Item,Object.assign({className:y.default(t.ComponentClassNames.ExpanderItem,i),"data-testid":"expander-item",ref:a},m,{children:[e.jsx(C.Header,Object.assign({className:t.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},{children:e.jsxs(C.Trigger,Object.assign({"aria-controls":c,className:t.ComponentClassNames.ExpanderTrigger,id:d},{children:[o,e.jsx(t.IconExpandMore,{"aria-hidden":!0,className:t.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"})]}))})),e.jsx(C.Content,Object.assign({"aria-labelledby":d,className:t.ComponentClassNames.ExpanderContent,id:c},{children:e.jsx(t.View,Object.assign({className:t.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},{children:n}))}))]}))}));As.displayName="ExpanderItem";const Gs=j.forwardRef(((s,a)=>{var{className:n}=s,i=r.__rest(s,["className"]);return e.jsx(t.View,Object.assign({as:"img",ref:a,className:y.default(t.ComponentClassNames.Image,n)},i))}));Gs.displayName="Image";const qs=j.forwardRef(((s,a)=>{var{as:n="a",children:i,className:o,isExternal:l,to:d}=s,c=r.__rest(s,["as","children","className","isExternal","to"]);return Ce({shouldWarn:null!=d,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"}),e.jsx(t.View,Object.assign({as:n,className:y.default(t.ComponentClassNames.Link,o),ref:a,rel:l?"noopener noreferrer":void 0,target:l?"_blank":void 0,to:d},c,{children:i}))}));qs.displayName="Link";const $s=j.forwardRef(((s,a)=>{var{ariaLabel:n,className:i,children:o,isFullWidth:l=!1,isDisabled:d,isLoading:c,loadingText:m="",size:u,style:p,type:h="button",variation:C,testId:g}=s,b=r.__rest(s,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:f,nonStyleProps:x}=t.useStyles(b,p),j=y.default(t.ComponentClassNames.Button,t.classNameModifier(t.ComponentClassNames.Button,u),t.classNameModifier(t.ComponentClassNames.Button,C),i);return e.jsx(D,Object.assign({ref:a,className:j,"data-fullwidth":l,"data-loading":c,"data-size":u,"data-variation":C,disabled:d||c,type:h,"data-testid":g,"aria-label":n,style:f},x,{children:o}))}));$s.displayName="MenuButton";const Ws=j.forwardRef(((s,a)=>{var{menuAlign:n="start",children:i,className:o,isOpen:l,size:d,trigger:c,triggerClassName:m,ariaLabel:u,onOpenChange:p}=s,h=r.__rest(s,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return e.jsxs(g.DropdownMenu,Object.assign({onOpenChange:p,open:l},{children:[e.jsx(g.DropdownMenuTrigger,Object.assign({asChild:!0},{children:null!=c?c:e.jsx($s,Object.assign({ariaLabel:u,size:d,testId:"amplify-menu-trigger-test-id",className:y.default(t.ComponentClassNames.MenuTrigger,m)},{children:e.jsx(t.IconMenu,{size:d})}))})),e.jsx(g.DropdownMenuContent,Object.assign({align:n,portalled:!1},{children:e.jsx(xs,Object.assign({className:y.default(t.ComponentClassNames.MenuContent,o),ref:a,size:d,testId:"amplify-menu-items-group-test-id"},h,{children:i}))}))]}))}));Ws.displayName="Menu";const Us=j.forwardRef(((s,a)=>{var{children:n,className:i,variation:o}=s,l=r.__rest(s,["children","className","variation"]);return e.jsx(g.DropdownMenuItem,Object.assign({asChild:!0,ref:a},{children:e.jsx($s,Object.assign({className:y.default(t.ComponentClassNames.MenuItem,i),testId:"amplify-menu-item-test-id"},l,{variation:"menu"},{children:n}))}))}));Us.displayName="MenuItem";const Ys=j.forwardRef(((s,a)=>{var{className:n,children:i,isLoaded:o,size:l}=s,d=r.__rest(s,["className","children","isLoaded","size"]);return o?e.jsx(e.Fragment,{children:i}):e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Placeholder,t.classNameModifier(t.ComponentClassNames.Placeholder,l),n),"data-size":l,ref:a},d))}));Ys.displayName="Placeholder";const Ks=({icon:s,fill:a,className:n})=>e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-icon-container"},{children:e.jsx(t.View,Object.assign({as:"span",className:y.default(n),color:a},{children:s}))}));Ks.displayName="RatingIcon";const Zs=({emptyColor:s,emptyIcon:a,fillColor:n,fillIcon:i,value:r})=>{const o=r%1*100+"%";return e.jsxs(t.View,Object.assign({as:"span",className:"amplify-rating-icon-container"},{children:[e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-label"},{children:e.jsx(t.View,Object.assign({as:"span",className:y.default("amplify-rating-icon","amplify-rating-icon-empty"),color:s},{children:a}))})),e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-label",width:o},{children:e.jsx(t.View,Object.assign({as:"span",className:y.default("amplify-rating-icon","amplify-rating-icon-filled"),color:n},{children:i}))}))]}))};Zs.displayName="RatingMixedIcon";const Xs=5,Qs=0,Js=j.forwardRef(((s,a)=>{var{className:n,emptyColor:i,emptyIcon:o,fillColor:l,icon:d=e.jsx(t.IconStar,{}),maxValue:c=Xs,size:m,value:u=Qs}=s,p=r.__rest(s,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const h=new Array(Math.ceil(c)).fill(1).map(((s,a)=>{const t=a+1;return((e,s)=>e<=s)(t,u)?e.jsx(Ks,{icon:d,fill:l,className:"amplify-rating-icon-filled"},a.toString()):((e,s)=>e-1>=s)(t,u)?e.jsx(Ks,{icon:o||d,fill:i,className:"amplify-rating-icon-empty"},a.toString()):((e,s)=>e>s&&e-1<s)(t,u)?e.jsx(Zs,{fillIcon:d,emptyIcon:o||d,value:u,fillColor:l,emptyColor:i},a.toString()):void 0}));return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Rating,t.classNameModifier(t.ComponentClassNames.Rating,m),n),"data-size":m,ref:a},p,{children:[h,e.jsxs(Y,{children:[u," out of ",c," rating"]})]}))}));Js.displayName="Rating";const ea=j.forwardRef(((s,a)=>{var{children:n,className:i,orientation:o}=s,l=r.__rest(s,["children","className","orientation"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.ScrollView,t.classNameModifier(t.ComponentClassNames.ScrollView,o),i),"data-orientation":o,ref:a},l,{children:n}))}));ea.displayName="ScrollView";const sa=j.forwardRef(((s,a)=>{var{ariaValuetext:n,className:i,defaultValue:o,descriptiveText:l,emptyTrackColor:d,errorMessage:c,filledTrackColor:m,formatValue:u,hasError:p=!1,id:h,isDisabled:C,isValueHidden:g=!1,label:f,labelHidden:x=!1,onChange:N,orientation:v="horizontal",outerEndComponent:w,outerStartComponent:O,testId:F,thumbColor:S,trackSize:P,dir:I,value:T,size:M}=s,k=r.__rest(s,["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=he(h),_=he(),B=he(),V=l?B:void 0,{flexContainerStyleProps:E,baseStyleProps:H,rest:D}=t.splitPrimitiveProps(k),z=void 0!==T,[A,G]=j.useState(z?T:o),q=z?[T]:void 0,$=z?void 0:[o],W=j.useCallback((e=>{G(e[0]),t.isFunction(N)&&N(e[0])}),[N]),U=j.useMemo((()=>{const s=t.isFunction(u)?u(A):A;return"string"==typeof u?e.jsx(t.View,Object.assign({as:"span"},{children:s})):s}),[A,u]),Y="vertical"===v,K=y.default(t.ComponentClassNames.SliderFieldTrack,t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,v),t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,M)),Z=y.default(t.ComponentClassNames.SliderFieldRoot,t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,v),t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,M),i);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.SliderField),testId:F,"data-size":M},H,E,{children:[e.jsxs(oe,Object.assign({className:t.ComponentClassNames.SliderFieldLabel,id:_,testId:"slider-label",visuallyHidden:x},{children:[e.jsx(t.View,Object.assign({as:"span"},{children:f})),g?null:U]})),e.jsx(te,{id:B,labelHidden:x,descriptiveText:l}),e.jsx(ie,Object.assign({className:t.ComponentClassNames.SliderFieldGroup,id:R,orientation:v,outerStartComponent:O,outerEndComponent:w},{children:e.jsxs(b.Root,Object.assign({className:Z,"data-testid":"slider-root",disabled:C,defaultValue:$,onValueChange:W,orientation:v,ref:a,value:q},D,{children:[e.jsx(b.Track,Object.assign({className:K,"data-testid":"slider-track",style:{backgroundColor:String(d),[""+(Y?"width":"height")]:P}},{children:e.jsx(b.Range,{className:y.default(t.ComponentClassNames.SliderFieldRange,t.classNameModifier(t.ComponentClassNames.SliderFieldRange,v)),"data-testid":"slider-range",style:{backgroundColor:String(m)}})})),e.jsx(b.Thumb,{"aria-describedby":V,"aria-labelledby":_,"aria-valuetext":n,className:y.default(t.ComponentClassNames.SliderFieldThumb,t.classNameModifier(t.ComponentClassNames.SliderFieldThumb,M)),style:{backgroundColor:String(S)}})]}))})),e.jsx(ne,{hasError:p,errorMessage:c})]}))}));sa.displayName="SliderField";const aa=(e,s,a,t)=>{const n=(t-e)%a;return t=t-n+Math.round(n/a)*a,(t=Math.max(e,t))>s&&(t=s-(s-e)%a),t},ta=j.forwardRef(((s,a)=>{const{className:n,descriptiveText:i,defaultValue:o,errorMessage:l,hasError:d=!1,id:c,isDisabled:m,isReadOnly:u,isRequired:p,increaseButtonLabel:h=t.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:C=t.ComponentText.StepperField.decreaseButtonLabel,label:g,labelHidden:b=!1,onStepChange:f,size:x,variation:N,testId:v,bottom:w,height:O,left:F,padding:S,position:P,right:I,top:T,width:M,value:k}=s,R=r.__rest(s,["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"]),_=he(c),B=he(),V=i?B:void 0,{baseStyleProps:E,flexContainerStyleProps:H,rest:D}=t.splitPrimitiveProps(R),{step:z,value:A,inputValue:G,handleDecrease:q,handleIncrease:$,handleOnBlur:W,handleOnChange:U,handleOnWheel:Y,setInputValue:K,shouldDisableDecreaseButton:Z,shouldDisableIncreaseButton:X}=(({defaultValue:e=0,value:s,step:a=1,max:n=Number.MAX_SAFE_INTEGER,min:i=Number.MIN_SAFE_INTEGER,isDisabled:r,isReadOnly:o,onDecrease:l,onIncrease:d,onStepChange:c})=>{const m=void 0!==s;n=Math.max(i,n);const[u,p]=j.useState((()=>aa(i,n,a,e)));m&&(s=aa(i,n,a,s));const h=m?s:u,C=r||o||h+a>n,g=r||o||h-a<i,[b,f]=j.useState(h),x=j.useCallback((e=>{f(e.target.value)}),[]),N=j.useCallback((e=>{let s=parseFloat(e.target.value);isNaN(s)||(s=aa(i,n,a,s),m||p(s),t.isFunction(c)&&c(s),f(s))}),[i,n,a,m,c]),v=j.useCallback((()=>{m||p(h+a),t.isFunction(c)&&c(h+a),t.isFunction(d)&&d(),f(h+a)}),[a,h,m,d,c]),y=j.useCallback((()=>{m||p(h-a),t.isFunction(c)&&c(h-a),t.isFunction(l)&&l(),f(h-a)}),[a,h,m,l,c]),w=j.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:a,value:h,inputValue:b,handleDecrease:y,handleIncrease:v,handleOnBlur:N,handleOnChange:x,handleOnWheel:w,setInputValue:f,shouldDisableDecreaseButton:g,shouldDisableIncreaseButton:C}})(s);return j.useEffect((()=>{void 0!==k&&K(k)}),[k,K]),e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,x),t.ComponentClassNames.StepperField,n),"data-size":x,"data-variation":N,testId:v,width:M,height:O,position:P,padding:S,top:T,right:I,left:F,bottom:w},H,{children:[e.jsx(oe,Object.assign({htmlFor:_,visuallyHidden:b},{children:g})),e.jsx(te,{id:B,labelHidden:b,descriptiveText:i}),e.jsx(ie,Object.assign({outerStartComponent:e.jsx(ee,Object.assign({"aria-controls":_,ariaLabel:`${C} ${A-z}`,className:y.default(t.ComponentClassNames.StepperFieldButtonDecrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonDecrease,N),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonDecrease,"disabled",Z)),"data-invalid":d,isDisabled:Z,onClick:q,size:x},{children:e.jsx(t.IconRemove,{"data-testid":"decrease-icon"})})),outerEndComponent:e.jsx(ee,Object.assign({"aria-controls":_,ariaLabel:`${h} ${A+z}`,className:y.default(t.ComponentClassNames.StepperFieldButtonIncrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonIncrease,N),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonIncrease,"disabled",X)),"data-invalid":d,isDisabled:X,onClick:$,size:x},{children:e.jsx(t.IconAdd,{"data-testid":"increase-icon"})}))},{children:e.jsx(re,Object.assign({"aria-describedby":V,className:t.ComponentClassNames.StepperFieldInput,hasError:d,id:_,isDisabled:m,isReadOnly:u,isRequired:p,onBlur:W,onChange:U,onWheel:Y,ref:a,size:x,variation:N,type:"number",value:G},E,D))})),e.jsx(ne,{hasError:d,errorMessage:l})]}))}));ta.displayName="StepperField";const na=j.forwardRef(((a,n)=>{var{className:i,defaultChecked:o,id:l,isChecked:d,isDisabled:c,isLabelHidden:m,label:u,labelPosition:p,name:h,onChange:C,size:g,thumbColor:b,trackCheckedColor:f,trackColor:x,value:j}=a,N=r.__rest(a,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:v,changeHandler:w,isFocused:O,setIsFocused:F}=(e=>{const{onChange:a,isChecked:t,defaultChecked:n,isDisabled:i}=e,r=void 0!==t,[o,l]=s.useState(r?t:n),[d,c]=s.useState(!1),m=s.useCallback((e=>{i?e.preventDefault():("function"==typeof a&&a(e),l(e.target.checked))}),[a,i]);return r&&o!==t&&l(t),{isOn:o,changeHandler:m,isFocused:d,setIsFocused:c}})({onChange:C,isChecked:d,defaultChecked:o,isDisabled:c}),S=he(l),P=m?Y:t.View,I=y.default(t.ComponentClassNames.SwitchTrack,t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"checked",v),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"disabled",c),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"focused",O)),T=y.default(t.ComponentClassNames.SwitchThumb,t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"checked",v),t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"disabled",c));return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.SwitchField,t.classNameModifier(t.ComponentClassNames.SwitchField,g),i),"data-size":g,"data-label-position":p,ref:n},N,{children:[e.jsx(Y,{children:e.jsx(re,{role:"switch",type:"checkbox",id:S,onChange:w,disabled:c,name:h,checked:v,value:j,onFocus:()=>{F(!0)},onBlur:()=>{F(!1)}})}),e.jsxs(oe,Object.assign({htmlFor:S,className:y.default(t.ComponentClassNames.SwitchWrapper,t.classNameModifier(t.ComponentClassNames.SwitchWrapper,p)),"data-label-position":p},{children:[e.jsx(P,Object.assign({as:"span",className:t.ComponentClassNames.SwitchLabel},{children:u})),e.jsx(t.View,Object.assign({as:"span",className:I,"data-checked":v,"data-disabled":c,"data-focused":O,backgroundColor:v?f:x},{children:e.jsx(t.View,{as:"span",className:T,"data-checked":v,"data-disabled":c,backgroundColor:b})}))]}))]}))}));na.displayName="SwitchField";const ia=j.forwardRef(((s,a)=>{var{caption:n,children:i,className:o,highlightOnHover:l=!1,size:d,variation:c}=s,m=r.__rest(s,["caption","children","className","highlightOnHover","size","variation"]);const u=y.default(t.ComponentClassNames.Table,t.classNameModifier(t.ComponentClassNames.Table,d),t.classNameModifier(t.ComponentClassNames.Table,c),o);return e.jsxs(t.View,Object.assign({as:"table",className:u,"data-highlightonhover":l,"data-size":d,"data-variation":c,ref:a},m,{children:[n&&e.jsx(t.View,Object.assign({as:"caption",className:t.ComponentClassNames.TableCaption},{children:n})),i]}))}));ia.displayName="Table";const ra=j.forwardRef(((s,a)=>{var{children:n,className:i}=s,o=r.__rest(s,["children","className"]);return e.jsx(t.View,Object.assign({as:"tbody",className:y.default(t.ComponentClassNames.TableBody,i),ref:a},o,{children:n}))}));ra.displayName="TableBody";const oa=j.forwardRef(((s,a)=>{var{as:n="td",children:i,className:o}=s,l=r.__rest(s,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:y.default("td"===n?t.ComponentClassNames.TableTd:t.ComponentClassNames.TableTh,o),ref:a},l,{children:i}))}));oa.displayName="TableCell";const la=j.forwardRef(((s,a)=>{var{children:n,className:i}=s,o=r.__rest(s,["children","className"]);return e.jsx(t.View,Object.assign({as:"tfoot",className:y.default(t.ComponentClassNames.TableFoot,i),ref:a},o,{children:n}))}));la.displayName="TableFoot";const da=j.forwardRef(((s,a)=>{var{children:n,className:i}=s,o=r.__rest(s,["children","className"]);return e.jsx(t.View,Object.assign({as:"thead",className:y.default(t.ComponentClassNames.TableHead,i),ref:a},o,{children:n}))}));da.displayName="TableHead";const ca=j.forwardRef(((s,a)=>{var{children:n,className:i}=s,o=r.__rest(s,["children","className"]);return e.jsx(t.View,Object.assign({as:"tr",className:y.default(t.ComponentClassNames.TableRow,i),ref:a},o,{children:n}))}));ca.displayName="TableRow";const ma=j.forwardRef(((s,a)=>{const{className:n,descriptiveText:i,errorMessage:o,hasError:l=!1,id:d,label:c,labelHidden:m=!1,rows:u,size:p,testId:h,bottom:C,height:g,left:b,padding:f,position:x,right:j,top:N,width:v}=s,w=r.__rest(s,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),O=he(d),F=he(),S=i?F:void 0,{flexContainerStyleProps:P,baseStyleProps:I,rest:T}=t.splitPrimitiveProps(w);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.TextAreaField,n),"data-size":p,height:g,testId:h,width:v,bottom:C,left:b,right:j,top:N,position:x,padding:f},P,{children:[e.jsx(oe,Object.assign({htmlFor:O,visuallyHidden:m},{children:c})),e.jsx(te,{id:F,labelHidden:m,descriptiveText:i}),e.jsx(ce,Object.assign({"aria-describedby":S,hasError:l,id:O,ref:a,rows:null!=u?u:3,size:p},I,T)),e.jsx(ne,{hasError:l,errorMessage:o})]}))}));ma.displayName="TextAreaField";const ua=j.forwardRef(((s,a)=>{var{className:n,children:i,defaultPressed:o=!1,isDisabled:l,isPressed:d,onChange:c,onClick:m,size:u,value:p,variation:h}=s,C=r.__rest(s,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:g,handleClick:b}=(({isPressed:e,defaultPressed:s,onClick:a,onChange:n,value:i})=>{const r=void 0!==e,[o,l]=j.useState(s);return{isPressed:e=r?e:o,handleClick:j.useCallback((e=>{t.isFunction(a)&&a(e),r||l(!o),r&&t.isFunction(n)&&n(i)}),[r,a,n,o,i])}})({isPressed:d,defaultPressed:o,onChange:c,onClick:m,value:p}),f=y.default(t.ComponentClassNames.ToggleButton,t.classNameModifier(t.ComponentClassNames.ToggleButton,h),t.classNameModifierByFlag(t.ComponentClassNames.ToggleButton,"pressed",g),n);return e.jsx(D,Object.assign({"aria-pressed":g,className:f,isDisabled:l,onClick:b,ref:a,size:u,type:"button",variation:h},C,{children:i}))}));ua.displayName="ToggleButton";const pa=j.forwardRef(((s,a)=>{var{children:n,className:i,isExclusive:o,isSelectionRequired:l,onChange:d,size:c,value:m,variation:u}=s,p=r.__rest(s,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const h=((e,s,a=!1,n=!1)=>{const i=j.useCallback((a=>{if(!t.isFunction(e)||!Array.isArray(s))return;const i=s.indexOf(a);let r;i>=0?(r=[...s],(!n||r.length>1)&&r.splice(i,1)):r=[...s,a],e(r)}),[e,s,n]),r=j.useCallback((a=>{t.isFunction(e)&&e(s!==a||n?a:null)}),[e,s,n]);return a?r:i})(d,m,o,l);return e.jsx(L,Object.assign({className:y.default(t.ComponentClassNames.ToggleButtonGroup,i),ref:a,role:"group"},p,{children:j.Children.map(n,(e=>j.isValidElement(e)?j.cloneElement(e,{isPressed:o?m===e.props.value:m.includes(e.props.value),onChange:h,size:c,variation:u}):e))}))}));pa.displayName="ToggleButtonGroup";var ha=Object.freeze({__proto__:null,Alert:W,Badge:fs,Button:D,ButtonGroup:xs,Card:js,CheckboxField:ys,Collection:Ds,Divider:Ve,Expander:zs,ExpanderItem:As,FieldGroupIcon:J,FieldGroupIconButton:ee,Flex:L,Grid:ws,Heading:A,Icon:Ee,Image:Gs,Link:qs,Loader:H,Menu:Ws,MenuButton:$s,MenuItem:Us,Pagination:Ss,PasswordField:fe,PhoneNumberField:ye,Placeholder:Ys,Radio:Ze,RadioGroupField:Xe,Rating:Js,ScrollView:ea,SearchField:Rs,SelectField:Ne,SliderField:sa,StepperField:ta,SwitchField:na,Tabs:_e,TabItem:Be,Text:G,TextAreaField:ma,TextField:be,ToggleButton:ua,ToggleButtonGroup:pa,View:t.View,VisuallyHidden:Y,Table:ia,TableBody:ra,TableCell:oa,TableFoot:la,TableHead:da,TableRow:ca,usePagination:Ps,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=ds,exports.Badge=fs,exports.Button=D,exports.ButtonGroup=xs,exports.Card=js,exports.CheckboxField=ys,exports.Collection=Ds,exports.Divider=Ve,exports.Expander=zs,exports.ExpanderItem=As,exports.FieldGroupIcon=J,exports.FieldGroupIconButton=ee,exports.Flex=L,exports.Geocoder=gs,exports.Grid=ws,exports.Heading=A,exports.Icon=Ee,exports.Image=Gs,exports.Link=qs,exports.Loader=H,exports.LocationSearch=Cs,exports.MapView=ms,exports.Menu=Ws,exports.MenuButton=$s,exports.MenuItem=Us,exports.Pagination=Ss,exports.PasswordField=fe,exports.PhoneNumberField=ye,exports.Placeholder=Ys,exports.Radio=Ze,exports.RadioGroupField=Xe,exports.Rating=Js,exports.ScrollView=ea,exports.SearchField=Rs,exports.SelectField=Ne,exports.SliderField=sa,exports.StepperField=ta,exports.SwitchField=na,exports.TabItem=Be,exports.Table=ia,exports.TableBody=ra,exports.TableCell=oa,exports.TableFoot=la,exports.TableHead=da,exports.TableRow=ca,exports.Tabs=_e,exports.Text=G,exports.TextAreaField=ma,exports.TextField=be,exports.ThemeProvider=I,exports.ToggleButton=ua,exports.ToggleButtonGroup=pa,exports.VisuallyHidden=Y,exports.components=bs,exports.primitives=ha,exports.useAmplify=function(){const e=j.useContext(t.AmplifyContext);return{theme:t.getThemeFromContext(e)}},exports.useAuthenticator=k,exports.useBreakpointValue=function(e,s,a){const{breakpoints:{values:n}}=t.useTheme(),i=t.useBreakpoint({breakpoints:n,defaultBreakpoint:s});return t.getValueAtCurrentBreakpoint({breakpoint:i,breakpoints:n,propKey:a,values:e})},exports.usePagination=Ps,exports.withAuthenticator=cs;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),s=require("@aws-amplify/ui"),t=require("./IconWarning-47c8dc76.js"),n=require("@xstate/react"),i=require("lodash/isEmpty"),r=require("tslib"),o=require("classnames"),l=require("qrcode"),d=require("aws-amplify"),c=require("@radix-ui/react-tabs");require("lodash/isArray"),require("lodash/isObject");var m=require("maplibre-gl"),u=require("maplibre-gl-js-amplify"),p=require("react-map-gl"),h=require("lodash/debounce"),C=require("@radix-ui/react-accordion"),g=require("@radix-ui/react-dropdown-menu"),b=require("@radix-ui/react-slider");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(a,s,t.get?t:{enumerable:!0,get:function(){return e[s]}})}})),a.default=e,Object.freeze(a)}var j=x(a),N=f(a),v=f(i),y=f(o),w=f(l),O=f(m),F=f(p),S=f(h);function P({children:a,colorMode:n,theme:i,nonce:r}){const o=j.useMemo((()=>({theme:s.createTheme(i)})),[i]),{theme:{name:l,cssText:d}}=o;return e.jsxs(t.AmplifyContext.Provider,Object.assign({value:o},{children:[e.jsx("div",Object.assign({"data-amplify-theme":l,"data-amplify-color-mode":n},{children:a})),void 0===i||/<\/style/i.test(d)?null:e.jsx("style",{id:`amplify-theme-${l}`,dangerouslySetInnerHTML:{__html:d},nonce:r})]}))}const I=P,T=j.createContext({}),M=({children:a})=>{const t=j.useContext(T),i=n.useInterpret(s.createAuthenticatorMachine),r=j.useMemo((()=>v.default(t)?{service:i}:t),[t,i]),{service:o}=r;return j.useEffect((()=>s.listenToAuthHub(o)),[o]),e.jsx(T.Provider,Object.assign({value:r},{children:a}))},k=e=>{const a=(()=>{const{service:e}=j.useContext(T);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:i}=a,r=j.useMemo((()=>s.getSendEventAliases(i)),[i]),o=n.useSelector(a,(e=>(e=>Object.assign(Object.assign({},r),s.getServiceContextFacade(e)))(e)),((a,s)=>{if(!e)return!1;const n=e(a),i=e(s);return t.areArrayValuesEqual(n,i)}));return Object.assign(Object.assign({},o),{_state:a.getSnapshot(),_send:i})},R=j.createContext(null),_=()=>{const e=j.useContext(R);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e};const B=e=>"signIn"===e||"signUp";function V({children:a,className:s,variation:n="default"}){const{route:i}=k((({route:e})=>[e])),{components:{Header:r,Footer:o}}=_();return e.jsx(t.View,Object.assign({className:s,"data-amplify-authenticator":"","data-variation":n},{children:e.jsxs(t.View,Object.assign({"data-amplify-container":""},{children:[e.jsx(r,{}),e.jsx(t.View,Object.assign({"data-amplify-router":"","data-amplify-router-content":B(i)?void 0:""},{children:a})),e.jsx(o,{})]}))}))}const L=j.forwardRef(((a,s)=>{var{className:n,children:i}=a,o=r.__rest(a,["className","children"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Flex,n),ref:s},o,{children:i}))}));L.displayName="Flex";const E=84*Math.PI,H=j.forwardRef(((a,s)=>{var{className:n,filledColor:i,emptyColor:o,size:l,variation:d,isDeterminate:c=!1,isPercentageTextHidden:m=!1,percentage:u=0}=a,p=r.__rest(a,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);u=Math.min(u,100);const h=`${u=Math.max(u,0)}%`,C=y.default(t.ComponentClassNames.Loader,t.classNameModifier(t.ComponentClassNames.Loader,l),t.classNameModifier(t.ComponentClassNames.Loader,d),c?t.ComponentClassNames.LoaderDeterminate:null,n),g=e.jsxs("g",{children:[e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(o)},"data-testid":"linear-empty"}),e.jsx("line",{x1:"0",x2:c?h:"100%",y1:"50%",y2:"50%",style:{stroke:c&&0===u?"none":i?String(i):void 0},"data-testid":"linear-filled"}),c?e.jsx("text",Object.assign({"aria-live":"polite",className:y.default(t.ComponentClassNames.LoaderPercentageText,m?t.ComponentClassNames.VisuallyHidden:null),x:`${-1+u}%`,y:"200%"},{children:h})):null]}),b=e.jsxs("g",{children:[e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(o)},"data-testid":"circular-empty"}),e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(i),strokeDasharray:c?`${E}% ${E}%`:void 0,strokeDashoffset:c?E-E*u/100+"%":void 0},"data-testid":"circular-filled"}),c?e.jsx("text",Object.assign({"aria-live":"polite",className:y.default(t.ComponentClassNames.LoaderPercentageText,m?t.ComponentClassNames.VisuallyHidden:null),x:"130%",y:"80%"},{children:h})):null]});return e.jsx(t.View,Object.assign({as:"svg",className:C,"data-size":l,"data-variation":d,ref:s,role:"img"},p,{children:"linear"===d?g:b}))}));H.displayName="Loader";const D=j.forwardRef(((a,s)=>{var{className:n,children:i,isFullWidth:o=!1,isDisabled:l,isLoading:d,loadingText:c="",size:m,type:u="button",variation:p}=a,h=r.__rest(a,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const C=y.default(t.ComponentClassNames.Button,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Button,p),t.classNameModifier(t.ComponentClassNames.Button,m),t.classNameModifierByFlag(t.ComponentClassNames.Button,"disabled",l||d||h.disabled),t.classNameModifierByFlag(t.ComponentClassNames.Button,"loading",d),t.classNameModifierByFlag(t.ComponentClassNames.Button,"fullwidth",o),n);return e.jsx(t.View,Object.assign({ref:s,as:"button",className:C,"data-fullwidth":o,"data-loading":d,"data-size":m,"data-variation":p,isDisabled:l||d,type:u},h,{children:d&&c?e.jsxs(L,Object.assign({as:"span",className:t.ComponentClassNames.ButtonLoaderWrapper},{children:[e.jsx(H,{size:m}),c]})):i}))}));D.displayName="Button";const z={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},A=j.forwardRef(((a,s)=>{var{className:n,children:i,isTruncated:o,level:l=6}=a,d=r.__rest(a,["className","children","isTruncated","level"]);return e.jsx(t.View,Object.assign({as:z[l],className:y.default(t.ComponentClassNames.Heading,t.classNameModifier(t.ComponentClassNames.Heading,l),t.classNameModifierByFlag(t.ComponentClassNames.Heading,"truncated",o),n),ref:s},d,{children:i}))}));A.displayName="Heading";const G=j.forwardRef(((a,s)=>{var{as:n="p",className:i,children:o,isTruncated:l,variation:d}=a,c=r.__rest(a,["as","className","children","isTruncated","variation"]);const m=y.default(t.ComponentClassNames.Text,t.classNameModifier(t.ComponentClassNames.Text,d),t.classNameModifierByFlag(t.ComponentClassNames.Text,"truncated",l),i);return e.jsx(t.View,Object.assign({as:n,className:m,"data-truncate":l,"data-variation":d,ref:s},c,{children:o}))}));function q(){const{submitForm:e,updateBlur:s,updateForm:n}=k((e=>[e.submitForm,e.updateBlur,e.updateForm]));return{handleBlur:a.useCallback((({target:{name:e}})=>{s({name:e})}),[s]),handleChange:a.useCallback((({target:{checked:e,name:a,type:s,value:t}})=>{n({name:a,value:"checkbox"===s&&!e?void 0:t})}),[n]),handleSubmit:a.useCallback((a=>{a.preventDefault(),e(t.getFormDataFromEvent(a))}),[e])}}G.displayName="Text";const $=({variation:a,ariaHidden:s})=>{switch(a){case"info":return e.jsx(t.IconInfo,{"aria-hidden":s,className:t.ComponentClassNames.AlertIcon});case"error":return e.jsx(t.IconError,{"aria-hidden":s,className:t.ComponentClassNames.AlertIcon});case"warning":return e.jsx(t.IconWarning,{"aria-hidden":s,className:t.ComponentClassNames.AlertIcon});case"success":return e.jsx(t.IconCheckCircle,{"aria-hidden":s,className:t.ComponentClassNames.AlertIcon});default:return null}};$.displayName="AlertIcon";const W=j.forwardRef(((a,s)=>{var{buttonRef:n,children:i,className:o,dismissButtonLabel:l=t.ComponentText.Alert.dismissButtonLabel,hasIcon:d=!0,heading:c,isDismissible:m=!1,onDismiss:u,variation:p}=a,h=r.__rest(a,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[C,g]=j.useState(!1),b=j.useCallback((()=>{g(!C),t.isFunction(u)&&u()}),[g,u,C]);return!C&&e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Alert,o,t.classNameModifier(t.ComponentClassNames.Alert,p)),"data-variation":p,ref:s,role:"alert"},h,{children:[d&&e.jsx($,{variation:p,ariaHidden:!0}),e.jsxs(t.View,Object.assign({flex:"1"},{children:[c&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertHeading},{children:c})),e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertBody},{children:i}))]})),m&&e.jsx(D,Object.assign({ariaLabel:l,variation:"link",className:t.ComponentClassNames.AlertDismiss,onClick:b,ref:n},{children:e.jsx(t.IconClose,{"aria-hidden":"true"})}))]}))}));W.displayName="Alert";const U=()=>{const{error:a}=k((e=>[e.error]));return e.jsx(e.Fragment,{children:a?e.jsx(W,Object.assign({variation:"error",isDismissible:!0},{children:s.translate(a)})):null})},Y=j.forwardRef(((a,s)=>{var{as:n="span",children:i,className:o}=a,l=r.__rest(a,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:y.default(t.ComponentClassNames.VisuallyHidden,o),ref:s},l,{children:i}))}));Y.displayName="VisuallyHidden";const{passwordIsHidden:K,passwordIsShown:Z,showPassword:X}=t.ComponentText.PasswordField,Q=j.forwardRef(((a,s)=>{var{fieldType:n,passwordIsHiddenLabel:i=K,passwordIsShownLabel:o=Z,showPasswordButtonLabel:l=X,size:d}=a,c=r.__rest(a,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return e.jsxs(D,Object.assign({"aria-checked":"password"!==n,ariaLabel:l,className:t.ComponentClassNames.FieldShowPassword,ref:s,role:"switch",size:d},c,{children:[e.jsx(Y,Object.assign({"aria-live":"polite"},{children:"password"===n?i:o})),"password"===n?e.jsx(t.IconVisibility,{size:d}):e.jsx(t.IconVisibilityOff,{size:d})]}))}));Q.displayName="ShowPasswordButton";const J=j.forwardRef(((a,s)=>{var{className:n,children:i,isVisible:o=!0,excludeFromTabOrder:l=!1}=a,d=r.__rest(a,["className","children","isVisible","excludeFromTabOrder"]);return o?e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupIcon,n),ref:s,tabIndex:l?-1:void 0},d,{children:i})):null}));J.displayName="FieldGroupIcon";const ee=j.forwardRef(((a,s)=>{var{children:n,className:i}=a,o=r.__rest(a,["children","className"]);return e.jsx(J,Object.assign({as:D,className:y.default(t.ComponentClassNames.FieldGroupIconButton,i),ref:s},o,{children:n}))}));ee.displayName="FieldGroupIconButton";const ae=t.ComponentText.Fields.clearButtonLabel,se=j.forwardRef(((a,s)=>{var{ariaLabel:n=ae,size:i}=a,o=r.__rest(a,["ariaLabel","size"]);return e.jsx(ee,Object.assign({ariaLabel:n,ref:s},o,{children:e.jsx(t.IconClose,{size:i})}))}));se.displayName="FieldClearButton";const te=a=>{var{descriptiveText:s,labelHidden:n}=a,i=r.__rest(a,["descriptiveText","labelHidden"]);return s?e.jsx(G,Object.assign({"data-testid":"qa-field-description",className:y.default(t.ComponentClassNames.FieldDescription,{[t.ComponentClassNames.VisuallyHidden]:n})},i,{children:s})):null};te.displayName="FieldDescription";const ne=a=>{var{errorMessage:s,hasError:n}=a,i=r.__rest(a,["errorMessage","hasError"]);return n&&s?e.jsx(G,Object.assign({className:t.ComponentClassNames.FieldErrorMessage},i,{children:s})):null};ne.displayName="FieldErrorMessage";const ie=j.forwardRef(((a,s)=>{var{children:n,className:i,innerEndComponent:o,innerStartComponent:l,orientation:d="horizontal",outerEndComponent:c,outerStartComponent:m,variation:u}=a,p=r.__rest(a,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const h=null!=o,C=null!=l?t.ComponentClassNames.FieldGroupHasInnerStart:null,g=h?t.ComponentClassNames.FieldGroupHasInnerEnd:null,b=y.default(t.ComponentClassNames.FieldGroup,C,g,t.classNameModifier(t.ComponentClassNames.FieldGroup,d),i);return e.jsxs(L,Object.assign({className:b,"data-orientation":d,ref:s},p,{children:[m&&e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupOuterStart,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterStart,u))},{children:m})),e.jsxs(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupFieldWrapper,t.classNameModifier(t.ComponentClassNames.FieldGroupFieldWrapper,d)),"data-orientation":d},{children:[l&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerStart},{children:l})),n,o&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerEnd},{children:o}))]})),c&&e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.FieldGroupOuterEnd,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterEnd,u))},{children:c}))]}))}));ie.displayName="FieldGroup";const re=j.forwardRef(((a,s)=>{var{autoComplete:n,checked:i,className:o,defaultChecked:l,defaultValue:d,id:c,isDisabled:m,isReadOnly:u,isRequired:p,size:h,type:C="text",hasError:g=!1,value:b,variation:f,onBlur:x,onChange:j,onCopy:N,onCut:v,onFocus:w,onInput:O,onPaste:F,onSelect:S,onWheel:P}=a,I=r.__rest(a,["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=y.default(t.ComponentClassNames.Input,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Input,f),t.classNameModifierByFlag(t.ComponentClassNames.Input,"error",g),t.classNameModifier(t.ComponentClassNames.Input,h),o);return e.jsx(t.View,Object.assign({"aria-invalid":g,as:"input",autoComplete:n,checked:i,className:T,"data-size":h,"data-variation":f,defaultChecked:l,defaultValue:d,isDisabled:m,id:c,onBlur:x,onChange:j,onCopy:N,onCut:v,onFocus:w,onInput:O,onPaste:F,onSelect:S,onWheel:P,readOnly:u,ref:s,required:p,type:C,value:b},I))}));re.displayName="Input";const oe=j.forwardRef(((a,s)=>{var{children:n,className:i,visuallyHidden:o}=a,l=r.__rest(a,["children","className","visuallyHidden"]);return e.jsx(t.View,Object.assign({as:"label",className:y.default(t.ComponentClassNames.Label,i,{[t.ComponentClassNames.VisuallyHidden]:o}),ref:s},l,{children:n}))}));oe.displayName="Label";const le=(e,a)=>!e.isMultiline,de=(e,a)=>e.isMultiline,ce=j.forwardRef(((a,s)=>{var{className:n,isReadOnly:i,isRequired:o,size:l,hasError:d=!1,variation:c}=a,m=r.__rest(a,["className","isReadOnly","isRequired","size","hasError","variation"]);const u=y.default(t.ComponentClassNames.Textarea,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Textarea,c),t.classNameModifier(t.ComponentClassNames.Textarea,l),t.classNameModifierByFlag(t.ComponentClassNames.Textarea,"error",d),n);return e.jsx(t.View,Object.assign({"aria-invalid":d,as:"textarea",className:u,"data-size":l,"data-variation":c,readOnly:i,ref:s,required:o},m))}));ce.displayName="TextArea";const me=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?j.useLayoutEffect:()=>{},ue=j["useId".toString()]||(()=>{});let pe=0;const he=e=>{const[a,s]=j.useState(ue());return me((()=>{e||s((e=>null!=e?e:String(pe++)))}),[e]),e||(a?`amplify-id-${a}`:"")},Ce=({shouldWarn:e,message:a})=>{j.useEffect((()=>{e&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV)&&console.warn(a)}),[e,a])},ge=(a,s)=>{const{className:n,descriptiveText:i,errorMessage:o,hasError:l=!1,id:d,label:c,labelHidden:m=!1,outerEndComponent:u,outerStartComponent:p,innerStartComponent:h,innerEndComponent:C,isMultiline:g,type:b,size:f,testId:x,variation:j,bottom:N,height:v,left:w,padding:O,position:F,right:S,top:P,width:I}=a,T=r.__rest(a,["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=he(d),k=he(),R=i?k:void 0,{flexContainerStyleProps:_,baseStyleProps:B,rest:V}=t.splitPrimitiveProps(T);Ce({shouldWarn:a.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let E=null;if((e=>e.isMultiline)(a)){const{rows:t}=a;E=e.jsx(ce,Object.assign({"aria-describedby":R,hasError:l,id:M,ref:de(a)?s:void 0,rows:null!=t?t:3,size:f,variation:j},B,V))}else if((e=>!e.isMultiline)(a)){const{type:t="text"}=a;E=e.jsx(re,Object.assign({"aria-describedby":R,hasError:l,id:M,ref:le(a)?s:void 0,size:f,type:t,variation:j},B,V))}return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,f),t.ComponentClassNames.TextField,n),bottom:N,"data-size":f,height:v,left:w,padding:O,position:F,right:S,testId:x,top:P,width:I},_,{children:[e.jsx(oe,Object.assign({htmlFor:M,visuallyHidden:m},{children:c})),e.jsx(te,{id:k,labelHidden:m,descriptiveText:i}),e.jsx(ie,Object.assign({outerStartComponent:p,outerEndComponent:u,innerStartComponent:h,innerEndComponent:C,variation:j},{children:E})),e.jsx(ne,{hasError:l,errorMessage:o})]}))},be=j.forwardRef(ge);ge.displayName="TextField";const fe=j.forwardRef(((a,s)=>{var{autoComplete:n="current-password",label:i,className:o,hideShowPassword:l=!1,passwordIsHiddenLabel:d,passwordIsShownLabel:c,showPasswordButtonLabel:m,showPasswordButtonRef:u,size:p}=a,h=r.__rest(a,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[C,g]=j.useState("password"),b=j.useCallback((()=>{g("password"===C?"text":"password")}),[g,C]);return e.jsx(be,Object.assign({autoComplete:n,isMultiline:!1,outerEndComponent:l?null:e.jsx(Q,{fieldType:C,onClick:b,passwordIsHiddenLabel:d,passwordIsShownLabel:c,ref:u,size:p,showPasswordButtonLabel:m}),size:p,type:C,label:i,className:y.default(t.ComponentClassNames.PasswordField,o),ref:s},h))}));fe.displayName="PasswordField";const xe=j.forwardRef(((a,s)=>{var{autoComplete:n,className:i,size:o,variation:l,value:d,defaultValue:c,hasError:m,icon:u=e.jsx(t.IconExpandMore,{}),iconColor:p,children:h,placeholder:C,isDisabled:g,isRequired:b}=a,f=r.__rest(a,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const x=void 0===d&&void 0===c&&C,j=y.default(t.ComponentClassNames.Select,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Select,o),t.classNameModifier(t.ComponentClassNames.Select,l),t.classNameModifierByFlag(t.ComponentClassNames.Select,"error",m),i);return e.jsxs(t.View,Object.assign({className:t.ComponentClassNames.SelectWrapper},{children:[e.jsxs(t.View,Object.assign({"aria-invalid":m,as:"select",autoComplete:n,value:d,defaultValue:x?"":c,isDisabled:g,required:b,"data-size":o,"data-variation":l,className:j,ref:s},f,{children:[C&&e.jsx("option",Object.assign({value:""},{children:C})),h]})),e.jsx(L,Object.assign({className:t.ComponentClassNames.SelectIconWrapper,color:p},{children:u}))]}))}));xe.displayName="Select";const je=({children:a,options:s})=>a?((null==s?void 0:s.length)&&console.warn("Amplify UI: <SelectField> component defaults to rendering children over `options`. When using the `options` prop, omit children."),a):null==s?void 0:s.map(((a,s)=>e.jsx("option",Object.assign({label:a,value:a},{children:a}),`${a}-${s}`))),Ne=j.forwardRef(((a,s)=>{const{children:n,className:i,descriptiveText:o,errorMessage:l,hasError:d=!1,id:c,label:m,labelHidden:u=!1,options:p,size:h,testId:C}=a,g=r.__rest(a,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),b=he(c),f=he(),x=o?f:void 0,{flexContainerStyleProps:j,baseStyleProps:N,rest:v}=t.splitPrimitiveProps(g);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.SelectField,i),"data-size":h,testId:C},N,j,{children:[e.jsx(oe,Object.assign({htmlFor:b,visuallyHidden:u},{children:m})),e.jsx(te,{id:f,labelHidden:u,descriptiveText:o}),e.jsx(xe,Object.assign({"aria-describedby":x,hasError:d,id:b,ref:s,size:h},v,{children:je({children:n,options:p})})),e.jsx(ne,{hasError:d,errorMessage:l})]}))}));Ne.displayName="SelectField";const ve=j.forwardRef(((a,n)=>{var{className:i,dialCodeList:o,isReadOnly:l}=a,d=r.__rest(a,["className","dialCodeList","isReadOnly"]);const c=null!=o?o:s.countryDialCodes,m=j.useMemo((()=>c.map((a=>e.jsx("option",Object.assign({value:a,disabled:l},{children:a}),a)))),[c,l]);return e.jsx(Ne,Object.assign({"aria-disabled":l,autoComplete:"tel-country-code",className:y.default(t.ComponentClassNames.CountryCodeSelect,i),labelHidden:!0,ref:n},d,{children:m}))}));ve.displayName="CountryCodeSelect";const ye=j.forwardRef(((a,s)=>{var{autoComplete:n="tel-national",className:i,countryCodeName:o,countryCodeLabel:l=t.ComponentText.PhoneNumberField.countryCodeLabel,defaultCountryCode:d,hasError:c,isDisabled:m,isReadOnly:u,onCountryCodeChange:p,onInput:h,size:C,type:g,variation:b,countryCodeRef:f,dialCodeList:x}=a,j=r.__rest(a,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","isReadOnly","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return e.jsx(be,Object.assign({outerStartComponent:e.jsx(ve,{defaultValue:d,dialCodeList:x,className:i,hasError:c,isDisabled:m,isReadOnly:u,label:l,name:o,onChange:p,ref:f,size:C,variation:b}),autoComplete:n,className:y.default(t.ComponentClassNames.PhoneNumberField,i),hasError:c,isDisabled:m,isReadOnly:u,isMultiline:!1,onInput:h,ref:s,size:C,type:"tel",variation:b},j))}));ye.displayName="PhoneNumberField";const we=({errors:a,id:n})=>(null==a?void 0:a.length)>0?e.jsx(t.View,Object.assign({"data-amplify-sign-up-errors":!0,id:n},{children:a.map((a=>e.jsx(G,Object.assign({role:"alert",variation:"error"},{children:s.translate(a)}),a)))})):null;function Oe(a){var{autocomplete:t,dialCode:n,name:i,type:o}=a,l=r.__rest(a,["autocomplete","dialCode","name","type"]);const{validationErrors:d}=k((({validationErrors:e})=>[e])),c=j.useMemo((()=>s.getErrors(d[i])),[i,d]),m=(null==c?void 0:c.length)>0,u=he(),p=m?u:void 0;return"tel"===o?e.jsxs(e.Fragment,{children:[e.jsx(ye,Object.assign({},l,{name:i,defaultCountryCode:n,countryCodeName:"country_code",autoComplete:t,hasError:m,"aria-describedby":p})),e.jsx(we,{errors:c,id:u})]}):"password"===o?e.jsxs(e.Fragment,{children:[e.jsx(fe,Object.assign({},l,{name:i,autoComplete:t,hasError:m,"aria-describedby":p})),e.jsx(we,{errors:c,id:u})]}):e.jsxs(e.Fragment,{children:[e.jsx(be,Object.assign({},l,{name:i,autoComplete:t,hasError:m,type:o,"aria-describedby":p})),e.jsx(we,{errors:c,id:u})]})}function Fe(){const{_state:a,route:t}=k((({route:e})=>[e])),n=j.useRef(s.getSortedFormFields(t,a).flatMap((([a,s],t)=>e.jsx(Oe,Object.assign({name:a},s),t)))).current;return e.jsx(e.Fragment,{children:n})}function Se({className:a,variation:t}){const{isPending:n,resendCode:i,codeDeliveryDetails:{DeliveryMedium:r,Destination:o}={}}=k((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:l,handleSubmit:d}=q(),{components:{ConfirmSignUp:{Header:c=Se.Header,Footer:m=Se.Footer}}}=_(),u=s.translate("Your code is on the way. To log in, enter the code we emailed to"),p=s.translate("Your code is on the way. To log in, enter the code we texted to"),h=s.translate("Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive."),C=s.translate("It may take a minute to arrive."),g="EMAIL"===r?`${u} ${o}. ${C}`:"SMS"===r?`${p} ${o}. ${C}`:s.translate(`${h}`);return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:l,onSubmit:d},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(c,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(G,Object.assign({className:"amplify-authenticator__subtitle"},{children:g})),e.jsx(Fe,{}),e.jsx(U,{}),e.jsx(D,Object.assign({variation:"primary",isDisabled:n,type:"submit",loadingText:s.translate("Confirming"),isLoading:n,fontWeight:"normal"},{children:s.translate("Confirm")})),e.jsx(D,Object.assign({onClick:i,type:"button",fontWeight:"normal"},{children:s.translate("Resend Code")}))]})),e.jsx(m,{})]}))}))}))}Se.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:a}={}}=k((e=>[e.codeDeliveryDetails])),t="EMAIL"===a?s.translate("We Emailed You"):"SMS"===a?s.translate("We Texted You"):s.translate("We Sent A Code");return e.jsx(A,Object.assign({level:4},{children:t}))},Se.Footer=function(){return null};const Pe=({className:a,variation:t})=>{const{isPending:n,toSignIn:i}=k((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:l}=q(),{components:{ForceNewPassword:{FormFields:d=Pe.FormFields}}}=_();return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:o,onSubmit:l,onBlur:r},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(A,Object.assign({level:3},{children:s.translate("Change Password")})),e.jsx(d,{}),e.jsx(U,{}),e.jsx(D,Object.assign({isDisabled:n,type:"submit",variation:"primary",isLoading:n,loadingText:s.translate("Changing"),fontWeight:"normal"},{children:s.translate("Change Password")})),e.jsx(D,Object.assign({onClick:i,type:"button",fontWeight:"normal",variation:"link",size:"small"},{children:s.translate("Back to Sign In")}))]}))}))}))};Pe.FormFields=function(){return e.jsx(Fe,{})};const Ie=()=>{const{isPending:a,toSignIn:t}=k((e=>[e.isPending,e.toSignIn]));return e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(D,Object.assign({isDisabled:a,type:"submit",variation:"primary",fontWeight:"normal",isLoading:a,loadingText:s.translate("Confirming")},{children:s.translate("Confirm")})),e.jsx(D,Object.assign({onClick:t,type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:s.translate("Back to Sign In")}))]}))},Te=new d.Logger("SetupTOTP-logger"),Me=({className:a,variation:t})=>{var n,i;const{_state:o,isPending:l}=k((e=>[e.isPending])),{handleChange:c,handleSubmit:m}=q(),{components:{SetupTOTP:{Header:u=Me.Header,Footer:p=Me.Footer}}}=_(),[h,C]=j.useState(!0),[g,b]=j.useState(),[f,x]=j.useState("COPY"),[N,v]=j.useState(""),y=s.getActorState(o),{formFields:O,user:F}=y.context,{totpIssuer:S="AWSCognito",totpUsername:P=F.username}=null!==(i=null===(n=null==O?void 0:O.setupTOTP)||void 0===n?void 0:n.QR)&&void 0!==i?i:{},I=j.useCallback((e=>r.__awaiter(void 0,void 0,void 0,(function*(){try{const s=yield d.Auth.setupTOTP(e);v(s);const t=(a=S,encodeURI(`otpauth://totp/${a}:${P}?secret=${s}&issuer=${a}`)),n=yield w.default.toDataURL(t);b(n)}catch(e){Te.error(e)}finally{C(!1)}var a}))),[S,P]);j.useEffect((()=>{F&&I(F)}),[I,F]);return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:c,onSubmit:m},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:l},{children:[e.jsx(u,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[h?e.jsxs("p",{children:[s.translate("Loading"),"…"]}):e.jsx("img",{"data-amplify-qrcode":!0,src:g,alt:"qr code",width:"228",height:"228"}),e.jsxs(L,Object.assign({"data-amplify-copy":!0},{children:[e.jsx("div",{children:N}),e.jsxs(L,Object.assign({"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(N),x(s.translate("COPIED"))}},{children:[e.jsx("div",Object.assign({"data-amplify-copy-tooltip":!0},{children:f})),e.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("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"})}))]}))]})),e.jsx(Fe,{}),e.jsx(U,{})]})),e.jsx(Ie,{}),e.jsx(p,{})]}))}))}))};Me.Header=function(){return e.jsx(A,Object.assign({level:3},{children:s.translate("Setup TOTP")}))},Me.Footer=function(){return null};const ke=a=>{const{cancelButtonSendType:t,cancelButtonText:n,submitButtonText:i}=a,{_send:r,isPending:o}=k((e=>[e.isPending])),l=o?e.jsxs(e.Fragment,{children:[s.translate("Submitting"),"…"]}):e.jsx(e.Fragment,{children:s.translate("Submit")}),d=i||l;return e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(D,Object.assign({fontWeight:"normal",variation:"primary",isDisabled:o,type:"submit"},{children:d})),e.jsx(D,Object.assign({onClick:()=>r({type:t}),type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:n}))]}))},Re=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,_e=j.forwardRef(((a,s)=>{var{ariaLabel:n,children:i,className:o,defaultIndex:l=0,currentIndex:d,onChange:m,indicatorPosition:u,spacing:p}=a,h=r.__rest(a,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const C=j.Children.map(i,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:Re(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),g={defaultValue:l.toString(),value:null!=d?d.toString():void 0,onValueChange:m};return e.jsxs(c.Root,Object.assign({},g,{children:[e.jsx(c.List,Object.assign({"aria-label":n},{children:e.jsx(L,Object.assign({className:y.default(t.ComponentClassNames.Tabs,o),"data-indicator-position":u,ref:s},h,{children:j.Children.map(i,((e,a)=>Re(e)?j.cloneElement(e,{"data-spacing":p,key:a,value:`${a}`}):null))}))})),C.map(((a,s)=>e.jsx(c.Content,Object.assign({value:`${s}`},{children:a.children}),s)))]}))})),Be=j.forwardRef(((a,s)=>{var{className:n,title:i}=a,o=r.__rest(a,["className","title"]);return e.jsx(t.View,Object.assign({as:c.Trigger,className:y.default(t.ComponentClassNames.TabItems,n),ref:s},o,{children:i}))}));_e.displayName="Tabs",Be.displayName="TabItem";const Ve=j.forwardRef(((a,s)=>{var{className:n,orientation:i="horizontal",size:o,label:l}=a,d=r.__rest(a,["className","orientation","size","label"]);const c=y.default(t.ComponentClassNames.Divider,t.classNameModifier(t.ComponentClassNames.Divider,i),t.classNameModifier(t.ComponentClassNames.Divider,o),l?t.ComponentClassNames.DividerLabel:null,n);return e.jsx(t.View,Object.assign({"aria-orientation":i,as:"hr",className:c,"data-size":o,"data-label":l,ref:s},d))}));Ve.displayName="Divider";const Le={minX:0,minY:0,width:24,height:24},Ee=j.forwardRef(((s,n)=>{var{className:i,as:o="svg",fill:l="currentColor",pathData:d,viewBox:c=Le,children:m,paths:u}=s,p=r.__rest(s,["className","as","fill","pathData","viewBox","children","paths"]);const h=c.minX?c.minX:Le.minX,C=c.minY?c.minY:Le.minY,g=c.width?c.width:Le.width,b=c.height?c.height:Le.height;let f;return m&&(f=m),u&&(f=u.map(((e,s)=>a.createElement("path",Object.assign({},e,{key:s}))))),d&&(f=e.jsx("path",{d:d,fill:l})),e.jsx(t.View,Object.assign({as:o,className:y.default(t.ComponentClassNames.Icon,i),ref:n,viewBox:`${h} ${C} ${g} ${b}`},p,{children:f}))}));Ee.displayName="Icon";const He=()=>e.jsx("svg",Object.assign({"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"},{children:e.jsx("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"})})),De=()=>e.jsxs("svg",Object.assign({"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"},{children:[e.jsx("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.jsx("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.jsx("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.jsx("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"})]})),ze=()=>e.jsx(Ee,{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"}),Ae=()=>e.jsxs("svg",Object.assign({"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"},{children:[e.jsx("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.jsx("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"})]})),Ge=a=>{const{icon:s,provider:t,text:n}=a,{_send:i}=k((()=>[]));let r;return"facebook"===s?r=e.jsx(ze,{}):"google"===s?r=e.jsx(De,{}):"amazon"===s?r=e.jsx(Ae,{}):"apple"===s&&(r=e.jsx(He,{})),e.jsxs(D,Object.assign({onClick:e=>{e.preventDefault(),i({type:"FEDERATED_SIGN_IN",data:{provider:t}})},className:"federated-sign-in-button",fontWeight:"normal",gap:"1rem"},{children:[r,e.jsx(G,Object.assign({as:"span"},{children:n}))]}))};function qe(){const{_state:a,route:t}=k((e=>[e.route])),{socialProviders:n=[]}=a.context.config;if(0===n.length)return null;const i="signUp"===t?"Up":"In";return e.jsxs(L,Object.assign({direction:"column",padding:"0 0 1rem 0",className:"federated-sign-in-container"},{children:[n.map((a=>{switch(a){case"amazon":return e.jsx(Ge,{icon:"amazon",provider:s.FederatedIdentityProviders.Amazon,text:s.translate(`Sign ${i} with Amazon`)},a);case"apple":return e.jsx(Ge,{icon:"apple",provider:s.FederatedIdentityProviders.Apple,text:s.translate(`Sign ${i} with Apple`)},a);case"facebook":return e.jsx(Ge,{icon:"facebook",provider:s.FederatedIdentityProviders.Facebook,text:s.translate(`Sign ${i} with Facebook`)},a);case"google":return e.jsx(Ge,{icon:"google",provider:s.FederatedIdentityProviders.Google,text:s.translate(`Sign ${i} with Google`)},a);default:console.error(`Authenticator does not support ${a}. Please open an issue: https://github.com/aws-amplify/amplify-ui/issues/choose`)}})),e.jsx(Ve,{size:"small",label:"or"})]}))}function $e(){const{isPending:a}=k((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=q(),{components:{SignIn:{Header:r=$e.Header,Footer:o=$e.Footer}}}=_();return e.jsxs(t.View,{children:[e.jsx(r,{}),e.jsxs("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:i,onChange:n},{children:[e.jsx(qe,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:a},{children:[e.jsx(Y,{children:e.jsx("legend",{children:s.translate("Sign in")})}),e.jsx(Fe,{})]})),e.jsx(U,{}),e.jsx(D,Object.assign({isDisabled:a,isFullWidth:!0,type:"submit",variation:"primary",isLoading:a,loadingText:s.translate("Signing in")},{children:s.translate("Sign in")}))]}))]})),e.jsx(o,{})]})}function We(){const{hasValidationErrors:a,isPending:n}=k((e=>[e.hasValidationErrors,e.isPending])),{handleChange:i,handleBlur:r,handleSubmit:o}=q(),{components:{SignUp:{Header:l=We.Header,FormFields:d=We.FormFields,Footer:c=We.Footer}}}=_();return e.jsxs(t.View,{children:[e.jsx(l,{}),e.jsxs("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:i,onSubmit:o,onBlur:r},{children:[e.jsx(qe,{}),e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(d,{}),e.jsx(U,{})]})),e.jsx(D,Object.assign({isDisabled:a||n,isFullWidth:!0,type:"submit",variation:"primary",isLoading:n,loadingText:s.translate("Creating Account")},{children:s.translate("Create Account")}))]}))]})),e.jsx(c,{})]})}$e.Footer=()=>{const{toResetPassword:a}=k((e=>[e.toResetPassword])),n=s.hasTranslation("Forgot your password? ")?s.translate("Forgot your password? "):s.translate("Forgot your password?");return e.jsx(t.View,Object.assign({"data-amplify-footer":""},{children:e.jsx(D,Object.assign({fontWeight:"normal",onClick:a,size:"small",variation:"link"},{children:n}))}))},$e.Header=function(){return null},We.Header=function(){return null},We.FormFields=function(){return e.jsx(Fe,{})},We.Footer=function(){return null};const Ue=({className:a,hideSignUp:n,variation:i})=>{const{route:r,toSignIn:o,toSignUp:l}=k((e=>[e.route,e.toSignIn,e.toSignUp]));return e.jsx(V,Object.assign({className:a,variation:i},{children:n?e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx($e,{})})):e.jsxs(_e,Object.assign({indicatorPosition:"top",currentIndex:"signIn"===r?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===r?l():o()},{children:[e.jsx(Be,Object.assign({title:s.translate("Sign In")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx($e,{})}))})),e.jsx(Be,Object.assign({title:s.translate("Create Account")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signUp"===r&&e.jsx(We,{})}))}))]}))}))},Ye=({className:a,variation:t})=>{const{isPending:n}=k((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=q(),{components:{ConfirmVerifyUser:{Header:o=Ye.Header,Footer:l=Ye.Footer}}}=_();return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:i,onSubmit:r},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(L,Object.assign({direction:"column"},{children:e.jsx(Fe,{})})),e.jsx(U,{}),e.jsx(ke,{cancelButtonText:s.translate("Skip"),cancelButtonSendType:"SKIP"}),e.jsx(l,{})]}))}))}))};Ye.Header=function(){return e.jsx(A,Object.assign({level:3},{children:s.translate("Account recovery requires verified contact information")}))},Ye.Footer=function(){return null};const Ke=N.default.createContext({name:"default"}),Ze=j.forwardRef(((s,n)=>{var{children:i,className:o,id:l,isDisabled:d,testId:c,value:m,labelPosition:u,height:p,width:h,bottom:C,left:g,position:b,padding:f,right:x,top:j}=s,N=r.__rest(s,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:v,defaultValue:w,name:O,hasError:F,isGroupDisabled:S,isRequired:P,isReadOnly:I,onChange:T,size:M,labelPosition:k}=a.useContext(Ke),R=S||d||I&&w!==m,_=void 0!==v?m===v:void 0,B=void 0!==w?m===w:void 0,V=u||k;return e.jsxs(L,Object.assign({as:"label",className:y.default(t.ComponentClassNames.Radio,t.classNameModifierByFlag(t.ComponentClassNames.Radio,"disabled",R),o),"data-disabled":R,"data-label-position":V,width:h,bottom:C,top:j,right:x,left:g,position:b,padding:f},{children:[i&&e.jsx(G,Object.assign({as:"span",className:t.ComponentClassNames.RadioLabel,"data-disabled":R},{children:i})),e.jsx(re,Object.assign({checked:_,className:y.default(t.ComponentClassNames.VisuallyHidden,t.ComponentClassNames.RadioInput),defaultChecked:B,hasError:F,id:l,isDisabled:R,isReadOnly:I,isRequired:P,onChange:T,ref:n,type:"radio",name:O,value:m},N)),e.jsx(L,{"aria-hidden":"true",as:"span",className:y.default(t.ComponentClassNames.RadioButton,t.classNameModifier(t.ComponentClassNames.RadioButton,M)),"data-size":M,testId:c})]}))}));Ze.displayName="Radio";const Xe=j.forwardRef(((a,s)=>{var{children:n,className:i,defaultValue:o,descriptiveText:l,errorMessage:d,hasError:c=!1,id:m,isDisabled:u,isRequired:p,isReadOnly:h,label:C,labelHidden:g=!1,labelPosition:b,onChange:f,name:x,size:N,value:v}=a,w=r.__rest(a,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const O=he(m),F=he(),S=he(),P=l?S:void 0,I=j.useMemo((()=>({currentValue:v,defaultValue:o,hasError:c,isRequired:p,isReadOnly:h,isGroupDisabled:u,onChange:f,size:N,name:x,labelPosition:b})),[o,c,u,p,h,f,N,x,v,b]);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.RadioGroupField,i),"data-size":N,ref:s},w,{children:[e.jsx(oe,Object.assign({id:F,visuallyHidden:g},{children:C})),e.jsx(te,{id:S,labelHidden:g,descriptiveText:l}),e.jsx(L,Object.assign({"aria-describedby":P,"aria-labelledby":F,className:t.ComponentClassNames.RadioGroup,id:O,role:"radiogroup"},{children:e.jsx(Ke.Provider,Object.assign({value:I},{children:n}))})),e.jsx(ne,{hasError:c,errorMessage:d})]}))}));Xe.displayName="RadioGroupField";const Qe=(e,a)=>{const t=s.translate(e);let n=a;if("Phone Number"===e)n=s.censorPhoneNumber(a);else if("Email"===e){const e=a.split("@");n=`${s.censorAllButFirstAndLast(e[0])}@${e[1]}`}return`${t}: ${n}`},Je=a=>{const t=[];for(const[n,i]of Object.entries(a)){const a=e.jsx(Ze,Object.assign({name:"unverifiedAttr",value:n},{children:Qe(s.defaultFormFieldOptions[n].label,i)}),n);t.push(a)}return t},ea=({className:a,variation:t})=>{const{components:{VerifyUser:{Header:n=ea.Header,Footer:i=ea.Footer}}}=_(),{_state:r,isPending:o}=k((e=>[e.isPending])),{handleChange:l,handleSubmit:d}=q(),c=s.getActorContext(r),m=o?e.jsx(e.Fragment,{children:"Verifying…"}):e.jsx(e.Fragment,{children:s.translate("Verify")}),u=e.jsx(Xe,Object.assign({label:s.translate("Verify Contact"),labelHidden:!0,name:"verify_context",isDisabled:o},{children:Je(c.unverifiedAttributes)}));return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-verifyuser":"",method:"post",onChange:l,onSubmit:d},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:o},{children:[e.jsx(n,{}),u,e.jsx(U,{}),e.jsx(ke,{cancelButtonText:s.translate("Skip"),cancelButtonSendType:"SKIP",submitButtonText:m}),e.jsx(i,{})]}))}))}))};ea.Header=function(){return e.jsx(A,Object.assign({level:3},{children:s.translate("Account recovery requires verified contact information")}))},ea.Footer=function(){return null};const aa=({className:a,variation:s})=>{const{isPending:t}=k((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=q(),{components:{ConfirmSignIn:{Header:r=aa.Header,Footer:o=aa.Footer}}}=_();return e.jsx(V,Object.assign({className:a,variation:s},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmsignin":"",method:"post",onChange:n,onSubmit:i},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:t},{children:[e.jsx(r,{}),e.jsxs(L,Object.assign({direction:"column"},{children:[e.jsx(Fe,{}),e.jsx(U,{})]})),e.jsx(Ie,{}),e.jsx(o,{})]}))}))}))};aa.Header=function(){const{_state:a}=k(),t=s.getActorState(a),{challengeName:n}=t.context;let i;switch(n){case s.AuthChallengeNames.SMS_MFA:i=s.translate("Confirm SMS Code");break;case s.AuthChallengeNames.SOFTWARE_TOKEN_MFA:i=s.translate("Confirm TOTP Code");break;default:throw new Error(`${s.translate("Unexpected challengeName encountered in ConfirmSignIn:")} ${n}`)}return e.jsx(A,Object.assign({level:3},{children:i}))},aa.Footer=function(){return null};const sa=({className:a,variation:t})=>{const{isPending:n}=k((e=>[e.isPending])),{handleBlur:i,handleChange:r,handleSubmit:o}=q(),{components:{ConfirmResetPassword:{Header:l=sa.Header,Footer:d=sa.Footer}}}=_();return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:o,onChange:r,onBlur:i},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(l,{}),e.jsx(L,Object.assign({direction:"column"},{children:e.jsx(Fe,{})})),e.jsx(U,{}),e.jsx(ke,{cancelButtonSendType:"RESEND",cancelButtonText:s.translate("Resend Code")}),e.jsx(d,{})]}))}))}))};sa.Header=function(){const a=s.translate("Reset your password");return e.jsx(A,Object.assign({level:3},{children:a}))},sa.Footer=function(){return null};const ta=({className:a,variation:t})=>{const{isPending:n}=k((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=q(),{components:{ResetPassword:{Header:o=ta.Header,Footer:l=ta.Footer}}}=_();return e.jsx(V,Object.assign({className:a,variation:t},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:i,onSubmit:r},{children:e.jsxs(L,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(L,Object.assign({direction:"column"},{children:e.jsx(Fe,{})})),e.jsx(U,{}),e.jsx(ke,{cancelButtonText:s.translate("Back to Sign In"),cancelButtonSendType:"SIGN_IN",submitButtonText:n?e.jsxs(e.Fragment,{children:[s.translate("Sending"),"…"]}):e.jsx(e.Fragment,{children:s.translate("Send code")})}),e.jsx(l,{})]}))}))}))};ta.Header=function(){return e.jsx(A,Object.assign({level:3},{children:s.translate("Reset your password")}))},ta.Footer=function(){return null};const na=e=>"signIn"===e||"signUp"===e;function ia(){return null}function ra({className:s,hideSignUp:t,variation:n}){const{route:i}=k((({route:e})=>[e])),r=a.useMemo((()=>(e=>{switch(e){case"authenticated":case"idle":case"setup":case"autoSignIn":return ia;case"confirmSignUp":return Se;case"confirmSignIn":return aa;case"setupTOTP":return Me;case"signIn":case"signUp":return Ue;case"forceNewPassword":return Pe;case"resetPassword":return ta;case"confirmResetPassword":return sa;case"verifyUser":return ea;case"confirmVerifyUser":return Ye;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),ia}})(i)),[i]);return e.jsx(r,{className:s,hideSignUp:na(i)?t:void 0,variation:n})}const oa={Header:()=>null,SignIn:{Header:$e.Header,Footer:$e.Footer},SignUp:{Header:We.Header,FormFields:We.FormFields,Footer:We.Footer},ConfirmSignUp:{Header:Se.Header,Footer:Se.Footer},SetupTOTP:{Header:Me.Header,Footer:Me.Footer},ConfirmResetPassword:{Header:sa.Header,Footer:sa.Footer},ConfirmSignIn:{Header:aa.Header,Footer:aa.Footer},VerifyUser:{Header:ea.Header,Footer:ea.Footer},ConfirmVerifyUser:{Header:Ye.Header,Footer:Ye.Footer},ForceNewPassword:{FormFields:Pe.FormFields},ResetPassword:{Header:ta.Header,Footer:ta.Footer},Footer:()=>null};function la({children:a,className:s,components:t,formFields:n,hideSignUp:i,initialState:r,loginMechanisms:o,signUpAttributes:l,services:d,socialProviders:c,variation:m}){const{route:u,signOut:p,user:h}=k((({route:e,signOut:a,user:s})=>[e,a,s]));!function(e){const{_send:a,route:s}=k((({route:e})=>[e])),t=j.useRef(!1);j.useEffect((()=>{t.current||"setup"!==s||(a({type:"INIT",data:e}),t.current=!0)}),[a,s,e])}({initialState:r,loginMechanisms:o,services:d,signUpAttributes:l,socialProviders:c,formFields:n});const C=j.useMemo((()=>({components:Object.assign(Object.assign({},oa),t)})),[t]);return"authenticated"===u||"signOut"===u?a?e.jsx(e.Fragment,{children:"function"==typeof a?a({signOut:p,user:h}):a}):null:e.jsx(R.Provider,Object.assign({value:C},{children:e.jsx(ra,{className:s,hideSignUp:i,variation:m})}))}function da(a){return e.jsx(M,{children:e.jsx(la,Object.assign({},a))})}function ca(a,s={}){const{variation:t="modal"}=s;return function(n){return e.jsx(da,Object.assign({variation:t},s,{children:s=>e.jsx(a,Object.assign({},n,s))}))}}da.Provider=M,da.ResetPassword=ta,da.SetupTOTP=Me,da.SignIn=$e,da.SignUp=We,da.ForceNewPassword=Pe;const ma=a.forwardRef(((s,t)=>{var n,{mapLib:i,mapStyle:o,style:l}=s,c=r.__rest(s,["mapLib","mapStyle","style"]);const m=d.Amplify.configure(),p=a.useMemo((()=>{var e,a,s,t;return null!==(t=null!==(a=null===(e=m.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==a?a:null===(s=m.geo)||void 0===s?void 0:s.AmazonLocationService)&&void 0!==t?t:{}}),[m]),[h,C]=a.useState(),g=a.useMemo((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},l)),[l]);return a.useEffect((()=>{r.__awaiter(void 0,void 0,void 0,(function*(){const e=yield d.Auth.currentUserCredentials();if(e){const{region:a}=p,{transformRequest:s}=new u.AmplifyMapLibreRequest(e,a);C((()=>s))}}))}),[p]),h?e.jsx(F.default,Object.assign({},c,{mapLib:null!=i?i:O.default,mapStyle:null!=o?o:null===(n=p.maps)||void 0===n?void 0:n.default,ref:t,style:g,transformRequest:h})):null}));ma.displayName="MapView";const ua={maplibregl:O.default,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},pa=e=>{var{position:a="top-right"}=e,s=r.__rest(e,["position"]);return p.useControl((()=>u.createAmplifyGeocoder(s)),{position:a}),null},ha=s=>{const t=a.useRef(!1);return a.useEffect((()=>{t.current||(u.createAmplifyGeocoder(s).addTo("#geocoder-container"),t.current=!0)}),[s]),e.jsx("div",{id:"geocoder-container"})},Ca=a=>{const{current:s}=p.useMap();return s?e.jsx(pa,Object.assign({},ua,a)):e.jsx(ha,Object.assign({},ua,a))},ga=Ca;var ba=Object.freeze({__proto__:null,AmplifyProvider:P,ThemeProvider:I,Authenticator:da,useAuthenticator:k,withAuthenticator:ca,MapView:ma,Geocoder:ga,LocationSearch:Ca});const fa=j.forwardRef(((a,s)=>{var{className:n,children:i,variation:o,size:l}=a,d=r.__rest(a,["className","children","variation","size"]);const c=y.default(t.ComponentClassNames.Badge,n,t.classNameModifier(t.ComponentClassNames.Badge,o),t.classNameModifier(t.ComponentClassNames.Badge,l));return e.jsx(t.View,Object.assign({as:"span",className:c,"data-variation":o,"data-size":l,ref:s},d,{children:i}))}));fa.displayName="Badge";const xa=j.forwardRef(((a,s)=>{var{className:n,children:i,role:o="group",size:l,variation:d}=a,c=r.__rest(a,["className","children","role","size","variation"]);return e.jsx(L,Object.assign({className:y.default(t.ComponentClassNames.ButtonGroup,n),role:o,ref:s},c,{children:j.Children.map(i,(e=>j.isValidElement(e)?j.cloneElement(e,{size:l,variation:d}):e))}))}));xa.displayName="ButtonGroup";const ja=j.forwardRef(((a,s)=>{var{className:n,children:i,variation:o}=a,l=r.__rest(a,["className","children","variation"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Card,t.classNameModifier(t.ComponentClassNames.Card,o),n),"data-variation":o,ref:s},l,{children:i}))}));ja.displayName="Card";const Na=(e,a)=>e&&a?`${e}-${a}`:void 0,va=j.forwardRef(((s,n)=>{var{checked:i,className:o,defaultChecked:l,hasError:d,isDisabled:c,isIndeterminate:m,label:u,labelHidden:p,labelPosition:h,onChange:C,testId:g}=s,b=r.__rest(s,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId"]);const{baseStyleProps:f,flexContainerStyleProps:x,rest:N}=t.splitPrimitiveProps(b),v=void 0!==i?i:l,{dataChecked:w,dataFocus:O,onBlur:F,onChange:S,onFocus:P,setDataChecked:I}=((e,s)=>{const[n,i]=a.useState(e),[r,o]=a.useState(!1);return{dataChecked:n,dataFocus:r,onBlur:()=>{o(!1)},onChange:e=>{i(e.target.checked),t.isFunction(s)&&s(e)},onFocus:()=>{o(!0)},setDataChecked:i}})(v,C);j.useEffect((()=>{void 0!==i&&i!==w&&I(i)}),[i,w,I]);const T=he();j.useEffect((()=>{document.querySelector(`[data-id="${T}"]`).indeterminate=m}),[T,m]);const M=Na(g,t.ComponentClassNames.CheckboxButton),k=Na(g,t.ComponentClassNames.CheckboxIcon),R=Na(g,t.ComponentClassNames.CheckboxLabel),_=y.default(t.ComponentClassNames.CheckboxButton,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"disabled",c),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"error",d),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"focused",O)),B=y.default(t.ComponentClassNames.CheckboxIcon,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"checked",w),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"disabled",c)),V=j.useMemo((()=>m?e.jsx(t.IconIndeterminate,{className:y.default(B,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"indeterminate",m)),"data-testid":k}):e.jsx(t.IconCheck,{className:B,"data-checked":w,"data-disabled":c,"data-testid":k})),[w,B,k,c,m]);return e.jsxs(L,Object.assign({as:"label",className:y.default(t.ComponentClassNames.Checkbox,t.classNameModifierByFlag(t.ComponentClassNames.Checkbox,"disabled",c),o),"data-disabled":c,"data-label-position":h,testId:g},f,x,{children:[e.jsx(Y,{children:e.jsx(re,Object.assign({checked:i,className:t.ComponentClassNames.CheckboxInput,"data-id":T,defaultChecked:l,isDisabled:c,onBlur:F,onChange:S,onFocus:P,ref:n,type:"checkbox"},N))}),u&&e.jsx(G,Object.assign({as:"span",className:y.default(t.ComponentClassNames.CheckboxLabel,{[t.ComponentClassNames.VisuallyHidden]:p}),"data-disabled":c,testId:R},{children:u})),e.jsx(L,Object.assign({"aria-hidden":"true",as:"span",className:_,"data-checked":w,"data-disabled":c,"data-focus":O,"data-error":d,testId:M},{children:V}))]}))}));va.displayName="Checkbox";const ya=j.forwardRef(((a,s)=>{var{className:n,errorMessage:i,hasError:o=!1,labelHidden:l=!1,labelPosition:d,testId:c,size:m}=a,u=r.__rest(a,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const p=Na(c,t.ComponentClassNames.Checkbox);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.CheckboxField,t.classNameModifier(t.ComponentClassNames.Field,m),n),"data-size":m,testId:c},{children:[e.jsx(va,Object.assign({hasError:o,labelHidden:l,testId:p,labelPosition:d,ref:s},u)),e.jsx(ne,{hasError:o,errorMessage:i})]}))}));ya.displayName="CheckboxField";const wa=j.forwardRef(((a,s)=>{var{className:n,children:i}=a,o=r.__rest(a,["className","children"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Grid,n),ref:s},o,{children:i}))}));wa.displayName="Grid";const Oa=a=>{var{type:s,page:n,currentPage:i,currentPageLabel:o=t.ComponentText.PaginationItem.currentPageLabel,isDisabled:l,onClick:d,ariaLabel:c}=a,m=r.__rest(a,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const u=j.useCallback((()=>{d(n,i)}),[n,i,d]),p=j.useCallback((()=>{d()}),[d]),h=j.useCallback((()=>{d()}),[d]),C=y.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",l)),g=y.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",l));switch(s){case"page":return e.jsx(t.View,Object.assign({as:"li"},{children:n===i?e.jsxs(L,Object.assign({"aria-current":"page",as:"button",className:t.ComponentClassNames.PaginationItemCurrent,testId:"current"},m,{children:[e.jsxs(Y,{children:[o,":"]}),n]})):e.jsx(D,Object.assign({className:y.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:u,ariaLabel:c},m,{children:n}))}));case"next":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(D,Object.assign({className:C,size:"small",variation:"link",isDisabled:l,onClick:h,ariaLabel:c},m,{children:e.jsx(t.IconChevronRight,{size:"large"})}))}));case"previous":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(D,Object.assign({className:g,size:"small",variation:"link",isDisabled:l,onClick:p,ariaLabel:c},m,{children:e.jsx(t.IconChevronLeft,{size:"large"})}))}));case"ellipsis":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(L,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},m,{children:"…"}))}))}return e.jsx(t.View,{as:"li"})};Oa.displayName="PaginationItem";const Fa=(a,s,n,i,r=t.ComponentText.PaginationItem.currentPageLabel,o=t.ComponentText.PaginationItem.pageLabel,l=t.ComponentText.PaginationItem.previousLabel,d=t.ComponentText.PaginationItem.nextLabel,c,m,u)=>{const p=e.jsx(Oa,{type:"previous",currentPage:a,onClick:m,isDisabled:a<=1,ariaLabel:l},"previous"),h=e.jsx(Oa,{type:"next",currentPage:a,onClick:c,isDisabled:a>=s&&!n,ariaLabel:d},"next"),C=((e,a,s=1)=>j.useMemo((()=>{const n=Math.max(e,1),i=Math.max(s,1),r=Math.max(n,a),o=r;if(r<5+2*i)return t.getConsecutiveIntArray(1,r);const l=Math.max(n-i,1),d=Math.min(n+i,o),c=l>2,m=d<o-1;if(c&&!m){const e=3+2*i;return[1,"...",...t.getConsecutiveIntArray(o-e+1,o)]}if(!c&&m){const e=3+2*i;return[...t.getConsecutiveIntArray(1,e),"...",o]}return[1,"...",...t.getConsecutiveIntArray(l,d),"...",o]}),[e,a,s]))(a,s,i);return[p,...j.useMemo((()=>C.map(((s,t)=>"..."===s?e.jsx(Oa,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e.jsx(Oa,{type:"page",page:s,currentPage:a,currentPageLabel:r,onClick:u,ariaLabel:`${o} ${s}`},s)))),[C,a,r,o,u]),h]},Sa=j.forwardRef(((a,s)=>{var{className:n,currentPage:i=1,totalPages:o,hasMorePages:l=!1,siblingCount:d,currentPageLabel:c,pageLabel:m,previousLabel:u,nextLabel:p,onNext:h,onPrevious:C,onChange:g}=a,b=r.__rest(a,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const f=Fa(i,o,l,d,c,m,u,p,h,C,g);return e.jsx(t.View,Object.assign({as:"nav",className:y.default(t.ComponentClassNames.Pagination,n),ref:s},b,{children:e.jsx(L,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:f}))}))}));Sa.displayName="Pagination";const Pa=e=>{let{currentPage:a=1,totalPages:s,hasMorePages:t,siblingCount:n=1}=e;a=Math.max(a,1),n=Math.max(n,1),s=Math.max(a,s);const[i,r]=j.useState(a);j.useEffect((()=>r(a)),[a,s]);const o=j.useCallback((()=>{i<s&&r(i+1)}),[i,s]),l=j.useCallback((()=>{i>1&&r(i-1)}),[i]),d=j.useCallback(((e,a)=>{r(e)}),[]);return{currentPage:i,totalPages:s,hasMorePages:t,siblingCount:n,onNext:o,onPrevious:l,onChange:d}},Ia=t.ComponentText.SearchField.searchButtonLabel,Ta=j.forwardRef(((a,s)=>e.jsx(ee,Object.assign({ariaLabel:Ia,className:t.ComponentClassNames.SearchFieldSearch,ref:s,type:"submit"},a,{children:e.jsx(t.IconSearch,{size:a.size})}))));Ta.displayName="SearchFieldButton";const Ma=new Set(["Escape","Enter"]),ka=({onSubmit:e,onClear:a,externalRef:s})=>{const[n,i]=j.useState(""),r=j.useRef(null),o=function({externalRef:e,internalRef:a}){return j.useCallback((s=>{"function"==typeof e?e(s):null!==e&&(e.current=s),a.current=s}),[e,a])}({externalRef:s,internalRef:r}),l=j.useCallback((()=>{var e;i(""),null===(e=null==r?void 0:r.current)||void 0===e||e.focus(),t.isFunction(a)&&a()}),[i,a]),d=j.useCallback((a=>{t.isFunction(e)&&e(a)}),[e]),c=j.useCallback((e=>{const{key:a}=e;Ma.has(a)&&(e.preventDefault(),"Escape"===a?l():"Enter"===a&&d(n))}),[n,l,d]),m=j.useCallback((e=>{i(e.target.value)}),[i]),u=j.useCallback((()=>{d(n)}),[d,n]);return{value:n,onClearHandler:l,onKeyDown:c,onInput:m,onClick:u,composedRefs:o}},Ra=j.forwardRef(((a,s)=>{var{autoComplete:n="off",className:i,isDisabled:o,clearButtonLabel:l,labelHidden:d=!0,name:c="q",onSubmit:m,onClear:u,searchButtonRef:p,size:h}=a,C=r.__rest(a,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:g,onClearHandler:b,onInput:f,onKeyDown:x,onClick:j,composedRefs:N}=ka({onSubmit:m,onClear:u,externalRef:s});return e.jsx(be,Object.assign({autoComplete:n,className:y.default(t.ComponentClassNames.SearchField,i),labelHidden:d,innerEndComponent:e.jsx(se,{ariaLabel:l,excludeFromTabOrder:!0,isVisible:t.strHasLength(g),onClick:b,size:h,variation:"link"}),isDisabled:o,isMultiline:!1,name:c,onInput:f,onKeyDown:x,outerEndComponent:e.jsx(Ta,{isDisabled:o,onClick:j,ref:p,size:h}),ref:N,size:h,value:g},C))}));Ra.displayName="SearchField";const _a=(e,a)=>t.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>_a(e,a))),Ba=(e,a)=>Math.ceil(e/a),Va=10,La=a=>{var{children:s,direction:t="column",items:n}=a,i=r.__rest(a,["children","direction","items"]);return e.jsx(L,Object.assign({direction:t},i,{children:Array.isArray(n)?n.map(s):null}))},Ea=a=>{var{children:s,items:t}=a,n=r.__rest(a,["children","items"]);return e.jsx(wa,Object.assign({},n,{children:Array.isArray(t)?t.map(s):null}))},Ha=(a,s,n)=>s.length?a:n||e.jsx(L,Object.assign({justifyContent:"center"},{children:e.jsx(G,{children:t.ComponentText.Collection.searchNoResultsFound})})),Da=a=>{var{className:s,isSearchable:n,isPaginated:i,items:o,itemsPerPage:l=Va,searchFilter:d=_a,searchLabel:c=t.ComponentText.Collection.searchButtonLabel,searchNoResultsFound:m,searchPlaceholder:u,type:p="list",testId:h}=a,C=r.__rest(a,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchNoResultsFound","searchPlaceholder","type","testId"]);const[g,b]=j.useState(),f=j.useCallback(S.default(b,300),[b]);o=Array.isArray(o)?o:[],n&&t.strHasLength(g)&&(o=o.filter((e=>d(e,g))));const x=Pa({totalPages:Ba(o.length,l)});i&&(o=((e,a,s)=>{if(a<1||s<1)return[];const t=(a-1)*s;return e.slice(t,t+s)})(o,x.currentPage,l));const N="list"===p?e.jsx(La,Object.assign({className:t.ComponentClassNames.CollectionItems,items:o},C)):"grid"===p?e.jsx(Ea,Object.assign({className:t.ComponentClassNames.CollectionItems,items:o},C)):null;return e.jsxs(L,Object.assign({testId:h,className:y.default(t.ComponentClassNames.Collection,s)},{children:[n?e.jsx(L,Object.assign({className:t.ComponentClassNames.CollectionSearch},{children:e.jsx(Ra,{label:c,placeholder:u,onChange:e=>f(e.target.value),onClear:()=>b("")})})):null,Ha(N,o,m),i?e.jsx(L,Object.assign({className:t.ComponentClassNames.CollectionPagination},{children:e.jsx(Sa,Object.assign({},x))})):null]}))};Da.displayName="Collection";const za=j.forwardRef(((a,s)=>{var{children:n,className:i,defaultValue:o,isCollapsible:l,onChange:d,onValueChange:c,testId:m,type:u="single",value:p}=a,h=r.__rest(a,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:g}=t.splitPrimitiveProps(h);return"multiple"===u?e.jsx(C.Root,Object.assign({className:y.default(t.ComponentClassNames.Expander,i),"data-testid":m,defaultValue:o,onValueChange:d,ref:s,type:u,value:p},g,{children:n})):e.jsx(C.Root,Object.assign({className:y.default(t.ComponentClassNames.Expander,i),collapsible:l,"data-testid":m,defaultValue:o,onValueChange:d,ref:s,type:u,value:p},g,{children:n}))}));za.displayName="Expander";const Aa=j.forwardRef(((a,s)=>{var{children:n,className:i,title:o}=a,l=r.__rest(a,["children","className","title"]);const d=he(),c=he(),{rest:m}=t.splitPrimitiveProps(l);return e.jsxs(C.Item,Object.assign({className:y.default(t.ComponentClassNames.ExpanderItem,i),"data-testid":"expander-item",ref:s},m,{children:[e.jsx(C.Header,Object.assign({className:t.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},{children:e.jsxs(C.Trigger,Object.assign({"aria-controls":c,className:t.ComponentClassNames.ExpanderTrigger,id:d},{children:[o,e.jsx(t.IconExpandMore,{"aria-hidden":!0,className:t.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"})]}))})),e.jsx(C.Content,Object.assign({"aria-labelledby":d,className:t.ComponentClassNames.ExpanderContent,id:c},{children:e.jsx(t.View,Object.assign({className:t.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},{children:n}))}))]}))}));Aa.displayName="ExpanderItem";const Ga=j.forwardRef(((a,s)=>{var{className:n}=a,i=r.__rest(a,["className"]);return e.jsx(t.View,Object.assign({as:"img",ref:s,className:y.default(t.ComponentClassNames.Image,n)},i))}));Ga.displayName="Image";const qa=j.forwardRef(((a,s)=>{var{as:n="a",children:i,className:o,isExternal:l,to:d}=a,c=r.__rest(a,["as","children","className","isExternal","to"]);return Ce({shouldWarn:null!=d,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"}),e.jsx(t.View,Object.assign({as:n,className:y.default(t.ComponentClassNames.Link,o),ref:s,rel:l?"noopener noreferrer":void 0,target:l?"_blank":void 0,to:d},c,{children:i}))}));qa.displayName="Link";const $a=j.forwardRef(((a,s)=>{var{ariaLabel:n,className:i,children:o,isFullWidth:l=!1,isDisabled:d,isLoading:c,loadingText:m="",size:u,style:p,type:h="button",variation:C,testId:g}=a,b=r.__rest(a,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:f,nonStyleProps:x}=t.useStyles(b,p),j=y.default(t.ComponentClassNames.Button,t.classNameModifier(t.ComponentClassNames.Button,u),t.classNameModifier(t.ComponentClassNames.Button,C),i);return e.jsx(D,Object.assign({ref:s,className:j,"data-fullwidth":l,"data-loading":c,"data-size":u,"data-variation":C,disabled:d||c,type:h,"data-testid":g,"aria-label":n,style:f},x,{children:o}))}));$a.displayName="MenuButton";const Wa=j.forwardRef(((a,s)=>{var{menuAlign:n="start",children:i,className:o,isOpen:l,size:d,trigger:c,triggerClassName:m,ariaLabel:u,onOpenChange:p}=a,h=r.__rest(a,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return e.jsxs(g.DropdownMenu,Object.assign({onOpenChange:p,open:l},{children:[e.jsx(g.DropdownMenuTrigger,Object.assign({asChild:!0},{children:null!=c?c:e.jsx($a,Object.assign({ariaLabel:u,size:d,testId:"amplify-menu-trigger-test-id",className:y.default(t.ComponentClassNames.MenuTrigger,m)},{children:e.jsx(t.IconMenu,{size:d})}))})),e.jsx(g.DropdownMenuContent,Object.assign({align:n,portalled:!1},{children:e.jsx(xa,Object.assign({className:y.default(t.ComponentClassNames.MenuContent,o),ref:s,size:d,testId:"amplify-menu-items-group-test-id"},h,{children:i}))}))]}))}));Wa.displayName="Menu";const Ua=j.forwardRef(((a,s)=>{var{children:n,className:i,variation:o}=a,l=r.__rest(a,["children","className","variation"]);return e.jsx(g.DropdownMenuItem,Object.assign({asChild:!0,ref:s},{children:e.jsx($a,Object.assign({className:y.default(t.ComponentClassNames.MenuItem,i),testId:"amplify-menu-item-test-id"},l,{variation:"menu"},{children:n}))}))}));Ua.displayName="MenuItem";const Ya=j.forwardRef(((a,s)=>{var{className:n,children:i,isLoaded:o,size:l}=a,d=r.__rest(a,["className","children","isLoaded","size"]);return o?e.jsx(e.Fragment,{children:i}):e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.Placeholder,t.classNameModifier(t.ComponentClassNames.Placeholder,l),n),"data-size":l,ref:s},d))}));Ya.displayName="Placeholder";const Ka=({icon:a,fill:s,className:n})=>e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},{children:e.jsx(t.View,Object.assign({as:"span",className:y.default(n),color:s},{children:a}))}));Ka.displayName="RatingIcon";const Za=({emptyColor:a,emptyIcon:s,fillColor:n,fillIcon:i,value:r})=>{const o=r%1*100+"%";return e.jsxs(t.View,Object.assign({as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},{children:[e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-label"},{children:e.jsx(t.View,Object.assign({as:"span",className:y.default("amplify-rating-icon","amplify-rating-icon-empty"),color:a},{children:s}))})),e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-label",width:o},{children:e.jsx(t.View,Object.assign({as:"span",className:y.default("amplify-rating-icon","amplify-rating-icon-filled"),color:n},{children:i}))}))]}))};Za.displayName="RatingMixedIcon";const Xa=5,Qa=0,Ja=j.forwardRef(((a,s)=>{var{className:n,emptyColor:i,emptyIcon:o,fillColor:l,icon:d=e.jsx(t.IconStar,{}),maxValue:c=Xa,size:m,value:u=Qa}=a,p=r.__rest(a,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const h=new Array(Math.ceil(c)).fill(1).map(((a,s)=>{const t=s+1;return((e,a)=>e<=a)(t,u)?e.jsx(Ka,{icon:d,fill:l,className:"amplify-rating-icon-filled"},s.toString()):((e,a)=>e-1>=a)(t,u)?e.jsx(Ka,{icon:o||d,fill:i,className:"amplify-rating-icon-empty"},s.toString()):((e,a)=>e>a&&e-1<a)(t,u)?e.jsx(Za,{fillIcon:d,emptyIcon:o||d,value:u,fillColor:l,emptyColor:i},s.toString()):void 0}));return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Rating,t.classNameModifier(t.ComponentClassNames.Rating,m),n),"data-size":m,ref:s},p,{children:[h,e.jsxs(Y,{children:[u," out of ",c," rating"]})]}))}));Ja.displayName="Rating";const es=j.forwardRef(((a,s)=>{var{children:n,className:i,orientation:o}=a,l=r.__rest(a,["children","className","orientation"]);return e.jsx(t.View,Object.assign({className:y.default(t.ComponentClassNames.ScrollView,t.classNameModifier(t.ComponentClassNames.ScrollView,o),i),"data-orientation":o,ref:s},l,{children:n}))}));es.displayName="ScrollView";const as=j.forwardRef(((a,s)=>{var{ariaValuetext:n,className:i,defaultValue:o,descriptiveText:l,emptyTrackColor:d,errorMessage:c,filledTrackColor:m,formatValue:u,hasError:p=!1,id:h,isDisabled:C,isValueHidden:g=!1,label:f,labelHidden:x=!1,onChange:N,orientation:v="horizontal",outerEndComponent:w,outerStartComponent:O,testId:F,thumbColor:S,trackSize:P,dir:I,value:T,size:M}=a,k=r.__rest(a,["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=he(h),_=he(),B=he(),V=l?B:void 0,{flexContainerStyleProps:E,baseStyleProps:H,rest:D}=t.splitPrimitiveProps(k),z=void 0!==T,[A,G]=j.useState(z?T:o),q=z?[T]:void 0,$=z?void 0:[o],W=j.useCallback((e=>{G(e[0]),t.isFunction(N)&&N(e[0])}),[N]),U=j.useMemo((()=>{const a=t.isFunction(u)?u(A):A;return"string"==typeof u?e.jsx(t.View,Object.assign({as:"span"},{children:a})):a}),[A,u]),Y="vertical"===v,K=y.default(t.ComponentClassNames.SliderFieldTrack,t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,v),t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,M)),Z=y.default(t.ComponentClassNames.SliderFieldRoot,t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,v),t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,M),i);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.SliderField),testId:F,"data-size":M},H,E,{children:[e.jsxs(oe,Object.assign({className:t.ComponentClassNames.SliderFieldLabel,id:_,testId:"slider-label",visuallyHidden:x},{children:[e.jsx(t.View,Object.assign({as:"span"},{children:f})),g?null:U]})),e.jsx(te,{id:B,labelHidden:x,descriptiveText:l}),e.jsx(ie,Object.assign({className:t.ComponentClassNames.SliderFieldGroup,id:R,orientation:v,outerStartComponent:O,outerEndComponent:w},{children:e.jsxs(b.Root,Object.assign({className:Z,"data-testid":"slider-root",disabled:C,defaultValue:$,onValueChange:W,orientation:v,ref:s,value:q},D,{children:[e.jsx(b.Track,Object.assign({className:K,"data-testid":"slider-track",style:{backgroundColor:String(d),[""+(Y?"width":"height")]:P}},{children:e.jsx(b.Range,{className:y.default(t.ComponentClassNames.SliderFieldRange,t.classNameModifier(t.ComponentClassNames.SliderFieldRange,v)),"data-testid":"slider-range",style:{backgroundColor:String(m)}})})),e.jsx(b.Thumb,{"aria-describedby":V,"aria-labelledby":_,"aria-valuetext":n,className:y.default(t.ComponentClassNames.SliderFieldThumb,t.classNameModifier(t.ComponentClassNames.SliderFieldThumb,M)),style:{backgroundColor:String(S)}})]}))})),e.jsx(ne,{hasError:p,errorMessage:c})]}))}));as.displayName="SliderField";const ss=(e,a,s,t)=>{const n=(t-e)%s;return t=t-n+Math.round(n/s)*s,(t=Math.max(e,t))>a&&(t=a-(a-e)%s),t},ts=j.forwardRef(((a,s)=>{const{className:n,descriptiveText:i,defaultValue:o,errorMessage:l,hasError:d=!1,id:c,isDisabled:m,isReadOnly:u,isRequired:p,increaseButtonLabel:h=t.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:C=t.ComponentText.StepperField.decreaseButtonLabel,label:g,labelHidden:b=!1,onStepChange:f,size:x,variation:N,testId:v,bottom:w,height:O,left:F,padding:S,position:P,right:I,top:T,width:M,value:k}=a,R=r.__rest(a,["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"]),_=he(c),B=he(),V=i?B:void 0,{baseStyleProps:E,flexContainerStyleProps:H,rest:D}=t.splitPrimitiveProps(R),{step:z,value:A,inputValue:G,handleDecrease:q,handleIncrease:$,handleOnBlur:W,handleOnChange:U,handleOnWheel:Y,setInputValue:K,shouldDisableDecreaseButton:Z,shouldDisableIncreaseButton:X}=(({defaultValue:e=0,value:a,step:s=1,max:n=Number.MAX_SAFE_INTEGER,min:i=Number.MIN_SAFE_INTEGER,isDisabled:r,isReadOnly:o,onDecrease:l,onIncrease:d,onStepChange:c})=>{const m=void 0!==a;n=Math.max(i,n);const[u,p]=j.useState((()=>ss(i,n,s,e)));m&&(a=ss(i,n,s,a));const h=m?a:u,C=r||o||h+s>n,g=r||o||h-s<i,[b,f]=j.useState(h),x=j.useCallback((e=>{f(e.target.value)}),[]),N=j.useCallback((e=>{let a=parseFloat(e.target.value);isNaN(a)||(a=ss(i,n,s,a),m||p(a),t.isFunction(c)&&c(a),f(a))}),[i,n,s,m,c]),v=j.useCallback((()=>{m||p(h+s),t.isFunction(c)&&c(h+s),t.isFunction(d)&&d(),f(h+s)}),[s,h,m,d,c]),y=j.useCallback((()=>{m||p(h-s),t.isFunction(c)&&c(h-s),t.isFunction(l)&&l(),f(h-s)}),[s,h,m,l,c]),w=j.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:s,value:h,inputValue:b,handleDecrease:y,handleIncrease:v,handleOnBlur:N,handleOnChange:x,handleOnWheel:w,setInputValue:f,shouldDisableDecreaseButton:g,shouldDisableIncreaseButton:C}})(a);return j.useEffect((()=>{void 0!==k&&K(k)}),[k,K]),e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,x),t.ComponentClassNames.StepperField,n),"data-size":x,"data-variation":N,testId:v,width:M,height:O,position:P,padding:S,top:T,right:I,left:F,bottom:w},H,{children:[e.jsx(oe,Object.assign({htmlFor:_,visuallyHidden:b},{children:g})),e.jsx(te,{id:B,labelHidden:b,descriptiveText:i}),e.jsx(ie,Object.assign({outerStartComponent:e.jsx(ee,Object.assign({"aria-controls":_,ariaLabel:`${C} ${A-z}`,className:y.default(t.ComponentClassNames.StepperFieldButtonDecrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonDecrease,N),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonDecrease,"disabled",Z)),"data-invalid":d,isDisabled:Z,onClick:q,size:x},{children:e.jsx(t.IconRemove,{"data-testid":"decrease-icon"})})),outerEndComponent:e.jsx(ee,Object.assign({"aria-controls":_,ariaLabel:`${h} ${A+z}`,className:y.default(t.ComponentClassNames.StepperFieldButtonIncrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonIncrease,N),t.classNameModifierByFlag(t.ComponentClassNames.StepperFieldButtonIncrease,"disabled",X)),"data-invalid":d,isDisabled:X,onClick:$,size:x},{children:e.jsx(t.IconAdd,{"data-testid":"increase-icon"})}))},{children:e.jsx(re,Object.assign({"aria-describedby":V,className:t.ComponentClassNames.StepperFieldInput,hasError:d,id:_,isDisabled:m,isReadOnly:u,isRequired:p,onBlur:W,onChange:U,onWheel:Y,ref:s,size:x,variation:N,type:"number",value:G},E,D))})),e.jsx(ne,{hasError:d,errorMessage:l})]}))}));ts.displayName="StepperField";const ns=j.forwardRef(((s,n)=>{var{className:i,defaultChecked:o,id:l,isChecked:d,isDisabled:c,isLabelHidden:m,label:u,labelPosition:p,name:h,onChange:C,size:g,thumbColor:b,trackCheckedColor:f,trackColor:x,value:j}=s,N=r.__rest(s,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:v,changeHandler:w,isFocused:O,setIsFocused:F}=(e=>{const{onChange:s,isChecked:t,defaultChecked:n,isDisabled:i}=e,r=void 0!==t,[o,l]=a.useState(r?t:n),[d,c]=a.useState(!1),m=a.useCallback((e=>{i?e.preventDefault():("function"==typeof s&&s(e),l(e.target.checked))}),[s,i]);return r&&o!==t&&l(t),{isOn:o,changeHandler:m,isFocused:d,setIsFocused:c}})({onChange:C,isChecked:d,defaultChecked:o,isDisabled:c}),S=he(l),P=m?Y:t.View,I=y.default(t.ComponentClassNames.SwitchTrack,t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"checked",v),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"disabled",c),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"focused",O)),T=y.default(t.ComponentClassNames.SwitchThumb,t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"checked",v),t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"disabled",c));return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.SwitchField,t.classNameModifier(t.ComponentClassNames.SwitchField,g),i),"data-size":g,"data-label-position":p,ref:n},N,{children:[e.jsx(Y,{children:e.jsx(re,{role:"switch",type:"checkbox",id:S,onChange:w,disabled:c,name:h,checked:v,value:j,onFocus:()=>{F(!0)},onBlur:()=>{F(!1)}})}),e.jsxs(oe,Object.assign({htmlFor:S,className:y.default(t.ComponentClassNames.SwitchWrapper,t.classNameModifier(t.ComponentClassNames.SwitchWrapper,p)),"data-label-position":p},{children:[e.jsx(P,Object.assign({as:"span",className:t.ComponentClassNames.SwitchLabel},{children:u})),e.jsx(t.View,Object.assign({as:"span",className:I,"data-checked":v,"data-disabled":c,"data-focused":O,backgroundColor:v?f:x},{children:e.jsx(t.View,{as:"span",className:T,"data-checked":v,"data-disabled":c,backgroundColor:b})}))]}))]}))}));ns.displayName="SwitchField";const is=j.forwardRef(((a,s)=>{var{caption:n,children:i,className:o,highlightOnHover:l=!1,size:d,variation:c}=a,m=r.__rest(a,["caption","children","className","highlightOnHover","size","variation"]);const u=y.default(t.ComponentClassNames.Table,t.classNameModifier(t.ComponentClassNames.Table,d),t.classNameModifier(t.ComponentClassNames.Table,c),o);return e.jsxs(t.View,Object.assign({as:"table",className:u,"data-highlightonhover":l,"data-size":d,"data-variation":c,ref:s},m,{children:[n&&e.jsx(t.View,Object.assign({as:"caption",className:t.ComponentClassNames.TableCaption},{children:n})),i]}))}));is.displayName="Table";const rs=j.forwardRef(((a,s)=>{var{children:n,className:i}=a,o=r.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tbody",className:y.default(t.ComponentClassNames.TableBody,i),ref:s},o,{children:n}))}));rs.displayName="TableBody";const os=j.forwardRef(((a,s)=>{var{as:n="td",children:i,className:o}=a,l=r.__rest(a,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:y.default("td"===n?t.ComponentClassNames.TableTd:t.ComponentClassNames.TableTh,o),ref:s},l,{children:i}))}));os.displayName="TableCell";const ls=j.forwardRef(((a,s)=>{var{children:n,className:i}=a,o=r.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tfoot",className:y.default(t.ComponentClassNames.TableFoot,i),ref:s},o,{children:n}))}));ls.displayName="TableFoot";const ds=j.forwardRef(((a,s)=>{var{children:n,className:i}=a,o=r.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"thead",className:y.default(t.ComponentClassNames.TableHead,i),ref:s},o,{children:n}))}));ds.displayName="TableHead";const cs=j.forwardRef(((a,s)=>{var{children:n,className:i}=a,o=r.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tr",className:y.default(t.ComponentClassNames.TableRow,i),ref:s},o,{children:n}))}));cs.displayName="TableRow";const ms=j.forwardRef(((a,s)=>{const{className:n,descriptiveText:i,errorMessage:o,hasError:l=!1,id:d,label:c,labelHidden:m=!1,rows:u,size:p,testId:h,bottom:C,height:g,left:b,padding:f,position:x,right:j,top:N,width:v}=a,w=r.__rest(a,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),O=he(d),F=he(),S=i?F:void 0,{flexContainerStyleProps:P,baseStyleProps:I,rest:T}=t.splitPrimitiveProps(w);return e.jsxs(L,Object.assign({className:y.default(t.ComponentClassNames.Field,t.ComponentClassNames.TextAreaField,n),"data-size":p,height:g,testId:h,width:v,bottom:C,left:b,right:j,top:N,position:x,padding:f},P,{children:[e.jsx(oe,Object.assign({htmlFor:O,visuallyHidden:m},{children:c})),e.jsx(te,{id:F,labelHidden:m,descriptiveText:i}),e.jsx(ce,Object.assign({"aria-describedby":S,hasError:l,id:O,ref:s,rows:null!=u?u:3,size:p},I,T)),e.jsx(ne,{hasError:l,errorMessage:o})]}))}));ms.displayName="TextAreaField";const us=j.forwardRef(((a,s)=>{var{className:n,children:i,defaultPressed:o=!1,isDisabled:l,isPressed:d,onChange:c,onClick:m,size:u,value:p,variation:h}=a,C=r.__rest(a,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:g,handleClick:b}=(({isPressed:e,defaultPressed:a,onClick:s,onChange:n,value:i})=>{const r=void 0!==e,[o,l]=j.useState(a);return{isPressed:e=r?e:o,handleClick:j.useCallback((e=>{t.isFunction(s)&&s(e),r||l(!o),r&&t.isFunction(n)&&n(i)}),[r,s,n,o,i])}})({isPressed:d,defaultPressed:o,onChange:c,onClick:m,value:p}),f=y.default(t.ComponentClassNames.ToggleButton,t.classNameModifier(t.ComponentClassNames.ToggleButton,h),t.classNameModifierByFlag(t.ComponentClassNames.ToggleButton,"pressed",g),n);return e.jsx(D,Object.assign({"aria-pressed":g,className:f,isDisabled:l,onClick:b,ref:s,size:u,type:"button",variation:h},C,{children:i}))}));us.displayName="ToggleButton";const ps=j.forwardRef(((a,s)=>{var{children:n,className:i,isExclusive:o,isSelectionRequired:l,onChange:d,size:c,value:m,variation:u}=a,p=r.__rest(a,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const h=((e,a,s=!1,n=!1)=>{const i=j.useCallback((s=>{if(!t.isFunction(e)||!Array.isArray(a))return;const i=a.indexOf(s);let r;i>=0?(r=[...a],(!n||r.length>1)&&r.splice(i,1)):r=[...a,s],e(r)}),[e,a,n]),r=j.useCallback((s=>{t.isFunction(e)&&e(a!==s||n?s:null)}),[e,a,n]);return s?r:i})(d,m,o,l);return e.jsx(L,Object.assign({className:y.default(t.ComponentClassNames.ToggleButtonGroup,i),ref:s,role:"group"},p,{children:j.Children.map(n,(e=>j.isValidElement(e)?j.cloneElement(e,{isPressed:o?m===e.props.value:m.includes(e.props.value),onChange:h,size:c,variation:u}):e))}))}));ps.displayName="ToggleButtonGroup";var hs=Object.freeze({__proto__:null,Alert:W,Badge:fa,Button:D,ButtonGroup:xa,Card:ja,CheckboxField:ya,Collection:Da,Divider:Ve,Expander:za,ExpanderItem:Aa,FieldGroupIcon:J,FieldGroupIconButton:ee,Flex:L,Grid:wa,Heading:A,Icon:Ee,Image:Ga,Link:qa,Loader:H,Menu:Wa,MenuButton:$a,MenuItem:Ua,Pagination:Sa,PasswordField:fe,PhoneNumberField:ye,Placeholder:Ya,Radio:Ze,RadioGroupField:Xe,Rating:Ja,ScrollView:es,SearchField:Ra,SelectField:Ne,SliderField:as,StepperField:ts,SwitchField:ns,Tabs:_e,TabItem:Be,Text:G,TextAreaField:ms,TextField:be,ToggleButton:us,ToggleButtonGroup:ps,View:t.View,VisuallyHidden:Y,Table:is,TableBody:rs,TableCell:os,TableFoot:ls,TableHead:ds,TableRow:cs,usePagination:Pa,ComponentClassNames:t.ComponentClassNames,ComponentClassObject:t.ComponentClassObject,ComponentPropsToStylePropsMap:t.ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys:t.ComponentPropsToStylePropsMapKeys});Object.defineProperty(exports,"createTheme",{enumerable:!0,get:function(){return s.createTheme}}),Object.defineProperty(exports,"defaultDarkModeOverride",{enumerable:!0,get:function(){return s.defaultDarkModeOverride}}),Object.defineProperty(exports,"defaultTheme",{enumerable:!0,get:function(){return s.defaultTheme}}),Object.defineProperty(exports,"translations",{enumerable:!0,get:function(){return s.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=da,exports.Badge=fa,exports.Button=D,exports.ButtonGroup=xa,exports.Card=ja,exports.CheckboxField=ya,exports.Collection=Da,exports.Divider=Ve,exports.Expander=za,exports.ExpanderItem=Aa,exports.FieldGroupIcon=J,exports.FieldGroupIconButton=ee,exports.Flex=L,exports.Geocoder=ga,exports.Grid=wa,exports.Heading=A,exports.Icon=Ee,exports.Image=Ga,exports.Link=qa,exports.Loader=H,exports.LocationSearch=Ca,exports.MapView=ma,exports.Menu=Wa,exports.MenuButton=$a,exports.MenuItem=Ua,exports.Pagination=Sa,exports.PasswordField=fe,exports.PhoneNumberField=ye,exports.Placeholder=Ya,exports.Radio=Ze,exports.RadioGroupField=Xe,exports.Rating=Ja,exports.ScrollView=es,exports.SearchField=Ra,exports.SelectField=Ne,exports.SliderField=as,exports.StepperField=ts,exports.SwitchField=ns,exports.TabItem=Be,exports.Table=is,exports.TableBody=rs,exports.TableCell=os,exports.TableFoot=ls,exports.TableHead=ds,exports.TableRow=cs,exports.Tabs=_e,exports.Text=G,exports.TextAreaField=ms,exports.TextField=be,exports.ThemeProvider=I,exports.ToggleButton=us,exports.ToggleButtonGroup=ps,exports.VisuallyHidden=Y,exports.components=ba,exports.primitives=hs,exports.useAmplify=function(){const e=j.useContext(t.AmplifyContext);return{theme:t.getThemeFromContext(e)}},exports.useAuthenticator=k,exports.useBreakpointValue=function(e,a,s){const{breakpoints:{values:n}}=t.useTheme(),i=t.useBreakpoint({breakpoints:n,defaultBreakpoint:a});return t.getValueAtCurrentBreakpoint({breakpoint:i,breakpoints:n,propKey:s,values:e})},exports.usePagination=Pa,exports.withAuthenticator=ca;
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Thu, 11 Aug 2022 21:46:17 GMT
6
+ * Generated on Tue, 16 Aug 2022 21:52:12 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -993,10 +993,8 @@ select {
993
993
  }
994
994
  }
995
995
  [class*=amplify] {
996
- all: unset;
997
- /* protect against external styles */
998
- box-sizing: border-box;
999
- /* set box-sizing after unset above */
996
+ all: unset; /* protect against external styles */
997
+ box-sizing: border-box; /* set box-sizing after unset above */
1000
998
  }
1001
999
 
1002
1000
  .amplify-flex {
@@ -1130,7 +1128,6 @@ strong.amplify-text {
1130
1128
  transition: all var(--amplify-components-button-transition-duration);
1131
1129
  -webkit-user-select: none;
1132
1130
  -moz-user-select: none;
1133
- -ms-user-select: none;
1134
1131
  user-select: none;
1135
1132
  --amplify-internal-button-disabled-color: var(
1136
1133
  --amplify-components-button-disabled-color
@@ -1455,7 +1452,6 @@ strong.amplify-text {
1455
1452
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
1456
1453
  -webkit-user-select: text;
1457
1454
  -moz-user-select: text;
1458
- -ms-user-select: text;
1459
1455
  user-select: text;
1460
1456
  }
1461
1457
  .amplify-input:focus {
@@ -1542,7 +1538,6 @@ strong.amplify-text {
1542
1538
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
1543
1539
  -webkit-user-select: text;
1544
1540
  -moz-user-select: text;
1545
- -ms-user-select: text;
1546
1541
  user-select: text;
1547
1542
  white-space: pre-wrap;
1548
1543
  }
@@ -3034,7 +3029,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
3034
3029
  touch-action: none;
3035
3030
  -webkit-user-select: none;
3036
3031
  -moz-user-select: none;
3037
- -ms-user-select: none;
3038
3032
  user-select: none;
3039
3033
  --amplify-internal-sliderfield-root-height: var(
3040
3034
  --amplify-components-sliderfield-thumb-height
@@ -4166,9 +4160,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
4166
4160
  .mapboxgl-map,.maplibregl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}
4167
4161
  .mapboxgl-canvas,.maplibregl-canvas{left:0;position:absolute;top:0}
4168
4162
  .mapboxgl-map:-webkit-full-screen, .maplibregl-map:-webkit-full-screen{height:100%;width:100%}
4169
- .mapboxgl-map:-ms-fullscreen, .maplibregl-map:-ms-fullscreen{height:100%;width:100%}
4170
4163
  .mapboxgl-map:fullscreen,.maplibregl-map:fullscreen{height:100%;width:100%}
4171
- .mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
4164
+ .mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}
4172
4165
  .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}
4173
4166
  .mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:grabbing}
4174
4167
  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}
@@ -4257,7 +4250,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact,a.maplibregl-ctrl-logo.maplibregl-compact{
4257
4250
  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}
4258
4251
  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}
4259
4252
  .mapboxgl-popup-track-pointer,.maplibregl-popup-track-pointer{display:none}
4260
- .mapboxgl-popup-track-pointer *,.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
4253
+ .mapboxgl-popup-track-pointer *,.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
4261
4254
  .mapboxgl-map:hover .mapboxgl-popup-track-pointer,.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}
4262
4255
  .mapboxgl-map:active .mapboxgl-popup-track-pointer,.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}
4263
4256
  .mapboxgl-marker,.maplibregl-marker{left:0;position:absolute;top:0;will-change:transform}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {
@@ -67,7 +67,7 @@
67
67
  "lodash": "4.17.21",
68
68
  "mapbox-gl": "1.13.1",
69
69
  "maplibre-gl": "2.1.9",
70
- "maplibre-gl-js-amplify": "2.0.2",
70
+ "maplibre-gl-js-amplify": "2.0.4",
71
71
  "qrcode": "1.5.0",
72
72
  "react-generate-context": "1.0.1",
73
73
  "react-map-gl": "7.0.15",