@popmenu/common-ui 0.127.0 → 0.127.1

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationAltActions.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, Divider, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n  main: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n  },\n}))\nexport const FollowerAuthenticationAltActions = () => {\n  const { state, messages, logos, loading, onActionButtonClick } = useFollowerAuthenticationDialogContext()\n  const classes = useStyles()\n  switch (state.value) {\n    case 'initial':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            startIcon={logos.facebook}\n            onClick={() => {\n              onActionButtonClick('sign-in-with-facebook')\n            }}\n          >\n            {messages.continueWithFacebookButtonLabel}\n          </Button>\n          <Button\n            variant=\"outlined\"\n            startIcon={logos.google}\n            onClick={() => {\n              onActionButtonClick('sign-in-with-google')\n            }}\n          >\n            {messages.continueWithGoogleButtonLabel}\n          </Button>\n        </Box>\n      )\n    case 'signUp':\n      return null\n    case 'emailFound':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              onActionButtonClick('sign-in-with-password')\n            }}\n          >\n            {messages.signInWithPassword}\n          </Button>\n        </Box>\n      )\n    case 'emailAuthCode':\n      return (\n        <Box className={classes.main}>\n          <Button\n            disabled={loading}\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-email', values)\n            }}\n          >\n            {messages.resendAuthCode}\n          </Button>\n        </Box>\n      )\n    case 'indirectUserFound':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              onActionButtonClick('use-different-account')\n            }}\n          >\n            {messages.indirectUserFoundCtaButtonLabelAlt}\n          </Button>\n        </Box>\n      )\n    case 'emailPasswordSignIn':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-email', values)\n            }}\n          >\n            {messages.emailFoundCtaButtonLabel}\n          </Button>\n        </Box>\n      )\n    case 'phoneFound':\n      return null\n    case 'phoneAuthCode':\n      return (\n        <Box className={classes.main}>\n          <Button\n            disabled={loading}\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-sms', values)\n            }}\n          >\n            {messages.resendAuthCode}\n          </Button>\n        </Box>\n      )\n    case 'phonePasswordSignIn':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-sms', values)\n            }}\n          >\n            {messages.phoneFoundCtaButtonLabel}\n          </Button>\n        </Box>\n      )\n    case 'welcome':\n      return (\n        <Button\n          onClick={() => {\n            onActionButtonClick('close')\n          }}\n        >\n          {messages.done}\n        </Button>\n      )\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":";;;;AAIA,IAAM,SAAS,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,OAAO,EAAE,EAAE;AACZ,KAAA;CACF,EAAC,EAAA,CAAC;AACU,IAAA,gCAAgC,GAAG,YAAA;AACxC,IAAA,IAAA,KAA2D,sCAAsC,EAAE,EAAjG,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,mBAAmB,yBAA6C;AACzG,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QAAQ,KAAK,CAAC,KAAK;AACjB,QAAA,KAAK,SAAS;YACZ,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAC1B,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,OAAO,EAAE,YAAA;wBACP,mBAAmB,CAAC,uBAAuB,CAAC;AAC9C,qBAAC,EAEA,EAAA,QAAQ,CAAC,+BAA+B,CAClC;AACT,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,OAAO,EAAE,YAAA;wBACP,mBAAmB,CAAC,qBAAqB,CAAC;AAC5C,qBAAC,IAEA,QAAQ,CAAC,6BAA6B,CAChC,CACL;AAEV,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,IAAI;AACb,QAAA,KAAK,YAAY;YACf,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAC1B,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAA;wBACP,mBAAmB,CAAC,uBAAuB,CAAC;AAC9C,qBAAC,IAEA,QAAQ,CAAC,kBAAkB,CACrB,CACL;AAEV,QAAA,KAAK,eAAe;YAClB,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;gBAC1B,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAA;wBACP,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB;AACvF,wBAAA,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC;wBACnC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAA2B;AAC/E,wBAAA,mBAAmB,CAAC,yBAAyB,EAAE,MAAM,CAAC;AACxD,qBAAC,IAEA,QAAQ,CAAC,cAAc,CACjB,CACL;AAEV,QAAA,KAAK,mBAAmB;YACtB,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAC1B,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAA;wBACP,mBAAmB,CAAC,uBAAuB,CAAC;AAC9C,qBAAC,IAEA,QAAQ,CAAC,kCAAkC,CACrC,CACL;AAEV,QAAA,KAAK,qBAAqB;YACxB,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAC1B,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAA;wBACP,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB;AACvF,wBAAA,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC;wBACnC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAA2B;AAC/E,wBAAA,mBAAmB,CAAC,yBAAyB,EAAE,MAAM,CAAC;AACxD,qBAAC,IAEA,QAAQ,CAAC,wBAAwB,CAC3B,CACL;AAEV,QAAA,KAAK,YAAY;AACf,YAAA,OAAO,IAAI;AACb,QAAA,KAAK,eAAe;YAClB,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;gBAC1B,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAA;wBACP,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB;AACvF,wBAAA,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC;wBACnC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAA2B;AAC/E,wBAAA,mBAAmB,CAAC,uBAAuB,EAAE,MAAM,CAAC;AACtD,qBAAC,IAEA,QAAQ,CAAC,cAAc,CACjB,CACL;AAEV,QAAA,KAAK,qBAAqB;YACxB,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;AAC1B,gBAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAG,IAAA,CAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAA;wBACP,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB;AACvF,wBAAA,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC;wBACnC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,CAA2B;AAC/E,wBAAA,mBAAmB,CAAC,uBAAuB,EAAE,MAAM,CAAC;AACtD,qBAAC,IAEA,QAAQ,CAAC,wBAAwB,CAC3B,CACL;AAEV,QAAA,KAAK,SAAS;AACZ,YAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,YAAA;oBACP,mBAAmB,CAAC,OAAO,CAAC;AAC9B,iBAAC,IAEA,QAAQ,CAAC,IAAI,CACP;AAEb,QAAA;AACE,YAAA,OAAO,IAAI;AACd;AACH;;;;"}
+{"version":3,"file":"FollowerAuthenticationAltActions.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.tsx"],"sourcesContent":["import React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { Box, Button, Divider, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n  main: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    gridGap: 16,\n  },\n}))\nexport const FollowerAuthenticationAltActions = () => {\n  const { state, messages, logos, loading, onActionButtonClick } = useFollowerAuthenticationDialogContext()\n  const classes = useStyles()\n  switch (state.value) {\n    case 'initial':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            startIcon={logos.facebook}\n            onClick={() => {\n              onActionButtonClick('sign-in-with-facebook')\n            }}\n          >\n            {messages.continueWithFacebookButtonLabel}\n          </Button>\n          <Button\n            variant=\"outlined\"\n            startIcon={logos.google}\n            onClick={() => {\n              onActionButtonClick('sign-in-with-google')\n            }}\n          >\n            {messages.continueWithGoogleButtonLabel}\n          </Button>\n        </Box>\n      )\n    case 'signUp':\n      return null\n    case 'emailFound':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              onActionButtonClick('sign-in-with-password')\n            }}\n          >\n            {messages.signInWithPassword}\n          </Button>\n        </Box>\n      )\n    case 'emailAuthCode':\n      return (\n        <Box className={classes.main}>\n          <Button\n            disabled={loading}\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-email', values)\n            }}\n          >\n            {messages.resendAuthCode}\n          </Button>\n        </Box>\n      )\n    case 'indirectUserFound':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              onActionButtonClick('use-different-account')\n            }}\n          >\n            {messages.indirectUserFoundCtaButtonLabelAlt}\n          </Button>\n        </Box>\n      )\n    case 'emailPasswordSignIn':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-email', values)\n            }}\n          >\n            {messages.emailFoundCtaButtonLabel}\n          </Button>\n        </Box>\n      )\n    case 'phoneFound':\n      return null\n    case 'phoneAuthCode':\n      return (\n        <Box className={classes.main}>\n          <Button\n            disabled={loading}\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-sms', values)\n            }}\n          >\n            {messages.resendAuthCode}\n          </Button>\n        </Box>\n      )\n    case 'phonePasswordSignIn':\n      return (\n        <Box className={classes.main}>\n          <Divider />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              const form = document.querySelector('#follower-authentication-form') as HTMLFormElement\n              const formData = new FormData(form)\n              const values = Object.fromEntries(formData.entries()) as Record<string, string>\n              onActionButtonClick('request-auth-code-sms', values)\n            }}\n          >\n            {messages.phoneFoundCtaButtonLabel}\n          </Button>\n        </Box>\n      )\n    case 'welcome':\n      return (\n        <Button\n          onClick={() => {\n            onActionButtonClick('close')\n          }}\n        >\n          {messages.done}\n        </Button>\n      )\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":"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"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FollowerAuthenticationBody: () => JSX.Element;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { FollowerAuthenticationForm } from './FollowerAuthenticationForm.js';
 import { FollowerAuthenticationAltActions } from './FollowerAuthenticationAltActions.js';
 
-var FollowerAuthenticationBody = function () {
+const FollowerAuthenticationBody = () => {
     return (React.createElement(React.Fragment, null,
         React.createElement(FollowerAuthenticationForm, null),
         React.createElement(FollowerAuthenticationAltActions, null)));

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationBody.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.tsx"],"sourcesContent":["import React from 'react'\nimport { FollowerAuthenticationForm } from './FollowerAuthenticationForm'\nimport { FollowerAuthenticationAltActions } from './FollowerAuthenticationAltActions'\n\nexport const FollowerAuthenticationBody = () => {\n  return (\n    <React.Fragment>\n      <FollowerAuthenticationForm />\n      <FollowerAuthenticationAltActions />\n    </React.Fragment>\n  )\n}\n"],"names":[],"mappings":";;;;AAIa,IAAA,0BAA0B,GAAG,YAAA;AACxC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,0BAA0B,EAAG,IAAA,CAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAAC,gCAAgC,EAAA,IAAA,CAAG,CACrB;AAErB;;;;"}
+{"version":3,"file":"FollowerAuthenticationBody.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.tsx"],"sourcesContent":["import React from 'react'\nimport { FollowerAuthenticationForm } from './FollowerAuthenticationForm'\nimport { FollowerAuthenticationAltActions } from './FollowerAuthenticationAltActions'\n\nexport const FollowerAuthenticationBody = () => {\n  return (\n    <React.Fragment>\n      <FollowerAuthenticationForm />\n      <FollowerAuthenticationAltActions />\n    </React.Fragment>\n  )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,0BAA0B,GAAG,MAAK;AAC7C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,0BAA0B,EAAG,IAAA,CAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAAC,gCAAgC,EAAA,IAAA,CAAG,CACrB;AAErB;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FollowerAuthenticationCloseButton: () => JSX.Element;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.js

@@ -3,17 +3,17 @@ import React from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
 import { X } from '@popmenu/web-icons';
 
-var useStyles = makeStyles(function () { return ({
+const useStyles = makeStyles(() => ({
     root: {
         position: 'absolute',
         top: 0,
         right: 0,
     },
-}); });
-var FollowerAuthenticationCloseButton = function () {
-    var _a = useFollowerAuthenticationDialogContext(), messages = _a.messages, onActionButtonClick = _a.onActionButtonClick;
-    var classes = useStyles();
-    var handleClose = function () {
+}));
+const FollowerAuthenticationCloseButton = () => {
+    const { messages, onActionButtonClick } = useFollowerAuthenticationDialogContext();
+    const classes = useStyles();
+    const handleClose = () => {
         onActionButtonClick('close');
     };
     return (React.createElement(IconButton, { classes: classes, "aria-label": messages.closeButtonLabel, onClick: handleClose },

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationCloseButton.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.tsx"],"sourcesContent":["import { IconButton, makeStyles } from '@material-ui/core'\nimport React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { X as XIcon } from '@popmenu/web-icons'\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n  },\n}))\nexport const FollowerAuthenticationCloseButton = () => {\n  const { messages, onActionButtonClick } = useFollowerAuthenticationDialogContext()\n  const classes = useStyles()\n  const handleClose = () => {\n    onActionButtonClick('close')\n  }\n  return (\n    <IconButton classes={classes} aria-label={messages.closeButtonLabel} onClick={handleClose}>\n      <XIcon />\n    </IconButton>\n  )\n}\n"],"names":["XIcon"],"mappings":";;;;;AAKA,IAAM,SAAS,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;CACF,EAAC,EAAA,CAAC;AACU,IAAA,iCAAiC,GAAG,YAAA;IACzC,IAAA,EAAA,GAAoC,sCAAsC,EAAE,EAA1E,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,mBAAmB,GAAA,EAAA,CAAA,mBAA6C;AAClF,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,IAAM,WAAW,GAAG,YAAA;QAClB,mBAAmB,CAAC,OAAO,CAAC;AAC9B,KAAC;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAc,YAAA,EAAA,QAAQ,CAAC,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAA;AACvF,QAAA,KAAA,CAAA,aAAA,CAACA,CAAK,EAAA,IAAA,CAAG,CACE;AAEjB;;;;"}
+{"version":3,"file":"FollowerAuthenticationCloseButton.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.tsx"],"sourcesContent":["import { IconButton, makeStyles } from '@material-ui/core'\nimport React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\nimport { X as XIcon } from '@popmenu/web-icons'\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n  },\n}))\nexport const FollowerAuthenticationCloseButton = () => {\n  const { messages, onActionButtonClick } = useFollowerAuthenticationDialogContext()\n  const classes = useStyles()\n  const handleClose = () => {\n    onActionButtonClick('close')\n  }\n  return (\n    <IconButton classes={classes} aria-label={messages.closeButtonLabel} onClick={handleClose}>\n      <XIcon />\n    </IconButton>\n  )\n}\n"],"names":["XIcon"],"mappings":";;;;;AAKA,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA,CAAC,CAAC;AACI,MAAM,iCAAiC,GAAG,MAAK;IACpD,MAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,GAAG,sCAAsC,EAAE;AAClF,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,WAAW,GAAG,MAAK;QACvB,mBAAmB,CAAC,OAAO,CAAC;AAC9B,KAAC;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAc,YAAA,EAAA,QAAQ,CAAC,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAA;AACvF,QAAA,KAAA,CAAA,aAAA,CAACA,CAAK,EAAA,IAAA,CAAG,CACE;AAEjB;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import { makeStyles, DialogContent } from '@material-ui/core';
 
-var useStyles = makeStyles(function () { return ({
+const useStyles = makeStyles(() => ({
     root: {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
         gridGap: 16,
     },
-}); });
-var FollowerAuthenticationContent = function (props) {
-    var classes = useStyles();
+}));
+const FollowerAuthenticationContent = (props) => {
+    const classes = useStyles();
     return React.createElement(DialogContent, { classes: classes }, props.children);
 };
 

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationContent.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.tsx"],"sourcesContent":["import React from 'react'\nimport { DialogContent, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    gridGap: 16,\n  },\n}))\nexport const FollowerAuthenticationContent = (props: { children: React.ReactNode }) => {\n  const classes = useStyles()\n  return <DialogContent classes={classes}>{props.children}</DialogContent>\n}\n"],"names":[],"mappings":";;;AAGA,IAAM,SAAS,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE,EAAE;AACZ,KAAA;CACF,EAAC,EAAA,CAAC;AACI,IAAM,6BAA6B,GAAG,UAAC,KAAoC,EAAA;AAChF,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,EAAG,KAAK,CAAC,QAAQ,CAAiB;AAC1E;;;;"}
+{"version":3,"file":"FollowerAuthenticationContent.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.tsx"],"sourcesContent":["import React from 'react'\nimport { DialogContent, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    gridGap: 16,\n  },\n}))\nexport const FollowerAuthenticationContent = (props: { children: React.ReactNode }) => {\n  const classes = useStyles()\n  return <DialogContent classes={classes}>{props.children}</DialogContent>\n}\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE,EAAE;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;AACU,MAAA,6BAA6B,GAAG,CAAC,KAAoC,KAAI;AACpF,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,EAAG,KAAK,CAAC,QAAQ,CAAiB;AAC1E;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialogProps';
 export declare const FollowerAuthenticationDialog: (props: FollowerAuthenticationDialogProps) => JSX.Element;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js

@@ -1,24 +1,20 @@
-import { __rest } from 'tslib';
-import React from 'react';
 import { createTheme, useMediaQuery, ThemeProvider, Dialog } from '@material-ui/core';
-import { FollowerAuthenticationContent } from './FollowerAuthenticationContent.js';
-import { FollowerAuthenticationGraphic } from './FollowerAuthenticationGraphic.js';
+import React from 'react';
+import { FollowerAuthenticationDialogContextProvider } from './context.js';
 import { FollowerAuthenticationBody } from './FollowerAuthenticationBody.js';
+import { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton.js';
+import { FollowerAuthenticationContent } from './FollowerAuthenticationContent.js';
 import { FollowerAuthenticationFooter } from './FollowerAuthenticationFooter.js';
-import { FollowerAuthenticationDialogContextProvider } from './context.js';
-import { FollowerAuthenticationTitle } from './FollowerAuthenticationTitle.js';
+import { FollowerAuthenticationGraphic } from './FollowerAuthenticationGraphic.js';
 import { FollowerAuthenticationInfo } from './FollowerAuthenticationInfo.js';
-import { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton.js';
+import { FollowerAuthenticationTitle } from './FollowerAuthenticationTitle.js';
 import { theme } from './theme.js';
 
-var FollowerAuthenticationDialog = function (props) {
-    var open = props.open, restProps = __rest(props, ["open"]);
-    var theme$1 = createTheme(theme);
-    var fullScreen = useMediaQuery(function (_a) {
-        var breakpoints = _a.breakpoints;
-        return breakpoints.down('sm');
-    });
-    var handleClose = function () {
+const FollowerAuthenticationDialog = (props) => {
+    const { open, ...restProps } = props;
+    const theme$1 = createTheme(theme);
+    const fullScreen = useMediaQuery((theme) => theme.breakpoints.down('sm'));
+    const handleClose = () => {
         restProps.onActionButtonClick('close');
     };
     return (React.createElement(ThemeProvider, { theme: theme$1 },

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationDialog.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.tsx"],"sourcesContent":["import React from 'react'\nimport { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialogProps'\nimport { createTheme, Dialog, ThemeProvider, useMediaQuery } from '@material-ui/core'\nimport { FollowerAuthenticationContent } from './FollowerAuthenticationContent'\nimport { FollowerAuthenticationGraphic } from './FollowerAuthenticationGraphic'\nimport { FollowerAuthenticationBody } from './FollowerAuthenticationBody'\nimport { FollowerAuthenticationFooter } from './FollowerAuthenticationFooter'\nimport { FollowerAuthenticationDialogContextProvider } from './context'\nimport { FollowerAuthenticationTitle } from './FollowerAuthenticationTitle'\nimport { FollowerAuthenticationInfo } from './FollowerAuthenticationInfo'\nimport { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton'\nimport { theme as themeOptions } from './theme'\n\nexport const FollowerAuthenticationDialog = (props: FollowerAuthenticationDialogProps) => {\n  const { open, ...restProps } = props\n  const theme = createTheme(themeOptions)\n  const fullScreen = useMediaQuery(({ breakpoints }) => breakpoints.down('sm'))\n  const handleClose = () => {\n    restProps.onActionButtonClick('close')\n  }\n  return (\n    <ThemeProvider theme={theme}>\n      <FollowerAuthenticationDialogContextProvider value={restProps}>\n        <Dialog open={open} fullScreen={fullScreen} onClose={handleClose}>\n          <FollowerAuthenticationContent>\n            <FollowerAuthenticationCloseButton />\n            <FollowerAuthenticationGraphic />\n            <FollowerAuthenticationTitle />\n            <FollowerAuthenticationInfo />\n            <FollowerAuthenticationBody />\n            <FollowerAuthenticationFooter />\n          </FollowerAuthenticationContent>\n        </Dialog>\n      </FollowerAuthenticationDialogContextProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":["theme","themeOptions"],"mappings":";;;;;;;;;;;;;AAaO,IAAM,4BAA4B,GAAG,UAAC,KAAwC,EAAA;IAC3E,IAAA,IAAI,GAAmB,KAAK,CAAxB,IAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9B,CAAsB,MAAA,CAAA,CAAF;AAC1B,IAAA,IAAMA,OAAK,GAAG,WAAW,CAACC,KAAY,CAAC;AACvC,IAAA,IAAM,UAAU,GAAG,aAAa,CAAC,UAAC,EAAe,EAAA;AAAb,QAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA;AAAO,QAAA,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AAAtB,KAAsB,CAAC;AAC7E,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC;AACxC,KAAC;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,KAAK,EAAED,OAAK,EAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,2CAA2C,EAAA,EAAC,KAAK,EAAE,SAAS,EAAA;AAC3D,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAA;AAC9D,gBAAA,KAAA,CAAA,aAAA,CAAC,6BAA6B,EAAA,IAAA;AAC5B,oBAAA,KAAA,CAAA,aAAA,CAAC,iCAAiC,EAAG,IAAA,CAAA;AACrC,oBAAA,KAAA,CAAA,aAAA,CAAC,6BAA6B,EAAG,IAAA,CAAA;AACjC,oBAAA,KAAA,CAAA,aAAA,CAAC,2BAA2B,EAAG,IAAA,CAAA;AAC/B,oBAAA,KAAA,CAAA,aAAA,CAAC,0BAA0B,EAAG,IAAA,CAAA;AAC9B,oBAAA,KAAA,CAAA,aAAA,CAAC,0BAA0B,EAAG,IAAA,CAAA;AAC9B,oBAAA,KAAA,CAAA,aAAA,CAAC,4BAA4B,EAAG,IAAA,CAAA,CACF,CACzB,CACmC,CAChC;AAEpB;;;;"}
+{"version":3,"file":"FollowerAuthenticationDialog.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.tsx"],"sourcesContent":["import { createTheme, Dialog, Theme, ThemeProvider, useMediaQuery } from '@material-ui/core'\nimport React from 'react'\nimport { FollowerAuthenticationDialogContextProvider } from './context'\nimport { FollowerAuthenticationBody } from './FollowerAuthenticationBody'\nimport { FollowerAuthenticationCloseButton } from './FollowerAuthenticationCloseButton'\nimport { FollowerAuthenticationContent } from './FollowerAuthenticationContent'\nimport { FollowerAuthenticationDialogProps } from './FollowerAuthenticationDialogProps'\nimport { FollowerAuthenticationFooter } from './FollowerAuthenticationFooter'\nimport { FollowerAuthenticationGraphic } from './FollowerAuthenticationGraphic'\nimport { FollowerAuthenticationInfo } from './FollowerAuthenticationInfo'\nimport { FollowerAuthenticationTitle } from './FollowerAuthenticationTitle'\nimport { theme as themeOptions } from './theme'\n\nexport const FollowerAuthenticationDialog = (props: FollowerAuthenticationDialogProps) => {\n  const { open, ...restProps } = props\n  const theme = createTheme(themeOptions)\n  const fullScreen = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'))\n  const handleClose = () => {\n    restProps.onActionButtonClick('close')\n  }\n  return (\n    <ThemeProvider theme={theme}>\n      <FollowerAuthenticationDialogContextProvider value={restProps}>\n        <Dialog open={open} fullScreen={fullScreen} onClose={handleClose}>\n          <FollowerAuthenticationContent>\n            <FollowerAuthenticationCloseButton />\n            <FollowerAuthenticationGraphic />\n            <FollowerAuthenticationTitle />\n            <FollowerAuthenticationInfo />\n            <FollowerAuthenticationBody />\n            <FollowerAuthenticationFooter />\n          </FollowerAuthenticationContent>\n        </Dialog>\n      </FollowerAuthenticationDialogContextProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":["theme","themeOptions"],"mappings":";;;;;;;;;;;;AAaa,MAAA,4BAA4B,GAAG,CAAC,KAAwC,KAAI;IACvF,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpC,IAAA,MAAMA,OAAK,GAAG,WAAW,CAACC,KAAY,CAAC;AACvC,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC;AACxC,KAAC;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,KAAK,EAAED,OAAK,EAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,2CAA2C,EAAA,EAAC,KAAK,EAAE,SAAS,EAAA;AAC3D,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAA;AAC9D,gBAAA,KAAA,CAAA,aAAA,CAAC,6BAA6B,EAAA,IAAA;AAC5B,oBAAA,KAAA,CAAA,aAAA,CAAC,iCAAiC,EAAG,IAAA,CAAA;AACrC,oBAAA,KAAA,CAAA,aAAA,CAAC,6BAA6B,EAAG,IAAA,CAAA;AACjC,oBAAA,KAAA,CAAA,aAAA,CAAC,2BAA2B,EAAG,IAAA,CAAA;AAC/B,oBAAA,KAAA,CAAA,aAAA,CAAC,0BAA0B,EAAG,IAAA,CAAA;AAC9B,oBAAA,KAAA,CAAA,aAAA,CAAC,0BAA0B,EAAG,IAAA,CAAA;AAC9B,oBAAA,KAAA,CAAA,aAAA,CAAC,4BAA4B,EAAG,IAAA,CAAA,CACF,CACzB,CACmC,CAChC;AAEpB;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialogProps.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type FollowerAuthenticationDialogProps = {
+export type FollowerAuthenticationDialogProps = {
     open: boolean;
     state: ReducerState;
     messages: Record<MessageKey, ReactNode> & {
@@ -11,7 +11,7 @@ export declare type FollowerAuthenticationDialogProps = {
     logos: Record<'popmenu' | 'facebook' | 'google', ReactNode>;
     onActionButtonClick: (eventType: ClickEventType, values?: Record<string, string>) => void;
 };
-export declare type ReducerState = {
+export type ReducerState = {
     value: ReducerStateValue;
     context: {
         email?: string;
@@ -19,10 +19,10 @@ export declare type ReducerState = {
         name?: string;
     };
 };
-export declare type ReducerStateValue = 'initial' | 'signUp' | 'emailFound' | 'indirectUserFound' | 'emailAuthCode' | 'emailPasswordSignIn' | 'phoneFound' | 'phoneAuthCode' | 'phonePasswordSignIn' | 'welcome' | 'requirePhone';
-export declare type ClickEventType = 'submit-form' | 'click-close' | 'code-sent' | 'request-auth-code-email' | 'request-auth-code-sms' | 'close' | 'use-different-account' | 'sign-in-with-password' | 'sign-in-with-facebook' | 'sign-in-with-google';
-export declare type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | `${ReducerStateValue}GraphicAlt` | 'requirePhoneInputLabel' | 'requirePhoneCtaButtonLabel' | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'resendAuthCode' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
-declare type LocationOption = {
+export type ReducerStateValue = 'initial' | 'signUp' | 'emailFound' | 'indirectUserFound' | 'emailAuthCode' | 'emailPasswordSignIn' | 'phoneFound' | 'phoneAuthCode' | 'phonePasswordSignIn' | 'welcome' | 'requirePhone';
+export type ClickEventType = 'submit-form' | 'click-close' | 'code-sent' | 'request-auth-code-email' | 'request-auth-code-sms' | 'close' | 'use-different-account' | 'sign-in-with-password' | 'sign-in-with-facebook' | 'sign-in-with-google';
+export type MessageKey = `${ReducerStateValue}Title` | `${ReducerStateValue}Info` | `${ReducerStateValue}GraphicAlt` | 'requirePhoneInputLabel' | 'requirePhoneCtaButtonLabel' | 'indirectUserFoundLabel' | 'indirectUserFoundCtaButtonLabel' | 'indirectUserFoundCtaButtonLabelAlt' | 'signUpPhoneErrorText' | 'signUpPhoneInputLabel' | 'signUpNameInputLabel' | 'signUpEmailErrorText' | 'signUpEmailInputLabel' | 'signUpLocationErrorText' | 'signUpLocationInputLabel' | 'signUpBirthdaySectionLabel' | 'signUpMonthInputLabel' | 'signUpDayInputLabel' | 'signUp' | 'signUpFinePrint' | 'emailFoundInputLabel' | 'emailFoundCtaButtonLabel' | 'phoneFoundInputLabel' | 'phoneFoundCtaButtonLabel' | 'emailAuthCodeInputLabel' | 'phoneAuthCodeInputLabel' | 'resendAuthCode' | 'or' | 'popmenuLogoAlt' | 'continueWithFacebookButtonLabel' | 'continueWithGoogleButtonLabel' | 'initialCtaButtonLabel' | 'initialInputLabel' | 'passwordInputLabel' | 'poweredBy' | 'done' | 'signIn' | 'signInWithPassword';
+type LocationOption = {
     label: string;
     value: string;
 };

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FollowerAuthenticationFooter: () => JSX.Element;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.js

@@ -2,8 +2,8 @@ import { Box, Typography } from '@material-ui/core';
 import React from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
 
-var FollowerAuthenticationFooter = function () {
-    var _a = useFollowerAuthenticationDialogContext(), messages = _a.messages, logos = _a.logos;
+const FollowerAuthenticationFooter = () => {
+    const { messages, logos } = useFollowerAuthenticationDialogContext();
     return (React.createElement(Box, { display: "flex", gridGap: 8 },
         React.createElement(Typography, { variant: "body2" }, messages.poweredBy),
         logos.popmenu));

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowerAuthenticationFooter.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.tsx"],"sourcesContent":["import { Box, Typography } from '@material-ui/core'\nimport React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\n\nexport const FollowerAuthenticationFooter = () => {\n  const { messages, logos } = useFollowerAuthenticationDialogContext()\n  return (\n    <Box display=\"flex\" gridGap={8}>\n      <Typography variant=\"body2\">{messages.poweredBy}</Typography>\n      {logos.popmenu}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAIa,IAAA,4BAA4B,GAAG,YAAA;IACpC,IAAA,EAAA,GAAsB,sCAAsC,EAAE,EAA5D,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAA6C;IACpE,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAA;QAC5B,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,OAAO,EAAE,EAAA,QAAQ,CAAC,SAAS,CAAc;AAC5D,QAAA,KAAK,CAAC,OAAO,CACV;AAEV;;;;"}
+{"version":3,"file":"FollowerAuthenticationFooter.js","sources":["../../../../src/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.tsx"],"sourcesContent":["import { Box, Typography } from '@material-ui/core'\nimport React from 'react'\nimport { useFollowerAuthenticationDialogContext } from './context'\n\nexport const FollowerAuthenticationFooter = () => {\n  const { messages, logos } = useFollowerAuthenticationDialogContext()\n  return (\n    <Box display=\"flex\" gridGap={8}>\n      <Typography variant=\"body2\">{messages.poweredBy}</Typography>\n      {logos.popmenu}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,4BAA4B,GAAG,MAAK;IAC/C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,sCAAsC,EAAE;IACpE,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAA;QAC5B,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,OAAO,EAAE,EAAA,QAAQ,CAAC,SAAS,CAAc;AAC5D,QAAA,KAAK,CAAC,OAAO,CACV;AAEV;;;;"}

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FollowerAuthenticationForm: () => JSX.Element | null;

package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js

@@ -1,9 +1,8 @@
-import { __assign } from 'tslib';
 import React, { useRef, useState, useEffect } from 'react';
 import { useFollowerAuthenticationDialogContext } from './context.js';
 import { makeStyles, TextField, Button, MenuItem, Typography } from '@material-ui/core';
 
-var useStyles = makeStyles(function () { return ({
+const useStyles = makeStyles(() => ({
     form: {
         display: 'flex',
         flexDirection: 'column',
@@ -11,38 +10,37 @@ var useStyles = makeStyles(function () { return ({
         width: '100%',
         gridGap: 16,
     },
-}); });
-var northAmericanPhoneRegex = /^(\()?[2-9]{1}\d{2}(\))?[-\s.]?[2-9]{1}\d{2}[-\s.]?\d{4}$/;
-var ukPhoneRegex = /^((\+?44\s?|0044\s?)(\s?\d{3,5}|\(\d{3,5}\))(\s?\d{3,4})(\s?\d{3,4})$|^07\d{9}$)/;
-var validatePhoneNumber = function (phone) {
+}));
+const northAmericanPhoneRegex = /^(\()?[2-9]{1}\d{2}(\))?[-\s.]?[2-9]{1}\d{2}[-\s.]?\d{4}$/;
+const ukPhoneRegex = /^((\+?44\s?|0044\s?)(\s?\d{3,5}|\(\d{3,5}\))(\s?\d{3,4})(\s?\d{3,4})$|^07\d{9}$)/;
+const validatePhoneNumber = (phone) => {
     if (!phone)
         return false;
     return northAmericanPhoneRegex.test(phone) || ukPhoneRegex.test(phone);
 };
-var FollowerAuthenticationForm = function () {
-    var _a = useFollowerAuthenticationDialogContext(), state = _a.state, messages = _a.messages, locationOptions = _a.locationOptions, onActionButtonClick = _a.onActionButtonClick, loading = _a.loading;
-    var classes = useStyles();
+const FollowerAuthenticationForm = () => {
+    const { state, messages, locationOptions, onActionButtonClick, loading } = useFollowerAuthenticationDialogContext();
+    const classes = useStyles();
     // sign-up form state
-    var formRef = useRef(null);
-    var _b = useState(false), formValidity = _b[0], setFormValidity = _b[1];
-    var _c = useState(), showPhoneErrorText = _c[0], setShowPhoneErrorText = _c[1];
-    var _d = useState(), showEmailErrorText = _d[0], setShowEmailErrorText = _d[1];
-    var _e = useState(), showLocationErrorText = _e[0], setShowLocationErrorText = _e[1];
-    var _f = useState(state.context.phone || ''), signUpPhoneValue = _f[0], setSignUpPhoneValue = _f[1];
-    var _g = useState(state.context.email || ''), signUpEmailValue = _g[0], setSignUpEmailValue = _g[1];
-    var checkFieldValidity = function (e) {
-        var _a, _b;
-        var fieldName = e.target.name;
-        var fieldValue = e.target.value;
+    const formRef = useRef(null);
+    const [formValidity, setFormValidity] = useState(false);
+    const [showPhoneErrorText, setShowPhoneErrorText] = useState();
+    const [showEmailErrorText, setShowEmailErrorText] = useState();
+    const [showLocationErrorText, setShowLocationErrorText] = useState();
+    const [signUpPhoneValue, setSignUpPhoneValue] = useState(state.context.phone || '');
+    const [signUpEmailValue, setSignUpEmailValue] = useState(state.context.email || '');
+    const checkFieldValidity = (e) => {
+        const fieldName = e.target.name;
+        const fieldValue = e.target.value;
         switch (fieldName) {
             case 'phone':
-                var isPhoneValid = validatePhoneNumber(fieldValue);
+                const isPhoneValid = validatePhoneNumber(fieldValue);
                 setSignUpPhoneValue(fieldValue);
                 setShowPhoneErrorText(!isPhoneValid && fieldValue.length > 0);
                 break;
             case 'email':
-                var emailField = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.elements.namedItem(fieldName);
-                var isEmailValid = (_b = emailField === null || emailField === void 0 ? void 0 : emailField.validity.valid) !== null && _b !== void 0 ? _b : false;
+                const emailField = formRef.current?.elements.namedItem(fieldName);
+                const isEmailValid = emailField?.validity.valid ?? false;
                 setSignUpEmailValue(fieldValue);
                 setShowEmailErrorText(!isEmailValid && fieldValue.length > 0);
                 break;
@@ -51,52 +49,51 @@ var FollowerAuthenticationForm = function () {
                 break;
         }
     };
-    useEffect(function () {
+    useEffect(() => {
         setSignUpPhoneValue(state.context.phone || '');
         setSignUpEmailValue(state.context.email || '');
     }, [state.context.phone, state.context.email]);
-    useEffect(function () {
-        var _a, _b, _c;
+    useEffect(() => {
         // Validate pre-filled values (only in signUp state)
         if (state.value === 'signUp') {
             if (signUpPhoneValue) {
-                var isPhoneValid = validatePhoneNumber(signUpPhoneValue);
+                const isPhoneValid = validatePhoneNumber(signUpPhoneValue);
                 setShowPhoneErrorText(!isPhoneValid);
             }
             if (signUpEmailValue) {
-                var emailField = (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.elements.namedItem('email');
-                var isEmailValid = (_b = emailField === null || emailField === void 0 ? void 0 : emailField.validity.valid) !== null && _b !== void 0 ? _b : false;
+                const emailField = formRef.current?.elements.namedItem('email');
+                const isEmailValid = emailField?.validity.valid ?? false;
                 setShowEmailErrorText(!isEmailValid);
             }
         }
-        var hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText;
-        var hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText;
-        var locationField = (_c = formRef.current) === null || _c === void 0 ? void 0 : _c.elements.namedItem('location');
-        var hasValidLocation = locationField ? Boolean(locationField.value) : true;
-        var hasValidContact = hasValidPhone || hasValidEmail;
+        const hasValidPhone = Boolean(signUpPhoneValue) && !showPhoneErrorText;
+        const hasValidEmail = Boolean(signUpEmailValue) && !showEmailErrorText;
+        const locationField = formRef.current?.elements.namedItem('location');
+        const hasValidLocation = locationField ? Boolean(locationField.value) : true;
+        const hasValidContact = hasValidPhone || hasValidEmail;
         setFormValidity(hasValidContact && hasValidLocation);
     }, [state.value, signUpPhoneValue, signUpEmailValue, showPhoneErrorText, showEmailErrorText, showLocationErrorText]);
-    var handleSubmit = function (e) {
+    const handleSubmit = (e) => {
         e.preventDefault();
-        var form = e.target;
-        var formData = new FormData(form);
-        var values = Object.fromEntries(formData.entries());
+        const form = e.target;
+        const formData = new FormData(form);
+        const values = Object.fromEntries(formData.entries());
         onActionButtonClick('submit-form', values);
     };
-    var formProps = {
+    const formProps = {
         id: 'follower-authentication-form',
         className: classes.form,
         onSubmit: handleSubmit,
     };
     switch (state.value) {
         case 'initial':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.initialInputLabel, key: "identifier-input", id: "identifier-input", name: "identifier" }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.initialCtaButtonLabel)));
         case 'signUp':
-            return (React.createElement("form", __assign({ ref: formRef }, formProps, { onInvalid: function (e) {
+            return (React.createElement("form", { ref: formRef, ...formProps, onInvalid: (e) => {
                     e.preventDefault();
-                } }),
+                } },
                 React.createElement(TextField, { disabled: loading, label: messages.signUpPhoneInputLabel, key: "phone-input", id: "phone-input", name: "phone", onChange: checkFieldValidity, error: showPhoneErrorText, helperText: showPhoneErrorText && messages.signUpPhoneErrorText, inputProps: {
                         required: signUpEmailValue ? false : true,
                     }, defaultValue: state.context.phone }),
@@ -105,27 +102,27 @@ var FollowerAuthenticationForm = function () {
                         required: signUpPhoneValue ? false : true,
                         type: 'email',
                     }, defaultValue: state.context.email }),
-                React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, key: "location-input", id: "location-input", inputProps: { required: true }, name: "location" }, locationOptions.map(function (locationOption) { return (React.createElement(MenuItem, { "data-cy": 'option', key: locationOption.value, value: locationOption.value }, locationOption.label)); })),
+                React.createElement(TextField, { disabled: loading, select: true, onChange: checkFieldValidity, label: messages.signUpLocationInputLabel, error: showLocationErrorText, helperText: showLocationErrorText && messages.signUpLocationErrorText, key: "location-input", id: "location-input", inputProps: { required: true }, name: "location" }, locationOptions.map((locationOption) => (React.createElement(MenuItem, { "data-cy": 'option', key: locationOption.value, value: locationOption.value }, locationOption.label)))),
                 React.createElement(Typography, { style: { alignSelf: 'start' } }, messages.signUpBirthdaySectionLabel),
                 React.createElement(TextField, { disabled: loading, label: messages.signUpMonthInputLabel, key: "birthday-month-input", id: "birthday-month-input", name: "birthdayMonth" }),
                 React.createElement(TextField, { disabled: loading, label: messages.signUpDayInputLabel, key: "birthday-date-input", id: "birthday-date-input", name: "birthdayDate" }),
                 React.createElement(Button, { disabled: loading || !formValidity, type: "submit" }, messages.signUp)));
         case 'emailFound':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, key: "email-input", id: "email-input", name: "email", value: state.context.email }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.emailFoundCtaButtonLabel)));
         case 'emailAuthCode':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.emailAuthCodeInputLabel, key: "code-input", id: "code-input", name: "code" }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'indirectUserFound': {
             if (state.context.email) {
-                return (React.createElement("form", __assign({}, formProps),
+                return (React.createElement("form", { ...formProps },
                     React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, key: "email-input", id: "email-input", name: "email", value: state.context.email }),
                     React.createElement(Button, { disabled: loading, type: "submit" }, messages.indirectUserFoundCtaButtonLabel)));
             }
             else if (state.context.phone) {
-                return (React.createElement("form", __assign({}, formProps),
+                return (React.createElement("form", { ...formProps },
                     React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone }),
                     React.createElement(Button, { disabled: loading, type: "submit" }, messages.indirectUserFoundCtaButtonLabel)));
             }
@@ -133,25 +130,25 @@ var FollowerAuthenticationForm = function () {
                 return null;
         }
         case 'emailPasswordSignIn':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.emailFoundInputLabel, key: "email-input", id: "email-input", name: "email", value: state.context.email, InputLabelProps: { shrink: true } }),
                 React.createElement(TextField, { disabled: loading, label: messages.passwordInputLabel, key: "password-input", id: "password-input", name: "password", inputProps: { type: 'password' } }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'phoneFound':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.phoneFoundCtaButtonLabel)));
         case 'phoneAuthCode':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.phoneAuthCodeInputLabel, key: "code-input", id: "code-input", name: "code", autoComplete: "one-time-code" }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'phonePasswordSignIn':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.phoneFoundInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone, InputLabelProps: { shrink: true } }),
                 React.createElement(TextField, { disabled: loading, label: messages.passwordInputLabel, key: "password-input", id: "password-input", name: "password", inputProps: { type: 'password' } }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.signIn)));
         case 'requirePhone':
-            return (React.createElement("form", __assign({}, formProps),
+            return (React.createElement("form", { ...formProps },
                 React.createElement(TextField, { disabled: loading, label: messages.requirePhoneInputLabel, key: "phone-input", id: "phone-input", name: "phone", value: state.context.phone }),
                 React.createElement(Button, { disabled: loading, type: "submit" }, messages.requirePhoneCtaButtonLabel)));
         case 'welcome':