@aws-amplify/ui-react 2.15.2 → 2.15.3

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

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

@@ -1 +1 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{translate as o,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:f,handleSubmit:h}=p(),{components:{SignIn:{Header:j=u.Header,Footer:F=u.Footer}}}=l();return i(t,{children:[e(j,{}),i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:h,onChange:f},{children:[e(m,{}),i(n,Object.assign({direction:"column"},{children:[i("fieldset",Object.assign({style:{display:"flex",flexDirection:"column"},className:"amplify-flex",disabled:r},{children:[e(a,{children:e("legend",{children:o("Sign in")})}),e(g,{route:"signIn"})]})),e(c,{}),e(s,Object.assign({isDisabled:r,isFullWidth:!0,type:"submit",variation:"primary",isLoading:r,loadingText:o("Signing in")},{children:o("Sign in")}))]}))]})),e(F,{})]})}u.Header=()=>null,u.Footer=()=>{const{toResetPassword:i}=d((i=>[i.toResetPassword])),n=r("Forgot your password? ")?o("Forgot your password? "):o("Forgot your password?");return e(t,Object.assign({"data-amplify-footer":""},{children:e(s,Object.assign({fontWeight:"normal",onClick:i,size:"small",variation:"link"},{children:n}))}))};export{u as SignIn};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{translate as o,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:f,handleSubmit:h}=p(),{components:{SignIn:{Header:j=u.Header,Footer:F=u.Footer}}}=l();return i(t,{children:[e(j,{}),i("form",Object.assign({"data-amplify-form":"","data-amplify-authenticator-signin":"",method:"post",onSubmit:h,onChange:f},{children:[e(m,{}),i(n,Object.assign({direction:"column"},{children:[i("fieldset",Object.assign({style:{display:"flex",flexDirection:"column"},className:"amplify-flex",disabled:r},{children:[e(a,{children:e("legend",{children:o("Sign in")})}),e(g,{route:"signIn"})]})),e(c,{}),e(s,Object.assign({isDisabled:r,isFullWidth:!0,type:"submit",variation:"primary",isLoading:r,loadingText:o("Signing in")},{children:o("Sign in")}))]}))]})),e(F,{})]})}u.Footer=()=>{const{toResetPassword:i}=d((i=>[i.toResetPassword])),n=r("Forgot your password? ")?o("Forgot your password? "):o("Forgot your password?");return e(t,Object.assign({"data-amplify-footer":""},{children:e(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/hooks/useAuthenticator/index.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{getSendEventAliases as r,getServiceContextFacade as s,createAuthenticatorMachine as o,listenToAuthHub as n}from"@aws-amplify/ui";import{useSelector as i,useInterpret as c}from"@xstate/react";import u from"lodash/isEmpty";import{areArrayValuesEqual as a}from"../../../../helpers/utils.js";const m=t.createContext({}),p=({children:r})=>{const s=t.useContext(m),i={service:c(o)},a=u(s)?i:s,{service:{send:p}}=a;return t.useEffect((()=>n(p)),[]),e(m.Provider,Object.assign({value:a},{children:r}))},f=e=>{const{service:o}=t.useContext(m);if(!o)return console.error("No `Authenticator.Provider` was found above where `useAuthenticator` hook is. Please ensure you wrap your App with `Authenticator.Provider` like so: https://ui.docs.amplify.aws/components/authenticator#useauthenticator-hook"),null;const n=o.send,c=t.useMemo((()=>r(n)),[o]),u=e=>Object.assign(Object.assign({},c),s(e)),p=t.useRef(),f=i(o,(e=>e),((t,r)=>{if(!e)return!1;const s=p.current,o=u(r);if(p.current=o,!s)return!1;const n=e(s),i=e(o);return a(n,i)}));return Object.assign(Object.assign({},u(f)),{_state:f,_send:n})};export{m as AuthenticatorContext,p as Provider,f as useAuthenticator};
+import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{getSendEventAliases as r,getServiceContextFacade as s,createAuthenticatorMachine as n,listenToAuthHub as o}from"@aws-amplify/ui";import{useSelector as i,useInterpret as c}from"@xstate/react";import u from"lodash/isEmpty";import{areArrayValuesEqual as a}from"../../../../helpers/utils.js";const m=t.createContext({}),f=({children:r})=>{const s=t.useContext(m),i={service:c(n)},a=u(s)?i:s,{service:{send:f}}=a,p=t.useRef(!1);return t.useEffect((()=>{if(!p.current)return p.current=!0,o(f)}),[f]),e(m.Provider,Object.assign({value:a},{children:r}))},p=e=>{const n=(()=>{const{service:e}=t.useContext(m);if(!e)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/components/authenticator.");return e})(),{send:o}=n,c=t.useMemo((()=>r(o)),[o]),u=e=>Object.assign(Object.assign({},c),s(e)),f=t.useRef(),p=i(n,(e=>e),((t,r)=>{if(!e)return!1;const s=f.current,n=u(r);if(f.current=n,!s)return!1;const o=e(s),i=e(n);return a(o,i)}));return Object.assign(Object.assign({},u(p)),{_state:p,_send:o})};export{m as AuthenticatorContext,f as Provider,p as useAuthenticator};

package/dist/esm/components/Geo/MapView/index.js

@@ -1 +1 @@
-import{__rest as o,__awaiter as e}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as i}from"react/jsx-runtime";import{Amplify as t,Auth as r}from"aws-amplify";import l from"maplibre-gl";import{AmplifyMapLibreRequest as m}from"maplibre-gl-js-amplify";import{useState as a,useMemo as s,useEffect as n}from"react";import p from"react-map-gl";const c=c=>{var f,{mapLib:u,mapStyle:v,style:d}=c,g=o(c,["mapLib","mapStyle","style"]);const b=t.configure(),[y,j]=a(),_=s((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},d)),[d]);return n((()=>{e(void 0,void 0,void 0,(function*(){var o;const e=yield r.currentUserCredentials();if(e){const i=null===(o=b.geo)||void 0===o?void 0:o.amazon_location_service.region,{transformRequest:t}=new m(e,i);j((()=>t))}}))}),[]),y?i(p,Object.assign({},g,{mapLib:null!=u?u:l,mapStyle:null!=v?v:null===(f=b.geo)||void 0===f?void 0:f.amazon_location_service.maps.default,style:_,transformRequest:y})):null};export{c as MapView};
+import{__rest as o,__awaiter as i}from"../../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"react/jsx-runtime";import{Amplify as t,Auth as r}from"aws-amplify";import l from"maplibre-gl";import{AmplifyMapLibreRequest as a}from"maplibre-gl-js-amplify";import{useState as m,useMemo as n,useEffect as s}from"react";import p from"react-map-gl";const c=c=>{var v,d,{mapLib:f,mapStyle:u,style:g}=c,b=o(c,["mapLib","mapStyle","style"]);const y=t.configure(),[_,j]=m(),h=n((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},g)),[g]);return s((()=>{i(void 0,void 0,void 0,(function*(){var o;const i=yield r.currentUserCredentials();if(i){const e=null===(o=y.geo)||void 0===o?void 0:o.amazon_location_service.region,{transformRequest:t}=new a(i,e);j((()=>t))}}))}),[null===(v=y.geo)||void 0===v?void 0:v.amazon_location_service.region]),_?e(p,Object.assign({},b,{mapLib:null!=f?f:l,mapStyle:null!=u?u:null===(d=y.geo)||void 0===d?void 0:d.amazon_location_service.maps.default,style:h,transformRequest:_})):null};export{c as MapView};

package/dist/esm/hooks/useComposeRefsCallback.js

@@ -1 +1 @@
-import*as e from"react";const r=({externalRef:r,internalRef:t})=>e.useCallback((e=>{"function"==typeof r?r(e):null!=r&&(r.current=e),t.current=e}),[]);export{r as useComposeRefsCallback};
+import*as e from"react";function r({externalRef:r,internalRef:n}){return e.useCallback((e=>{"function"==typeof r?r(e):null!==r&&(r.current=e),n.current=e}),[r,n])}export{r as useComposeRefsCallback};