@aws-amplify/ui-react 2.16.0 → 2.16.1

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

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

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

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{translate as o}from"@aws-amplify/ui";import{Button as t}from"../../../primitives/Button/Button.js";import{Flex as r}from"../../../primitives/Flex/Flex.js";import{Heading as n}from"../../../primitives/Heading/Heading.js";import{Text as s}from"../../../primitives/Text/Text.js";import{useAuthenticator as a}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as m}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as l}from"../shared/RemoteErrorMessage.js";import{FormFields as c}from"../shared/FormFields.js";import{RouteContainer as u}from"../RouteContainer/RouteContainer.js";function p({className:n,variation:h}){const{isPending:f,resendCode:g,codeDeliveryDetails:{DeliveryMedium:j,Destination:y}={}}=a((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:v,handleSubmit:b}=d(),{components:{ConfirmSignUp:{Header:C=p.Header,Footer:D=p.Footer}}}=m(),x=o("Your code is on the way. To log in, enter the code we emailed to"),F=o("Your code is on the way. To log in, enter the code we texted to"),S=o("Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive."),O=o("It may take a minute to arrive."),w="EMAIL"===j?`${x} ${y}. ${O}`:"SMS"===j?`${F} ${y}. ${O}`:o(`${S}`);return e(u,Object.assign({className:n,variation:h},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:v,onSubmit:b},{children:i(r,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[e(C,{}),i(r,Object.assign({direction:"column"},{children:[e(s,Object.assign({className:"amplify-authenticator__subtitle"},{children:w})),e(c,{route:"confirmSignUp"}),e(l,{}),e(t,Object.assign({variation:"primary",isDisabled:f,type:"submit",loadingText:o("Confirming"),isLoading:f,fontWeight:"normal"},{children:o("Confirm")})),e(t,Object.assign({onClick:g,type:"button",fontWeight:"normal"},{children:o("Resend Code")}))]})),e(D,{})]}))}))}))}p.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:i}={}}=a((e=>[e.codeDeliveryDetails])),t=o("EMAIL"===i?"We Emailed You":"SMS"===i?"We Texted You":"We Sent A Code");return e(n,Object.assign({level:4},{children:t}))},p.Footer=()=>null;export{p as ConfirmSignUp};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{translate as o}from"@aws-amplify/ui";import{Button as t}from"../../../primitives/Button/Button.js";import{Flex as r}from"../../../primitives/Flex/Flex.js";import{Heading as n}from"../../../primitives/Heading/Heading.js";import{Text as s}from"../../../primitives/Text/Text.js";import{useAuthenticator as a}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as m}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as l}from"../shared/RemoteErrorMessage.js";import{FormFields as c}from"../shared/FormFields.js";import{RouteContainer as u}from"../RouteContainer/RouteContainer.js";function h({className:n,variation:p}){const{isPending:f,resendCode:g,codeDeliveryDetails:{DeliveryMedium:j,Destination:y}={}}=a((e=>[e.isPending,e.resendCode,e.codeDeliveryDetails])),{handleChange:v,handleSubmit:b}=d(),{components:{ConfirmSignUp:{Header:C=h.Header,Footer:D=h.Footer}}}=m(),x=o("Your code is on the way. To log in, enter the code we emailed to"),F=o("Your code is on the way. To log in, enter the code we texted to"),O=o("Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive."),S=o("It may take a minute to arrive."),w="EMAIL"===j?`${x} ${y}. ${S}`:"SMS"===j?`${F} ${y}. ${S}`:o(`${O}`);return e(u,Object.assign({className:n,variation:p},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmsignup":"",method:"post",onChange:v,onSubmit:b},{children:i(r,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[e(C,{}),i(r,Object.assign({direction:"column"},{children:[e(s,Object.assign({className:"amplify-authenticator__subtitle"},{children:w})),e(c,{}),e(l,{}),e(t,Object.assign({variation:"primary",isDisabled:f,type:"submit",loadingText:o("Confirming"),isLoading:f,fontWeight:"normal"},{children:o("Confirm")})),e(t,Object.assign({onClick:g,type:"button",fontWeight:"normal"},{children:o("Resend Code")}))]})),e(D,{})]}))}))}))}h.Header=()=>{const{codeDeliveryDetails:{DeliveryMedium:i}={}}=a((e=>[e.codeDeliveryDetails])),t=o("EMAIL"===i?"We Emailed You":"SMS"===i?"We Texted You":"We Sent A Code");return e(n,Object.assign({level:4},{children:t}))},h.Footer=()=>null;export{h as ConfirmSignUp};

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

@@ -1 +1 @@
-import{jsx as i,jsxs as o}from"react/jsx-runtime";import{translate as e}from"@aws-amplify/ui";import{Button as r}from"../../../primitives/Button/Button.js";import{Flex as s}from"../../../primitives/Flex/Flex.js";import{Heading as n}from"../../../primitives/Heading/Heading.js";import{Text as t}from"../../../primitives/Text/Text.js";import{useAuthenticator as a}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as m}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as l}from"../hooks/useFormHandlers/useFormHandlers.js";import{FormFields as d}from"../shared/FormFields.js";import{RouteContainer as c}from"../RouteContainer/RouteContainer.js";const p=({className:d,variation:g})=>{const{error:h,isPending:f,toSignIn:u}=a((i=>[i.error,i.isPending,i.toSignIn])),{handleBlur:j,handleChange:b,handleSubmit:F}=l(),{components:{ForceNewPassword:{FormFields:w=p.FormFields}}}=m();return i(c,Object.assign({className:d,variation:g},{children:i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:b,onSubmit:F,onBlur:j},{children:o(s,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[i(n,Object.assign({level:3},{children:e("Change Password")})),i(w,{}),h&&i(t,Object.assign({className:"forceNewPasswordErrorText",variation:"error"},{children:h})),i(r,Object.assign({isDisabled:f,type:"submit",variation:"primary",isLoading:f,loadingText:e("Changing"),fontWeight:"normal"},{children:e("Change Password")})),i(r,Object.assign({onClick:u,type:"button",fontWeight:"normal",variation:"link",size:"small"},{children:e("Back to Sign In")}))]}))}))}))};p.FormFields=()=>i(d,{route:"forceNewPassword"});export{p as ForceNewPassword};
+import{jsx as i,jsxs as o}from"react/jsx-runtime";import{translate as e}from"@aws-amplify/ui";import{Button as r}from"../../../primitives/Button/Button.js";import{Flex as s}from"../../../primitives/Flex/Flex.js";import{Heading as n}from"../../../primitives/Heading/Heading.js";import{Text as t}from"../../../primitives/Text/Text.js";import{useAuthenticator as a}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as m}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as l}from"../hooks/useFormHandlers/useFormHandlers.js";import{FormFields as d}from"../shared/FormFields.js";import{RouteContainer as c}from"../RouteContainer/RouteContainer.js";const p=({className:d,variation:g})=>{const{error:h,isPending:f,toSignIn:u}=a((i=>[i.error,i.isPending,i.toSignIn])),{handleBlur:j,handleChange:b,handleSubmit:F}=l(),{components:{ForceNewPassword:{FormFields:v=p.FormFields}}}=m();return i(c,Object.assign({className:d,variation:g},{children:i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-forcenewpassword":"",method:"post",onChange:b,onSubmit:F,onBlur:j},{children:o(s,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[i(n,Object.assign({level:3},{children:e("Change Password")})),i(v,{}),h&&i(t,Object.assign({className:"forceNewPasswordErrorText",variation:"error"},{children:h})),i(r,Object.assign({isDisabled:f,type:"submit",variation:"primary",isLoading:f,loadingText:e("Changing"),fontWeight:"normal"},{children:e("Change Password")})),i(r,Object.assign({onClick:u,type:"button",fontWeight:"normal",variation:"link",size:"small"},{children:e("Back to Sign In")}))]}))}))}))};p.FormFields=()=>i(d,{});export{p as ForceNewPassword};

package/dist/esm/components/Authenticator/ResetPassword/ConfirmResetPassword.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{translate as r}from"@aws-amplify/ui";import{Flex as s}from"../../../primitives/Flex/Flex.js";import{Heading as t}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as i}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as n}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as m}from"../shared/RemoteErrorMessage.js";import{TwoButtonSubmitFooter as d}from"../shared/TwoButtonSubmitFooter.js";import{FormFields as l}from"../shared/FormFields.js";import{RouteContainer as c}from"../RouteContainer/RouteContainer.js";const u=({className:t,variation:p})=>{const{isPending:f}=i((e=>[e.isPending])),{handleBlur:h,handleChange:j,handleSubmit:g}=a(),{components:{ConfirmResetPassword:{Header:F=u.Header,Footer:b=u.Footer}}}=n();return e(c,Object.assign({className:t,variation:p},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:g,onChange:j,onBlur:h},{children:o(s,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[e(F,{}),e(s,Object.assign({direction:"column"},{children:e(l,{route:"confirmResetPassword"})})),e(m,{}),e(d,{cancelButtonSendType:"RESEND",cancelButtonText:r("Resend Code")}),e(b,{})]}))}))}))};u.Header=()=>{const o=r("Reset your password");return e(t,Object.assign({level:3},{children:o}))},u.Footer=()=>null;export{u as ConfirmResetPassword};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{translate as r}from"@aws-amplify/ui";import{Flex as t}from"../../../primitives/Flex/Flex.js";import{Heading as s}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as i}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as n}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as m}from"../shared/RemoteErrorMessage.js";import{TwoButtonSubmitFooter as d}from"../shared/TwoButtonSubmitFooter.js";import{FormFields as l}from"../shared/FormFields.js";import{RouteContainer as c}from"../RouteContainer/RouteContainer.js";const u=({className:s,variation:p})=>{const{isPending:f}=i((e=>[e.isPending])),{handleBlur:h,handleChange:j,handleSubmit:g}=a(),{components:{ConfirmResetPassword:{Header:F=u.Header,Footer:b=u.Footer}}}=n();return e(c,Object.assign({className:s,variation:p},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:g,onChange:j,onBlur:h},{children:o(t,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[e(F,{}),e(t,Object.assign({direction:"column"},{children:e(l,{})})),e(m,{}),e(d,{cancelButtonSendType:"RESEND",cancelButtonText:r("Resend Code")}),e(b,{})]}))}))}))};u.Header=()=>{const o=r("Reset your password");return e(s,Object.assign({level:3},{children:o}))},u.Footer=()=>null;export{u as ConfirmResetPassword};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{translate as t}from"@aws-amplify/ui";import{Flex as s}from"../../../primitives/Flex/Flex.js";import{Heading as i}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as n}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as a}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as m}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.js";import{TwoButtonSubmitFooter as c}from"../shared/TwoButtonSubmitFooter.js";import{FormFields as l}from"../shared/FormFields.js";import{RouteContainer as u}from"../RouteContainer/RouteContainer.js";const p=({className:i,variation:h})=>{const{isPending:f}=n((e=>[e.isPending])),{handleChange:j,handleSubmit:g}=m(),{components:{ResetPassword:{Header:b=p.Header,Footer:F=p.Footer}}}=a();return e(u,Object.assign({className:i,variation:h},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:j,onSubmit:g},{children:o(s,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[e(b,{}),e(s,Object.assign({direction:"column"},{children:e(l,{route:"resetPassword"})})),e(d,{}),e(c,{cancelButtonText:t("Back to Sign In"),cancelButtonSendType:"SIGN_IN",submitButtonText:f?o(r,{children:[t("Sending"),"…"]}):e(r,{children:t("Send code")})}),e(F,{})]}))}))}))};p.Header=()=>e(i,Object.assign({level:3},{children:t("Reset your password")})),p.Footer=()=>null;export{p as ResetPassword};
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{translate as t}from"@aws-amplify/ui";import{Flex as i}from"../../../primitives/Flex/Flex.js";import{Heading as s}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as n}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as a}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as m}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.js";import{TwoButtonSubmitFooter as c}from"../shared/TwoButtonSubmitFooter.js";import{FormFields as l}from"../shared/FormFields.js";import{RouteContainer as u}from"../RouteContainer/RouteContainer.js";const p=({className:s,variation:h})=>{const{isPending:f}=n((e=>[e.isPending])),{handleChange:j,handleSubmit:g}=m(),{components:{ResetPassword:{Header:b=p.Header,Footer:F=p.Footer}}}=a();return e(u,Object.assign({className:s,variation:h},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:j,onSubmit:g},{children:o(i,Object.assign({as:"fieldset",direction:"column",isDisabled:f},{children:[e(b,{}),e(i,Object.assign({direction:"column"},{children:e(l,{})})),e(d,{}),e(c,{cancelButtonText:t("Back to Sign In"),cancelButtonSendType:"SIGN_IN",submitButtonText:f?o(r,{children:[t("Sending"),"…"]}):e(r,{children:t("Send code")})}),e(F,{})]}))}))}))};p.Header=()=>e(s,Object.assign({level:3},{children:t("Reset your password")})),p.Footer=()=>null;export{p as ResetPassword};

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

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

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

@@ -1 +1 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{translate as e,hasTranslation as r}from"@aws-amplify/ui";import{Button as n}from"../../../primitives/Button/Button.js";import{Flex as s}from"../../../primitives/Flex/Flex.js";import{View as t}from"../../../primitives/View/View.js";import{VisuallyHidden as a}from"../../../primitives/VisuallyHidden/VisuallyHidden.js";import{FederatedSignIn as m}from"../FederatedSignIn/FederatedSignIn.js";import{useAuthenticator as d}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as l}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as p}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as c}from"../shared/RemoteErrorMessage.js";import{FormFields as g}from"../shared/FormFields.js";function u(){const{isPending:r}=d((i=>[i.isPending])),{handleChange:h,handleSubmit:f}=p(),{components:{SignIn:{Header:j=u.Header,Footer:F=u.Footer}}}=l();return i(t,{children:[o(j,{}),i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:f,onChange:h},{children:[o(m,{}),i(s,Object.assign({direction:"column"},{children:[i(s,Object.assign({as:"fieldset",direction:"column",isDisabled:r},{children:[o(a,{children:o("legend",{children:e("Sign in")})}),o(g,{route:"signIn"})]})),o(c,{}),o(n,Object.assign({isDisabled:r,isFullWidth:!0,type:"submit",variation:"primary",isLoading:r,loadingText:e("Signing in")},{children:e("Sign in")}))]}))]})),o(F,{})]})}u.Footer=()=>{const{toResetPassword:i}=d((i=>[i.toResetPassword])),s=r("Forgot your password? ")?e("Forgot your password? "):e("Forgot your password?");return o(t,Object.assign({"data-amplify-footer":""},{children:o(n,Object.assign({fontWeight:"normal",onClick:i,size:"small",variation:"link"},{children:s}))}))},u.Header=()=>null;export{u as SignIn};
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{translate as e,hasTranslation as r}from"@aws-amplify/ui";import{Button as s}from"../../../primitives/Button/Button.js";import{Flex as n}from"../../../primitives/Flex/Flex.js";import{View as t}from"../../../primitives/View/View.js";import{VisuallyHidden as a}from"../../../primitives/VisuallyHidden/VisuallyHidden.js";import{FederatedSignIn as m}from"../FederatedSignIn/FederatedSignIn.js";import{useAuthenticator as d}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as l}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as p}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as c}from"../shared/RemoteErrorMessage.js";import{FormFields as g}from"../shared/FormFields.js";function u(){const{isPending:r}=d((i=>[i.isPending])),{handleChange:h,handleSubmit:f}=p(),{components:{SignIn:{Header:j=u.Header,Footer:F=u.Footer}}}=l();return i(t,{children:[o(j,{}),i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:f,onChange:h},{children:[o(m,{}),i(n,Object.assign({direction:"column"},{children:[i(n,Object.assign({as:"fieldset",direction:"column",isDisabled:r},{children:[o(a,{children:o("legend",{children:e("Sign in")})}),o(g,{})]})),o(c,{}),o(s,Object.assign({isDisabled:r,isFullWidth:!0,type:"submit",variation:"primary",isLoading:r,loadingText:e("Signing in")},{children:e("Sign in")}))]}))]})),o(F,{})]})}u.Footer=()=>{const{toResetPassword:i}=d((i=>[i.toResetPassword])),n=r("Forgot your password? ")?e("Forgot your password? "):e("Forgot your password?");return o(t,Object.assign({"data-amplify-footer":""},{children:o(s,Object.assign({fontWeight:"normal",onClick:i,size:"small",variation:"link"},{children:n}))}))},u.Header=()=>null;export{u as SignIn};

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

@@ -1 +1 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{translate as r}from"@aws-amplify/ui";import{Button as o}from"../../../primitives/Button/Button.js";import{Flex as t}from"../../../primitives/Flex/Flex.js";import{View as s}from"../../../primitives/View/View.js";import{FederatedSignIn as n}from"../FederatedSignIn/FederatedSignIn.js";import{useAuthenticator as m}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as a}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as l}from"../shared/RemoteErrorMessage.js";import{FormFields as u}from"../shared/FormFields.js";function p(){const{hasValidationErrors:u,isPending:c}=m((i=>[i.hasValidationErrors,i.isPending])),{handleChange:h,handleBlur:f,handleSubmit:F}=d(),{components:{SignUp:{Header:g=p.Header,FormFields:j=p.FormFields,Footer:b=p.Footer}}}=a();return i(s,{children:[e(g,{}),i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:h,onSubmit:F,onBlur:f},{children:[e(n,{}),i(t,Object.assign({as:"fieldset",direction:"column",isDisabled:c},{children:[i(t,Object.assign({direction:"column"},{children:[e(j,{}),e(l,{})]})),e(o,Object.assign({isDisabled:u||c,isFullWidth:!0,type:"submit",variation:"primary",isLoading:c,loadingText:r("Creating Account")},{children:r("Create Account")}))]}))]})),e(b,{})]})}p.Header=()=>null,p.FormFields=()=>e(u,{route:"signUp"}),p.Footer=()=>null;export{p as SignUp};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{translate as r}from"@aws-amplify/ui";import{Button as o}from"../../../primitives/Button/Button.js";import{Flex as t}from"../../../primitives/Flex/Flex.js";import{View as s}from"../../../primitives/View/View.js";import{FederatedSignIn as n}from"../FederatedSignIn/FederatedSignIn.js";import{useAuthenticator as m}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as a}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as d}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as l}from"../shared/RemoteErrorMessage.js";import{FormFields as u}from"../shared/FormFields.js";function p(){const{hasValidationErrors:u,isPending:c}=m((i=>[i.hasValidationErrors,i.isPending])),{handleChange:h,handleBlur:f,handleSubmit:F}=d(),{components:{SignUp:{Header:g=p.Header,FormFields:j=p.FormFields,Footer:b=p.Footer}}}=a();return i(s,{children:[e(g,{}),i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signup":"",method:"post",onChange:h,onSubmit:F,onBlur:f},{children:[e(n,{}),i(t,Object.assign({as:"fieldset",direction:"column",isDisabled:c},{children:[i(t,Object.assign({direction:"column"},{children:[e(j,{}),e(l,{})]})),e(o,Object.assign({isDisabled:u||c,isFullWidth:!0,type:"submit",variation:"primary",isLoading:c,loadingText:r("Creating Account")},{children:r("Create Account")}))]}))]})),e(b,{})]})}p.Header=()=>null,p.FormFields=()=>e(u,{}),p.Footer=()=>null;export{p as SignUp};

package/dist/esm/components/Authenticator/VerifyUser/ConfirmVerifyUser.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{translate as r}from"@aws-amplify/ui";import{Flex as i}from"../../../primitives/Flex/Flex.js";import{Heading as t}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as n}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as s}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as m}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as a}from"../shared/RemoteErrorMessage.js";import{TwoButtonSubmitFooter as c}from"../shared/TwoButtonSubmitFooter.js";import{FormFields as d}from"../shared/FormFields.js";import{RouteContainer as l}from"../RouteContainer/RouteContainer.js";const f=({className:t,variation:u})=>{const{isPending:p}=n((e=>[e.isPending])),{handleChange:h,handleSubmit:j}=m(),{components:{ConfirmVerifyUser:{Header:g=f.Header,Footer:F=f.Footer}}}=s();return e(l,Object.assign({className:t,variation:u},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:h,onSubmit:j},{children:o(i,Object.assign({as:"fieldset",direction:"column",isDisabled:p},{children:[e(g,{}),e(i,Object.assign({direction:"column"},{children:e(d,{route:"confirmVerifyUser"})})),e(a,{}),e(c,{cancelButtonText:r("Skip"),cancelButtonSendType:"SKIP"}),e(F,{})]}))}))}))};f.Header=()=>e(t,Object.assign({level:3},{children:r("Account recovery requires verified contact information")})),f.Footer=()=>null;export{f as ConfirmVerifyUser};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{translate as r}from"@aws-amplify/ui";import{Flex as i}from"../../../primitives/Flex/Flex.js";import{Heading as t}from"../../../primitives/Heading/Heading.js";import{useAuthenticator as n}from"../hooks/useAuthenticator/index.js";import{useCustomComponents as s}from"../hooks/useCustomComponents/index.js";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.js";import{RemoteErrorMessage as m}from"../shared/RemoteErrorMessage.js";import{TwoButtonSubmitFooter as c}from"../shared/TwoButtonSubmitFooter.js";import{FormFields as d}from"../shared/FormFields.js";import{RouteContainer as l}from"../RouteContainer/RouteContainer.js";const u=({className:t,variation:f})=>{const{isPending:p}=n((e=>[e.isPending])),{handleChange:h,handleSubmit:j}=a(),{components:{ConfirmVerifyUser:{Header:g=u.Header,Footer:F=u.Footer}}}=s();return e(l,Object.assign({className:t,variation:f},{children:e("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-confirmverifyuser":"",method:"post",onChange:h,onSubmit:j},{children:o(i,Object.assign({as:"fieldset",direction:"column",isDisabled:p},{children:[e(g,{}),e(i,Object.assign({direction:"column"},{children:e(d,{})})),e(m,{}),e(c,{cancelButtonText:r("Skip"),cancelButtonSendType:"SKIP"}),e(F,{})]}))}))}))};u.Header=()=>e(t,Object.assign({level:3},{children:r("Account recovery requires verified contact information")})),u.Footer=()=>null;export{u as ConfirmVerifyUser};

package/dist/esm/components/Authenticator/shared/FormField.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{getErrors as l}from"@aws-amplify/ui";import{PasswordField as i}from"../../../primitives/PasswordField/PasswordField.js";import{PhoneNumberField as d}from"../../../primitives/PhoneNumberField/PhoneNumberField.js";import{TextField as a}from"../../../primitives/TextField/TextField.js";import{useAuthenticator as t}from"../hooks/useAuthenticator/index.js";import{ValidationErrors as s}from"./ValidationErrors.js";function m({name:m,formFieldOptions:n}){const{validationErrors:p}=t((e=>[e.validationErrors])),{type:u}=n,c=l(p[m]),h=(null==c?void 0:c.length)>0;return e(r,"tel"===u?{children:[o(d,{name:m,label:n.label,placeholder:n.placeholder,defaultCountryCode:n.dialCode,countryCodeName:"country_code",dialCodeList:n.dialCodeList,autoComplete:n.autocomplete,isRequired:n.isRequired,labelHidden:n.labelHidden,hasError:h}),o(s,{errors:c})]}:"password"===u?{children:[o(i,{name:m,label:n.label,autoComplete:n.autocomplete,placeholder:n.placeholder,isRequired:n.isRequired,labelHidden:n.labelHidden,hasError:h}),o(s,{errors:c})]}:{children:[o(a,{name:m,label:n.label,placeholder:n.placeholder,autoComplete:n.autocomplete,isRequired:n.isRequired,labelHidden:n.labelHidden,hasError:h,type:u}),o(s,{errors:c})]})}export{m as FormField};
+import{__rest as r}from"../../../node_modules/tslib/tslib.es6.js";import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import*as i from"react";import{getErrors as s}from"@aws-amplify/ui";import{PasswordField as m}from"../../../primitives/PasswordField/PasswordField.js";import{PhoneNumberField as a}from"../../../primitives/PhoneNumberField/PhoneNumberField.js";import{TextField as n}from"../../../primitives/TextField/TextField.js";import{useAuthenticator as l}from"../hooks/useAuthenticator/index.js";import{ValidationErrors as d}from"./ValidationErrors.js";function p(p){var{autocomplete:u,dialCode:c,name:f,type:h}=p,j=r(p,["autocomplete","dialCode","name","type"]);const{validationErrors:C}=l((({validationErrors:r})=>[r])),b=i.useMemo((()=>s(C[f])),[f,C]),v=(null==b?void 0:b.length)>0;return e(o,"tel"===h?{children:[t(a,Object.assign({},j,{name:f,defaultCountryCode:c,countryCodeName:"country_code",autoComplete:u,hasError:v})),t(d,{errors:b})]}:"password"===h?{children:[t(m,Object.assign({},j,{name:f,autoComplete:u,hasError:v})),t(d,{errors:b})]}:{children:[t(n,Object.assign({},j,{name:f,autoComplete:u,hasError:v,type:h})),t(d,{errors:b})]})}export{p as FormField};

package/dist/esm/components/Authenticator/shared/FormFields.js

@@ -1 +1 @@
-import{jsx as r,Fragment as t}from"react/jsx-runtime";import*as e from"react";import{getSortedFormFields as o}from"@aws-amplify/ui";import{FormField as i}from"./FormField.js";import{useAuthenticator as m}from"../hooks/useAuthenticator/index.js";function n({route:n}){const{_state:s}=m((()=>[])),u=e.useRef(!1),f=e.useMemo((()=>{if(!u.current)return o(n,s);u.current=!0}),[n,s]);return r(t,{children:f.flatMap((([t,e])=>r(i,{name:t,formFieldOptions:e},t)))})}export{n as FormFields};
+import{jsx as r,Fragment as t}from"react/jsx-runtime";import*as o from"react";import{getSortedFormFields as e}from"@aws-amplify/ui";import{FormField as i}from"./FormField.js";import{useAuthenticator as m}from"../hooks/useAuthenticator/index.js";function s(){const{_state:s,route:a}=m((({route:r})=>[r])),n=o.useRef(e(a,s).flatMap((([t,o],e)=>r(i,Object.assign({name:t},o),e)))).current;return r(t,{children:n})}export{s as FormFields};