amplify-material-ui/lib/cjs/auth/use-username-field.js

A Material-UI based implementation of aws amplify

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUsernameField = void 0;
var React = __importStar(require("react"));
var react_intl_1 = require("react-intl");
var formik_1 = require("formik");
var formik_mui_1 = require("formik-mui");
var ui_1 = require("../ui");
var types_1 = require("./types");
var useUsernameField = function (usernameAttribute) {
    var formatMessage = (0, react_intl_1.useIntl)().formatMessage;
    switch (usernameAttribute) {
        case types_1.UsernameAttribute.EMAIL:
            return {
                usernamefieldName: 'email',
                usernameField: (React.createElement(formik_1.Field, { variant: "outlined", margin: "normal", required: true, fullWidth: true, id: "email", label: formatMessage({
                        id: 'global.labels.email',
                        defaultMessage: 'Email',
                    }), name: "email", autoFocus: true, component: formik_mui_1.TextField })),
            };
        case types_1.UsernameAttribute.PHONE_NUMBER:
            return {
                usernamefieldName: 'phone',
                usernameField: (React.createElement(ui_1.PhoneField, { required: true, label: formatMessage({
                        id: 'global.labels.phoneNumber',
                        defaultMessage: 'Phone Number',
                    }) })),
            };
        default:
            return {
                usernamefieldName: 'username',
                usernameField: (React.createElement(formik_1.Field, { variant: "outlined", margin: "normal", required: true, fullWidth: true, id: "username", label: formatMessage({
                        id: 'global.labels.username',
                        defaultMessage: 'Username',
                    }), name: "username", autoFocus: true, component: formik_mui_1.TextField })),
            };
    }
};
exports.useUsernameField = useUsernameField;