@aws-amplify/ui-react 3.0.3 → 3.0.4

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
- "use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),i=require("lodash/isObject"),a=require("react/jsx-runtime"),n=require("classnames"),o=require("react"),s=require("@aws-amplify/ui");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var p=l(e),c=l(t),d=l(i),m=l(n),h=r(o);const g=h.createContext({theme:s.createTheme()});function u(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(i[a[n]]=e[a[n]])}return i}const f=e=>d.default(e)&&p.default(e),w=e=>c.default(e)&&p.default(e),b={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlock:"marginBlock",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInline:"marginInline",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlock:"paddingBlock",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInline:"paddingInline",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},x=Object.keys(b),y={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},C=e=>"string"==typeof e&&0===e.length,v=e=>null==e||C(e);const N=(e,t)=>{if("string"!=typeof t)return t;if(t.includes(" "))return t.split(" ").map((t=>N(e,t))).join(" ");const i=t.split(".");let{tokens:a}=s.defaultTheme;a=a[y[e]];for(let e=0;e<i.length&&a;e++)a=a[i[e]];return s.isDesignToken(a)?`var(--${s.cssNameTransform({path:[y[e],...i]})})`:t},S=(e,t,i,a)=>{if(s.isDesignToken(e))return e.toString();if("object"!=typeof e)return N(a,e);let n={};const o=Object.keys(i).sort(((e,t)=>i[e]-i[t]));return Array.isArray(e)?e.map(((e,t)=>{n[o[t]]=e})):n=e,j(a,n,t,i)},j=(e,t,i,a)=>{if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}const n=Object.keys(a).sort(((e,t)=>a[t]-a[e])),o=n.slice(n.indexOf(i));for(const i of o)if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}return null},F="undefined"==typeof window?h.useEffect:h.useLayoutEffect,T=({breakpoints:e,defaultBreakpoint:t})=>{const i="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,a=h.useMemo((()=>(({breakpoints:e})=>{const t=Object.keys(e).sort(((t,i)=>e[i]-e[t]));return t.map(((i,a)=>{let n="",o=e[i];const s=t[a-1],l=s?e[s]-1:null;return o>=0&&(n=`(min-width: ${o}px)`),null!==l&&(n&&(n+=" and "),n+=`(max-width: ${l}px)`),{breakpoint:i,query:n,maxWidth:l,minWidth:o}}))})({breakpoints:e})),[e]),[n,o]=h.useState(t),s=h.useCallback(((e,t)=>{e&&o(t)}),[o]);return F((()=>{if(!i)return;const e=a.map((({query:e,breakpoint:t})=>{const a=i(e);s(a.matches,t);const n=e=>{e.matches&&o(t)};return a.addEventListener("change",n),()=>a.removeEventListener("change",n)}));return()=>{e.forEach((e=>e()))}}),[e,o,i,a]),h.useDebugValue(n,(e=>e)),n},_=e=>void 0===e||void 0===e.theme?s.createTheme():e.theme,k=()=>{const e=h.useContext(g);return _(e)},L=(e,t)=>{const{breakpoints:{values:i,defaultBreakpoint:a}}=k(),n=T({breakpoints:i,defaultBreakpoint:a}),o=(e=>{const{rowSpan:t,columnSpan:i,row:a,column:n}=e,o=u(e,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:s,columnFromSpanValue:l}=h.useMemo((()=>({rowFromSpanValue:I(t),columnFromSpanValue:I(i)})),[t,i]);return Object.assign({row:v(a)?s:a,column:v(n)?l:n},o)})(e);return h.useMemo((()=>B({props:o,style:t,breakpoint:n,breakpoints:i})),[o,t,i,n])},I=e=>{if((e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e))return O(e);if(Array.isArray(e))return e.map((e=>O(e)));if("object"==typeof e&&null!=e){const t={};return Object.entries(e).forEach((([e,i])=>{t[e]=O(i)})),t}return null},O=e=>"auto"===e?"auto":`span ${e}`,B=({props:e={},style:t={},breakpoint:i,breakpoints:a})=>{const n={};return Object.keys(e).filter((t=>null!=e[t])).forEach((o=>{if(o in b){if(!C(e[o])){let n=e[o];n=S(n,i,a,o);const s=b[o];t=Object.assign(Object.assign({},t),{[s]:n})}}else n[o]=e[o]})),{propStyles:t,nonStyleProps:n}},E={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},M={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},H=h.forwardRef(((e,t)=>{var{as:i="div",children:a,testId:n,ariaLabel:o,isDisabled:s,style:l}=e,r=u(e,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=L(r,l);return h.createElement(i,Object.assign({"aria-label":o,"data-testid":n,disabled:s,ref:t,style:p},c),a)}));H.displayName="View";const P={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}};let V={};Object.keys(P).map((e=>{V[e]=P[e].className})),Object.freeze(V);exports.AmplifyContext=g,exports.ComponentClassNames=V,exports.ComponentClassObject=P,exports.ComponentPropsToStylePropsMap=b,exports.ComponentPropsToStylePropsMapKeys=x,exports.ComponentText={Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Current Page:",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{showPasswordButtonLabel:"Show password",hidePasswordButtonLabel:"Hide password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},exports.IconAdd=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})}))}))},exports.IconCheck=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})}))}))},exports.IconCheckCircle=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})}))}))},exports.IconChevronLeft=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})}))}))},exports.IconChevronRight=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})}))}))},exports.IconClose=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})}))}))},exports.IconError=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})}))}))},exports.IconExpandMore=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})}))}))},exports.IconInfo=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})}))}))},exports.IconMenu=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})}))}))},exports.IconRemove=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})}))}))},exports.IconSearch=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})}))}))},exports.IconStar=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})}))}))},exports.IconVisibility=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})}))}))},exports.IconVisibilityOff=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z",fill:"currentColor"})}))}))},exports.IconWarning=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})}))}))},exports.View=H,exports.__awaiter=function(e,t,i,a){return new(i||(i=Promise))((function(n,o){function s(e){try{r(a.next(e))}catch(e){o(e)}}function l(e){try{r(a.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,l)}r((a=a.apply(e,t||[])).next())}))},exports.__rest=u,exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,i)=>{const a=t[i];return!(!w(e)||!w(a))||(!(!f(e)||!f(a))||e===a)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,i)=>i?`${e}--${t}`:null,exports.findChildOverrides=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(i,(([e,i])=>({[e.replace(t,"")]:i}))))},exports.getConsecutiveIntArray=(e,t)=>{const i=t-e+1;return Array.from({length:i},((t,i)=>i+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(i)},exports.getOverridesFromVariants=function(e,t){const i=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],a=Object.keys(t).filter((e=>i.includes(e)&&t[e])).reduce(((e,i)=>(e[i]=t[i],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(a).length&&Object.entries(e).every((([e,t])=>a[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})},exports.getThemeFromContext=_,exports.getValueAtCurrentBreakpoint=S,exports.isFunction=e=>"function"==typeof e,exports.mergeVariantsAndOverrides=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const i=new Set(Object.keys(t)),a=Object.keys(e).filter((e=>i.has(e))),n=Object.fromEntries(a.map((i=>[i,Object.assign(Object.assign({},e[i]),t[i])])));return Object.assign(Object.assign(Object.assign({},e),t),n)},exports.splitPrimitiveProps=e=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(e).forEach((i=>{i in E?t.flexContainerStyleProps[i]=e[i]:i in M?t.baseStyleProps[i]=e[i]:t.rest[i]=e[i]})),t},exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useBreakpoint=T,exports.useStyles=L,exports.useTheme=k;
1
+ "use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),i=require("lodash/isObject"),a=require("react/jsx-runtime"),n=require("classnames"),o=require("react"),s=require("@aws-amplify/ui");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var p=l(e),c=l(t),d=l(i),m=l(n),h=r(o);const g=h.createContext({theme:s.createTheme()}),u=e=>d.default(e)&&p.default(e),f=e=>c.default(e)&&p.default(e);function w(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(i[a[n]]=e[a[n]])}return i}const b={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlock:"marginBlock",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInline:"marginInline",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlock:"paddingBlock",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInline:"paddingInline",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},x=Object.keys(b),y={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},C=e=>"string"==typeof e&&0===e.length,v=e=>null==e||C(e);const N=(e,t)=>{if("string"!=typeof t)return t;if(t.includes(" "))return t.split(" ").map((t=>N(e,t))).join(" ");const i=t.split(".");let{tokens:a}=s.defaultTheme;a=a[y[e]];for(let e=0;e<i.length&&a;e++)a=a[i[e]];return s.isDesignToken(a)?`var(--${s.cssNameTransform({path:[y[e],...i]})})`:t},S=(e,t,i,a)=>{if(s.isDesignToken(e))return e.toString();if("object"!=typeof e)return N(a,e);let n={};const o=Object.keys(i).sort(((e,t)=>i[e]-i[t]));return Array.isArray(e)?e.map(((e,t)=>{n[o[t]]=e})):n=e,j(a,n,t,i)},j=(e,t,i,a)=>{if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}const n=Object.keys(a).sort(((e,t)=>a[t]-a[e])),o=n.slice(n.indexOf(i));for(const i of o)if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}return null},F="undefined"==typeof window?h.useEffect:h.useLayoutEffect,T=({breakpoints:e,defaultBreakpoint:t})=>{const i="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,a=h.useMemo((()=>(({breakpoints:e})=>{const t=Object.keys(e).sort(((t,i)=>e[i]-e[t]));return t.map(((i,a)=>{let n="",o=e[i];const s=t[a-1],l=s?e[s]-1:null;return o>=0&&(n=`(min-width: ${o}px)`),null!==l&&(n&&(n+=" and "),n+=`(max-width: ${l}px)`),{breakpoint:i,query:n,maxWidth:l,minWidth:o}}))})({breakpoints:e})),[e]),[n,o]=h.useState(t),s=h.useCallback(((e,t)=>{e&&o(t)}),[o]);return F((()=>{if(!i)return;const e=a.map((({query:e,breakpoint:t})=>{const a=i(e);s(a.matches,t);const n=e=>{e.matches&&o(t)};return a.addEventListener("change",n),()=>a.removeEventListener("change",n)}));return()=>{e.forEach((e=>e()))}}),[e,o,i,a]),h.useDebugValue(n,(e=>e)),n},_=e=>void 0===e||void 0===e.theme?s.createTheme():e.theme,k=()=>{const e=h.useContext(g);return _(e)},L=(e,t)=>{const{breakpoints:{values:i,defaultBreakpoint:a}}=k(),n=T({breakpoints:i,defaultBreakpoint:a}),o=(e=>{const{rowSpan:t,columnSpan:i,row:a,column:n}=e,o=w(e,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:s,columnFromSpanValue:l}=h.useMemo((()=>({rowFromSpanValue:I(t),columnFromSpanValue:I(i)})),[t,i]);return Object.assign({row:v(a)?s:a,column:v(n)?l:n},o)})(e);return h.useMemo((()=>B({props:o,style:t,breakpoint:n,breakpoints:i})),[o,t,i,n])},I=e=>{if((e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e))return O(e);if(Array.isArray(e))return e.map((e=>O(e)));if("object"==typeof e&&null!=e){const t={};return Object.entries(e).forEach((([e,i])=>{t[e]=O(i)})),t}return null},O=e=>"auto"===e?"auto":`span ${e}`,B=({props:e={},style:t={},breakpoint:i,breakpoints:a})=>{const n={};return Object.keys(e).filter((t=>null!=e[t])).forEach((o=>{if(o in b){if(!C(e[o])){let n=e[o];n=S(n,i,a,o);const s=b[o];t=Object.assign(Object.assign({},t),{[s]:n})}}else n[o]=e[o]})),{propStyles:t,nonStyleProps:n}},E={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},M={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},H=h.forwardRef(((e,t)=>{var{as:i="div",children:a,testId:n,ariaLabel:o,isDisabled:s,style:l}=e,r=w(e,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=L(r,l);return h.createElement(i,Object.assign({"aria-label":o,"data-testid":n,disabled:s,ref:t,style:p},c),a)}));H.displayName="View";const P={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}};let V={};Object.keys(P).map((e=>{V[e]=P[e].className})),Object.freeze(V);exports.AmplifyContext=g,exports.ComponentClassNames=V,exports.ComponentClassObject=P,exports.ComponentPropsToStylePropsMap=b,exports.ComponentPropsToStylePropsMapKeys=x,exports.ComponentText={Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Current Page:",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{showPasswordButtonLabel:"Show password",hidePasswordButtonLabel:"Hide password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},exports.IconAdd=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})}))}))},exports.IconCheck=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})}))}))},exports.IconCheckCircle=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})}))}))},exports.IconChevronLeft=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})}))}))},exports.IconChevronRight=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})}))}))},exports.IconClose=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})}))}))},exports.IconError=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})}))}))},exports.IconExpandMore=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})}))}))},exports.IconInfo=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})}))}))},exports.IconMenu=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})}))}))},exports.IconRemove=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})}))}))},exports.IconSearch=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})}))}))},exports.IconStar=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})}))}))},exports.IconVisibility=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})}))}))},exports.IconVisibilityOff=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z",fill:"currentColor"})}))}))},exports.IconWarning=e=>{const{className:t}=e,i=w(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})}))}))},exports.View=H,exports.__awaiter=function(e,t,i,a){return new(i||(i=Promise))((function(n,o){function s(e){try{r(a.next(e))}catch(e){o(e)}}function l(e){try{r(a.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,l)}r((a=a.apply(e,t||[])).next())}))},exports.__rest=w,exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,i)=>{const a=t[i];return!(!f(e)||!f(a))||(!(!u(e)||!u(a))||e===a)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,i)=>i?`${e}--${t}`:null,exports.findChildOverrides=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(i,(([e,i])=>({[e.replace(t,"")]:i}))))},exports.getConsecutiveIntArray=(e,t)=>{const i=t-e+1;return Array.from({length:i},((t,i)=>i+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(i)},exports.getOverridesFromVariants=function(e,t){const i=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],a=Object.keys(t).filter((e=>i.includes(e)&&t[e])).reduce(((e,i)=>(e[i]=t[i],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(a).length&&Object.entries(e).every((([e,t])=>a[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})},exports.getThemeFromContext=_,exports.getValueAtCurrentBreakpoint=S,exports.isFunction=e=>"function"==typeof e,exports.mergeVariantsAndOverrides=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const i=new Set(Object.keys(t)),a=Object.keys(e).filter((e=>i.has(e))),n=Object.fromEntries(a.map((i=>[i,Object.assign(Object.assign({},e[i]),t[i])])));return Object.assign(Object.assign(Object.assign({},e),t),n)},exports.splitPrimitiveProps=e=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(e).forEach((i=>{i in E?t.flexContainerStyleProps[i]=e[i]:i in M?t.baseStyleProps[i]=e[i]:t.rest[i]=e[i]})),t},exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useBreakpoint=T,exports.useStyles=L,exports.useTheme=k;
@@ -1 +1 @@
1
- import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s,Fragment as o}from"react/jsx-runtime";import*as r from"react";import{Provider as i,useAuthenticator as t}from"./hooks/useAuthenticator/index.js";import{CustomComponentsContext as n}from"./hooks/useCustomComponents/index.js";import"../../primitives/View/View.js";import{Router as m}from"./Router/Router.js";import{SetupTOTP as a}from"./SetupTOTP/SetupTOTP.js";import{SignIn as c}from"./SignIn/SignIn.js";import{SignUp as p}from"./SignUp/SignUp.js";import{ForceNewPassword as d}from"./ForceNewPassword/ForceNewPassword.js";import"./ResetPassword/ConfirmResetPassword.js";import{ResetPassword as u}from"./ResetPassword/ResetPassword.js";import{defaultComponents as l}from"./hooks/useCustomComponents/defaultComponents.js";function f(i){var{children:n}=i,m=e(i,["children"]);const{_send:a,route:c}=t((({route:e})=>[e])),p=r.useRef(!1);return r.useEffect((()=>{p.current||"setup"!==c||(a({type:"INIT",data:m}),p.current=!0)}),[a,c,m]),s(o,{children:n})}function j({children:e,className:o,components:t,formFields:a,hideSignUp:c,initialState:p,loginMechanisms:d,signUpAttributes:u,services:j,socialProviders:g,variation:h}){const P=r.useMemo((()=>({components:Object.assign(Object.assign({},l),t)})),[t]),w={initialState:p,loginMechanisms:d,services:j,signUpAttributes:u,socialProviders:g,formFields:a};return s(i,{children:s(n.Provider,Object.assign({value:P},{children:s(f,Object.assign({},w,{children:s(m,Object.assign({className:o,hideSignUp:c,variation:h},{children:e}))}))}))})}j.Provider=i,j.ResetPassword=u,j.SetupTOTP=a,j.SignIn=c,j.SignUp=p,j.ForceNewPassword=d;export{j as Authenticator};
1
+ import{jsx as s,Fragment as e}from"react/jsx-runtime";import*as t from"react";import{Provider as o,useAuthenticator as r}from"./hooks/useAuthenticator/index.js";import{CustomComponentsContext as i}from"./hooks/useCustomComponents/index.js";import"../../primitives/View/View.js";import{Router as n}from"./Router/Router.js";import{SetupTOTP as m}from"./SetupTOTP/SetupTOTP.js";import{SignIn as u}from"./SignIn/SignIn.js";import{SignUp as a}from"./SignUp/SignUp.js";import{ForceNewPassword as c}from"./ForceNewPassword/ForceNewPassword.js";import"./ResetPassword/ConfirmResetPassword.js";import{ResetPassword as p}from"./ResetPassword/ResetPassword.js";import{defaultComponents as d}from"./hooks/useCustomComponents/defaultComponents.js";function f({children:o,className:m,components:u,formFields:a,hideSignUp:c,initialState:p,loginMechanisms:f,signUpAttributes:g,services:l,socialProviders:j,variation:P}){const{route:h,signOut:w,user:S}=r((({route:s,signOut:e,user:t})=>[s,e,t]));!function(s){const{_send:e,route:o}=r((({route:s})=>[s])),i=t.useRef(!1);t.useEffect((()=>{i.current||"setup"!==o||(e({type:"INIT",data:s}),i.current=!0)}),[e,o,s])}({initialState:p,loginMechanisms:f,services:l,signUpAttributes:g,socialProviders:j,formFields:a});const O=t.useMemo((()=>({components:Object.assign(Object.assign({},d),u)})),[u]);return"authenticated"===h||"signOut"===h?o?s(e,{children:"function"==typeof o?o({signOut:w,user:S}):o}):null:s(i.Provider,Object.assign({value:O},{children:s(n,{className:m,hideSignUp:c,variation:P})}))}function g(e){return s(o,{children:s(f,Object.assign({},e))})}g.Provider=o,g.ResetPassword=p,g.SetupTOTP=m,g.SignIn=u,g.SignUp=a,g.ForceNewPassword=c;export{g as Authenticator,f as AuthenticatorInternal};
@@ -1 +1 @@
1
- import{jsx as r}from"react/jsx-runtime";import*as e from"react";import{useAuthenticator as s}from"../hooks/useAuthenticator/index.js";import{ConfirmSignUp as t}from"../ConfirmSignUp/ConfirmSignUp.js";import{ForceNewPassword as i}from"../ForceNewPassword/ForceNewPassword.js";import{SetupTOTP as o}from"../SetupTOTP/SetupTOTP.js";import"@aws-amplify/ui";import"../../../primitives/TextField/TextField.js";import"../../../primitives/Button/Button.js";import"../../../primitives/Flex/Flex.js";import"../../../primitives/Alert/Alert.js";import{SignInSignUpTabs as n}from"../shared/SignInSignUpTabs.js";import{ConfirmVerifyUser as a}from"../VerifyUser/ConfirmVerifyUser.js";import{VerifyUser as m}from"../VerifyUser/VerifyUser.js";import{ConfirmSignIn as u}from"../ConfirmSignIn/ConfirmSignIn.js";import{ConfirmResetPassword as c}from"../ResetPassword/ConfirmResetPassword.js";import{ResetPassword as p}from"../ResetPassword/ResetPassword.js";import{isSignInOrSignUpRoute as f}from"../utils.js";function d(){return null}function l(r){const{route:f,signOut:l,user:g}=s((({route:r,signOut:e,user:s})=>[r,e,s]));return e.useMemo((()=>!("authenticated"===f||"signOut"===f)?(r=>{switch(r){case"authenticated":case"idle":case"setup":case"autoSignIn":return d;case"confirmSignUp":return t;case"confirmSignIn":return u;case"setupTOTP":return o;case"signIn":case"signUp":return n;case"forceNewPassword":return i;case"resetPassword":return p;case"confirmResetPassword":return c;case"verifyUser":return m;case"confirmVerifyUser":return a;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${r}`),d}})(f):r?()=>"function"==typeof r?r({signOut:l,user:g}):r:d),[r,f,l,g])}function g({children:e,className:t,hideSignUp:i,variation:o}){const{route:n}=s((({route:r})=>[r])),a=l(e);return r(a,{className:t,hideSignUp:f(n)?i:void 0,variation:o})}export{g as Router,l as useRouterChildren};
1
+ import{jsx as r}from"react/jsx-runtime";import{useMemo as e}from"react";import{useAuthenticator as s}from"../hooks/useAuthenticator/index.js";import{ConfirmSignUp as i}from"../ConfirmSignUp/ConfirmSignUp.js";import{ForceNewPassword as t}from"../ForceNewPassword/ForceNewPassword.js";import{SetupTOTP as o}from"../SetupTOTP/SetupTOTP.js";import"@aws-amplify/ui";import"../../../primitives/TextField/TextField.js";import"../../../primitives/Button/Button.js";import"../../../primitives/Flex/Flex.js";import"../../../primitives/Alert/Alert.js";import{SignInSignUpTabs as n}from"../shared/SignInSignUpTabs.js";import{ConfirmVerifyUser as m}from"../VerifyUser/ConfirmVerifyUser.js";import{VerifyUser as a}from"../VerifyUser/VerifyUser.js";import{ConfirmSignIn as p}from"../ConfirmSignIn/ConfirmSignIn.js";import{ConfirmResetPassword as u}from"../ResetPassword/ConfirmResetPassword.js";import{ResetPassword as f}from"../ResetPassword/ResetPassword.js";import{isSignInOrSignUpRoute as c}from"../utils.js";function d(){return null}function l({className:l,hideSignUp:j,variation:w}){const{route:U}=s((({route:r})=>[r])),g=e((()=>(r=>{switch(r){case"authenticated":case"idle":case"setup":case"autoSignIn":return d;case"confirmSignUp":return i;case"confirmSignIn":return p;case"setupTOTP":return o;case"signIn":case"signUp":return n;case"forceNewPassword":return t;case"resetPassword":return f;case"confirmResetPassword":return u;case"verifyUser":return a;case"confirmVerifyUser":return m;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${r}`),d}})(U)),[U]);return r(g,{className:l,hideSignUp:c(U)?j:void 0,variation:w})}export{l as Router};
package/dist/index.js CHANGED
@@ -1 +1 @@
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-45c2c272.js"),n=require("@xstate/react"),i=require("lodash/isEmpty"),r=require("classnames"),o=require("qrcode"),l=require("aws-amplify"),d=require("@radix-ui/react-tabs");require("lodash/isArray"),require("lodash/isObject");var c=require("maplibre-gl"),m=require("maplibre-gl-js-amplify"),u=require("react-map-gl"),p=require("lodash/debounce"),h=require("@radix-ui/react-accordion"),C=require("@radix-ui/react-dropdown-menu"),g=require("@radix-ui/react-slider");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 x=f(a),j=b(a),N=b(i),v=b(r),y=b(o),O=b(c),w=b(u),F=b(p);function S({children:a,colorMode:n,theme:i,nonce:r}){const o=x.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 P=S,I=x.createContext({}),T=({children:a})=>{const t=x.useContext(I),i=n.useInterpret(s.createAuthenticatorMachine),r=x.useMemo((()=>N.default(t)?{service:i}:t),[t,i]),{service:o}=r,l=x.useRef(!1);return x.useEffect((()=>{if(!l.current)return l.current=!0,s.listenToAuthHub(o)}),[o]),e.jsx(I.Provider,Object.assign({value:r},{children:a}))},M=e=>{const a=(()=>{const{service:e}=x.useContext(I);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=x.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})},k=x.createContext(null),R=()=>{const e=x.useContext(k);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e};const _=e=>"signIn"===e||"signUp";function B({children:a,className:s,variation:n="default"}){const{route:i}=M((({route:e})=>[e])),{components:{Header:r,Footer:o}}=R();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":_(i)?void 0:""},{children:a})),e.jsx(o,{})]}))}))}const V=x.forwardRef(((a,s)=>{var{className:n,children:i}=a,r=t.__rest(a,["className","children"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Flex,n),ref:s},r,{children:i}))}));V.displayName="Flex";const E=84*Math.PI,L=x.forwardRef(((a,s)=>{var{className:n,filledColor:i,emptyColor:r,size:o,variation:l,isDeterminate:d=!1,isPercentageTextHidden:c=!1,percentage:m=0}=a,u=t.__rest(a,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);m=Math.min(m,100);const p=`${m=Math.max(m,0)}%`,h=v.default(t.ComponentClassNames.Loader,t.classNameModifier(t.ComponentClassNames.Loader,o),t.classNameModifier(t.ComponentClassNames.Loader,l),d?t.ComponentClassNames.LoaderDeterminate:null,n),C=e.jsxs("g",{children:[e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(r)},"data-testid":"linear-empty"}),e.jsx("line",{x1:"0",x2:d?p:"100%",y1:"50%",y2:"50%",style:{stroke:d&&0===m?"none":i?String(i):void 0},"data-testid":"linear-filled"}),d?e.jsx("text",Object.assign({"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:`${-1+m}%`,y:"200%"},{children:p})):null]}),g=e.jsxs("g",{children:[e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(r)},"data-testid":"circular-empty"}),e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(i),strokeDasharray:d?`${E}% ${E}%`:void 0,strokeDashoffset:d?E-E*m/100+"%":void 0},"data-testid":"circular-filled"}),d?e.jsx("text",Object.assign({"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:"130%",y:"80%"},{children:p})):null]});return e.jsx(t.View,Object.assign({as:"svg",className:h,"data-size":o,"data-variation":l,ref:s,role:"img"},u,{children:"linear"===l?C:g}))}));L.displayName="Loader";const z=x.forwardRef(((a,s)=>{var{className:n,children:i,isFullWidth:r=!1,isDisabled:o,isLoading:l,loadingText:d="",size:c,type:m="button",variation:u}=a,p=t.__rest(a,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const h=v.default(t.ComponentClassNames.Button,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Button,u),t.classNameModifier(t.ComponentClassNames.Button,c),t.classNameModifierByFlag(t.ComponentClassNames.Button,"disabled",o||l||p.disabled),t.classNameModifierByFlag(t.ComponentClassNames.Button,"loading",l),t.classNameModifierByFlag(t.ComponentClassNames.Button,"fullwidth",r),n);return e.jsx(t.View,Object.assign({ref:s,as:"button",className:h,"data-fullwidth":r,"data-loading":l,"data-size":c,"data-variation":u,isDisabled:o||l,type:m},p,{children:l&&d?e.jsxs(V,Object.assign({as:"span",className:t.ComponentClassNames.ButtonLoaderWrapper},{children:[e.jsx(L,{size:c}),d]})):i}))}));z.displayName="Button";const D={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},H=x.forwardRef(((a,s)=>{var{className:n,children:i,level:r=6}=a,o=t.__rest(a,["className","children","level"]);return e.jsx(t.View,Object.assign({as:D[r],className:v.default(t.ComponentClassNames.Heading,t.classNameModifier(t.ComponentClassNames.Heading,r),n),ref:s},o,{children:i}))}));H.displayName="Heading";const A=x.forwardRef(((a,s)=>{var{as:n="p",className:i,children:r,isTruncated:o,variation:l}=a,d=t.__rest(a,["as","className","children","isTruncated","variation"]);const c=v.default(t.ComponentClassNames.Text,t.classNameModifier(t.ComponentClassNames.Text,l),t.classNameModifierByFlag(t.ComponentClassNames.Text,"truncated",o),i);return e.jsx(t.View,Object.assign({as:n,className:c,"data-truncate":o,"data-variation":l,ref:s},d,{children:r}))}));function G(){const{submitForm:e,updateBlur:s,updateForm:n}=M((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])}}A.displayName="Text";const q=({variation:a})=>{switch(a){case"info":return e.jsx(t.IconInfo,{className:t.ComponentClassNames.AlertIcon});case"error":return e.jsx(t.IconError,{className:t.ComponentClassNames.AlertIcon});case"warning":return e.jsx(t.IconWarning,{className:t.ComponentClassNames.AlertIcon});case"success":return e.jsx(t.IconCheckCircle,{className:t.ComponentClassNames.AlertIcon});default:return null}};q.displayName="AlertIcon";const $=x.forwardRef(((a,s)=>{var{buttonRef:n,children:i,className:r,hasIcon:o=!0,heading:l,isDismissible:d=!1,onDismiss:c,variation:m}=a,u=t.__rest(a,["buttonRef","children","className","hasIcon","heading","isDismissible","onDismiss","variation"]);const[p,h]=x.useState(!1),C=x.useCallback((()=>{h(!p),t.isFunction(c)&&c()}),[h,c,p]);return!p&&e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Alert,r,t.classNameModifier(t.ComponentClassNames.Alert,m)),"data-variation":m,ref:s},u,{children:[o&&e.jsx(q,{variation:m}),e.jsxs(t.View,Object.assign({role:"alert",flex:"1"},{children:[l&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertHeading},{children:l})),e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertBody},{children:i}))]})),d&&e.jsx(z,Object.assign({variation:"link",className:t.ComponentClassNames.AlertDismiss,onClick:C,ref:n},{children:e.jsx(t.IconClose,{})}))]}))}));$.displayName="Alert";const W=()=>{const{error:a}=M((e=>[e.error]));return e.jsx(e.Fragment,{children:a?e.jsx($,Object.assign({variation:"error",isDismissible:!0},{children:s.translate(a)})):null})},U=t.ComponentText.PasswordField,Y=x.forwardRef(((a,s)=>{var{fieldType:n,size:i,hidePasswordButtonLabel:r,showPasswordButtonLabel:o}=a,l=t.__rest(a,["fieldType","size","hidePasswordButtonLabel","showPasswordButtonLabel"]);return e.jsx(z,Object.assign({ariaLabel:"password"===n?o||U.showPasswordButtonLabel:r||U.hidePasswordButtonLabel,className:t.ComponentClassNames.FieldShowPassword,ref:s,size:i},l,{children:"password"===n?e.jsx(t.IconVisibility,{size:i}):e.jsx(t.IconVisibilityOff,{size:i})}))}));Y.displayName="ShowPasswordButton";const K=x.forwardRef(((a,s)=>{var{className:n,children:i,isVisible:r=!0,excludeFromTabOrder:o=!1}=a,l=t.__rest(a,["className","children","isVisible","excludeFromTabOrder"]);return r?e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupIcon,n),ref:s,tabIndex:o?-1:void 0},l,{children:i})):null}));K.displayName="FieldGroupIcon";const Z=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(K,Object.assign({as:z,className:v.default(t.ComponentClassNames.FieldGroupIconButton,i),ref:s},r,{children:n}))}));Z.displayName="FieldGroupIconButton";const X=t.ComponentText.Fields.clearButtonLabel,Q=x.forwardRef(((a,s)=>{var{ariaLabel:n=X,size:i}=a,r=t.__rest(a,["ariaLabel","size"]);return e.jsx(Z,Object.assign({ariaLabel:n,ref:s},r,{children:e.jsx(t.IconClose,{size:i})}))}));Q.displayName="FieldClearButton";const J=a=>{var{descriptiveText:s,labelHidden:n}=a,i=t.__rest(a,["descriptiveText","labelHidden"]);return s?e.jsx(A,Object.assign({"data-testid":"qa-field-description",className:v.default(t.ComponentClassNames.FieldDescription,{[t.ComponentClassNames.VisuallyHidden]:n})},i,{children:s})):null};J.displayName="FieldDescription";const ee=a=>{var{errorMessage:s,hasError:n}=a,i=t.__rest(a,["errorMessage","hasError"]);return n&&s?e.jsx(A,Object.assign({className:t.ComponentClassNames.FieldErrorMessage},i,{children:s})):null};ee.displayName="FieldErrorMessage";const ae=x.forwardRef(((a,s)=>{var{children:n,className:i,innerEndComponent:r,innerStartComponent:o,orientation:l="horizontal",outerEndComponent:d,outerStartComponent:c,variation:m}=a,u=t.__rest(a,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const p=null!=r,h=null!=o?t.ComponentClassNames.FieldGroupHasInnerStart:null,C=p?t.ComponentClassNames.FieldGroupHasInnerEnd:null,g=v.default(t.ComponentClassNames.FieldGroup,h,C,t.classNameModifier(t.ComponentClassNames.FieldGroup,l),i);return e.jsxs(V,Object.assign({className:g,"data-orientation":l,ref:s},u,{children:[c&&e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupOuterStart,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterStart,m))},{children:c})),e.jsxs(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupFieldWrapper,t.classNameModifier(t.ComponentClassNames.FieldGroupFieldWrapper,l)),"data-orientation":l},{children:[o&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerStart},{children:o})),n,r&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerEnd},{children:r}))]})),d&&e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupOuterEnd,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterEnd,m))},{children:d}))]}))}));ae.displayName="FieldGroup";const se=x.forwardRef(((a,s)=>{var{autoComplete:n,checked:i,className:r,defaultChecked:o,defaultValue:l,id:d,isDisabled:c,isReadOnly:m,isRequired:u,size:p,type:h="text",hasError:C=!1,value:g,variation:b,onBlur:f,onChange:x,onCopy:j,onCut:N,onFocus:y,onInput:O,onPaste:w,onSelect:F,onWheel:S}=a,P=t.__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 I=v.default(t.ComponentClassNames.Input,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Input,b),t.classNameModifierByFlag(t.ComponentClassNames.Input,"error",C),t.classNameModifier(t.ComponentClassNames.Input,p),r);return e.jsx(t.View,Object.assign({"aria-invalid":C,as:"input",autoComplete:n,checked:i,className:I,"data-size":p,"data-variation":b,defaultChecked:o,defaultValue:l,isDisabled:c,id:d,onBlur:f,onChange:x,onCopy:j,onCut:N,onFocus:y,onInput:O,onPaste:w,onSelect:F,onWheel:S,readOnly:m,ref:s,required:u,type:h,value:g},P))}));se.displayName="Input";const te=x.forwardRef(((a,s)=>{var{children:n,className:i,visuallyHidden:r}=a,o=t.__rest(a,["children","className","visuallyHidden"]);return e.jsx(t.View,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Label,i,{[t.ComponentClassNames.VisuallyHidden]:r}),ref:s},o,{children:n}))}));te.displayName="Label";const ne=(e,a)=>!e.isMultiline,ie=(e,a)=>e.isMultiline,re=x.forwardRef(((a,s)=>{var{className:n,isReadOnly:i,isRequired:r,size:o,hasError:l=!1,variation:d}=a,c=t.__rest(a,["className","isReadOnly","isRequired","size","hasError","variation"]);const m=v.default(t.ComponentClassNames.Textarea,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Textarea,d),t.classNameModifier(t.ComponentClassNames.Textarea,o),t.classNameModifierByFlag(t.ComponentClassNames.Textarea,"error",l),n);return e.jsx(t.View,Object.assign({"aria-invalid":l,as:"textarea",className:m,"data-size":o,"data-variation":d,readOnly:i,ref:s,required:r},c))}));re.displayName="TextArea";const oe=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?x.useLayoutEffect:()=>{},le=x["useId".toString()]||(()=>{});let de=0;const ce=e=>{const[a,s]=x.useState(le());return oe((()=>{e||s((e=>null!=e?e:String(de++)))}),[e]),e||(a?`amplify-id-${a}`:"")},me=(a,s)=>{const{className:n,descriptiveText:i,errorMessage:r,hasError:o=!1,id:l,label:d,labelHidden:c=!1,outerEndComponent:m,outerStartComponent:u,innerStartComponent:p,innerEndComponent:h,isMultiline:C,type:g,size:b,testId:f,variation:j,bottom:N,height:y,left:O,padding:w,position:F,right:S,top:P,width:I}=a,T=t.__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=ce(l),k=ce(),R=i?k:void 0,{flexContainerStyleProps:_,baseStyleProps:B,rest:E}=t.splitPrimitiveProps(T);(({shouldWarn:e,message:a})=>{x.useEffect((()=>{e&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV)&&console.warn(a)}),[e,a])})({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 L=null;if((e=>e.isMultiline)(a)){const{rows:t}=a;L=e.jsx(re,Object.assign({"aria-describedby":R,hasError:o,id:M,ref:ie(a)?s:void 0,rows:null!=t?t:3,size:b,variation:j},B,E))}else if((e=>!e.isMultiline)(a)){const{type:t="text"}=a;L=e.jsx(se,Object.assign({"aria-describedby":R,hasError:o,id:M,ref:ne(a)?s:void 0,size:b,type:t,variation:j},B,E))}return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,b),t.ComponentClassNames.TextField,n),bottom:N,"data-size":b,height:y,left:O,padding:w,position:F,right:S,testId:f,top:P,width:I},_,{children:[e.jsx(te,Object.assign({htmlFor:M,visuallyHidden:c},{children:d})),e.jsx(J,{id:k,labelHidden:c,descriptiveText:i}),e.jsx(ae,Object.assign({outerStartComponent:u,outerEndComponent:m,innerStartComponent:p,innerEndComponent:h,variation:j},{children:L})),e.jsx(ee,{hasError:o,errorMessage:r})]}))},ue=x.forwardRef(me);me.displayName="TextField";const pe=x.forwardRef(((a,s)=>{var{autoComplete:n="current-password",label:i,className:r,hideShowPassword:o=!1,hidePasswordButtonLabel:l,showPasswordButtonLabel:d,showPasswordButtonRef:c,size:m}=a,u=t.__rest(a,["autoComplete","label","className","hideShowPassword","hidePasswordButtonLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[p,h]=x.useState("password"),C=x.useCallback((()=>{h("password"===p?"text":"password")}),[h,p]);return e.jsx(ue,Object.assign({autoComplete:n,isMultiline:!1,outerEndComponent:o?null:e.jsx(Y,{fieldType:p,onClick:C,ref:c,size:m,hidePasswordButtonLabel:l,showPasswordButtonLabel:d}),size:m,type:p,label:i,className:v.default(t.ComponentClassNames.PasswordField,r),ref:s},u))}));pe.displayName="PasswordField";const he=x.forwardRef(((a,s)=>{var{autoComplete:n,className:i,size:r,variation:o,value:l,defaultValue:d,hasError:c,icon:m=e.jsx(t.IconExpandMore,{}),iconColor:u,children:p,placeholder:h,isDisabled:C,isRequired:g}=a,b=t.__rest(a,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const f=void 0===l&&void 0===d&&h,x=v.default(t.ComponentClassNames.Select,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Select,r),t.classNameModifier(t.ComponentClassNames.Select,o),t.classNameModifierByFlag(t.ComponentClassNames.Select,"error",c),i);return e.jsxs(t.View,Object.assign({className:t.ComponentClassNames.SelectWrapper},{children:[e.jsxs(t.View,Object.assign({"aria-invalid":c,as:"select",autoComplete:n,value:l,defaultValue:f?"":d,isDisabled:C,required:g,"data-size":r,"data-variation":o,className:x,ref:s},b,{children:[h&&e.jsx("option",Object.assign({value:""},{children:h})),p]})),e.jsx(V,Object.assign({className:t.ComponentClassNames.SelectIconWrapper,color:u},{children:m}))]}))}));he.displayName="Select";const Ce=({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}`))),ge=x.forwardRef(((a,s)=>{const{children:n,className:i,descriptiveText:r,errorMessage:o,hasError:l=!1,id:d,label:c,labelHidden:m=!1,options:u,size:p,testId:h}=a,C=t.__rest(a,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),g=ce(d),b=ce(),f=r?b:void 0,{flexContainerStyleProps:x,baseStyleProps:j,rest:N}=t.splitPrimitiveProps(C);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SelectField,i),"data-size":p,testId:h},j,x,{children:[e.jsx(te,Object.assign({htmlFor:g,visuallyHidden:m},{children:c})),e.jsx(J,{id:b,labelHidden:m,descriptiveText:r}),e.jsx(he,Object.assign({"aria-describedby":f,hasError:l,id:g,ref:s,size:p},N,{children:Ce({children:n,options:u})})),e.jsx(ee,{hasError:l,errorMessage:o})]}))}));ge.displayName="SelectField";const be=x.forwardRef(((a,n)=>{var{className:i,dialCodeList:r,isReadOnly:o}=a,l=t.__rest(a,["className","dialCodeList","isReadOnly"]);const d=null!=r?r:s.countryDialCodes,c=x.useMemo((()=>d.map((a=>e.jsx("option",Object.assign({value:a,disabled:o},{children:a}),a)))),[d,o]);return e.jsx(ge,Object.assign({"aria-disabled":o,autoComplete:"tel-country-code",className:v.default(t.ComponentClassNames.CountryCodeSelect,i),labelHidden:!0,ref:n},l,{children:c}))}));be.displayName="CountryCodeSelect";const fe=x.forwardRef(((a,s)=>{var{autoComplete:n="tel-national",className:i,countryCodeName:r,countryCodeLabel:o=t.ComponentText.PhoneNumberField.countryCodeLabel,defaultCountryCode:l,hasError:d,isDisabled:c,isReadOnly:m,onCountryCodeChange:u,onInput:p,size:h,type:C,variation:g,countryCodeRef:b,dialCodeList:f}=a,x=t.__rest(a,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","isReadOnly","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return e.jsx(ue,Object.assign({outerStartComponent:e.jsx(be,{defaultValue:l,dialCodeList:f,className:i,hasError:d,isDisabled:c,isReadOnly:m,label:o,name:r,onChange:u,ref:b,size:h,variation:g}),autoComplete:n,className:v.default(t.ComponentClassNames.PhoneNumberField,i),hasError:d,isDisabled:c,isReadOnly:m,isMultiline:!1,onInput:p,ref:s,size:h,type:"tel",variation:g},x))}));fe.displayName="PhoneNumberField";const xe=({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(A,Object.assign({role:"alert",variation:"error"},{children:s.translate(a)}),a)))})):null;function je(a){var{autocomplete:n,dialCode:i,name:r,type:o}=a,l=t.__rest(a,["autocomplete","dialCode","name","type"]);const{validationErrors:d}=M((({validationErrors:e})=>[e])),c=x.useMemo((()=>s.getErrors(d[r])),[r,d]),m=(null==c?void 0:c.length)>0,u=ce(),p=m?u:void 0;return"tel"===o?e.jsxs(e.Fragment,{children:[e.jsx(fe,Object.assign({},l,{name:r,defaultCountryCode:i,countryCodeName:"country_code",autoComplete:n,hasError:m,"aria-describedby":p})),e.jsx(xe,{errors:c,id:u})]}):"password"===o?e.jsxs(e.Fragment,{children:[e.jsx(pe,Object.assign({},l,{name:r,autoComplete:n,hasError:m,"aria-describedby":p})),e.jsx(xe,{errors:c,id:u})]}):e.jsxs(e.Fragment,{children:[e.jsx(ue,Object.assign({},l,{name:r,autoComplete:n,hasError:m,type:o,"aria-describedby":p})),e.jsx(xe,{errors:c,id:u})]})}function Ne(){const{_state:a,route:t}=M((({route:e})=>[e])),n=x.useRef(s.getSortedFormFields(t,a).flatMap((([a,s],t)=>e.jsx(je,Object.assign({name:a},s),t)))).current;return e.jsx(e.Fragment,{children:n})}function ve({className:a,variation:t}){const{isPending:n,resendCode:i,codeDeliveryDetails:{DeliveryMedium:r,Destination:o}={}}=M((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:l,handleSubmit:d}=G(),{components:{ConfirmSignUp:{Header:c=ve.Header,Footer:m=ve.Footer}}}=R(),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(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(c,{}),e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(A,Object.assign({className:"amplify-authenticator__subtitle"},{children:g})),e.jsx(Ne,{}),e.jsx(W,{}),e.jsx(z,Object.assign({variation:"primary",isDisabled:n,type:"submit",loadingText:s.translate("Confirming"),isLoading:n,fontWeight:"normal"},{children:s.translate("Confirm")})),e.jsx(z,Object.assign({onClick:i,type:"button",fontWeight:"normal"},{children:s.translate("Resend Code")}))]})),e.jsx(m,{})]}))}))}))}ve.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:a}={}}=M((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(H,Object.assign({level:4},{children:t}))},ve.Footer=function(){return null};const ye=({className:a,variation:t})=>{const{isPending:n,toSignIn:i}=M((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:l}=G(),{components:{ForceNewPassword:{FormFields:d=ye.FormFields}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(H,Object.assign({level:3},{children:s.translate("Change Password")})),e.jsx(d,{}),e.jsx(W,{}),e.jsx(z,Object.assign({isDisabled:n,type:"submit",variation:"primary",isLoading:n,loadingText:s.translate("Changing"),fontWeight:"normal"},{children:s.translate("Change Password")})),e.jsx(z,Object.assign({onClick:i,type:"button",fontWeight:"normal",variation:"link",size:"small"},{children:s.translate("Back to Sign In")}))]}))}))}))};ye.FormFields=function(){return e.jsx(Ne,{})};const Oe=()=>{const{isPending:a,toSignIn:t}=M((e=>[e.isPending,e.toSignIn]));return e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(z,Object.assign({isDisabled:a,type:"submit",variation:"primary",fontWeight:"normal",isLoading:a,loadingText:s.translate("Confirming")},{children:s.translate("Confirm")})),e.jsx(z,Object.assign({onClick:t,type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:s.translate("Back to Sign In")}))]}))},we=new l.Logger("SetupTOTP-logger"),Fe=({className:a,variation:n})=>{var i,r;const{_state:o,isPending:d}=M((e=>[e.isPending])),{handleChange:c,handleSubmit:m}=G(),{components:{SetupTOTP:{Header:u=Fe.Header,Footer:p=Fe.Footer}}}=R(),[h,C]=x.useState(!0),[g,b]=x.useState(),[f,j]=x.useState("COPY"),[N,v]=x.useState(""),O=s.getActorState(o),{formFields:w,user:F}=O.context,{totpIssuer:S="AWSCognito",totpUsername:P=F.username}=null!==(r=null===(i=null==w?void 0:w.setupTOTP)||void 0===i?void 0:i.QR)&&void 0!==r?r:{},I=x.useCallback((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{const s=yield l.Auth.setupTOTP(e);v(s);const t=(a=S,encodeURI(`otpauth://totp/${a}:${P}?secret=${s}&issuer=${a}`)),n=yield y.default.toDataURL(t);b(n)}catch(e){we.error(e)}finally{C(!1)}var a}))),[S,P]);x.useEffect((()=>{F&&I(F)}),[I,F]);return e.jsx(B,Object.assign({className:a,variation:n},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:c,onSubmit:m},{children:e.jsxs(V,Object.assign({as:"fieldset",direction:"column",isDisabled:d},{children:[e.jsx(u,{}),e.jsxs(V,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(V,Object.assign({"data-amplify-copy":!0},{children:[e.jsx("div",{children:N}),e.jsxs(V,Object.assign({"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(N),j(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(Ne,{}),e.jsx(W,{})]})),e.jsx(Oe,{}),e.jsx(p,{})]}))}))}))};Fe.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Setup TOTP")}))},Fe.Footer=function(){return null};const Se=a=>{const{cancelButtonSendType:t,cancelButtonText:n,submitButtonText:i}=a,{_send:r,isPending:o}=M((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(V,Object.assign({direction:"column"},{children:[e.jsx(z,Object.assign({fontWeight:"normal",variation:"primary",isDisabled:o,type:"submit"},{children:d})),e.jsx(z,Object.assign({onClick:()=>r({type:t}),type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:n}))]}))},Pe=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,Ie=x.forwardRef(((a,s)=>{var{ariaLabel:n,children:i,className:r,defaultIndex:o=0,currentIndex:l,onChange:c,indicatorPosition:m,spacing:u}=a,p=t.__rest(a,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const h=x.Children.map(i,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:Pe(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),C={defaultValue:o.toString(),value:null!=l?l.toString():void 0,onValueChange:c};return e.jsxs(d.Root,Object.assign({},C,{children:[e.jsx(d.List,Object.assign({"aria-label":n},{children:e.jsx(V,Object.assign({className:v.default(t.ComponentClassNames.Tabs,r),"data-indicator-position":m,ref:s},p,{children:x.Children.map(i,((e,a)=>Pe(e)?x.cloneElement(e,{"data-spacing":u,key:a,value:`${a}`}):null))}))})),h.map(((a,s)=>e.jsx(d.Content,Object.assign({value:`${s}`},{children:a.children}),s)))]}))})),Te=x.forwardRef(((a,s)=>{var{className:n,title:i}=a,r=t.__rest(a,["className","title"]);return e.jsx(t.View,Object.assign({as:d.Trigger,className:v.default(t.ComponentClassNames.TabItems,n),ref:s},r,{children:i}))}));Ie.displayName="Tabs",Te.displayName="TabItem";const Me=x.forwardRef(((a,s)=>{var{as:n="span",children:i,className:r}=a,o=t.__rest(a,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.VisuallyHidden,r),ref:s},o,{children:i}))}));Me.displayName="VisuallyHidden";const ke=x.forwardRef(((a,s)=>{var{className:n,orientation:i="horizontal",size:r,label:o}=a,l=t.__rest(a,["className","orientation","size","label"]);const d=v.default(t.ComponentClassNames.Divider,t.classNameModifier(t.ComponentClassNames.Divider,i),t.classNameModifier(t.ComponentClassNames.Divider,r),o?t.ComponentClassNames.DividerLabel:null,n);return e.jsx(t.View,Object.assign({"aria-orientation":i,as:"hr",className:d,"data-size":r,"data-label":o,ref:s},l))}));ke.displayName="Divider";const Re={minX:0,minY:0,width:24,height:24},_e=x.forwardRef(((s,n)=>{var{className:i,as:r="svg",fill:o="currentColor",pathData:l,viewBox:d=Re,children:c,paths:m}=s,u=t.__rest(s,["className","as","fill","pathData","viewBox","children","paths"]);const p=d.minX?d.minX:Re.minX,h=d.minY?d.minY:Re.minY,C=d.width?d.width:Re.width,g=d.height?d.height:Re.height;let b;return c&&(b=c),m&&(b=m.map(((e,s)=>a.createElement("path",Object.assign({},e,{key:s}))))),l&&(b=e.jsx("path",{d:l,fill:o})),e.jsx(t.View,Object.assign({as:r,className:v.default(t.ComponentClassNames.Icon,i),ref:n,viewBox:`${p} ${h} ${C} ${g}`},u,{children:b}))}));_e.displayName="Icon";const Be=()=>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"})})),Ve=()=>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"})]})),Ee=()=>e.jsx(_e,{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"}),Le=()=>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"})]})),ze=a=>{const{icon:s,provider:t,text:n}=a,{_send:i}=M((()=>[]));let r;return"facebook"===s?r=e.jsx(Ee,{}):"google"===s?r=e.jsx(Ve,{}):"amazon"===s?r=e.jsx(Le,{}):"apple"===s&&(r=e.jsx(Be,{})),e.jsxs(z,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(A,Object.assign({as:"span"},{children:n}))]}))};function De(){const{_state:a,route:t}=M((e=>[e.route])),{socialProviders:n=[]}=a.context.config;if(0===n.length)return null;const i="signUp"===t?"Up":"In";return e.jsxs(V,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(ze,{icon:"amazon",provider:s.FederatedIdentityProviders.Amazon,text:s.translate(`Sign ${i} with Amazon`)},a);case"apple":return e.jsx(ze,{icon:"apple",provider:s.FederatedIdentityProviders.Apple,text:s.translate(`Sign ${i} with Apple`)},a);case"facebook":return e.jsx(ze,{icon:"facebook",provider:s.FederatedIdentityProviders.Facebook,text:s.translate(`Sign ${i} with Facebook`)},a);case"google":return e.jsx(ze,{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(ke,{size:"small",label:"or"})]}))}function He(){const{isPending:a}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=G(),{components:{SignIn:{Header:r=He.Header,Footer:o=He.Footer}}}=R();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(De,{}),e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsxs(V,Object.assign({as:"fieldset",direction:"column",isDisabled:a},{children:[e.jsx(Me,{children:e.jsx("legend",{children:s.translate("Sign in")})}),e.jsx(Ne,{})]})),e.jsx(W,{}),e.jsx(z,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 Ae(){const{hasValidationErrors:a,isPending:n}=M((e=>[e.hasValidationErrors,e.isPending])),{handleChange:i,handleBlur:r,handleSubmit:o}=G(),{components:{SignUp:{Header:l=Ae.Header,FormFields:d=Ae.FormFields,Footer:c=Ae.Footer}}}=R();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(De,{}),e.jsxs(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(d,{}),e.jsx(W,{})]})),e.jsx(z,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,{})]})}He.Footer=()=>{const{toResetPassword:a}=M((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(z,Object.assign({fontWeight:"normal",onClick:a,size:"small",variation:"link"},{children:n}))}))},He.Header=function(){return null},Ae.Header=function(){return null},Ae.FormFields=function(){return e.jsx(Ne,{})},Ae.Footer=function(){return null};const Ge=({className:a,hideSignUp:n,variation:i})=>{const{route:r,toSignIn:o,toSignUp:l}=M((e=>[e.route,e.toSignIn,e.toSignUp]));return e.jsx(B,Object.assign({className:a,variation:i},{children:n?e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx(He,{})})):e.jsxs(Ie,Object.assign({indicatorPosition:"top",currentIndex:"signIn"===r?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===r?l():o()},{children:[e.jsx(Te,Object.assign({title:s.translate("Sign In")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx(He,{})}))})),e.jsx(Te,Object.assign({title:s.translate("Create Account")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signUp"===r&&e.jsx(Ae,{})}))}))]}))}))},qe=({className:a,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=G(),{components:{ConfirmVerifyUser:{Header:o=qe.Header,Footer:l=qe.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(V,Object.assign({direction:"column"},{children:e.jsx(Ne,{})})),e.jsx(W,{}),e.jsx(Se,{cancelButtonText:s.translate("Skip"),cancelButtonSendType:"SKIP"}),e.jsx(l,{})]}))}))}))};qe.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Account recovery requires verified contact information")}))},qe.Footer=function(){return null};const $e=j.default.createContext({name:"default"}),We=x.forwardRef(((s,n)=>{var{children:i,className:r,id:o,isDisabled:l,testId:d,value:c,labelPosition:m,height:u,width:p,bottom:h,left:C,position:g,padding:b,right:f,top:x}=s,j=t.__rest(s,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:N,defaultValue:y,name:O,hasError:w,isGroupDisabled:F,isRequired:S,isReadOnly:P,onChange:I,size:T,labelPosition:M}=a.useContext($e),k=F||l||P&&y!==c,R=void 0!==N?c===N:void 0,_=void 0!==y?c===y:void 0,B=m||M;return e.jsxs(V,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Radio,t.classNameModifierByFlag(t.ComponentClassNames.Radio,"disabled",k),r),"data-disabled":k,"data-label-position":B,width:p,bottom:h,top:x,right:f,left:C,position:g,padding:b},{children:[i&&e.jsx(A,Object.assign({as:"span",className:t.ComponentClassNames.RadioLabel,"data-disabled":k},{children:i})),e.jsx(se,Object.assign({checked:R,className:v.default(t.ComponentClassNames.VisuallyHidden,t.ComponentClassNames.RadioInput),defaultChecked:_,hasError:w,id:o,isDisabled:k,isReadOnly:P,isRequired:S,onChange:I,ref:n,type:"radio",name:O,value:c},j)),e.jsx(V,{"aria-hidden":"true",as:"span",className:v.default(t.ComponentClassNames.RadioButton,t.classNameModifier(t.ComponentClassNames.RadioButton,T)),"data-size":T,testId:d})]}))}));We.displayName="Radio";const Ue=x.forwardRef(((a,s)=>{var{children:n,className:i,defaultValue:r,descriptiveText:o,errorMessage:l,hasError:d=!1,id:c,isDisabled:m,isRequired:u,isReadOnly:p,label:h,labelHidden:C=!1,labelPosition:g,onChange:b,name:f,size:j,value:N}=a,y=t.__rest(a,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const O=ce(c),w=ce(),F=ce(),S=o?F:void 0,P=x.useMemo((()=>({currentValue:N,defaultValue:r,hasError:d,isRequired:u,isReadOnly:p,isGroupDisabled:m,onChange:b,size:j,name:f,labelPosition:g})),[r,d,m,u,p,b,j,f,N,g]);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.RadioGroupField,i),"data-size":j,ref:s},y,{children:[e.jsx(te,Object.assign({id:w,visuallyHidden:C},{children:h})),e.jsx(J,{id:F,labelHidden:C,descriptiveText:o}),e.jsx(V,Object.assign({"aria-describedby":S,"aria-labelledby":w,className:t.ComponentClassNames.RadioGroup,id:O,role:"radiogroup"},{children:e.jsx($e.Provider,Object.assign({value:P},{children:n}))})),e.jsx(ee,{hasError:d,errorMessage:l})]}))}));Ue.displayName="RadioGroupField";const Ye=(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}`},Ke=a=>{const t=[];for(const[n,i]of Object.entries(a)){const a=e.jsx(We,Object.assign({name:"unverifiedAttr",value:n},{children:Ye(s.defaultFormFieldOptions[n].label,i)}),n);t.push(a)}return t},Ze=({className:a,variation:t})=>{const{components:{VerifyUser:{Header:n=Ze.Header,Footer:i=Ze.Footer}}}=R(),{_state:r,isPending:o}=M((e=>[e.isPending])),{handleChange:l,handleSubmit:d}=G(),c=s.getActorContext(r),m=o?e.jsx(e.Fragment,{children:"Verifying…"}):e.jsx(e.Fragment,{children:s.translate("Verify")}),u=e.jsx(Ue,Object.assign({label:s.translate("Verify Contact"),labelHidden:!0,name:"verify_context",isDisabled:o},{children:Ke(c.unverifiedAttributes)}));return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:o},{children:[e.jsx(n,{}),u,e.jsx(W,{}),e.jsx(Se,{cancelButtonText:s.translate("Skip"),cancelButtonSendType:"SKIP",submitButtonText:m}),e.jsx(i,{})]}))}))}))};Ze.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Account recovery requires verified contact information")}))},Ze.Footer=function(){return null};const Xe=({className:a,variation:s})=>{const{isPending:t}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=G(),{components:{ConfirmSignIn:{Header:r=Xe.Header,Footer:o=Xe.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:t},{children:[e.jsx(r,{}),e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(Ne,{}),e.jsx(W,{})]})),e.jsx(Oe,{}),e.jsx(o,{})]}))}))}))};Xe.Header=function(){const{_state:a}=M(),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(H,Object.assign({level:3},{children:i}))},Xe.Footer=function(){return null};const Qe=({className:a,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleBlur:i,handleChange:r,handleSubmit:o}=G(),{components:{ConfirmResetPassword:{Header:l=Qe.Header,Footer:d=Qe.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(l,{}),e.jsx(V,Object.assign({direction:"column"},{children:e.jsx(Ne,{})})),e.jsx(W,{}),e.jsx(Se,{cancelButtonSendType:"RESEND",cancelButtonText:s.translate("Resend Code")}),e.jsx(d,{})]}))}))}))};Qe.Header=function(){const a=s.translate("Reset your password");return e.jsx(H,Object.assign({level:3},{children:a}))},Qe.Footer=function(){return null};const Je=({className:a,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=G(),{components:{ResetPassword:{Header:o=Je.Header,Footer:l=Je.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(V,Object.assign({direction:"column"},{children:e.jsx(Ne,{})})),e.jsx(W,{}),e.jsx(Se,{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,{})]}))}))}))};Je.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Reset your password")}))},Je.Footer=function(){return null};const ea=e=>"signIn"===e||"signUp"===e;function aa(){return null}function sa(e){const{route:a,signOut:s,user:t}=M((({route:e,signOut:a,user:s})=>[e,a,s]));return x.useMemo((()=>!("authenticated"===a||"signOut"===a)?(e=>{switch(e){case"authenticated":case"idle":case"setup":case"autoSignIn":return aa;case"confirmSignUp":return ve;case"confirmSignIn":return Xe;case"setupTOTP":return Fe;case"signIn":case"signUp":return Ge;case"forceNewPassword":return ye;case"resetPassword":return Je;case"confirmResetPassword":return Qe;case"verifyUser":return Ze;case"confirmVerifyUser":return qe;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),aa}})(a):e?()=>"function"==typeof e?e({signOut:s,user:t}):e:aa),[e,a,s,t])}function ta({children:a,className:s,hideSignUp:t,variation:n}){const{route:i}=M((({route:e})=>[e])),r=sa(a);return e.jsx(r,{className:s,hideSignUp:ea(i)?t:void 0,variation:n})}const na={Header:()=>null,SignIn:{Header:He.Header,Footer:He.Footer},SignUp:{Header:Ae.Header,FormFields:Ae.FormFields,Footer:Ae.Footer},ConfirmSignUp:{Header:ve.Header,Footer:ve.Footer},SetupTOTP:{Header:Fe.Header,Footer:Fe.Footer},ConfirmResetPassword:{Header:Qe.Header,Footer:Qe.Footer},ConfirmSignIn:{Header:Xe.Header,Footer:Xe.Footer},VerifyUser:{Header:Ze.Header,Footer:Ze.Footer},ConfirmVerifyUser:{Header:qe.Header,Footer:qe.Footer},ForceNewPassword:{FormFields:ye.FormFields},ResetPassword:{Header:Je.Header,Footer:Je.Footer},Footer:()=>null};function ia(a){var{children:s}=a,n=t.__rest(a,["children"]);const{_send:i,route:r}=M((({route:e})=>[e])),o=x.useRef(!1);return x.useEffect((()=>{o.current||"setup"!==r||(i({type:"INIT",data:n}),o.current=!0)}),[i,r,n]),e.jsx(e.Fragment,{children:s})}function ra({children:a,className:s,components:t,formFields:n,hideSignUp:i,initialState:r,loginMechanisms:o,signUpAttributes:l,services:d,socialProviders:c,variation:m}){const u=x.useMemo((()=>({components:Object.assign(Object.assign({},na),t)})),[t]),p={initialState:r,loginMechanisms:o,services:d,signUpAttributes:l,socialProviders:c,formFields:n};return e.jsx(T,{children:e.jsx(k.Provider,Object.assign({value:u},{children:e.jsx(ia,Object.assign({},p,{children:e.jsx(ta,Object.assign({className:s,hideSignUp:i,variation:m},{children:a}))}))}))})}function oa(a,s={}){const{variation:t="modal"}=s;return function(n){return e.jsx(ra,Object.assign({variation:t},s,{children:s=>e.jsx(a,Object.assign({},n,s))}))}}ra.Provider=T,ra.ResetPassword=Je,ra.SetupTOTP=Fe,ra.SignIn=He,ra.SignUp=Ae,ra.ForceNewPassword=ye;const la=a.forwardRef(((s,n)=>{var i,{mapLib:r,mapStyle:o,style:d}=s,c=t.__rest(s,["mapLib","mapStyle","style"]);const u=l.Amplify.configure(),p=a.useMemo((()=>{var e,a,s,t;return null!==(t=null!==(a=null===(e=u.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==a?a:null===(s=u.geo)||void 0===s?void 0:s.AmazonLocationService)&&void 0!==t?t:{}}),[u]),[h,C]=a.useState(),g=a.useMemo((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},d)),[d]);return a.useEffect((()=>{t.__awaiter(void 0,void 0,void 0,(function*(){const e=yield l.Auth.currentUserCredentials();if(e){const{region:a}=p,{transformRequest:s}=new m.AmplifyMapLibreRequest(e,a);C((()=>s))}}))}),[p]),h?e.jsx(w.default,Object.assign({},c,{mapLib:null!=r?r:O.default,mapStyle:null!=o?o:null===(i=p.maps)||void 0===i?void 0:i.default,ref:n,style:g,transformRequest:h})):null}));la.displayName="MapView";const da={maplibregl:O.default,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},ca=e=>{var{position:a="top-right"}=e,s=t.__rest(e,["position"]);return u.useControl((()=>m.createAmplifyGeocoder(s)),{position:a}),null},ma=s=>{const t=a.useRef(!1);return a.useEffect((()=>{t.current||(m.createAmplifyGeocoder(s).addTo("#geocoder-container"),t.current=!0)}),[s]),e.jsx("div",{id:"geocoder-container"})},ua=a=>{const{current:s}=u.useMap();return s?e.jsx(ca,Object.assign({},da,a)):e.jsx(ma,Object.assign({},da,a))},pa=ua;var ha=Object.freeze({__proto__:null,AmplifyProvider:S,ThemeProvider:P,Authenticator:ra,useAuthenticator:M,withAuthenticator:oa,MapView:la,Geocoder:pa,LocationSearch:ua});const Ca=x.forwardRef(((a,s)=>{var{className:n,children:i,variation:r,size:o}=a,l=t.__rest(a,["className","children","variation","size"]);const d=v.default(t.ComponentClassNames.Badge,n,t.classNameModifier(t.ComponentClassNames.Badge,r),t.classNameModifier(t.ComponentClassNames.Badge,o));return e.jsx(t.View,Object.assign({as:"span",className:d,"data-variation":r,"data-size":o,ref:s},l,{children:i}))}));Ca.displayName="Badge";const ga=x.forwardRef(((a,s)=>{var{className:n,children:i,role:r="group",size:o,variation:l}=a,d=t.__rest(a,["className","children","role","size","variation"]);return e.jsx(V,Object.assign({className:v.default(t.ComponentClassNames.ButtonGroup,n),role:r,ref:s},d,{children:x.Children.map(i,(e=>x.isValidElement(e)?x.cloneElement(e,{size:o,variation:l}):e))}))}));ga.displayName="ButtonGroup";const ba=x.forwardRef(((a,s)=>{var{className:n,children:i,variation:r}=a,o=t.__rest(a,["className","children","variation"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Card,t.classNameModifier(t.ComponentClassNames.Card,r),n),"data-variation":r,ref:s},o,{children:i}))}));ba.displayName="Card";const fa=(e,a)=>x.useMemo((()=>e&&a?`${e}-${a}`:void 0),[e,a]),xa=x.forwardRef(((s,n)=>{var{checked:i,className:r,defaultChecked:o,hasError:l,isDisabled:d,label:c,labelHidden:m,labelPosition:u,onChange:p,size:h,testId:C}=s,g=t.__rest(s,["checked","className","defaultChecked","hasError","isDisabled","label","labelHidden","labelPosition","onChange","size","testId"]);const{baseStyleProps:b,flexContainerStyleProps:f,rest:j}=t.splitPrimitiveProps(g),N=void 0!==i?i:o,{dataChecked:y,dataFocus:O,onBlur:w,onChange:F,onFocus:S,setDataChecked:P}=((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}})(N,p);x.useEffect((()=>{void 0!==i&&i!==y&&P(i)}),[i,y,P]);const I=fa(C,t.ComponentClassNames.CheckboxButton),T=fa(C,t.ComponentClassNames.CheckboxIcon),M=fa(C,t.ComponentClassNames.CheckboxLabel),k=v.default(t.ComponentClassNames.CheckboxButton,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"error",l),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"focused",O)),R=v.default(t.ComponentClassNames.CheckboxIcon,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"checked",y),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"disabled",d));return e.jsxs(V,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Checkbox,t.classNameModifierByFlag(t.ComponentClassNames.Checkbox,"disabled",d),r),"data-disabled":d,"data-label-position":u,testId:C},b,f,{children:[e.jsx(Me,{children:e.jsx(se,Object.assign({checked:i,className:t.ComponentClassNames.CheckboxInput,defaultChecked:o,isDisabled:d,onBlur:w,onChange:F,onFocus:S,ref:n,type:"checkbox"},j))}),c&&e.jsx(A,Object.assign({as:"span",className:v.default(t.ComponentClassNames.CheckboxLabel,{[t.ComponentClassNames.VisuallyHidden]:m}),"data-disabled":d,testId:M},{children:c})),e.jsx(V,Object.assign({"aria-hidden":"true",as:"span",className:k,"data-checked":y,"data-disabled":d,"data-focus":O,"data-error":l,testId:I},{children:e.jsx(t.IconCheck,{className:R,"data-checked":y,"data-disabled":d,"data-testid":T,size:h})}))]}))}));xa.displayName="Checkbox";const ja=x.forwardRef(((a,s)=>{var{className:n,errorMessage:i,hasError:r=!1,labelHidden:o=!1,labelPosition:l,testId:d,size:c}=a,m=t.__rest(a,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const u=fa(d,t.ComponentClassNames.Checkbox);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.CheckboxField,t.classNameModifier(t.ComponentClassNames.Field,c),n),"data-size":c,testId:d},{children:[e.jsx(xa,Object.assign({hasError:r,labelHidden:o,testId:u,labelPosition:l,ref:s},m)),e.jsx(ee,{hasError:r,errorMessage:i})]}))}));ja.displayName="CheckboxField";const Na=x.forwardRef(((a,s)=>{var{className:n,children:i}=a,r=t.__rest(a,["className","children"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Grid,n),ref:s},r,{children:i}))}));Na.displayName="Grid";const va=a=>{var{type:s,page:n,currentPage:i,currentPageLabel:r=t.ComponentText.PaginationItem.currentPageLabel,isDisabled:o,onClick:l,ariaLabel:d}=a,c=t.__rest(a,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const m=x.useCallback((()=>{l(n,i)}),[n,i,l]),u=x.useCallback((()=>{l()}),[l]),p=x.useCallback((()=>{l()}),[l]),h=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o)),C=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o));switch(s){case"page":return e.jsx(t.View,Object.assign({as:"li"},{children:n===i?e.jsxs(V,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemCurrent,testId:"current"},c,{children:[e.jsx(Me,{children:r}),n]})):e.jsx(z,Object.assign({className:v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:m,ariaLabel:d},c,{children:n}))}));case"next":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(z,Object.assign({className:h,size:"small",variation:"link",isDisabled:o,onClick:p,ariaLabel:d},c,{children:e.jsx(t.IconChevronRight,{size:"large"})}))}));case"previous":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(z,Object.assign({className:C,size:"small",variation:"link",isDisabled:o,onClick:u,ariaLabel:d},c,{children:e.jsx(t.IconChevronLeft,{size:"large"})}))}));case"ellipsis":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(V,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},c,{children:"…"}))}))}return e.jsx(t.View,{as:"li"})};va.displayName="PaginationItem";const ya=(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(va,{type:"previous",currentPage:a,onClick:m,isDisabled:a<=1,ariaLabel:l},"previous"),h=e.jsx(va,{type:"next",currentPage:a,onClick:c,isDisabled:a>=s&&!n,ariaLabel:d},"next"),C=((e,a,s=1)=>x.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,...x.useMemo((()=>C.map(((s,t)=>"..."===s?e.jsx(va,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e.jsx(va,{type:"page",page:s,currentPage:a,currentPageLabel:r,onClick:u,ariaLabel:`${o} ${s}`},s)))),[C,a,r,o,u]),h]},Oa=x.forwardRef(((a,s)=>{var{className:n,currentPage:i=1,totalPages:r,hasMorePages:o=!1,siblingCount:l,currentPageLabel:d,pageLabel:c,previousLabel:m,nextLabel:u,onNext:p,onPrevious:h,onChange:C}=a,g=t.__rest(a,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const b=ya(i,r,o,l,d,c,m,u,p,h,C);return e.jsx(t.View,Object.assign({as:"nav",className:v.default(t.ComponentClassNames.Pagination,n),ref:s},g,{children:e.jsx(V,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:b}))}))}));Oa.displayName="Pagination";const wa=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]=x.useState(a);x.useEffect((()=>r(a)),[a,s]);const o=x.useCallback((()=>{i<s&&r(i+1)}),[i,s]),l=x.useCallback((()=>{i>1&&r(i-1)}),[i]),d=x.useCallback(((e,a)=>{r(e)}),[]);return{currentPage:i,totalPages:s,hasMorePages:t,siblingCount:n,onNext:o,onPrevious:l,onChange:d}},Fa=t.ComponentText.SearchField.searchButtonLabel,Sa=x.forwardRef(((a,s)=>e.jsx(Z,Object.assign({ariaLabel:Fa,className:t.ComponentClassNames.SearchFieldSearch,ref:s,type:"submit"},a,{children:e.jsx(t.IconSearch,{size:a.size})}))));Sa.displayName="SearchFieldButton";const Pa=new Set(["Escape","Enter"]),Ia=({onSubmit:e,onClear:a,externalRef:s})=>{const[n,i]=x.useState(""),r=x.useRef(null),o=function({externalRef:e,internalRef:a}){return x.useCallback((s=>{"function"==typeof e?e(s):null!==e&&(e.current=s),a.current=s}),[e,a])}({externalRef:s,internalRef:r}),l=x.useCallback((()=>{var e;i(""),null===(e=null==r?void 0:r.current)||void 0===e||e.focus(),t.isFunction(a)&&a()}),[i,a]),d=x.useCallback((a=>{t.isFunction(e)&&e(a)}),[e]),c=x.useCallback((e=>{const{key:a}=e;Pa.has(a)&&(e.preventDefault(),"Escape"===a?l():"Enter"===a&&d(n))}),[n,l,d]),m=x.useCallback((e=>{i(e.target.value)}),[i]),u=x.useCallback((()=>{d(n)}),[d,n]);return{value:n,onClearHandler:l,onKeyDown:c,onInput:m,onClick:u,composedRefs:o}},Ta=x.forwardRef(((a,s)=>{var{autoComplete:n="off",className:i,isDisabled:r,clearButtonLabel:o,labelHidden:l=!0,name:d="q",onSubmit:c,onClear:m,searchButtonRef:u,size:p}=a,h=t.__rest(a,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:C,onClearHandler:g,onInput:b,onKeyDown:f,onClick:x,composedRefs:j}=Ia({onSubmit:c,onClear:m,externalRef:s});return e.jsx(ue,Object.assign({autoComplete:n,className:v.default(t.ComponentClassNames.SearchField,i),labelHidden:l,innerEndComponent:e.jsx(Q,{ariaLabel:o,excludeFromTabOrder:!0,isVisible:t.strHasLength(C),onClick:g,size:p,variation:"link"}),isDisabled:r,isMultiline:!1,name:d,onInput:b,onKeyDown:f,outerEndComponent:e.jsx(Sa,{isDisabled:r,onClick:x,ref:u,size:p}),ref:j,size:p,value:C},h))}));Ta.displayName="SearchField";const Ma=(e,a)=>t.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>Ma(e,a))),ka=(e,a)=>Math.ceil(e/a),Ra=10,_a=a=>{var{children:s,direction:n="column",items:i}=a,r=t.__rest(a,["children","direction","items"]);return e.jsx(V,Object.assign({direction:n},r,{children:Array.isArray(i)?i.map(s):null}))},Ba=a=>{var{children:s,items:n}=a,i=t.__rest(a,["children","items"]);return e.jsx(Na,Object.assign({},i,{children:Array.isArray(n)?n.map(s):null}))},Va=a=>{var{className:s,isSearchable:n,isPaginated:i,items:r,itemsPerPage:o=Ra,searchFilter:l=Ma,searchLabel:d=t.ComponentText.Collection.searchButtonLabel,searchPlaceholder:c,type:m="list",testId:u}=a,p=t.__rest(a,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchPlaceholder","type","testId"]);const[h,C]=x.useState(),g=x.useCallback(F.default(C,300),[C]);r=Array.isArray(r)?r:[],n&&t.strHasLength(h)&&(r=r.filter((e=>l(e,h))));const b=wa({totalPages:ka(r.length,o)});i&&(r=((e,a,s)=>{if(a<1||s<1)return[];const t=(a-1)*s;return e.slice(t,t+s)})(r,b.currentPage,o));const f="list"===m?e.jsx(_a,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},p)):"grid"===m?e.jsx(Ba,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},p)):null;return e.jsxs(V,Object.assign({testId:u,className:v.default(t.ComponentClassNames.Collection,s)},{children:[n?e.jsx(V,Object.assign({className:t.ComponentClassNames.CollectionSearch},{children:e.jsx(Ta,{label:d,placeholder:c,onChange:e=>g(e.target.value),onClear:()=>C("")})})):null,f,i?e.jsx(V,Object.assign({className:t.ComponentClassNames.CollectionPagination},{children:e.jsx(Oa,Object.assign({},b))})):null]}))};Va.displayName="Collection";const Ea=x.forwardRef(((a,s)=>{var{children:n,className:i,defaultValue:r,isCollapsible:o,onChange:l,onValueChange:d,testId:c,type:m="single",value:u}=a,p=t.__rest(a,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:C}=t.splitPrimitiveProps(p);return"multiple"===m?e.jsx(h.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,i),"data-testid":c,defaultValue:r,onValueChange:l,ref:s,type:m,value:u},C,{children:n})):e.jsx(h.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,i),collapsible:o,"data-testid":c,defaultValue:r,onValueChange:l,ref:s,type:m,value:u},C,{children:n}))}));Ea.displayName="Expander";const La=x.forwardRef(((a,s)=>{var{children:n,className:i,title:r}=a,o=t.__rest(a,["children","className","title"]);const l=ce(),d=ce(),{rest:c}=t.splitPrimitiveProps(o);return e.jsxs(h.Item,Object.assign({className:v.default(t.ComponentClassNames.ExpanderItem,i),"data-testid":"expander-item",ref:s},c,{children:[e.jsx(h.Header,Object.assign({className:t.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},{children:e.jsxs(h.Trigger,Object.assign({"aria-controls":d,className:t.ComponentClassNames.ExpanderTrigger,id:l},{children:[r,e.jsx(t.IconExpandMore,{"aria-hidden":!0,className:t.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"})]}))})),e.jsx(h.Content,Object.assign({"aria-labelledby":l,className:t.ComponentClassNames.ExpanderContent,id:d},{children:e.jsx(t.View,Object.assign({className:t.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},{children:n}))}))]}))}));La.displayName="ExpanderItem";const za=x.forwardRef(((a,s)=>{var{className:n}=a,i=t.__rest(a,["className"]);return e.jsx(t.View,Object.assign({as:"img",ref:s,className:v.default(t.ComponentClassNames.Image,n)},i))}));za.displayName="Image";const Da=x.forwardRef(((a,s)=>{var{as:n="a",children:i,className:r,isExternal:o,to:l}=a,d=t.__rest(a,["as","children","className","isExternal","to"]);return e.jsx(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.Link,r),ref:s,rel:o?"noopener noreferrer":void 0,target:o?"_blank":void 0,to:l},d,{children:i}))}));Da.displayName="Link";const Ha=x.forwardRef(((a,s)=>{var{ariaLabel:n,className:i,children:r,isFullWidth:o=!1,isDisabled:l,isLoading:d,loadingText:c="",size:m,style:u,type:p="button",variation:h,testId:C}=a,g=t.__rest(a,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:b,nonStyleProps:f}=t.useStyles(g,u),x=v.default(t.ComponentClassNames.Button,t.classNameModifier(t.ComponentClassNames.Button,m),t.classNameModifier(t.ComponentClassNames.Button,h),i);return e.jsx(z,Object.assign({ref:s,className:x,"data-fullwidth":o,"data-loading":d,"data-size":m,"data-variation":h,disabled:l||d,type:p,"data-testid":C,"aria-label":n,style:b},f,{children:r}))}));Ha.displayName="MenuButton";const Aa=x.forwardRef(((a,s)=>{var{menuAlign:n="start",children:i,className:r,isOpen:o,size:l,trigger:d,triggerClassName:c,ariaLabel:m,onOpenChange:u}=a,p=t.__rest(a,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return e.jsxs(C.DropdownMenu,Object.assign({onOpenChange:u,open:o},{children:[e.jsx(C.DropdownMenuTrigger,Object.assign({asChild:!0},{children:null!=d?d:e.jsx(Ha,Object.assign({ariaLabel:m,size:l,testId:"amplify-menu-trigger-test-id",className:v.default(t.ComponentClassNames.MenuTrigger,c)},{children:e.jsx(t.IconMenu,{size:l})}))})),e.jsx(C.DropdownMenuContent,Object.assign({align:n,portalled:!1},{children:e.jsx(ga,Object.assign({className:v.default(t.ComponentClassNames.MenuContent,r),ref:s,size:l,testId:"amplify-menu-items-group-test-id"},p,{children:i}))}))]}))}));Aa.displayName="Menu";const Ga=x.forwardRef(((a,s)=>{var{children:n,className:i,variation:r}=a,o=t.__rest(a,["children","className","variation"]);return e.jsx(C.DropdownMenuItem,Object.assign({asChild:!0,ref:s},{children:e.jsx(Ha,Object.assign({className:v.default(t.ComponentClassNames.MenuItem,i),testId:"amplify-menu-item-test-id"},o,{variation:"menu"},{children:n}))}))}));Ga.displayName="MenuItem";const qa=x.forwardRef(((a,s)=>{var{className:n,children:i,isLoaded:r,size:o}=a,l=t.__rest(a,["className","children","isLoaded","size"]);return r?e.jsx(e.Fragment,{children:i}):e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Placeholder,t.classNameModifier(t.ComponentClassNames.Placeholder,o),n),"data-size":o,ref:s},l))}));qa.displayName="Placeholder";const $a=({icon:a,fill:s,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:v.default(n),color:s},{children:a}))}));$a.displayName="RatingIcon";const Wa=({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"},{children:[e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-label"},{children:e.jsx(t.View,Object.assign({as:"span",className:v.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:v.default("amplify-rating-icon","amplify-rating-icon-filled"),color:n},{children:i}))}))]}))};Wa.displayName="RatingMixedIcon";const Ua=5,Ya=0,Ka=x.forwardRef(((a,s)=>{var{className:n,emptyColor:i,emptyIcon:r,fillColor:o,icon:l=e.jsx(t.IconStar,{}),maxValue:d=Ua,size:c,value:m=Ya}=a,u=t.__rest(a,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const p=new Array(Math.ceil(d)).fill(1).map(((a,s)=>{const t=s+1;return((e,a)=>e<=a)(t,m)?e.jsx($a,{icon:l,fill:o,className:"amplify-rating-icon-filled"},s.toString()):((e,a)=>e-1>=a)(t,m)?e.jsx($a,{icon:r||l,fill:i,className:"amplify-rating-icon-empty"},s.toString()):((e,a)=>e>a&&e-1<a)(t,m)?e.jsx(Wa,{fillIcon:l,emptyIcon:r||l,value:m,fillColor:o,emptyColor:i},s.toString()):void 0}));return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Rating,t.classNameModifier(t.ComponentClassNames.Rating,c),n),"data-size":c,ref:s},u,{children:[p,e.jsxs(Me,{children:[m," out of ",d," rating"]})]}))}));Ka.displayName="Rating";const Za=x.forwardRef(((a,s)=>{var{children:n,className:i,orientation:r}=a,o=t.__rest(a,["children","className","orientation"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.ScrollView,t.classNameModifier(t.ComponentClassNames.ScrollView,r),i),"data-orientation":r,ref:s},o,{children:n}))}));Za.displayName="ScrollView";const Xa=x.forwardRef(((a,s)=>{var{ariaValuetext:n,className:i,defaultValue:r,descriptiveText:o,emptyTrackColor:l,errorMessage:d,filledTrackColor:c,hasError:m=!1,id:u,isDisabled:p,isValueHidden:h=!1,label:C,labelHidden:b=!1,onChange:f,orientation:j="horizontal",outerEndComponent:N,outerStartComponent:y,testId:O,thumbColor:w,trackSize:F,dir:S,value:P,size:I}=a,T=t.__rest(a,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const M=ce(u),k=ce(),R=ce(),_=o?R:void 0,{flexContainerStyleProps:B,baseStyleProps:E,rest:L}=t.splitPrimitiveProps(T),z=void 0!==P,[D,H]=x.useState(z?P:r),A=z?[P]:void 0,G=z?void 0:[r],q=x.useCallback((e=>{H(e[0]),t.isFunction(f)&&f(e[0])}),[f]),$="vertical"===j,W=v.default(t.ComponentClassNames.SliderFieldTrack,t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,j),t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,I)),U=v.default(t.ComponentClassNames.SliderFieldRoot,t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,j),t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,I),i);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SliderField),testId:O,"data-size":I},E,B,{children:[e.jsxs(te,Object.assign({className:t.ComponentClassNames.SliderFieldLabel,id:k,testId:"slider-label",visuallyHidden:b},{children:[e.jsx(t.View,Object.assign({as:"span"},{children:C})),h?null:e.jsx(t.View,Object.assign({as:"span"},{children:D}))]})),e.jsx(J,{id:R,labelHidden:b,descriptiveText:o}),e.jsx(ae,Object.assign({className:t.ComponentClassNames.SliderFieldGroup,id:M,orientation:j,outerStartComponent:y,outerEndComponent:N},{children:e.jsxs(g.Root,Object.assign({className:U,"data-testid":"slider-root",disabled:p,defaultValue:G,onValueChange:q,orientation:j,ref:s,value:A},L,{children:[e.jsx(g.Track,Object.assign({className:W,"data-testid":"slider-track",style:{backgroundColor:String(l),[""+($?"width":"height")]:F}},{children:e.jsx(g.Range,{className:v.default(t.ComponentClassNames.SliderFieldRange,t.classNameModifier(t.ComponentClassNames.SliderFieldRange,j)),"data-testid":"slider-range",style:{backgroundColor:String(c)}})})),e.jsx(g.Thumb,{"aria-describedby":_,"aria-labelledby":k,"aria-valuetext":n,className:v.default(t.ComponentClassNames.SliderFieldThumb,t.classNameModifier(t.ComponentClassNames.SliderFieldThumb,I)),style:{backgroundColor:String(w)}})]}))})),e.jsx(ee,{hasError:m,errorMessage:d})]}))}));Xa.displayName="SliderField";const Qa=(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},Ja=x.forwardRef(((a,s)=>{const{className:n,descriptiveText:i,defaultValue:r,errorMessage:o,hasError:l=!1,id:d,isDisabled:c,isReadOnly:m,isRequired:u,increaseButtonLabel:p=t.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:h=t.ComponentText.StepperField.decreaseButtonLabel,label:C,labelHidden:g=!1,onStepChange:b,size:f,variation:j,testId:N,bottom:y,height:O,left:w,padding:F,position:S,right:P,top:I,width:T,value:M}=a,k=t.__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"]),R=ce(d),_=ce(),B=i?_:void 0,{baseStyleProps:E,flexContainerStyleProps:L,rest:z}=t.splitPrimitiveProps(k),{step:D,value:H,inputValue:A,handleDecrease:G,handleIncrease:q,handleOnBlur:$,handleOnChange:W,handleOnWheel:U,setInputValue:Y,shouldDisableDecreaseButton:K,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]=x.useState((()=>Qa(i,n,s,e)));m&&(a=Qa(i,n,s,a));const h=m?a:u,C=r||o||h+s>n,g=r||o||h-s<i,[b,f]=x.useState(h),j=x.useCallback((e=>{f(e.target.value)}),[]),N=x.useCallback((e=>{let a=parseFloat(e.target.value);isNaN(a)||(a=Qa(i,n,s,a),m||p(a),t.isFunction(c)&&c(a),f(a))}),[i,n,s,m,c]),v=x.useCallback((()=>{m||p(h+s),t.isFunction(c)&&c(h+s),t.isFunction(d)&&d(),f(h+s)}),[s,h,m,d,c]),y=x.useCallback((()=>{m||p(h-s),t.isFunction(c)&&c(h-s),t.isFunction(l)&&l(),f(h-s)}),[s,h,m,l,c]),O=x.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:s,value:h,inputValue:b,handleDecrease:y,handleIncrease:v,handleOnBlur:N,handleOnChange:j,handleOnWheel:O,setInputValue:f,shouldDisableDecreaseButton:g,shouldDisableIncreaseButton:C}})(a);return x.useEffect((()=>{void 0!==M&&Y(M)}),[M,Y]),e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,f),t.ComponentClassNames.StepperField,n),"data-size":f,"data-variation":j,testId:N,width:T,height:O,position:S,padding:F,top:I,right:P,left:w,bottom:y},L,{children:[e.jsx(te,Object.assign({htmlFor:R,visuallyHidden:g},{children:C})),e.jsx(J,{id:_,labelHidden:g,descriptiveText:i}),e.jsx(ae,Object.assign({outerStartComponent:e.jsx(Z,Object.assign({"aria-controls":R,ariaLabel:`${h} ${H-D}`,className:v.default(t.ComponentClassNames.StepperFieldButtonDecrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonDecrease,j)),"data-invalid":l,isDisabled:K,onClick:G,size:f},{children:e.jsx(t.IconRemove,{"data-testid":"decrease-icon"})})),outerEndComponent:e.jsx(Z,Object.assign({"aria-controls":R,ariaLabel:`${p} ${H+D}`,className:v.default(t.ComponentClassNames.StepperFieldButtonIncrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonIncrease,j)),"data-invalid":l,isDisabled:X,onClick:q,size:f},{children:e.jsx(t.IconAdd,{"data-testid":"increase-icon"})}))},{children:e.jsx(se,Object.assign({"aria-describedby":B,className:t.ComponentClassNames.StepperFieldInput,hasError:l,id:R,isDisabled:c,isReadOnly:m,isRequired:u,onBlur:$,onChange:W,onWheel:U,ref:s,size:f,variation:j,type:"number",value:A},E,z))})),e.jsx(ee,{hasError:l,errorMessage:o})]}))}));Ja.displayName="StepperField";const es=x.forwardRef(((s,n)=>{var{className:i,defaultChecked:r,id:o,isChecked:l,isDisabled:d,isLabelHidden:c,label:m,labelPosition:u,name:p,onChange:h,size:C,thumbColor:g,trackCheckedColor:b,trackColor:f,value:x}=s,j=t.__rest(s,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:N,changeHandler:y,isFocused:O,setIsFocused:w}=(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:h,isChecked:l,defaultChecked:r,isDisabled:d}),F=ce(o),S=c?Me:t.View,P=v.default(t.ComponentClassNames.SwitchTrack,t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"checked",N),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"focused",O)),I=v.default(t.ComponentClassNames.SwitchThumb,t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"checked",N),t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"disabled",d));return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.SwitchField,t.classNameModifier(t.ComponentClassNames.SwitchField,C),i),"data-size":C,"data-label-position":u,ref:n},j,{children:[e.jsx(Me,{children:e.jsx(se,{role:"switch",type:"checkbox",id:F,onChange:y,disabled:d,name:p,checked:N,value:x,onFocus:()=>{w(!0)},onBlur:()=>{w(!1)}})}),e.jsxs(te,Object.assign({htmlFor:F,className:v.default(t.ComponentClassNames.SwitchWrapper,t.classNameModifier(t.ComponentClassNames.SwitchWrapper,u)),"data-label-position":u},{children:[e.jsx(S,Object.assign({as:"span",className:t.ComponentClassNames.SwitchLabel},{children:m})),e.jsx(t.View,Object.assign({as:"span",className:P,"data-checked":N,"data-disabled":d,"data-focused":O,backgroundColor:N?b:f},{children:e.jsx(t.View,{as:"span",className:I,"data-checked":N,"data-disabled":d,backgroundColor:g})}))]}))]}))}));es.displayName="SwitchField";const as=x.forwardRef(((a,s)=>{var{caption:n,children:i,className:r,highlightOnHover:o=!1,size:l,variation:d}=a,c=t.__rest(a,["caption","children","className","highlightOnHover","size","variation"]);const m=v.default(t.ComponentClassNames.Table,t.classNameModifier(t.ComponentClassNames.Table,l),t.classNameModifier(t.ComponentClassNames.Table,d),r);return e.jsxs(t.View,Object.assign({as:"table",className:m,"data-highlightonhover":o,"data-size":l,"data-variation":d,ref:s},c,{children:[n&&e.jsx(t.View,Object.assign({as:"caption",className:t.ComponentClassNames.TableCaption},{children:n})),i]}))}));as.displayName="Table";const ss=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tbody",className:v.default(t.ComponentClassNames.TableBody,i),ref:s},r,{children:n}))}));ss.displayName="TableBody";const ts=x.forwardRef(((a,s)=>{var{as:n="td",children:i,className:r}=a,o=t.__rest(a,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:v.default("td"===n?t.ComponentClassNames.TableTd:t.ComponentClassNames.TableTh,r),ref:s},o,{children:i}))}));ts.displayName="TableCell";const ns=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tfoot",className:v.default(t.ComponentClassNames.TableFoot,i),ref:s},r,{children:n}))}));ns.displayName="TableFoot";const is=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"thead",className:v.default(t.ComponentClassNames.TableHead,i),ref:s},r,{children:n}))}));is.displayName="TableHead";const rs=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tr",className:v.default(t.ComponentClassNames.TableRow,i),ref:s},r,{children:n}))}));rs.displayName="TableRow";const os=x.forwardRef(((a,s)=>{const{className:n,descriptiveText:i,errorMessage:r,hasError:o=!1,id:l,label:d,labelHidden:c=!1,rows:m,size:u,testId:p,bottom:h,height:C,left:g,padding:b,position:f,right:x,top:j,width:N}=a,y=t.__rest(a,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),O=ce(l),w=ce(),F=i?w:void 0,{flexContainerStyleProps:S,baseStyleProps:P,rest:I}=t.splitPrimitiveProps(y);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.TextAreaField,n),"data-size":u,height:C,testId:p,width:N,bottom:h,left:g,right:x,top:j,position:f,padding:b},S,{children:[e.jsx(te,Object.assign({htmlFor:O,visuallyHidden:c},{children:d})),e.jsx(J,{id:w,labelHidden:c,descriptiveText:i}),e.jsx(re,Object.assign({"aria-describedby":F,hasError:o,id:O,ref:s,rows:null!=m?m:3,size:u},P,I)),e.jsx(ee,{hasError:o,errorMessage:r})]}))}));os.displayName="TextAreaField";const ls=x.forwardRef(((a,s)=>{var{className:n,children:i,defaultPressed:r=!1,isDisabled:o,isPressed:l,onChange:d,onClick:c,size:m,value:u,variation:p}=a,h=t.__rest(a,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:C,handleClick:g}=(({isPressed:e,defaultPressed:a,onClick:s,onChange:n,value:i})=>{const r=void 0!==e,[o,l]=x.useState(a);return{isPressed:e=r?e:o,handleClick:x.useCallback((e=>{t.isFunction(s)&&s(e),r||l(!o),r&&t.isFunction(n)&&n(i)}),[r,s,n,o,i])}})({isPressed:l,defaultPressed:r,onChange:d,onClick:c,value:u}),b=v.default(t.ComponentClassNames.ToggleButton,t.classNameModifier(t.ComponentClassNames.ToggleButton,p),t.classNameModifierByFlag(t.ComponentClassNames.ToggleButton,"pressed",C),n);return e.jsx(z,Object.assign({"aria-pressed":C,className:b,isDisabled:o,onClick:g,ref:s,size:m,type:"button",variation:p},h,{children:i}))}));ls.displayName="ToggleButton";const ds=x.forwardRef(((a,s)=>{var{children:n,className:i,isExclusive:r,isSelectionRequired:o,onChange:l,size:d,value:c,variation:m}=a,u=t.__rest(a,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const p=((e,a,s=!1,n=!1)=>{const i=x.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=x.useCallback((s=>{t.isFunction(e)&&e(a!==s||n?s:null)}),[e,a,n]);return s?r:i})(l,c,r,o);return e.jsx(V,Object.assign({className:v.default(t.ComponentClassNames.ToggleButtonGroup,i),ref:s,role:"group"},u,{children:x.Children.map(n,(e=>x.isValidElement(e)?x.cloneElement(e,{isPressed:r?c===e.props.value:c.includes(e.props.value),onChange:p,size:d,variation:m}):e))}))}));ds.displayName="ToggleButtonGroup";var cs=Object.freeze({__proto__:null,Alert:$,Badge:Ca,Button:z,ButtonGroup:ga,Card:ba,CheckboxField:ja,Collection:Va,Divider:ke,Expander:Ea,ExpanderItem:La,FieldGroupIcon:K,FieldGroupIconButton:Z,Flex:V,Grid:Na,Heading:H,Icon:_e,Image:za,Link:Da,Loader:L,Menu:Aa,MenuButton:Ha,MenuItem:Ga,Pagination:Oa,PasswordField:pe,PhoneNumberField:fe,Placeholder:qa,Radio:We,RadioGroupField:Ue,Rating:Ka,ScrollView:Za,SearchField:Ta,SelectField:ge,SliderField:Xa,StepperField:Ja,SwitchField:es,Tabs:Ie,TabItem:Te,Text:A,TextAreaField:os,TextField:ue,ToggleButton:ls,ToggleButtonGroup:ds,View:t.View,VisuallyHidden:Me,Table:as,TableBody:ss,TableCell:ts,TableFoot:ns,TableHead:is,TableRow:rs,usePagination:wa,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=$,exports.AmplifyProvider=S,exports.Authenticator=ra,exports.Badge=Ca,exports.Button=z,exports.ButtonGroup=ga,exports.Card=ba,exports.CheckboxField=ja,exports.Collection=Va,exports.Divider=ke,exports.Expander=Ea,exports.ExpanderItem=La,exports.FieldGroupIcon=K,exports.FieldGroupIconButton=Z,exports.Flex=V,exports.Geocoder=pa,exports.Grid=Na,exports.Heading=H,exports.Icon=_e,exports.Image=za,exports.Link=Da,exports.Loader=L,exports.LocationSearch=ua,exports.MapView=la,exports.Menu=Aa,exports.MenuButton=Ha,exports.MenuItem=Ga,exports.Pagination=Oa,exports.PasswordField=pe,exports.PhoneNumberField=fe,exports.Placeholder=qa,exports.Radio=We,exports.RadioGroupField=Ue,exports.Rating=Ka,exports.ScrollView=Za,exports.SearchField=Ta,exports.SelectField=ge,exports.SliderField=Xa,exports.StepperField=Ja,exports.SwitchField=es,exports.TabItem=Te,exports.Table=as,exports.TableBody=ss,exports.TableCell=ts,exports.TableFoot=ns,exports.TableHead=is,exports.TableRow=rs,exports.Tabs=Ie,exports.Text=A,exports.TextAreaField=os,exports.TextField=ue,exports.ThemeProvider=P,exports.ToggleButton=ls,exports.ToggleButtonGroup=ds,exports.VisuallyHidden=Me,exports.components=ha,exports.primitives=cs,exports.useAmplify=function(){const e=x.useContext(t.AmplifyContext);return{theme:t.getThemeFromContext(e)}},exports.useAuthenticator=M,exports.useBreakpointValue=function(e,a,s){const{breakpoints:{values:n}}=t.useTheme(),i=t.useBreakpoint({breakpoints:n,defaultBreakpoint:a});return t.getValueAtCurrentBreakpoint(e,i,n,s)},exports.usePagination=wa,exports.withAuthenticator=oa;
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-227761f5.js"),n=require("@xstate/react"),i=require("lodash/isEmpty"),r=require("classnames"),o=require("qrcode"),l=require("aws-amplify"),d=require("@radix-ui/react-tabs");require("lodash/isArray"),require("lodash/isObject");var c=require("maplibre-gl"),m=require("maplibre-gl-js-amplify"),u=require("react-map-gl"),p=require("lodash/debounce"),h=require("@radix-ui/react-accordion"),C=require("@radix-ui/react-dropdown-menu"),g=require("@radix-ui/react-slider");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 x=f(a),j=b(a),N=b(i),v=b(r),y=b(o),O=b(c),w=b(u),F=b(p);function S({children:a,colorMode:n,theme:i,nonce:r}){const o=x.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 P=S,I=x.createContext({}),T=({children:a})=>{const t=x.useContext(I),i=n.useInterpret(s.createAuthenticatorMachine),r=x.useMemo((()=>N.default(t)?{service:i}:t),[t,i]),{service:o}=r,l=x.useRef(!1);return x.useEffect((()=>{if(!l.current)return l.current=!0,s.listenToAuthHub(o)}),[o]),e.jsx(I.Provider,Object.assign({value:r},{children:a}))},M=e=>{const a=(()=>{const{service:e}=x.useContext(I);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=x.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})},k=x.createContext(null),R=()=>{const e=x.useContext(k);if(!e)throw new Error("`useCustomComponents` cannot be used outside of a `CustomComponentsContext.Provider`");return e};const _=e=>"signIn"===e||"signUp";function B({children:a,className:s,variation:n="default"}){const{route:i}=M((({route:e})=>[e])),{components:{Header:r,Footer:o}}=R();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":_(i)?void 0:""},{children:a})),e.jsx(o,{})]}))}))}const V=x.forwardRef(((a,s)=>{var{className:n,children:i}=a,r=t.__rest(a,["className","children"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Flex,n),ref:s},r,{children:i}))}));V.displayName="Flex";const E=84*Math.PI,L=x.forwardRef(((a,s)=>{var{className:n,filledColor:i,emptyColor:r,size:o,variation:l,isDeterminate:d=!1,isPercentageTextHidden:c=!1,percentage:m=0}=a,u=t.__rest(a,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);m=Math.min(m,100);const p=`${m=Math.max(m,0)}%`,h=v.default(t.ComponentClassNames.Loader,t.classNameModifier(t.ComponentClassNames.Loader,o),t.classNameModifier(t.ComponentClassNames.Loader,l),d?t.ComponentClassNames.LoaderDeterminate:null,n),C=e.jsxs("g",{children:[e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(r)},"data-testid":"linear-empty"}),e.jsx("line",{x1:"0",x2:d?p:"100%",y1:"50%",y2:"50%",style:{stroke:d&&0===m?"none":i?String(i):void 0},"data-testid":"linear-filled"}),d?e.jsx("text",Object.assign({"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:`${-1+m}%`,y:"200%"},{children:p})):null]}),g=e.jsxs("g",{children:[e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(r)},"data-testid":"circular-empty"}),e.jsx("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(i),strokeDasharray:d?`${E}% ${E}%`:void 0,strokeDashoffset:d?E-E*m/100+"%":void 0},"data-testid":"circular-filled"}),d?e.jsx("text",Object.assign({"aria-live":"polite",className:v.default(t.ComponentClassNames.LoaderPercentageText,c?t.ComponentClassNames.VisuallyHidden:null),x:"130%",y:"80%"},{children:p})):null]});return e.jsx(t.View,Object.assign({as:"svg",className:h,"data-size":o,"data-variation":l,ref:s,role:"img"},u,{children:"linear"===l?C:g}))}));L.displayName="Loader";const z=x.forwardRef(((a,s)=>{var{className:n,children:i,isFullWidth:r=!1,isDisabled:o,isLoading:l,loadingText:d="",size:c,type:m="button",variation:u}=a,p=t.__rest(a,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const h=v.default(t.ComponentClassNames.Button,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Button,u),t.classNameModifier(t.ComponentClassNames.Button,c),t.classNameModifierByFlag(t.ComponentClassNames.Button,"disabled",o||l||p.disabled),t.classNameModifierByFlag(t.ComponentClassNames.Button,"loading",l),t.classNameModifierByFlag(t.ComponentClassNames.Button,"fullwidth",r),n);return e.jsx(t.View,Object.assign({ref:s,as:"button",className:h,"data-fullwidth":r,"data-loading":l,"data-size":c,"data-variation":u,isDisabled:o||l,type:m},p,{children:l&&d?e.jsxs(V,Object.assign({as:"span",className:t.ComponentClassNames.ButtonLoaderWrapper},{children:[e.jsx(L,{size:c}),d]})):i}))}));z.displayName="Button";const D={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"},H=x.forwardRef(((a,s)=>{var{className:n,children:i,level:r=6}=a,o=t.__rest(a,["className","children","level"]);return e.jsx(t.View,Object.assign({as:D[r],className:v.default(t.ComponentClassNames.Heading,t.classNameModifier(t.ComponentClassNames.Heading,r),n),ref:s},o,{children:i}))}));H.displayName="Heading";const A=x.forwardRef(((a,s)=>{var{as:n="p",className:i,children:r,isTruncated:o,variation:l}=a,d=t.__rest(a,["as","className","children","isTruncated","variation"]);const c=v.default(t.ComponentClassNames.Text,t.classNameModifier(t.ComponentClassNames.Text,l),t.classNameModifierByFlag(t.ComponentClassNames.Text,"truncated",o),i);return e.jsx(t.View,Object.assign({as:n,className:c,"data-truncate":o,"data-variation":l,ref:s},d,{children:r}))}));function G(){const{submitForm:e,updateBlur:s,updateForm:n}=M((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])}}A.displayName="Text";const q=({variation:a})=>{switch(a){case"info":return e.jsx(t.IconInfo,{className:t.ComponentClassNames.AlertIcon});case"error":return e.jsx(t.IconError,{className:t.ComponentClassNames.AlertIcon});case"warning":return e.jsx(t.IconWarning,{className:t.ComponentClassNames.AlertIcon});case"success":return e.jsx(t.IconCheckCircle,{className:t.ComponentClassNames.AlertIcon});default:return null}};q.displayName="AlertIcon";const $=x.forwardRef(((a,s)=>{var{buttonRef:n,children:i,className:r,hasIcon:o=!0,heading:l,isDismissible:d=!1,onDismiss:c,variation:m}=a,u=t.__rest(a,["buttonRef","children","className","hasIcon","heading","isDismissible","onDismiss","variation"]);const[p,h]=x.useState(!1),C=x.useCallback((()=>{h(!p),t.isFunction(c)&&c()}),[h,c,p]);return!p&&e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Alert,r,t.classNameModifier(t.ComponentClassNames.Alert,m)),"data-variation":m,ref:s},u,{children:[o&&e.jsx(q,{variation:m}),e.jsxs(t.View,Object.assign({role:"alert",flex:"1"},{children:[l&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertHeading},{children:l})),e.jsx(t.View,Object.assign({className:t.ComponentClassNames.AlertBody},{children:i}))]})),d&&e.jsx(z,Object.assign({variation:"link",className:t.ComponentClassNames.AlertDismiss,onClick:C,ref:n},{children:e.jsx(t.IconClose,{})}))]}))}));$.displayName="Alert";const W=()=>{const{error:a}=M((e=>[e.error]));return e.jsx(e.Fragment,{children:a?e.jsx($,Object.assign({variation:"error",isDismissible:!0},{children:s.translate(a)})):null})},U=t.ComponentText.PasswordField,Y=x.forwardRef(((a,s)=>{var{fieldType:n,size:i,hidePasswordButtonLabel:r,showPasswordButtonLabel:o}=a,l=t.__rest(a,["fieldType","size","hidePasswordButtonLabel","showPasswordButtonLabel"]);return e.jsx(z,Object.assign({ariaLabel:"password"===n?o||U.showPasswordButtonLabel:r||U.hidePasswordButtonLabel,className:t.ComponentClassNames.FieldShowPassword,ref:s,size:i},l,{children:"password"===n?e.jsx(t.IconVisibility,{size:i}):e.jsx(t.IconVisibilityOff,{size:i})}))}));Y.displayName="ShowPasswordButton";const K=x.forwardRef(((a,s)=>{var{className:n,children:i,isVisible:r=!0,excludeFromTabOrder:o=!1}=a,l=t.__rest(a,["className","children","isVisible","excludeFromTabOrder"]);return r?e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupIcon,n),ref:s,tabIndex:o?-1:void 0},l,{children:i})):null}));K.displayName="FieldGroupIcon";const Z=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(K,Object.assign({as:z,className:v.default(t.ComponentClassNames.FieldGroupIconButton,i),ref:s},r,{children:n}))}));Z.displayName="FieldGroupIconButton";const X=t.ComponentText.Fields.clearButtonLabel,Q=x.forwardRef(((a,s)=>{var{ariaLabel:n=X,size:i}=a,r=t.__rest(a,["ariaLabel","size"]);return e.jsx(Z,Object.assign({ariaLabel:n,ref:s},r,{children:e.jsx(t.IconClose,{size:i})}))}));Q.displayName="FieldClearButton";const J=a=>{var{descriptiveText:s,labelHidden:n}=a,i=t.__rest(a,["descriptiveText","labelHidden"]);return s?e.jsx(A,Object.assign({"data-testid":"qa-field-description",className:v.default(t.ComponentClassNames.FieldDescription,{[t.ComponentClassNames.VisuallyHidden]:n})},i,{children:s})):null};J.displayName="FieldDescription";const ee=a=>{var{errorMessage:s,hasError:n}=a,i=t.__rest(a,["errorMessage","hasError"]);return n&&s?e.jsx(A,Object.assign({className:t.ComponentClassNames.FieldErrorMessage},i,{children:s})):null};ee.displayName="FieldErrorMessage";const ae=x.forwardRef(((a,s)=>{var{children:n,className:i,innerEndComponent:r,innerStartComponent:o,orientation:l="horizontal",outerEndComponent:d,outerStartComponent:c,variation:m}=a,u=t.__rest(a,["children","className","innerEndComponent","innerStartComponent","orientation","outerEndComponent","outerStartComponent","variation"]);const p=null!=r,h=null!=o?t.ComponentClassNames.FieldGroupHasInnerStart:null,C=p?t.ComponentClassNames.FieldGroupHasInnerEnd:null,g=v.default(t.ComponentClassNames.FieldGroup,h,C,t.classNameModifier(t.ComponentClassNames.FieldGroup,l),i);return e.jsxs(V,Object.assign({className:g,"data-orientation":l,ref:s},u,{children:[c&&e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupOuterStart,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterStart,m))},{children:c})),e.jsxs(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupFieldWrapper,t.classNameModifier(t.ComponentClassNames.FieldGroupFieldWrapper,l)),"data-orientation":l},{children:[o&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerStart},{children:o})),n,r&&e.jsx(t.View,Object.assign({className:t.ComponentClassNames.FieldGroupInnerEnd},{children:r}))]})),d&&e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.FieldGroupOuterEnd,t.classNameModifier(t.ComponentClassNames.FieldGroupOuterEnd,m))},{children:d}))]}))}));ae.displayName="FieldGroup";const se=x.forwardRef(((a,s)=>{var{autoComplete:n,checked:i,className:r,defaultChecked:o,defaultValue:l,id:d,isDisabled:c,isReadOnly:m,isRequired:u,size:p,type:h="text",hasError:C=!1,value:g,variation:b,onBlur:f,onChange:x,onCopy:j,onCut:N,onFocus:y,onInput:O,onPaste:w,onSelect:F,onWheel:S}=a,P=t.__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 I=v.default(t.ComponentClassNames.Input,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Input,b),t.classNameModifierByFlag(t.ComponentClassNames.Input,"error",C),t.classNameModifier(t.ComponentClassNames.Input,p),r);return e.jsx(t.View,Object.assign({"aria-invalid":C,as:"input",autoComplete:n,checked:i,className:I,"data-size":p,"data-variation":b,defaultChecked:o,defaultValue:l,isDisabled:c,id:d,onBlur:f,onChange:x,onCopy:j,onCut:N,onFocus:y,onInput:O,onPaste:w,onSelect:F,onWheel:S,readOnly:m,ref:s,required:u,type:h,value:g},P))}));se.displayName="Input";const te=x.forwardRef(((a,s)=>{var{children:n,className:i,visuallyHidden:r}=a,o=t.__rest(a,["children","className","visuallyHidden"]);return e.jsx(t.View,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Label,i,{[t.ComponentClassNames.VisuallyHidden]:r}),ref:s},o,{children:n}))}));te.displayName="Label";const ne=(e,a)=>!e.isMultiline,ie=(e,a)=>e.isMultiline,re=x.forwardRef(((a,s)=>{var{className:n,isReadOnly:i,isRequired:r,size:o,hasError:l=!1,variation:d}=a,c=t.__rest(a,["className","isReadOnly","isRequired","size","hasError","variation"]);const m=v.default(t.ComponentClassNames.Textarea,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Textarea,d),t.classNameModifier(t.ComponentClassNames.Textarea,o),t.classNameModifierByFlag(t.ComponentClassNames.Textarea,"error",l),n);return e.jsx(t.View,Object.assign({"aria-invalid":l,as:"textarea",className:m,"data-size":o,"data-variation":d,readOnly:i,ref:s,required:r},c))}));re.displayName="TextArea";const oe=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?x.useLayoutEffect:()=>{},le=x["useId".toString()]||(()=>{});let de=0;const ce=e=>{const[a,s]=x.useState(le());return oe((()=>{e||s((e=>null!=e?e:String(de++)))}),[e]),e||(a?`amplify-id-${a}`:"")},me=(a,s)=>{const{className:n,descriptiveText:i,errorMessage:r,hasError:o=!1,id:l,label:d,labelHidden:c=!1,outerEndComponent:m,outerStartComponent:u,innerStartComponent:p,innerEndComponent:h,isMultiline:C,type:g,size:b,testId:f,variation:j,bottom:N,height:y,left:O,padding:w,position:F,right:S,top:P,width:I}=a,T=t.__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=ce(l),k=ce(),R=i?k:void 0,{flexContainerStyleProps:_,baseStyleProps:B,rest:E}=t.splitPrimitiveProps(T);(({shouldWarn:e,message:a})=>{x.useEffect((()=>{e&&("undefined"==typeof process||process&&"production"!==process.env.NODE_ENV)&&console.warn(a)}),[e,a])})({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 L=null;if((e=>e.isMultiline)(a)){const{rows:t}=a;L=e.jsx(re,Object.assign({"aria-describedby":R,hasError:o,id:M,ref:ie(a)?s:void 0,rows:null!=t?t:3,size:b,variation:j},B,E))}else if((e=>!e.isMultiline)(a)){const{type:t="text"}=a;L=e.jsx(se,Object.assign({"aria-describedby":R,hasError:o,id:M,ref:ne(a)?s:void 0,size:b,type:t,variation:j},B,E))}return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,b),t.ComponentClassNames.TextField,n),bottom:N,"data-size":b,height:y,left:O,padding:w,position:F,right:S,testId:f,top:P,width:I},_,{children:[e.jsx(te,Object.assign({htmlFor:M,visuallyHidden:c},{children:d})),e.jsx(J,{id:k,labelHidden:c,descriptiveText:i}),e.jsx(ae,Object.assign({outerStartComponent:u,outerEndComponent:m,innerStartComponent:p,innerEndComponent:h,variation:j},{children:L})),e.jsx(ee,{hasError:o,errorMessage:r})]}))},ue=x.forwardRef(me);me.displayName="TextField";const pe=x.forwardRef(((a,s)=>{var{autoComplete:n="current-password",label:i,className:r,hideShowPassword:o=!1,hidePasswordButtonLabel:l,showPasswordButtonLabel:d,showPasswordButtonRef:c,size:m}=a,u=t.__rest(a,["autoComplete","label","className","hideShowPassword","hidePasswordButtonLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[p,h]=x.useState("password"),C=x.useCallback((()=>{h("password"===p?"text":"password")}),[h,p]);return e.jsx(ue,Object.assign({autoComplete:n,isMultiline:!1,outerEndComponent:o?null:e.jsx(Y,{fieldType:p,onClick:C,ref:c,size:m,hidePasswordButtonLabel:l,showPasswordButtonLabel:d}),size:m,type:p,label:i,className:v.default(t.ComponentClassNames.PasswordField,r),ref:s},u))}));pe.displayName="PasswordField";const he=x.forwardRef(((a,s)=>{var{autoComplete:n,className:i,size:r,variation:o,value:l,defaultValue:d,hasError:c,icon:m=e.jsx(t.IconExpandMore,{}),iconColor:u,children:p,placeholder:h,isDisabled:C,isRequired:g}=a,b=t.__rest(a,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const f=void 0===l&&void 0===d&&h,x=v.default(t.ComponentClassNames.Select,t.ComponentClassNames.FieldGroupControl,t.classNameModifier(t.ComponentClassNames.Select,r),t.classNameModifier(t.ComponentClassNames.Select,o),t.classNameModifierByFlag(t.ComponentClassNames.Select,"error",c),i);return e.jsxs(t.View,Object.assign({className:t.ComponentClassNames.SelectWrapper},{children:[e.jsxs(t.View,Object.assign({"aria-invalid":c,as:"select",autoComplete:n,value:l,defaultValue:f?"":d,isDisabled:C,required:g,"data-size":r,"data-variation":o,className:x,ref:s},b,{children:[h&&e.jsx("option",Object.assign({value:""},{children:h})),p]})),e.jsx(V,Object.assign({className:t.ComponentClassNames.SelectIconWrapper,color:u},{children:m}))]}))}));he.displayName="Select";const Ce=({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}`))),ge=x.forwardRef(((a,s)=>{const{children:n,className:i,descriptiveText:r,errorMessage:o,hasError:l=!1,id:d,label:c,labelHidden:m=!1,options:u,size:p,testId:h}=a,C=t.__rest(a,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),g=ce(d),b=ce(),f=r?b:void 0,{flexContainerStyleProps:x,baseStyleProps:j,rest:N}=t.splitPrimitiveProps(C);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SelectField,i),"data-size":p,testId:h},j,x,{children:[e.jsx(te,Object.assign({htmlFor:g,visuallyHidden:m},{children:c})),e.jsx(J,{id:b,labelHidden:m,descriptiveText:r}),e.jsx(he,Object.assign({"aria-describedby":f,hasError:l,id:g,ref:s,size:p},N,{children:Ce({children:n,options:u})})),e.jsx(ee,{hasError:l,errorMessage:o})]}))}));ge.displayName="SelectField";const be=x.forwardRef(((a,n)=>{var{className:i,dialCodeList:r,isReadOnly:o}=a,l=t.__rest(a,["className","dialCodeList","isReadOnly"]);const d=null!=r?r:s.countryDialCodes,c=x.useMemo((()=>d.map((a=>e.jsx("option",Object.assign({value:a,disabled:o},{children:a}),a)))),[d,o]);return e.jsx(ge,Object.assign({"aria-disabled":o,autoComplete:"tel-country-code",className:v.default(t.ComponentClassNames.CountryCodeSelect,i),labelHidden:!0,ref:n},l,{children:c}))}));be.displayName="CountryCodeSelect";const fe=x.forwardRef(((a,s)=>{var{autoComplete:n="tel-national",className:i,countryCodeName:r,countryCodeLabel:o=t.ComponentText.PhoneNumberField.countryCodeLabel,defaultCountryCode:l,hasError:d,isDisabled:c,isReadOnly:m,onCountryCodeChange:u,onInput:p,size:h,type:C,variation:g,countryCodeRef:b,dialCodeList:f}=a,x=t.__rest(a,["autoComplete","className","countryCodeName","countryCodeLabel","defaultCountryCode","hasError","isDisabled","isReadOnly","onCountryCodeChange","onInput","size","type","variation","countryCodeRef","dialCodeList"]);return e.jsx(ue,Object.assign({outerStartComponent:e.jsx(be,{defaultValue:l,dialCodeList:f,className:i,hasError:d,isDisabled:c,isReadOnly:m,label:o,name:r,onChange:u,ref:b,size:h,variation:g}),autoComplete:n,className:v.default(t.ComponentClassNames.PhoneNumberField,i),hasError:d,isDisabled:c,isReadOnly:m,isMultiline:!1,onInput:p,ref:s,size:h,type:"tel",variation:g},x))}));fe.displayName="PhoneNumberField";const xe=({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(A,Object.assign({role:"alert",variation:"error"},{children:s.translate(a)}),a)))})):null;function je(a){var{autocomplete:n,dialCode:i,name:r,type:o}=a,l=t.__rest(a,["autocomplete","dialCode","name","type"]);const{validationErrors:d}=M((({validationErrors:e})=>[e])),c=x.useMemo((()=>s.getErrors(d[r])),[r,d]),m=(null==c?void 0:c.length)>0,u=ce(),p=m?u:void 0;return"tel"===o?e.jsxs(e.Fragment,{children:[e.jsx(fe,Object.assign({},l,{name:r,defaultCountryCode:i,countryCodeName:"country_code",autoComplete:n,hasError:m,"aria-describedby":p})),e.jsx(xe,{errors:c,id:u})]}):"password"===o?e.jsxs(e.Fragment,{children:[e.jsx(pe,Object.assign({},l,{name:r,autoComplete:n,hasError:m,"aria-describedby":p})),e.jsx(xe,{errors:c,id:u})]}):e.jsxs(e.Fragment,{children:[e.jsx(ue,Object.assign({},l,{name:r,autoComplete:n,hasError:m,type:o,"aria-describedby":p})),e.jsx(xe,{errors:c,id:u})]})}function Ne(){const{_state:a,route:t}=M((({route:e})=>[e])),n=x.useRef(s.getSortedFormFields(t,a).flatMap((([a,s],t)=>e.jsx(je,Object.assign({name:a},s),t)))).current;return e.jsx(e.Fragment,{children:n})}function ve({className:a,variation:t}){const{isPending:n,resendCode:i,codeDeliveryDetails:{DeliveryMedium:r,Destination:o}={}}=M((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:l,handleSubmit:d}=G(),{components:{ConfirmSignUp:{Header:c=ve.Header,Footer:m=ve.Footer}}}=R(),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(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(c,{}),e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(A,Object.assign({className:"amplify-authenticator__subtitle"},{children:g})),e.jsx(Ne,{}),e.jsx(W,{}),e.jsx(z,Object.assign({variation:"primary",isDisabled:n,type:"submit",loadingText:s.translate("Confirming"),isLoading:n,fontWeight:"normal"},{children:s.translate("Confirm")})),e.jsx(z,Object.assign({onClick:i,type:"button",fontWeight:"normal"},{children:s.translate("Resend Code")}))]})),e.jsx(m,{})]}))}))}))}ve.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:a}={}}=M((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(H,Object.assign({level:4},{children:t}))},ve.Footer=function(){return null};const ye=({className:a,variation:t})=>{const{isPending:n,toSignIn:i}=M((e=>[e.isPending,e.toSignIn])),{handleBlur:r,handleChange:o,handleSubmit:l}=G(),{components:{ForceNewPassword:{FormFields:d=ye.FormFields}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(H,Object.assign({level:3},{children:s.translate("Change Password")})),e.jsx(d,{}),e.jsx(W,{}),e.jsx(z,Object.assign({isDisabled:n,type:"submit",variation:"primary",isLoading:n,loadingText:s.translate("Changing"),fontWeight:"normal"},{children:s.translate("Change Password")})),e.jsx(z,Object.assign({onClick:i,type:"button",fontWeight:"normal",variation:"link",size:"small"},{children:s.translate("Back to Sign In")}))]}))}))}))};ye.FormFields=function(){return e.jsx(Ne,{})};const Oe=()=>{const{isPending:a,toSignIn:t}=M((e=>[e.isPending,e.toSignIn]));return e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(z,Object.assign({isDisabled:a,type:"submit",variation:"primary",fontWeight:"normal",isLoading:a,loadingText:s.translate("Confirming")},{children:s.translate("Confirm")})),e.jsx(z,Object.assign({onClick:t,type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:s.translate("Back to Sign In")}))]}))},we=new l.Logger("SetupTOTP-logger"),Fe=({className:a,variation:n})=>{var i,r;const{_state:o,isPending:d}=M((e=>[e.isPending])),{handleChange:c,handleSubmit:m}=G(),{components:{SetupTOTP:{Header:u=Fe.Header,Footer:p=Fe.Footer}}}=R(),[h,C]=x.useState(!0),[g,b]=x.useState(),[f,j]=x.useState("COPY"),[N,v]=x.useState(""),O=s.getActorState(o),{formFields:w,user:F}=O.context,{totpIssuer:S="AWSCognito",totpUsername:P=F.username}=null!==(r=null===(i=null==w?void 0:w.setupTOTP)||void 0===i?void 0:i.QR)&&void 0!==r?r:{},I=x.useCallback((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{const s=yield l.Auth.setupTOTP(e);v(s);const t=(a=S,encodeURI(`otpauth://totp/${a}:${P}?secret=${s}&issuer=${a}`)),n=yield y.default.toDataURL(t);b(n)}catch(e){we.error(e)}finally{C(!1)}var a}))),[S,P]);x.useEffect((()=>{F&&I(F)}),[I,F]);return e.jsx(B,Object.assign({className:a,variation:n},{children:e.jsx("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:c,onSubmit:m},{children:e.jsxs(V,Object.assign({as:"fieldset",direction:"column",isDisabled:d},{children:[e.jsx(u,{}),e.jsxs(V,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(V,Object.assign({"data-amplify-copy":!0},{children:[e.jsx("div",{children:N}),e.jsxs(V,Object.assign({"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(N),j(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(Ne,{}),e.jsx(W,{})]})),e.jsx(Oe,{}),e.jsx(p,{})]}))}))}))};Fe.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Setup TOTP")}))},Fe.Footer=function(){return null};const Se=a=>{const{cancelButtonSendType:t,cancelButtonText:n,submitButtonText:i}=a,{_send:r,isPending:o}=M((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(V,Object.assign({direction:"column"},{children:[e.jsx(z,Object.assign({fontWeight:"normal",variation:"primary",isDisabled:o,type:"submit"},{children:d})),e.jsx(z,Object.assign({onClick:()=>r({type:t}),type:"button",variation:"link",fontWeight:"normal",size:"small"},{children:n}))]}))},Pe=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,Ie=x.forwardRef(((a,s)=>{var{ariaLabel:n,children:i,className:r,defaultIndex:o=0,currentIndex:l,onChange:c,indicatorPosition:m,spacing:u}=a,p=t.__rest(a,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const h=x.Children.map(i,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:Pe(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),C={defaultValue:o.toString(),value:null!=l?l.toString():void 0,onValueChange:c};return e.jsxs(d.Root,Object.assign({},C,{children:[e.jsx(d.List,Object.assign({"aria-label":n},{children:e.jsx(V,Object.assign({className:v.default(t.ComponentClassNames.Tabs,r),"data-indicator-position":m,ref:s},p,{children:x.Children.map(i,((e,a)=>Pe(e)?x.cloneElement(e,{"data-spacing":u,key:a,value:`${a}`}):null))}))})),h.map(((a,s)=>e.jsx(d.Content,Object.assign({value:`${s}`},{children:a.children}),s)))]}))})),Te=x.forwardRef(((a,s)=>{var{className:n,title:i}=a,r=t.__rest(a,["className","title"]);return e.jsx(t.View,Object.assign({as:d.Trigger,className:v.default(t.ComponentClassNames.TabItems,n),ref:s},r,{children:i}))}));Ie.displayName="Tabs",Te.displayName="TabItem";const Me=x.forwardRef(((a,s)=>{var{as:n="span",children:i,className:r}=a,o=t.__rest(a,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.VisuallyHidden,r),ref:s},o,{children:i}))}));Me.displayName="VisuallyHidden";const ke=x.forwardRef(((a,s)=>{var{className:n,orientation:i="horizontal",size:r,label:o}=a,l=t.__rest(a,["className","orientation","size","label"]);const d=v.default(t.ComponentClassNames.Divider,t.classNameModifier(t.ComponentClassNames.Divider,i),t.classNameModifier(t.ComponentClassNames.Divider,r),o?t.ComponentClassNames.DividerLabel:null,n);return e.jsx(t.View,Object.assign({"aria-orientation":i,as:"hr",className:d,"data-size":r,"data-label":o,ref:s},l))}));ke.displayName="Divider";const Re={minX:0,minY:0,width:24,height:24},_e=x.forwardRef(((s,n)=>{var{className:i,as:r="svg",fill:o="currentColor",pathData:l,viewBox:d=Re,children:c,paths:m}=s,u=t.__rest(s,["className","as","fill","pathData","viewBox","children","paths"]);const p=d.minX?d.minX:Re.minX,h=d.minY?d.minY:Re.minY,C=d.width?d.width:Re.width,g=d.height?d.height:Re.height;let b;return c&&(b=c),m&&(b=m.map(((e,s)=>a.createElement("path",Object.assign({},e,{key:s}))))),l&&(b=e.jsx("path",{d:l,fill:o})),e.jsx(t.View,Object.assign({as:r,className:v.default(t.ComponentClassNames.Icon,i),ref:n,viewBox:`${p} ${h} ${C} ${g}`},u,{children:b}))}));_e.displayName="Icon";const Be=()=>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"})})),Ve=()=>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"})]})),Ee=()=>e.jsx(_e,{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"}),Le=()=>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"})]})),ze=a=>{const{icon:s,provider:t,text:n}=a,{_send:i}=M((()=>[]));let r;return"facebook"===s?r=e.jsx(Ee,{}):"google"===s?r=e.jsx(Ve,{}):"amazon"===s?r=e.jsx(Le,{}):"apple"===s&&(r=e.jsx(Be,{})),e.jsxs(z,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(A,Object.assign({as:"span"},{children:n}))]}))};function De(){const{_state:a,route:t}=M((e=>[e.route])),{socialProviders:n=[]}=a.context.config;if(0===n.length)return null;const i="signUp"===t?"Up":"In";return e.jsxs(V,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(ze,{icon:"amazon",provider:s.FederatedIdentityProviders.Amazon,text:s.translate(`Sign ${i} with Amazon`)},a);case"apple":return e.jsx(ze,{icon:"apple",provider:s.FederatedIdentityProviders.Apple,text:s.translate(`Sign ${i} with Apple`)},a);case"facebook":return e.jsx(ze,{icon:"facebook",provider:s.FederatedIdentityProviders.Facebook,text:s.translate(`Sign ${i} with Facebook`)},a);case"google":return e.jsx(ze,{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(ke,{size:"small",label:"or"})]}))}function He(){const{isPending:a}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=G(),{components:{SignIn:{Header:r=He.Header,Footer:o=He.Footer}}}=R();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(De,{}),e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsxs(V,Object.assign({as:"fieldset",direction:"column",isDisabled:a},{children:[e.jsx(Me,{children:e.jsx("legend",{children:s.translate("Sign in")})}),e.jsx(Ne,{})]})),e.jsx(W,{}),e.jsx(z,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 Ae(){const{hasValidationErrors:a,isPending:n}=M((e=>[e.hasValidationErrors,e.isPending])),{handleChange:i,handleBlur:r,handleSubmit:o}=G(),{components:{SignUp:{Header:l=Ae.Header,FormFields:d=Ae.FormFields,Footer:c=Ae.Footer}}}=R();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(De,{}),e.jsxs(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(d,{}),e.jsx(W,{})]})),e.jsx(z,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,{})]})}He.Footer=()=>{const{toResetPassword:a}=M((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(z,Object.assign({fontWeight:"normal",onClick:a,size:"small",variation:"link"},{children:n}))}))},He.Header=function(){return null},Ae.Header=function(){return null},Ae.FormFields=function(){return e.jsx(Ne,{})},Ae.Footer=function(){return null};const Ge=({className:a,hideSignUp:n,variation:i})=>{const{route:r,toSignIn:o,toSignUp:l}=M((e=>[e.route,e.toSignIn,e.toSignUp]));return e.jsx(B,Object.assign({className:a,variation:i},{children:n?e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx(He,{})})):e.jsxs(Ie,Object.assign({indicatorPosition:"top",currentIndex:"signIn"===r?0:1,spacing:"equal",justifyContent:"center",onChange:()=>"signIn"===r?l():o()},{children:[e.jsx(Te,Object.assign({title:s.translate("Sign In")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signIn"===r&&e.jsx(He,{})}))})),e.jsx(Te,Object.assign({title:s.translate("Create Account")},{children:e.jsx(t.View,Object.assign({"data-amplify-router-content":""},{children:"signUp"===r&&e.jsx(Ae,{})}))}))]}))}))},qe=({className:a,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=G(),{components:{ConfirmVerifyUser:{Header:o=qe.Header,Footer:l=qe.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(V,Object.assign({direction:"column"},{children:e.jsx(Ne,{})})),e.jsx(W,{}),e.jsx(Se,{cancelButtonText:s.translate("Skip"),cancelButtonSendType:"SKIP"}),e.jsx(l,{})]}))}))}))};qe.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Account recovery requires verified contact information")}))},qe.Footer=function(){return null};const $e=j.default.createContext({name:"default"}),We=x.forwardRef(((s,n)=>{var{children:i,className:r,id:o,isDisabled:l,testId:d,value:c,labelPosition:m,height:u,width:p,bottom:h,left:C,position:g,padding:b,right:f,top:x}=s,j=t.__rest(s,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:N,defaultValue:y,name:O,hasError:w,isGroupDisabled:F,isRequired:S,isReadOnly:P,onChange:I,size:T,labelPosition:M}=a.useContext($e),k=F||l||P&&y!==c,R=void 0!==N?c===N:void 0,_=void 0!==y?c===y:void 0,B=m||M;return e.jsxs(V,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Radio,t.classNameModifierByFlag(t.ComponentClassNames.Radio,"disabled",k),r),"data-disabled":k,"data-label-position":B,width:p,bottom:h,top:x,right:f,left:C,position:g,padding:b},{children:[i&&e.jsx(A,Object.assign({as:"span",className:t.ComponentClassNames.RadioLabel,"data-disabled":k},{children:i})),e.jsx(se,Object.assign({checked:R,className:v.default(t.ComponentClassNames.VisuallyHidden,t.ComponentClassNames.RadioInput),defaultChecked:_,hasError:w,id:o,isDisabled:k,isReadOnly:P,isRequired:S,onChange:I,ref:n,type:"radio",name:O,value:c},j)),e.jsx(V,{"aria-hidden":"true",as:"span",className:v.default(t.ComponentClassNames.RadioButton,t.classNameModifier(t.ComponentClassNames.RadioButton,T)),"data-size":T,testId:d})]}))}));We.displayName="Radio";const Ue=x.forwardRef(((a,s)=>{var{children:n,className:i,defaultValue:r,descriptiveText:o,errorMessage:l,hasError:d=!1,id:c,isDisabled:m,isRequired:u,isReadOnly:p,label:h,labelHidden:C=!1,labelPosition:g,onChange:b,name:f,size:j,value:N}=a,y=t.__rest(a,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const O=ce(c),w=ce(),F=ce(),S=o?F:void 0,P=x.useMemo((()=>({currentValue:N,defaultValue:r,hasError:d,isRequired:u,isReadOnly:p,isGroupDisabled:m,onChange:b,size:j,name:f,labelPosition:g})),[r,d,m,u,p,b,j,f,N,g]);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.RadioGroupField,i),"data-size":j,ref:s},y,{children:[e.jsx(te,Object.assign({id:w,visuallyHidden:C},{children:h})),e.jsx(J,{id:F,labelHidden:C,descriptiveText:o}),e.jsx(V,Object.assign({"aria-describedby":S,"aria-labelledby":w,className:t.ComponentClassNames.RadioGroup,id:O,role:"radiogroup"},{children:e.jsx($e.Provider,Object.assign({value:P},{children:n}))})),e.jsx(ee,{hasError:d,errorMessage:l})]}))}));Ue.displayName="RadioGroupField";const Ye=(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}`},Ke=a=>{const t=[];for(const[n,i]of Object.entries(a)){const a=e.jsx(We,Object.assign({name:"unverifiedAttr",value:n},{children:Ye(s.defaultFormFieldOptions[n].label,i)}),n);t.push(a)}return t},Ze=({className:a,variation:t})=>{const{components:{VerifyUser:{Header:n=Ze.Header,Footer:i=Ze.Footer}}}=R(),{_state:r,isPending:o}=M((e=>[e.isPending])),{handleChange:l,handleSubmit:d}=G(),c=s.getActorContext(r),m=o?e.jsx(e.Fragment,{children:"Verifying…"}):e.jsx(e.Fragment,{children:s.translate("Verify")}),u=e.jsx(Ue,Object.assign({label:s.translate("Verify Contact"),labelHidden:!0,name:"verify_context",isDisabled:o},{children:Ke(c.unverifiedAttributes)}));return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:o},{children:[e.jsx(n,{}),u,e.jsx(W,{}),e.jsx(Se,{cancelButtonText:s.translate("Skip"),cancelButtonSendType:"SKIP",submitButtonText:m}),e.jsx(i,{})]}))}))}))};Ze.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Account recovery requires verified contact information")}))},Ze.Footer=function(){return null};const Xe=({className:a,variation:s})=>{const{isPending:t}=M((e=>[e.isPending])),{handleChange:n,handleSubmit:i}=G(),{components:{ConfirmSignIn:{Header:r=Xe.Header,Footer:o=Xe.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:t},{children:[e.jsx(r,{}),e.jsxs(V,Object.assign({direction:"column"},{children:[e.jsx(Ne,{}),e.jsx(W,{})]})),e.jsx(Oe,{}),e.jsx(o,{})]}))}))}))};Xe.Header=function(){const{_state:a}=M(),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(H,Object.assign({level:3},{children:i}))},Xe.Footer=function(){return null};const Qe=({className:a,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleBlur:i,handleChange:r,handleSubmit:o}=G(),{components:{ConfirmResetPassword:{Header:l=Qe.Header,Footer:d=Qe.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(l,{}),e.jsx(V,Object.assign({direction:"column"},{children:e.jsx(Ne,{})})),e.jsx(W,{}),e.jsx(Se,{cancelButtonSendType:"RESEND",cancelButtonText:s.translate("Resend Code")}),e.jsx(d,{})]}))}))}))};Qe.Header=function(){const a=s.translate("Reset your password");return e.jsx(H,Object.assign({level:3},{children:a}))},Qe.Footer=function(){return null};const Je=({className:a,variation:t})=>{const{isPending:n}=M((e=>[e.isPending])),{handleChange:i,handleSubmit:r}=G(),{components:{ResetPassword:{Header:o=Je.Header,Footer:l=Je.Footer}}}=R();return e.jsx(B,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(V,Object.assign({as:"fieldset",direction:"column",isDisabled:n},{children:[e.jsx(o,{}),e.jsx(V,Object.assign({direction:"column"},{children:e.jsx(Ne,{})})),e.jsx(W,{}),e.jsx(Se,{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,{})]}))}))}))};Je.Header=function(){return e.jsx(H,Object.assign({level:3},{children:s.translate("Reset your password")}))},Je.Footer=function(){return null};const ea=e=>"signIn"===e||"signUp"===e;function aa(){return null}function sa({className:s,hideSignUp:t,variation:n}){const{route:i}=M((({route:e})=>[e])),r=a.useMemo((()=>(e=>{switch(e){case"authenticated":case"idle":case"setup":case"autoSignIn":return aa;case"confirmSignUp":return ve;case"confirmSignIn":return Xe;case"setupTOTP":return Fe;case"signIn":case"signUp":return Ge;case"forceNewPassword":return ye;case"resetPassword":return Je;case"confirmResetPassword":return Qe;case"verifyUser":return Ze;case"confirmVerifyUser":return qe;default:return console.warn(`Unhandled Authenticator route - please open an issue: ${e}`),aa}})(i)),[i]);return e.jsx(r,{className:s,hideSignUp:ea(i)?t:void 0,variation:n})}const ta={Header:()=>null,SignIn:{Header:He.Header,Footer:He.Footer},SignUp:{Header:Ae.Header,FormFields:Ae.FormFields,Footer:Ae.Footer},ConfirmSignUp:{Header:ve.Header,Footer:ve.Footer},SetupTOTP:{Header:Fe.Header,Footer:Fe.Footer},ConfirmResetPassword:{Header:Qe.Header,Footer:Qe.Footer},ConfirmSignIn:{Header:Xe.Header,Footer:Xe.Footer},VerifyUser:{Header:Ze.Header,Footer:Ze.Footer},ConfirmVerifyUser:{Header:qe.Header,Footer:qe.Footer},ForceNewPassword:{FormFields:ye.FormFields},ResetPassword:{Header:Je.Header,Footer:Je.Footer},Footer:()=>null};function na({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}=M((({route:e,signOut:a,user:s})=>[e,a,s]));!function(e){const{_send:a,route:s}=M((({route:e})=>[e])),t=x.useRef(!1);x.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=x.useMemo((()=>({components:Object.assign(Object.assign({},ta),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(k.Provider,Object.assign({value:C},{children:e.jsx(sa,{className:s,hideSignUp:i,variation:m})}))}function ia(a){return e.jsx(T,{children:e.jsx(na,Object.assign({},a))})}function ra(a,s={}){const{variation:t="modal"}=s;return function(n){return e.jsx(ia,Object.assign({variation:t},s,{children:s=>e.jsx(a,Object.assign({},n,s))}))}}ia.Provider=T,ia.ResetPassword=Je,ia.SetupTOTP=Fe,ia.SignIn=He,ia.SignUp=Ae,ia.ForceNewPassword=ye;const oa=a.forwardRef(((s,n)=>{var i,{mapLib:r,mapStyle:o,style:d}=s,c=t.__rest(s,["mapLib","mapStyle","style"]);const u=l.Amplify.configure(),p=a.useMemo((()=>{var e,a,s,t;return null!==(t=null!==(a=null===(e=u.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==a?a:null===(s=u.geo)||void 0===s?void 0:s.AmazonLocationService)&&void 0!==t?t:{}}),[u]),[h,C]=a.useState(),g=a.useMemo((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},d)),[d]);return a.useEffect((()=>{t.__awaiter(void 0,void 0,void 0,(function*(){const e=yield l.Auth.currentUserCredentials();if(e){const{region:a}=p,{transformRequest:s}=new m.AmplifyMapLibreRequest(e,a);C((()=>s))}}))}),[p]),h?e.jsx(w.default,Object.assign({},c,{mapLib:null!=r?r:O.default,mapStyle:null!=o?o:null===(i=p.maps)||void 0===i?void 0:i.default,ref:n,style:g,transformRequest:h})):null}));oa.displayName="MapView";const la={maplibregl:O.default,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},da=e=>{var{position:a="top-right"}=e,s=t.__rest(e,["position"]);return u.useControl((()=>m.createAmplifyGeocoder(s)),{position:a}),null},ca=s=>{const t=a.useRef(!1);return a.useEffect((()=>{t.current||(m.createAmplifyGeocoder(s).addTo("#geocoder-container"),t.current=!0)}),[s]),e.jsx("div",{id:"geocoder-container"})},ma=a=>{const{current:s}=u.useMap();return s?e.jsx(da,Object.assign({},la,a)):e.jsx(ca,Object.assign({},la,a))},ua=ma;var pa=Object.freeze({__proto__:null,AmplifyProvider:S,ThemeProvider:P,Authenticator:ia,useAuthenticator:M,withAuthenticator:ra,MapView:oa,Geocoder:ua,LocationSearch:ma});const ha=x.forwardRef(((a,s)=>{var{className:n,children:i,variation:r,size:o}=a,l=t.__rest(a,["className","children","variation","size"]);const d=v.default(t.ComponentClassNames.Badge,n,t.classNameModifier(t.ComponentClassNames.Badge,r),t.classNameModifier(t.ComponentClassNames.Badge,o));return e.jsx(t.View,Object.assign({as:"span",className:d,"data-variation":r,"data-size":o,ref:s},l,{children:i}))}));ha.displayName="Badge";const Ca=x.forwardRef(((a,s)=>{var{className:n,children:i,role:r="group",size:o,variation:l}=a,d=t.__rest(a,["className","children","role","size","variation"]);return e.jsx(V,Object.assign({className:v.default(t.ComponentClassNames.ButtonGroup,n),role:r,ref:s},d,{children:x.Children.map(i,(e=>x.isValidElement(e)?x.cloneElement(e,{size:o,variation:l}):e))}))}));Ca.displayName="ButtonGroup";const ga=x.forwardRef(((a,s)=>{var{className:n,children:i,variation:r}=a,o=t.__rest(a,["className","children","variation"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Card,t.classNameModifier(t.ComponentClassNames.Card,r),n),"data-variation":r,ref:s},o,{children:i}))}));ga.displayName="Card";const ba=(e,a)=>x.useMemo((()=>e&&a?`${e}-${a}`:void 0),[e,a]),fa=x.forwardRef(((s,n)=>{var{checked:i,className:r,defaultChecked:o,hasError:l,isDisabled:d,label:c,labelHidden:m,labelPosition:u,onChange:p,size:h,testId:C}=s,g=t.__rest(s,["checked","className","defaultChecked","hasError","isDisabled","label","labelHidden","labelPosition","onChange","size","testId"]);const{baseStyleProps:b,flexContainerStyleProps:f,rest:j}=t.splitPrimitiveProps(g),N=void 0!==i?i:o,{dataChecked:y,dataFocus:O,onBlur:w,onChange:F,onFocus:S,setDataChecked:P}=((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}})(N,p);x.useEffect((()=>{void 0!==i&&i!==y&&P(i)}),[i,y,P]);const I=ba(C,t.ComponentClassNames.CheckboxButton),T=ba(C,t.ComponentClassNames.CheckboxIcon),M=ba(C,t.ComponentClassNames.CheckboxLabel),k=v.default(t.ComponentClassNames.CheckboxButton,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"error",l),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxButton,"focused",O)),R=v.default(t.ComponentClassNames.CheckboxIcon,t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"checked",y),t.classNameModifierByFlag(t.ComponentClassNames.CheckboxIcon,"disabled",d));return e.jsxs(V,Object.assign({as:"label",className:v.default(t.ComponentClassNames.Checkbox,t.classNameModifierByFlag(t.ComponentClassNames.Checkbox,"disabled",d),r),"data-disabled":d,"data-label-position":u,testId:C},b,f,{children:[e.jsx(Me,{children:e.jsx(se,Object.assign({checked:i,className:t.ComponentClassNames.CheckboxInput,defaultChecked:o,isDisabled:d,onBlur:w,onChange:F,onFocus:S,ref:n,type:"checkbox"},j))}),c&&e.jsx(A,Object.assign({as:"span",className:v.default(t.ComponentClassNames.CheckboxLabel,{[t.ComponentClassNames.VisuallyHidden]:m}),"data-disabled":d,testId:M},{children:c})),e.jsx(V,Object.assign({"aria-hidden":"true",as:"span",className:k,"data-checked":y,"data-disabled":d,"data-focus":O,"data-error":l,testId:I},{children:e.jsx(t.IconCheck,{className:R,"data-checked":y,"data-disabled":d,"data-testid":T,size:h})}))]}))}));fa.displayName="Checkbox";const xa=x.forwardRef(((a,s)=>{var{className:n,errorMessage:i,hasError:r=!1,labelHidden:o=!1,labelPosition:l,testId:d,size:c}=a,m=t.__rest(a,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const u=ba(d,t.ComponentClassNames.Checkbox);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.CheckboxField,t.classNameModifier(t.ComponentClassNames.Field,c),n),"data-size":c,testId:d},{children:[e.jsx(fa,Object.assign({hasError:r,labelHidden:o,testId:u,labelPosition:l,ref:s},m)),e.jsx(ee,{hasError:r,errorMessage:i})]}))}));xa.displayName="CheckboxField";const ja=x.forwardRef(((a,s)=>{var{className:n,children:i}=a,r=t.__rest(a,["className","children"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Grid,n),ref:s},r,{children:i}))}));ja.displayName="Grid";const Na=a=>{var{type:s,page:n,currentPage:i,currentPageLabel:r=t.ComponentText.PaginationItem.currentPageLabel,isDisabled:o,onClick:l,ariaLabel:d}=a,c=t.__rest(a,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const m=x.useCallback((()=>{l(n,i)}),[n,i,l]),u=x.useCallback((()=>{l()}),[l]),p=x.useCallback((()=>{l()}),[l]),h=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o)),C=v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link"),t.classNameModifierByFlag(t.ComponentClassNames.PaginationItemButton,"disabled",o));switch(s){case"page":return e.jsx(t.View,Object.assign({as:"li"},{children:n===i?e.jsxs(V,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemCurrent,testId:"current"},c,{children:[e.jsx(Me,{children:r}),n]})):e.jsx(z,Object.assign({className:v.default(t.ComponentClassNames.PaginationItemButton,t.classNameModifier(t.ComponentClassNames.PaginationItemButton,"link")),size:"small",variation:"link",onClick:m,ariaLabel:d},c,{children:n}))}));case"next":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(z,Object.assign({className:h,size:"small",variation:"link",isDisabled:o,onClick:p,ariaLabel:d},c,{children:e.jsx(t.IconChevronRight,{size:"large"})}))}));case"previous":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(z,Object.assign({className:C,size:"small",variation:"link",isDisabled:o,onClick:u,ariaLabel:d},c,{children:e.jsx(t.IconChevronLeft,{size:"large"})}))}));case"ellipsis":return e.jsx(t.View,Object.assign({as:"li"},{children:e.jsx(V,Object.assign({as:"span",className:t.ComponentClassNames.PaginationItemEllipsis,testId:"ellipsis"},c,{children:"…"}))}))}return e.jsx(t.View,{as:"li"})};Na.displayName="PaginationItem";const va=(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(Na,{type:"previous",currentPage:a,onClick:m,isDisabled:a<=1,ariaLabel:l},"previous"),h=e.jsx(Na,{type:"next",currentPage:a,onClick:c,isDisabled:a>=s&&!n,ariaLabel:d},"next"),C=((e,a,s=1)=>x.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,...x.useMemo((()=>C.map(((s,t)=>"..."===s?e.jsx(Na,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e.jsx(Na,{type:"page",page:s,currentPage:a,currentPageLabel:r,onClick:u,ariaLabel:`${o} ${s}`},s)))),[C,a,r,o,u]),h]},ya=x.forwardRef(((a,s)=>{var{className:n,currentPage:i=1,totalPages:r,hasMorePages:o=!1,siblingCount:l,currentPageLabel:d,pageLabel:c,previousLabel:m,nextLabel:u,onNext:p,onPrevious:h,onChange:C}=a,g=t.__rest(a,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const b=va(i,r,o,l,d,c,m,u,p,h,C);return e.jsx(t.View,Object.assign({as:"nav",className:v.default(t.ComponentClassNames.Pagination,n),ref:s},g,{children:e.jsx(V,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:b}))}))}));ya.displayName="Pagination";const Oa=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]=x.useState(a);x.useEffect((()=>r(a)),[a,s]);const o=x.useCallback((()=>{i<s&&r(i+1)}),[i,s]),l=x.useCallback((()=>{i>1&&r(i-1)}),[i]),d=x.useCallback(((e,a)=>{r(e)}),[]);return{currentPage:i,totalPages:s,hasMorePages:t,siblingCount:n,onNext:o,onPrevious:l,onChange:d}},wa=t.ComponentText.SearchField.searchButtonLabel,Fa=x.forwardRef(((a,s)=>e.jsx(Z,Object.assign({ariaLabel:wa,className:t.ComponentClassNames.SearchFieldSearch,ref:s,type:"submit"},a,{children:e.jsx(t.IconSearch,{size:a.size})}))));Fa.displayName="SearchFieldButton";const Sa=new Set(["Escape","Enter"]),Pa=({onSubmit:e,onClear:a,externalRef:s})=>{const[n,i]=x.useState(""),r=x.useRef(null),o=function({externalRef:e,internalRef:a}){return x.useCallback((s=>{"function"==typeof e?e(s):null!==e&&(e.current=s),a.current=s}),[e,a])}({externalRef:s,internalRef:r}),l=x.useCallback((()=>{var e;i(""),null===(e=null==r?void 0:r.current)||void 0===e||e.focus(),t.isFunction(a)&&a()}),[i,a]),d=x.useCallback((a=>{t.isFunction(e)&&e(a)}),[e]),c=x.useCallback((e=>{const{key:a}=e;Sa.has(a)&&(e.preventDefault(),"Escape"===a?l():"Enter"===a&&d(n))}),[n,l,d]),m=x.useCallback((e=>{i(e.target.value)}),[i]),u=x.useCallback((()=>{d(n)}),[d,n]);return{value:n,onClearHandler:l,onKeyDown:c,onInput:m,onClick:u,composedRefs:o}},Ia=x.forwardRef(((a,s)=>{var{autoComplete:n="off",className:i,isDisabled:r,clearButtonLabel:o,labelHidden:l=!0,name:d="q",onSubmit:c,onClear:m,searchButtonRef:u,size:p}=a,h=t.__rest(a,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:C,onClearHandler:g,onInput:b,onKeyDown:f,onClick:x,composedRefs:j}=Pa({onSubmit:c,onClear:m,externalRef:s});return e.jsx(ue,Object.assign({autoComplete:n,className:v.default(t.ComponentClassNames.SearchField,i),labelHidden:l,innerEndComponent:e.jsx(Q,{ariaLabel:o,excludeFromTabOrder:!0,isVisible:t.strHasLength(C),onClick:g,size:p,variation:"link"}),isDisabled:r,isMultiline:!1,name:d,onInput:b,onKeyDown:f,outerEndComponent:e.jsx(Fa,{isDisabled:r,onClick:x,ref:u,size:p}),ref:j,size:p,value:C},h))}));Ia.displayName="SearchField";const Ta=(e,a)=>t.strHasLength(e)?e.toLowerCase().includes(a.toLowerCase()):"object"==typeof e&&null!==e&&Object.values(e).some((e=>Ta(e,a))),Ma=(e,a)=>Math.ceil(e/a),ka=10,Ra=a=>{var{children:s,direction:n="column",items:i}=a,r=t.__rest(a,["children","direction","items"]);return e.jsx(V,Object.assign({direction:n},r,{children:Array.isArray(i)?i.map(s):null}))},_a=a=>{var{children:s,items:n}=a,i=t.__rest(a,["children","items"]);return e.jsx(ja,Object.assign({},i,{children:Array.isArray(n)?n.map(s):null}))},Ba=a=>{var{className:s,isSearchable:n,isPaginated:i,items:r,itemsPerPage:o=ka,searchFilter:l=Ta,searchLabel:d=t.ComponentText.Collection.searchButtonLabel,searchPlaceholder:c,type:m="list",testId:u}=a,p=t.__rest(a,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchPlaceholder","type","testId"]);const[h,C]=x.useState(),g=x.useCallback(F.default(C,300),[C]);r=Array.isArray(r)?r:[],n&&t.strHasLength(h)&&(r=r.filter((e=>l(e,h))));const b=Oa({totalPages:Ma(r.length,o)});i&&(r=((e,a,s)=>{if(a<1||s<1)return[];const t=(a-1)*s;return e.slice(t,t+s)})(r,b.currentPage,o));const f="list"===m?e.jsx(Ra,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},p)):"grid"===m?e.jsx(_a,Object.assign({className:t.ComponentClassNames.CollectionItems,items:r},p)):null;return e.jsxs(V,Object.assign({testId:u,className:v.default(t.ComponentClassNames.Collection,s)},{children:[n?e.jsx(V,Object.assign({className:t.ComponentClassNames.CollectionSearch},{children:e.jsx(Ia,{label:d,placeholder:c,onChange:e=>g(e.target.value),onClear:()=>C("")})})):null,f,i?e.jsx(V,Object.assign({className:t.ComponentClassNames.CollectionPagination},{children:e.jsx(ya,Object.assign({},b))})):null]}))};Ba.displayName="Collection";const Va=x.forwardRef(((a,s)=>{var{children:n,className:i,defaultValue:r,isCollapsible:o,onChange:l,onValueChange:d,testId:c,type:m="single",value:u}=a,p=t.__rest(a,["children","className","defaultValue","isCollapsible","onChange","onValueChange","testId","type","value"]);const{rest:C}=t.splitPrimitiveProps(p);return"multiple"===m?e.jsx(h.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,i),"data-testid":c,defaultValue:r,onValueChange:l,ref:s,type:m,value:u},C,{children:n})):e.jsx(h.Root,Object.assign({className:v.default(t.ComponentClassNames.Expander,i),collapsible:o,"data-testid":c,defaultValue:r,onValueChange:l,ref:s,type:m,value:u},C,{children:n}))}));Va.displayName="Expander";const Ea=x.forwardRef(((a,s)=>{var{children:n,className:i,title:r}=a,o=t.__rest(a,["children","className","title"]);const l=ce(),d=ce(),{rest:c}=t.splitPrimitiveProps(o);return e.jsxs(h.Item,Object.assign({className:v.default(t.ComponentClassNames.ExpanderItem,i),"data-testid":"expander-item",ref:s},c,{children:[e.jsx(h.Header,Object.assign({className:t.ComponentClassNames.ExpanderHeader,"data-testid":"expander-header"},{children:e.jsxs(h.Trigger,Object.assign({"aria-controls":d,className:t.ComponentClassNames.ExpanderTrigger,id:l},{children:[r,e.jsx(t.IconExpandMore,{"aria-hidden":!0,className:t.ComponentClassNames.ExpanderIcon,"data-testid":"expander-icon"})]}))})),e.jsx(h.Content,Object.assign({"aria-labelledby":l,className:t.ComponentClassNames.ExpanderContent,id:d},{children:e.jsx(t.View,Object.assign({className:t.ComponentClassNames.ExpanderContentText,testId:"expander-content-text"},{children:n}))}))]}))}));Ea.displayName="ExpanderItem";const La=x.forwardRef(((a,s)=>{var{className:n}=a,i=t.__rest(a,["className"]);return e.jsx(t.View,Object.assign({as:"img",ref:s,className:v.default(t.ComponentClassNames.Image,n)},i))}));La.displayName="Image";const za=x.forwardRef(((a,s)=>{var{as:n="a",children:i,className:r,isExternal:o,to:l}=a,d=t.__rest(a,["as","children","className","isExternal","to"]);return e.jsx(t.View,Object.assign({as:n,className:v.default(t.ComponentClassNames.Link,r),ref:s,rel:o?"noopener noreferrer":void 0,target:o?"_blank":void 0,to:l},d,{children:i}))}));za.displayName="Link";const Da=x.forwardRef(((a,s)=>{var{ariaLabel:n,className:i,children:r,isFullWidth:o=!1,isDisabled:l,isLoading:d,loadingText:c="",size:m,style:u,type:p="button",variation:h,testId:C}=a,g=t.__rest(a,["ariaLabel","className","children","isFullWidth","isDisabled","isLoading","loadingText","size","style","type","variation","testId"]);const{propStyles:b,nonStyleProps:f}=t.useStyles(g,u),x=v.default(t.ComponentClassNames.Button,t.classNameModifier(t.ComponentClassNames.Button,m),t.classNameModifier(t.ComponentClassNames.Button,h),i);return e.jsx(z,Object.assign({ref:s,className:x,"data-fullwidth":o,"data-loading":d,"data-size":m,"data-variation":h,disabled:l||d,type:p,"data-testid":C,"aria-label":n,style:b},f,{children:r}))}));Da.displayName="MenuButton";const Ha=x.forwardRef(((a,s)=>{var{menuAlign:n="start",children:i,className:r,isOpen:o,size:l,trigger:d,triggerClassName:c,ariaLabel:m,onOpenChange:u}=a,p=t.__rest(a,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return e.jsxs(C.DropdownMenu,Object.assign({onOpenChange:u,open:o},{children:[e.jsx(C.DropdownMenuTrigger,Object.assign({asChild:!0},{children:null!=d?d:e.jsx(Da,Object.assign({ariaLabel:m,size:l,testId:"amplify-menu-trigger-test-id",className:v.default(t.ComponentClassNames.MenuTrigger,c)},{children:e.jsx(t.IconMenu,{size:l})}))})),e.jsx(C.DropdownMenuContent,Object.assign({align:n,portalled:!1},{children:e.jsx(Ca,Object.assign({className:v.default(t.ComponentClassNames.MenuContent,r),ref:s,size:l,testId:"amplify-menu-items-group-test-id"},p,{children:i}))}))]}))}));Ha.displayName="Menu";const Aa=x.forwardRef(((a,s)=>{var{children:n,className:i,variation:r}=a,o=t.__rest(a,["children","className","variation"]);return e.jsx(C.DropdownMenuItem,Object.assign({asChild:!0,ref:s},{children:e.jsx(Da,Object.assign({className:v.default(t.ComponentClassNames.MenuItem,i),testId:"amplify-menu-item-test-id"},o,{variation:"menu"},{children:n}))}))}));Aa.displayName="MenuItem";const Ga=x.forwardRef(((a,s)=>{var{className:n,children:i,isLoaded:r,size:o}=a,l=t.__rest(a,["className","children","isLoaded","size"]);return r?e.jsx(e.Fragment,{children:i}):e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.Placeholder,t.classNameModifier(t.ComponentClassNames.Placeholder,o),n),"data-size":o,ref:s},l))}));Ga.displayName="Placeholder";const qa=({icon:a,fill:s,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:v.default(n),color:s},{children:a}))}));qa.displayName="RatingIcon";const $a=({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"},{children:[e.jsx(t.View,Object.assign({as:"span",className:"amplify-rating-label"},{children:e.jsx(t.View,Object.assign({as:"span",className:v.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:v.default("amplify-rating-icon","amplify-rating-icon-filled"),color:n},{children:i}))}))]}))};$a.displayName="RatingMixedIcon";const Wa=5,Ua=0,Ya=x.forwardRef(((a,s)=>{var{className:n,emptyColor:i,emptyIcon:r,fillColor:o,icon:l=e.jsx(t.IconStar,{}),maxValue:d=Wa,size:c,value:m=Ua}=a,u=t.__rest(a,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const p=new Array(Math.ceil(d)).fill(1).map(((a,s)=>{const t=s+1;return((e,a)=>e<=a)(t,m)?e.jsx(qa,{icon:l,fill:o,className:"amplify-rating-icon-filled"},s.toString()):((e,a)=>e-1>=a)(t,m)?e.jsx(qa,{icon:r||l,fill:i,className:"amplify-rating-icon-empty"},s.toString()):((e,a)=>e>a&&e-1<a)(t,m)?e.jsx($a,{fillIcon:l,emptyIcon:r||l,value:m,fillColor:o,emptyColor:i},s.toString()):void 0}));return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Rating,t.classNameModifier(t.ComponentClassNames.Rating,c),n),"data-size":c,ref:s},u,{children:[p,e.jsxs(Me,{children:[m," out of ",d," rating"]})]}))}));Ya.displayName="Rating";const Ka=x.forwardRef(((a,s)=>{var{children:n,className:i,orientation:r}=a,o=t.__rest(a,["children","className","orientation"]);return e.jsx(t.View,Object.assign({className:v.default(t.ComponentClassNames.ScrollView,t.classNameModifier(t.ComponentClassNames.ScrollView,r),i),"data-orientation":r,ref:s},o,{children:n}))}));Ka.displayName="ScrollView";const Za=x.forwardRef(((a,s)=>{var{ariaValuetext:n,className:i,defaultValue:r,descriptiveText:o,emptyTrackColor:l,errorMessage:d,filledTrackColor:c,hasError:m=!1,id:u,isDisabled:p,isValueHidden:h=!1,label:C,labelHidden:b=!1,onChange:f,orientation:j="horizontal",outerEndComponent:N,outerStartComponent:y,testId:O,thumbColor:w,trackSize:F,dir:S,value:P,size:I}=a,T=t.__rest(a,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const M=ce(u),k=ce(),R=ce(),_=o?R:void 0,{flexContainerStyleProps:B,baseStyleProps:E,rest:L}=t.splitPrimitiveProps(T),z=void 0!==P,[D,H]=x.useState(z?P:r),A=z?[P]:void 0,G=z?void 0:[r],q=x.useCallback((e=>{H(e[0]),t.isFunction(f)&&f(e[0])}),[f]),$="vertical"===j,W=v.default(t.ComponentClassNames.SliderFieldTrack,t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,j),t.classNameModifier(t.ComponentClassNames.SliderFieldTrack,I)),U=v.default(t.ComponentClassNames.SliderFieldRoot,t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,j),t.classNameModifier(t.ComponentClassNames.SliderFieldRoot,I),i);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.SliderField),testId:O,"data-size":I},E,B,{children:[e.jsxs(te,Object.assign({className:t.ComponentClassNames.SliderFieldLabel,id:k,testId:"slider-label",visuallyHidden:b},{children:[e.jsx(t.View,Object.assign({as:"span"},{children:C})),h?null:e.jsx(t.View,Object.assign({as:"span"},{children:D}))]})),e.jsx(J,{id:R,labelHidden:b,descriptiveText:o}),e.jsx(ae,Object.assign({className:t.ComponentClassNames.SliderFieldGroup,id:M,orientation:j,outerStartComponent:y,outerEndComponent:N},{children:e.jsxs(g.Root,Object.assign({className:U,"data-testid":"slider-root",disabled:p,defaultValue:G,onValueChange:q,orientation:j,ref:s,value:A},L,{children:[e.jsx(g.Track,Object.assign({className:W,"data-testid":"slider-track",style:{backgroundColor:String(l),[""+($?"width":"height")]:F}},{children:e.jsx(g.Range,{className:v.default(t.ComponentClassNames.SliderFieldRange,t.classNameModifier(t.ComponentClassNames.SliderFieldRange,j)),"data-testid":"slider-range",style:{backgroundColor:String(c)}})})),e.jsx(g.Thumb,{"aria-describedby":_,"aria-labelledby":k,"aria-valuetext":n,className:v.default(t.ComponentClassNames.SliderFieldThumb,t.classNameModifier(t.ComponentClassNames.SliderFieldThumb,I)),style:{backgroundColor:String(w)}})]}))})),e.jsx(ee,{hasError:m,errorMessage:d})]}))}));Za.displayName="SliderField";const Xa=(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},Qa=x.forwardRef(((a,s)=>{const{className:n,descriptiveText:i,defaultValue:r,errorMessage:o,hasError:l=!1,id:d,isDisabled:c,isReadOnly:m,isRequired:u,increaseButtonLabel:p=t.ComponentText.StepperField.increaseButtonLabel,decreaseButtonLabel:h=t.ComponentText.StepperField.decreaseButtonLabel,label:C,labelHidden:g=!1,onStepChange:b,size:f,variation:j,testId:N,bottom:y,height:O,left:w,padding:F,position:S,right:P,top:I,width:T,value:M}=a,k=t.__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"]),R=ce(d),_=ce(),B=i?_:void 0,{baseStyleProps:E,flexContainerStyleProps:L,rest:z}=t.splitPrimitiveProps(k),{step:D,value:H,inputValue:A,handleDecrease:G,handleIncrease:q,handleOnBlur:$,handleOnChange:W,handleOnWheel:U,setInputValue:Y,shouldDisableDecreaseButton:K,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]=x.useState((()=>Xa(i,n,s,e)));m&&(a=Xa(i,n,s,a));const h=m?a:u,C=r||o||h+s>n,g=r||o||h-s<i,[b,f]=x.useState(h),j=x.useCallback((e=>{f(e.target.value)}),[]),N=x.useCallback((e=>{let a=parseFloat(e.target.value);isNaN(a)||(a=Xa(i,n,s,a),m||p(a),t.isFunction(c)&&c(a),f(a))}),[i,n,s,m,c]),v=x.useCallback((()=>{m||p(h+s),t.isFunction(c)&&c(h+s),t.isFunction(d)&&d(),f(h+s)}),[s,h,m,d,c]),y=x.useCallback((()=>{m||p(h-s),t.isFunction(c)&&c(h-s),t.isFunction(l)&&l(),f(h-s)}),[s,h,m,l,c]),O=x.useCallback((e=>{e.currentTarget.blur()}),[]);return{step:s,value:h,inputValue:b,handleDecrease:y,handleIncrease:v,handleOnBlur:N,handleOnChange:j,handleOnWheel:O,setInputValue:f,shouldDisableDecreaseButton:g,shouldDisableIncreaseButton:C}})(a);return x.useEffect((()=>{void 0!==M&&Y(M)}),[M,Y]),e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.classNameModifier(t.ComponentClassNames.Field,f),t.ComponentClassNames.StepperField,n),"data-size":f,"data-variation":j,testId:N,width:T,height:O,position:S,padding:F,top:I,right:P,left:w,bottom:y},L,{children:[e.jsx(te,Object.assign({htmlFor:R,visuallyHidden:g},{children:C})),e.jsx(J,{id:_,labelHidden:g,descriptiveText:i}),e.jsx(ae,Object.assign({outerStartComponent:e.jsx(Z,Object.assign({"aria-controls":R,ariaLabel:`${h} ${H-D}`,className:v.default(t.ComponentClassNames.StepperFieldButtonDecrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonDecrease,j)),"data-invalid":l,isDisabled:K,onClick:G,size:f},{children:e.jsx(t.IconRemove,{"data-testid":"decrease-icon"})})),outerEndComponent:e.jsx(Z,Object.assign({"aria-controls":R,ariaLabel:`${p} ${H+D}`,className:v.default(t.ComponentClassNames.StepperFieldButtonIncrease,t.classNameModifier(t.ComponentClassNames.StepperFieldButtonIncrease,j)),"data-invalid":l,isDisabled:X,onClick:q,size:f},{children:e.jsx(t.IconAdd,{"data-testid":"increase-icon"})}))},{children:e.jsx(se,Object.assign({"aria-describedby":B,className:t.ComponentClassNames.StepperFieldInput,hasError:l,id:R,isDisabled:c,isReadOnly:m,isRequired:u,onBlur:$,onChange:W,onWheel:U,ref:s,size:f,variation:j,type:"number",value:A},E,z))})),e.jsx(ee,{hasError:l,errorMessage:o})]}))}));Qa.displayName="StepperField";const Ja=x.forwardRef(((s,n)=>{var{className:i,defaultChecked:r,id:o,isChecked:l,isDisabled:d,isLabelHidden:c,label:m,labelPosition:u,name:p,onChange:h,size:C,thumbColor:g,trackCheckedColor:b,trackColor:f,value:x}=s,j=t.__rest(s,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value"]);const{isOn:N,changeHandler:y,isFocused:O,setIsFocused:w}=(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:h,isChecked:l,defaultChecked:r,isDisabled:d}),F=ce(o),S=c?Me:t.View,P=v.default(t.ComponentClassNames.SwitchTrack,t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"checked",N),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"disabled",d),t.classNameModifierByFlag(t.ComponentClassNames.SwitchTrack,"focused",O)),I=v.default(t.ComponentClassNames.SwitchThumb,t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"checked",N),t.classNameModifierByFlag(t.ComponentClassNames.SwitchThumb,"disabled",d));return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.SwitchField,t.classNameModifier(t.ComponentClassNames.SwitchField,C),i),"data-size":C,"data-label-position":u,ref:n},j,{children:[e.jsx(Me,{children:e.jsx(se,{role:"switch",type:"checkbox",id:F,onChange:y,disabled:d,name:p,checked:N,value:x,onFocus:()=>{w(!0)},onBlur:()=>{w(!1)}})}),e.jsxs(te,Object.assign({htmlFor:F,className:v.default(t.ComponentClassNames.SwitchWrapper,t.classNameModifier(t.ComponentClassNames.SwitchWrapper,u)),"data-label-position":u},{children:[e.jsx(S,Object.assign({as:"span",className:t.ComponentClassNames.SwitchLabel},{children:m})),e.jsx(t.View,Object.assign({as:"span",className:P,"data-checked":N,"data-disabled":d,"data-focused":O,backgroundColor:N?b:f},{children:e.jsx(t.View,{as:"span",className:I,"data-checked":N,"data-disabled":d,backgroundColor:g})}))]}))]}))}));Ja.displayName="SwitchField";const es=x.forwardRef(((a,s)=>{var{caption:n,children:i,className:r,highlightOnHover:o=!1,size:l,variation:d}=a,c=t.__rest(a,["caption","children","className","highlightOnHover","size","variation"]);const m=v.default(t.ComponentClassNames.Table,t.classNameModifier(t.ComponentClassNames.Table,l),t.classNameModifier(t.ComponentClassNames.Table,d),r);return e.jsxs(t.View,Object.assign({as:"table",className:m,"data-highlightonhover":o,"data-size":l,"data-variation":d,ref:s},c,{children:[n&&e.jsx(t.View,Object.assign({as:"caption",className:t.ComponentClassNames.TableCaption},{children:n})),i]}))}));es.displayName="Table";const as=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tbody",className:v.default(t.ComponentClassNames.TableBody,i),ref:s},r,{children:n}))}));as.displayName="TableBody";const ss=x.forwardRef(((a,s)=>{var{as:n="td",children:i,className:r}=a,o=t.__rest(a,["as","children","className"]);return e.jsx(t.View,Object.assign({as:n,className:v.default("td"===n?t.ComponentClassNames.TableTd:t.ComponentClassNames.TableTh,r),ref:s},o,{children:i}))}));ss.displayName="TableCell";const ts=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tfoot",className:v.default(t.ComponentClassNames.TableFoot,i),ref:s},r,{children:n}))}));ts.displayName="TableFoot";const ns=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"thead",className:v.default(t.ComponentClassNames.TableHead,i),ref:s},r,{children:n}))}));ns.displayName="TableHead";const is=x.forwardRef(((a,s)=>{var{children:n,className:i}=a,r=t.__rest(a,["children","className"]);return e.jsx(t.View,Object.assign({as:"tr",className:v.default(t.ComponentClassNames.TableRow,i),ref:s},r,{children:n}))}));is.displayName="TableRow";const rs=x.forwardRef(((a,s)=>{const{className:n,descriptiveText:i,errorMessage:r,hasError:o=!1,id:l,label:d,labelHidden:c=!1,rows:m,size:u,testId:p,bottom:h,height:C,left:g,padding:b,position:f,right:x,top:j,width:N}=a,y=t.__rest(a,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","bottom","height","left","padding","position","right","top","width"]),O=ce(l),w=ce(),F=i?w:void 0,{flexContainerStyleProps:S,baseStyleProps:P,rest:I}=t.splitPrimitiveProps(y);return e.jsxs(V,Object.assign({className:v.default(t.ComponentClassNames.Field,t.ComponentClassNames.TextAreaField,n),"data-size":u,height:C,testId:p,width:N,bottom:h,left:g,right:x,top:j,position:f,padding:b},S,{children:[e.jsx(te,Object.assign({htmlFor:O,visuallyHidden:c},{children:d})),e.jsx(J,{id:w,labelHidden:c,descriptiveText:i}),e.jsx(re,Object.assign({"aria-describedby":F,hasError:o,id:O,ref:s,rows:null!=m?m:3,size:u},P,I)),e.jsx(ee,{hasError:o,errorMessage:r})]}))}));rs.displayName="TextAreaField";const os=x.forwardRef(((a,s)=>{var{className:n,children:i,defaultPressed:r=!1,isDisabled:o,isPressed:l,onChange:d,onClick:c,size:m,value:u,variation:p}=a,h=t.__rest(a,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:C,handleClick:g}=(({isPressed:e,defaultPressed:a,onClick:s,onChange:n,value:i})=>{const r=void 0!==e,[o,l]=x.useState(a);return{isPressed:e=r?e:o,handleClick:x.useCallback((e=>{t.isFunction(s)&&s(e),r||l(!o),r&&t.isFunction(n)&&n(i)}),[r,s,n,o,i])}})({isPressed:l,defaultPressed:r,onChange:d,onClick:c,value:u}),b=v.default(t.ComponentClassNames.ToggleButton,t.classNameModifier(t.ComponentClassNames.ToggleButton,p),t.classNameModifierByFlag(t.ComponentClassNames.ToggleButton,"pressed",C),n);return e.jsx(z,Object.assign({"aria-pressed":C,className:b,isDisabled:o,onClick:g,ref:s,size:m,type:"button",variation:p},h,{children:i}))}));os.displayName="ToggleButton";const ls=x.forwardRef(((a,s)=>{var{children:n,className:i,isExclusive:r,isSelectionRequired:o,onChange:l,size:d,value:c,variation:m}=a,u=t.__rest(a,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const p=((e,a,s=!1,n=!1)=>{const i=x.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=x.useCallback((s=>{t.isFunction(e)&&e(a!==s||n?s:null)}),[e,a,n]);return s?r:i})(l,c,r,o);return e.jsx(V,Object.assign({className:v.default(t.ComponentClassNames.ToggleButtonGroup,i),ref:s,role:"group"},u,{children:x.Children.map(n,(e=>x.isValidElement(e)?x.cloneElement(e,{isPressed:r?c===e.props.value:c.includes(e.props.value),onChange:p,size:d,variation:m}):e))}))}));ls.displayName="ToggleButtonGroup";var ds=Object.freeze({__proto__:null,Alert:$,Badge:ha,Button:z,ButtonGroup:Ca,Card:ga,CheckboxField:xa,Collection:Ba,Divider:ke,Expander:Va,ExpanderItem:Ea,FieldGroupIcon:K,FieldGroupIconButton:Z,Flex:V,Grid:ja,Heading:H,Icon:_e,Image:La,Link:za,Loader:L,Menu:Ha,MenuButton:Da,MenuItem:Aa,Pagination:ya,PasswordField:pe,PhoneNumberField:fe,Placeholder:Ga,Radio:We,RadioGroupField:Ue,Rating:Ya,ScrollView:Ka,SearchField:Ia,SelectField:ge,SliderField:Za,StepperField:Qa,SwitchField:Ja,Tabs:Ie,TabItem:Te,Text:A,TextAreaField:rs,TextField:ue,ToggleButton:os,ToggleButtonGroup:ls,View:t.View,VisuallyHidden:Me,Table:es,TableBody:as,TableCell:ss,TableFoot:ts,TableHead:ns,TableRow:is,usePagination:Oa,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=$,exports.AmplifyProvider=S,exports.Authenticator=ia,exports.Badge=ha,exports.Button=z,exports.ButtonGroup=Ca,exports.Card=ga,exports.CheckboxField=xa,exports.Collection=Ba,exports.Divider=ke,exports.Expander=Va,exports.ExpanderItem=Ea,exports.FieldGroupIcon=K,exports.FieldGroupIconButton=Z,exports.Flex=V,exports.Geocoder=ua,exports.Grid=ja,exports.Heading=H,exports.Icon=_e,exports.Image=La,exports.Link=za,exports.Loader=L,exports.LocationSearch=ma,exports.MapView=oa,exports.Menu=Ha,exports.MenuButton=Da,exports.MenuItem=Aa,exports.Pagination=ya,exports.PasswordField=pe,exports.PhoneNumberField=fe,exports.Placeholder=Ga,exports.Radio=We,exports.RadioGroupField=Ue,exports.Rating=Ya,exports.ScrollView=Ka,exports.SearchField=Ia,exports.SelectField=ge,exports.SliderField=Za,exports.StepperField=Qa,exports.SwitchField=Ja,exports.TabItem=Te,exports.Table=es,exports.TableBody=as,exports.TableCell=ss,exports.TableFoot=ts,exports.TableHead=ns,exports.TableRow=is,exports.Tabs=Ie,exports.Text=A,exports.TextAreaField=rs,exports.TextField=ue,exports.ThemeProvider=P,exports.ToggleButton=os,exports.ToggleButtonGroup=ls,exports.VisuallyHidden=Me,exports.components=pa,exports.primitives=ds,exports.useAmplify=function(){const e=x.useContext(t.AmplifyContext);return{theme:t.getThemeFromContext(e)}},exports.useAuthenticator=M,exports.useBreakpointValue=function(e,a,s){const{breakpoints:{values:n}}=t.useTheme(),i=t.useBreakpoint({breakpoints:n,defaultBreakpoint:a});return t.getValueAtCurrentBreakpoint(e,i,n,s)},exports.usePagination=Oa,exports.withAuthenticator=ra;
package/dist/internal.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@aws-amplify/auth"),a=require("@aws-amplify/core"),r=require("@aws-amplify/datastore"),s=require("@aws-amplify/storage"),o=require("./IconWarning-45c2c272.js"),i=require("react/jsx-runtime"),n=require("classnames"),c=require("aws-amplify");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("lodash/isEmpty"),require("lodash/isArray"),require("lodash/isObject"),require("@aws-amplify/ui");var l=u(e),p=d(t),f=d(n);const h=({model:e,criteria:t,pagination:a})=>{const[s,o]=l.useState({items:[],isLoading:!1,error:void 0});return l.useEffect((()=>{o({isLoading:!0,items:[]});const s=r.DataStore.observeQuery(e,t,a).subscribe((e=>o({items:e.items,isLoading:!1})),(e=>o({items:[],error:e,isLoading:!1})));if(s)return()=>s.unsubscribe()}),[]),s},m=({model:e,id:t})=>{const[a,s]=l.useState(),[o,i]=l.useState(!1),[n,c]=l.useState();return l.useEffect((()=>{i(!0),r.DataStore.query(e,t).then(s).catch(c).finally((()=>i(!1)))}),[]),{error:n,item:a,isLoading:o}};const g="undefined"!=typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("amplify_default"):"@@amplify_default";const v=({fields:e,modelName:t,schema:a})=>l.useMemo((()=>{if(function(e,t){return!t}(0,a))return e;const r={};return Object.keys(e).forEach((s=>{var o,i,n;const c=e[s];switch(null===(n=null===(i=null===(o=null==a?void 0:a.models[t])||void 0===o?void 0:o.fields)||void 0===i?void 0:i[s])||void 0===n?void 0:n.type){case"AWSTimestamp":case"Float":r[s]=Number(c);break;case"Boolean":r[s]=Boolean(c);break;case"Int":r[s]=parseInt(c);break;default:r[s]=c}})),r}),[e,a,t]),b=e=>e.reduce(((e,t)=>a=>t(e(a))),(e=>e)),y=e=>{const{and:t,or:a,field:r,operator:s,operand:i}=e;if(Array.isArray(t)){const e=t.map((e=>y(e)));return t=>t.and(b(e))}if(Array.isArray(a)){const e=a.map((e=>y(e)));return t=>t.or(b(e))}return e=>o.isFunction(e[r])?e[r].call(e,s,i):e};exports.IconAdd=o.IconAdd,exports.IconCheck=o.IconCheck,exports.IconCheckCircle=o.IconCheckCircle,exports.IconChevronLeft=o.IconChevronLeft,exports.IconChevronRight=o.IconChevronRight,exports.IconClose=o.IconClose,exports.IconError=o.IconError,exports.IconExpandMore=o.IconExpandMore,exports.IconInfo=o.IconInfo,exports.IconMenu=o.IconMenu,exports.IconRemove=o.IconRemove,exports.IconSearch=o.IconSearch,exports.IconStar=o.IconStar,exports.IconVisibility=o.IconVisibility,exports.IconVisibilityOff=o.IconVisibilityOff,exports.IconWarning=o.IconWarning,exports.findChildOverrides=o.findChildOverrides,exports.getOverrideProps=o.getOverrideProps,exports.getOverridesFromVariants=o.getOverridesFromVariants,exports.mergeVariantsAndOverrides=o.mergeVariantsAndOverrides,exports.IconCheckCircleOutline=e=>{const{className:t}=e,a=o.__rest(e,["className"]);return i.jsx(o.View,Object.assign({as:"span",width:"1em",height:"1em",className:f.default(o.ComponentClassNames.Icon,t)},a))},exports.IconFiberManualRecord=e=>{const{className:t}=e,a=o.__rest(e,["className"]);return i.jsx(o.View,Object.assign({as:"span",width:"1em",height:"1em",className:f.default(o.ComponentClassNames.Icon,t)},a))},exports.IconHighlightOff=e=>{const{className:t}=e,a=o.__rest(e,["className"]);return i.jsx(o.View,Object.assign({as:"span",width:"1em",height:"1em",className:f.default(o.ComponentClassNames.Icon,t)},a))},exports.createDataStorePredicate=y,exports.useAuth=()=>{const[e,t]=l.useState({error:void 0,isLoading:!0,user:void 0}),r=({payload:e})=>{switch(e.event){case"signIn":return t({user:e.data,isLoading:!1});case"signOut":return t({isLoading:!1})}},s=()=>(t({isLoading:!0}),p.default.currentAuthenticatedUser().then((e=>t({user:e,isLoading:!1}))).catch((e=>t({error:e,isLoading:!1}))),a.Hub.listen("auth",r),()=>a.Hub.remove("auth",r));return l.useEffect(s,[]),Object.assign(Object.assign({},e),{fetch:s})},exports.useAuthSignOutAction=e=>()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:auth:signout:started",data:{options:e}},"actions:auth:signout",g),yield c.Auth.signOut(e),c.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e}},"actions:auth:signout",g)}catch(t){c.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e,errorMessage:o.getErrorMessage(t)}},"actions:auth:signout",g)}})),exports.useDataStoreBinding=function(e){return"record"===e.type?m(e):h(e)},exports.useDataStoreCollection=h,exports.useDataStoreCreateAction=({model:e,fields:t,schema:a})=>{const r=v({fields:t,modelName:e.name,schema:a});return()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:datastore:create:started",data:{fields:r}},"actions:datastore:create",g);const t=yield c.DataStore.save(new e(r));c.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,item:t}},"actions:datastore:create",g)}catch(e){c.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,errorMessage:o.getErrorMessage(e)}},"actions:datastore:create",g)}}))},exports.useDataStoreDeleteAction=({model:e,id:t})=>()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:datastore:delete:started",data:{id:t}},"actions:datastore:delete",g),yield c.DataStore.delete(e,t),c.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t}},"actions:datastore:delete",g)}catch(e){c.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t,errorMessage:o.getErrorMessage(e)}},"actions:datastore:delete",g)}})),exports.useDataStoreItem=m,exports.useDataStoreUpdateAction=({fields:e,id:t,model:a,schema:r})=>{const s=v({fields:e,modelName:a.name,schema:r});return()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:datastore:update:started",data:{fields:s,id:t}},"actions:datastore:update",g);const e=yield c.DataStore.query(a,t);if(!e)throw new Error(`Error querying datastore item by id: ${t}`);const r=yield c.DataStore.save(a.copyOf(e,(e=>{Object.assign(e,s)})));c.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:s,id:t,item:r}},"actions:datastore:update",g)}catch(e){c.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:s,id:t,errorMessage:o.getErrorMessage(e)}},"actions:datastore:update",g)}}))},exports.useNavigateAction=e=>{const{type:t,url:a,anchor:r,target:s}=e,o=l.useMemo((()=>{switch(t){case"url":return()=>{window.open(a,s||"_self","noopener noreferrer")};case"anchor":return()=>{window.location.hash=r};case"reload":return()=>{window.location.reload()};default:return()=>{console.warn('Please provide a valid navigate type. Available types are "url", "anchor" and "reload".')}}}),[r,s,t,a]);return()=>{c.Hub.dispatch("ui",{event:"actions:core:navigate:started",data:e},"actions:core:navigate",g),o(),c.Hub.dispatch("ui",{event:"actions:core:navigate:finished",data:e},"actions:core:navigate",g)}},exports.useStateMutationAction=e=>{const[t,a]=l.useState(e),r=l.useCallback((e=>{const r=t;c.Hub.dispatch("ui",{event:"actions:core:statemutation:started",data:{prevState:r,newState:e}},"actions:core:statemutation",g),a(e),c.Hub.dispatch("ui",{event:"actions:core:statemutation:finished",data:{prevState:r,newState:e}},"actions:core:statemutation",g)}),[t]);return[t,r]},exports.useStorageURL=(e,t)=>{const[a,r]=l.useState({isLoading:!0}),o=JSON.stringify(t),i=()=>{r({isLoading:!0});const a=s.Storage.get(e,t);return a.then((e=>r({url:e,isLoading:!1}))).catch((e=>r({error:e,isLoading:!1}))),()=>s.Storage.cancel(a)};return l.useEffect(i,[e,t,o]),Object.assign(Object.assign({},a),{fetch:i})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@aws-amplify/auth"),a=require("@aws-amplify/core"),r=require("@aws-amplify/datastore"),s=require("@aws-amplify/storage"),o=require("./IconWarning-227761f5.js"),i=require("react/jsx-runtime"),n=require("classnames"),c=require("aws-amplify");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("lodash/isEmpty"),require("lodash/isArray"),require("lodash/isObject"),require("@aws-amplify/ui");var l=u(e),p=d(t),f=d(n);const h=({model:e,criteria:t,pagination:a})=>{const[s,o]=l.useState({items:[],isLoading:!1,error:void 0});return l.useEffect((()=>{o({isLoading:!0,items:[]});const s=r.DataStore.observeQuery(e,t,a).subscribe((e=>o({items:e.items,isLoading:!1})),(e=>o({items:[],error:e,isLoading:!1})));if(s)return()=>s.unsubscribe()}),[]),s},m=({model:e,id:t})=>{const[a,s]=l.useState(),[o,i]=l.useState(!1),[n,c]=l.useState();return l.useEffect((()=>{i(!0),r.DataStore.query(e,t).then(s).catch(c).finally((()=>i(!1)))}),[]),{error:n,item:a,isLoading:o}};const g="undefined"!=typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("amplify_default"):"@@amplify_default";const v=({fields:e,modelName:t,schema:a})=>l.useMemo((()=>{if(function(e,t){return!t}(0,a))return e;const r={};return Object.keys(e).forEach((s=>{var o,i,n;const c=e[s];switch(null===(n=null===(i=null===(o=null==a?void 0:a.models[t])||void 0===o?void 0:o.fields)||void 0===i?void 0:i[s])||void 0===n?void 0:n.type){case"AWSTimestamp":case"Float":r[s]=Number(c);break;case"Boolean":r[s]=Boolean(c);break;case"Int":r[s]=parseInt(c);break;default:r[s]=c}})),r}),[e,a,t]),b=e=>e.reduce(((e,t)=>a=>t(e(a))),(e=>e)),y=e=>{const{and:t,or:a,field:r,operator:s,operand:i}=e;if(Array.isArray(t)){const e=t.map((e=>y(e)));return t=>t.and(b(e))}if(Array.isArray(a)){const e=a.map((e=>y(e)));return t=>t.or(b(e))}return e=>o.isFunction(e[r])?e[r].call(e,s,i):e};exports.IconAdd=o.IconAdd,exports.IconCheck=o.IconCheck,exports.IconCheckCircle=o.IconCheckCircle,exports.IconChevronLeft=o.IconChevronLeft,exports.IconChevronRight=o.IconChevronRight,exports.IconClose=o.IconClose,exports.IconError=o.IconError,exports.IconExpandMore=o.IconExpandMore,exports.IconInfo=o.IconInfo,exports.IconMenu=o.IconMenu,exports.IconRemove=o.IconRemove,exports.IconSearch=o.IconSearch,exports.IconStar=o.IconStar,exports.IconVisibility=o.IconVisibility,exports.IconVisibilityOff=o.IconVisibilityOff,exports.IconWarning=o.IconWarning,exports.findChildOverrides=o.findChildOverrides,exports.getOverrideProps=o.getOverrideProps,exports.getOverridesFromVariants=o.getOverridesFromVariants,exports.mergeVariantsAndOverrides=o.mergeVariantsAndOverrides,exports.IconCheckCircleOutline=e=>{const{className:t}=e,a=o.__rest(e,["className"]);return i.jsx(o.View,Object.assign({as:"span",width:"1em",height:"1em",className:f.default(o.ComponentClassNames.Icon,t)},a))},exports.IconFiberManualRecord=e=>{const{className:t}=e,a=o.__rest(e,["className"]);return i.jsx(o.View,Object.assign({as:"span",width:"1em",height:"1em",className:f.default(o.ComponentClassNames.Icon,t)},a))},exports.IconHighlightOff=e=>{const{className:t}=e,a=o.__rest(e,["className"]);return i.jsx(o.View,Object.assign({as:"span",width:"1em",height:"1em",className:f.default(o.ComponentClassNames.Icon,t)},a))},exports.createDataStorePredicate=y,exports.useAuth=()=>{const[e,t]=l.useState({error:void 0,isLoading:!0,user:void 0}),r=({payload:e})=>{switch(e.event){case"signIn":return t({user:e.data,isLoading:!1});case"signOut":return t({isLoading:!1})}},s=()=>(t({isLoading:!0}),p.default.currentAuthenticatedUser().then((e=>t({user:e,isLoading:!1}))).catch((e=>t({error:e,isLoading:!1}))),a.Hub.listen("auth",r),()=>a.Hub.remove("auth",r));return l.useEffect(s,[]),Object.assign(Object.assign({},e),{fetch:s})},exports.useAuthSignOutAction=e=>()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:auth:signout:started",data:{options:e}},"actions:auth:signout",g),yield c.Auth.signOut(e),c.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e}},"actions:auth:signout",g)}catch(t){c.Hub.dispatch("ui",{event:"actions:auth:signout:finished",data:{options:e,errorMessage:o.getErrorMessage(t)}},"actions:auth:signout",g)}})),exports.useDataStoreBinding=function(e){return"record"===e.type?m(e):h(e)},exports.useDataStoreCollection=h,exports.useDataStoreCreateAction=({model:e,fields:t,schema:a})=>{const r=v({fields:t,modelName:e.name,schema:a});return()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:datastore:create:started",data:{fields:r}},"actions:datastore:create",g);const t=yield c.DataStore.save(new e(r));c.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,item:t}},"actions:datastore:create",g)}catch(e){c.Hub.dispatch("ui",{event:"actions:datastore:create:finished",data:{fields:r,errorMessage:o.getErrorMessage(e)}},"actions:datastore:create",g)}}))},exports.useDataStoreDeleteAction=({model:e,id:t})=>()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:datastore:delete:started",data:{id:t}},"actions:datastore:delete",g),yield c.DataStore.delete(e,t),c.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t}},"actions:datastore:delete",g)}catch(e){c.Hub.dispatch("ui",{event:"actions:datastore:delete:finished",data:{id:t,errorMessage:o.getErrorMessage(e)}},"actions:datastore:delete",g)}})),exports.useDataStoreItem=m,exports.useDataStoreUpdateAction=({fields:e,id:t,model:a,schema:r})=>{const s=v({fields:e,modelName:a.name,schema:r});return()=>o.__awaiter(void 0,void 0,void 0,(function*(){try{c.Hub.dispatch("ui",{event:"actions:datastore:update:started",data:{fields:s,id:t}},"actions:datastore:update",g);const e=yield c.DataStore.query(a,t);if(!e)throw new Error(`Error querying datastore item by id: ${t}`);const r=yield c.DataStore.save(a.copyOf(e,(e=>{Object.assign(e,s)})));c.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:s,id:t,item:r}},"actions:datastore:update",g)}catch(e){c.Hub.dispatch("ui",{event:"actions:datastore:update:finished",data:{fields:s,id:t,errorMessage:o.getErrorMessage(e)}},"actions:datastore:update",g)}}))},exports.useNavigateAction=e=>{const{type:t,url:a,anchor:r,target:s}=e,o=l.useMemo((()=>{switch(t){case"url":return()=>{window.open(a,s||"_self","noopener noreferrer")};case"anchor":return()=>{window.location.hash=r};case"reload":return()=>{window.location.reload()};default:return()=>{console.warn('Please provide a valid navigate type. Available types are "url", "anchor" and "reload".')}}}),[r,s,t,a]);return()=>{c.Hub.dispatch("ui",{event:"actions:core:navigate:started",data:e},"actions:core:navigate",g),o(),c.Hub.dispatch("ui",{event:"actions:core:navigate:finished",data:e},"actions:core:navigate",g)}},exports.useStateMutationAction=e=>{const[t,a]=l.useState(e),r=l.useCallback((e=>{const r=t;c.Hub.dispatch("ui",{event:"actions:core:statemutation:started",data:{prevState:r,newState:e}},"actions:core:statemutation",g),a(e),c.Hub.dispatch("ui",{event:"actions:core:statemutation:finished",data:{prevState:r,newState:e}},"actions:core:statemutation",g)}),[t]);return[t,r]},exports.useStorageURL=(e,t)=>{const[a,r]=l.useState({isLoading:!0}),o=JSON.stringify(t),i=()=>{r({isLoading:!0});const a=s.Storage.get(e,t);return a.then((e=>r({url:e,isLoading:!1}))).catch((e=>r({error:e,isLoading:!1}))),()=>s.Storage.cancel(a)};return l.useEffect(i,[e,t,o]),Object.assign(Object.assign({},a),{fetch:i})};
package/dist/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Wed, 29 Jun 2022 22:47:24 GMT
6
+ * Generated on Tue, 05 Jul 2022 22:21:43 GMT
7
7
  */
8
8
  :root, [data-amplify-theme] {
9
9
  --amplify-transforms-slide-x-large: translateX(2em);
@@ -685,6 +685,7 @@
685
685
  --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
686
686
  --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
687
687
  --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
688
+ --amplify-components-select-option-color: var(--amplify-colors-font-primary);
688
689
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
689
690
  --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
690
691
  --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
@@ -2949,14 +2950,15 @@ html[dir=rtl] .amplify-field-group__inner-start {
2949
2950
  .amplify-select--quiet[aria-invalid=true]:focus {
2950
2951
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
2951
2952
  }
2953
+ .amplify-select option {
2954
+ color: initial;
2955
+ }
2952
2956
  @-moz-document url-prefix() {
2953
2957
  .amplify-select option {
2954
2958
  background-color: var(--amplify-components-select-option-background-color);
2959
+ color: var(--amplify-components-select-option-color);
2955
2960
  }
2956
2961
  }
2957
- .amplify-select option {
2958
- color: initial;
2959
- }
2960
2962
  .amplify-select--small {
2961
2963
  min-width: var(--amplify-components-select-small-min-width);
2962
2964
  }
@@ -3806,7 +3808,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
3806
3808
  gap: 0;
3807
3809
  }
3808
3810
 
3811
+ .amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed {
3812
+ z-index: 2;
3813
+ }
3809
3814
  .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
3815
+ -webkit-margin-start: calc(-1 * var(--amplify-components-button-border-width));
3816
+ margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
3810
3817
  border-start-start-radius: 0;
3811
3818
  border-end-start-radius: 0;
3812
3819
  }
@@ -3816,10 +3823,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
3816
3823
  border-bottom-left-radius: 0;
3817
3824
  }
3818
3825
  }
3819
- .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type):not(:focus) {
3820
- -webkit-border-start: 1px solid transparent;
3821
- border-inline-start: 1px solid transparent;
3822
- }
3823
3826
  .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
3824
3827
  border-start-end-radius: 0;
3825
3828
  border-end-end-radius: 0;
@@ -1,12 +1,19 @@
1
1
  import * as React from 'react';
2
- import { AuthenticatorMachineOptions } from '@aws-amplify/ui';
2
+ import { AuthenticatorMachineOptions, CognitoUserAmplify } from '@aws-amplify/ui';
3
+ import { UseAuthenticator } from './hooks/useAuthenticator';
3
4
  import { ComponentsProviderProps } from './hooks/useCustomComponents';
4
5
  import { RouterProps } from './Router';
5
- export declare type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps>;
6
+ export declare type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps & {
7
+ children: React.ReactNode | ((props: {
8
+ signOut?: UseAuthenticator['signOut'];
9
+ user?: CognitoUserAmplify;
10
+ }) => JSX.Element);
11
+ }>;
12
+ export declare function AuthenticatorInternal({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, signUpAttributes, services, socialProviders, variation, }: AuthenticatorProps): JSX.Element;
6
13
  /**
7
14
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator)
8
15
  */
9
- export declare function Authenticator({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, signUpAttributes, services, socialProviders, variation, }: AuthenticatorProps): JSX.Element;
16
+ export declare function Authenticator(props: AuthenticatorProps): JSX.Element;
10
17
  export declare namespace Authenticator {
11
18
  var Provider: ({ children, }: {
12
19
  children: React.ReactNode;
@@ -1,5 +1,2 @@
1
1
  import { RouterProps } from './types';
2
- declare type RouteComponent = (props: Omit<RouterProps, 'children'>) => JSX.Element;
3
- export declare function useRouterChildren(children: RouterProps['children']): RouteComponent;
4
- export declare function Router({ children, className, hideSignUp, variation, }: RouterProps): JSX.Element;
5
- export {};
2
+ export declare function Router({ className, hideSignUp, variation, }: RouterProps): JSX.Element;
@@ -1,11 +1,4 @@
1
- import * as React from 'react';
2
- import { CognitoUserAmplify } from '@aws-amplify/ui';
3
1
  import { RouteProps } from '../RouteContainer';
4
- import { UseAuthenticator } from '../hooks/useAuthenticator';
5
2
  export declare type RouterProps = {
6
- children: React.ReactNode | ((props: {
7
- signOut?: UseAuthenticator['signOut'];
8
- user?: CognitoUserAmplify;
9
- }) => React.ReactNode);
10
3
  hideSignUp: boolean;
11
4
  } & RouteProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "3.0.3",
3
+ "version": "3.0.4",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {