@react-firebase/auth
Version:
Easily integrate Firebase Authentication in your react(or react-native) app.
184 lines (172 loc) • 7.47 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = require('react');
var renderAndAddProps = require('render-and-add-props');
var get = _interopDefault(require('lodash/get'));
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var initializeFirebaseApp = function (_a) {
var firebase = _a.firebase, authDomain = _a.authDomain, databaseURL = _a.databaseURL, projectId = _a.projectId, storageBucket = _a.storageBucket, messagingSenderId = _a.messagingSenderId, apiKey = _a.apiKey, appId = _a.appId, measurementId = _a.measurementId;
try {
firebase.initializeApp({
apiKey: apiKey,
authDomain: authDomain,
databaseURL: databaseURL,
projectId: projectId,
storageBucket: storageBucket,
messagingSenderId: messagingSenderId,
appId: appId,
measurementId: measurementId
});
}
catch (err) {
if (err.code !== "app/duplicate-app") {
throw err;
}
}
};
var firebaseAuthProviderDefaultProps = {
isSignedIn: false,
providerId: null,
user: null,
firebase: {}
};
var _a = React.createContext(firebaseAuthProviderDefaultProps), FirebaseAuthContextProvider = _a.Provider, FirebaseAuthContextConsumer = _a.Consumer;
var FirebaseAuthProvider = (function (_super) {
__extends(FirebaseAuthProvider, _super);
function FirebaseAuthProvider(props) {
var _this = _super.call(this, props) || this;
_this.listenToAuth = function () {
var firebase = _this.props.firebase;
_this.stopListeningToAuth = firebase
.app()
.auth()
.onAuthStateChanged(function (user) {
var authEmission = null;
if (user === null) {
authEmission = {
isSignedIn: false,
providerId: "none",
user: user,
firebase: firebase
};
}
else if (user.isAnonymous === true) {
authEmission = {
isSignedIn: true,
providerId: "anonymous",
user: user,
firebase: firebase
};
}
else if (user.providerData && user.providerData[0]) {
authEmission = {
isSignedIn: true,
providerId: get(user, "providerData.0.providerId", "unknown"),
user: user,
firebase: firebase
};
}
if (authEmission !== null) {
_this.setState(function () { return authEmission; });
}
else {
console.error("Something unexpected happened with ", user);
}
});
};
_this.state = {
isSignedIn: false,
providerId: null,
user: null,
firebase: {}
};
if (props.apiKey) {
initializeFirebaseApp(Object.assign({}, props));
}
return _this;
}
FirebaseAuthProvider.prototype.componentDidMount = function () {
this.listenToAuth();
};
FirebaseAuthProvider.prototype.componentWillUnmount = function () {
this.stopListeningToAuth && this.stopListeningToAuth();
};
FirebaseAuthProvider.prototype.render = function () {
var children = this.props.children;
return (React.createElement(FirebaseAuthContextProvider, { value: this.state }, renderAndAddProps.renderAndAddProps(children, {})));
};
return FirebaseAuthProvider;
}(React.PureComponent));
var FirebaseAuthConsumer = function (_a) {
var children = _a.children;
return (React.createElement(FirebaseAuthContextConsumer, null, function (authState) { return renderAndAddProps.renderAndAddProps(children, authState); }));
};
var IfFirebaseAuthed = function (_a) {
var children = _a.children;
return (React.createElement(FirebaseAuthContextConsumer, null, function (authState) {
return authState.isSignedIn === true
? renderAndAddProps.renderAndAddProps(children, authState)
: null;
}));
};
var IfFirebaseAuthedAnd = function (_a) {
var children = _a.children, filter = _a.filter;
return (React.createElement(FirebaseAuthContextConsumer, null, function (authState) {
return authState.isSignedIn === true
? filter(authState)
? renderAndAddProps.renderAndAddProps(children, authState)
: null
: null;
}));
};
var IfFirebaseAuthedOr = function (_a) {
var children = _a.children, filter = _a.filter;
return (React.createElement(FirebaseAuthContextConsumer, null, function (authState) {
return authState.isSignedIn === true || filter(authState)
? renderAndAddProps.renderAndAddProps(children, authState)
: null;
}));
};
var IfFirebaseUnAuthed = function (_a) {
var children = _a.children;
return (React.createElement(FirebaseAuthContextConsumer, null, function (authState) {
return authState.isSignedIn === false
? renderAndAddProps.renderAndAddProps(children, authState)
: null;
}));
};
var WithFirebase = function (_a) {
var children = _a.children;
return React.createElement(FirebaseAuthContextConsumer, null, children);
};
exports.FirebaseAuthProvider = FirebaseAuthProvider;
exports.FirebaseAuthConsumer = FirebaseAuthConsumer;
exports.IfFirebaseAuthed = IfFirebaseAuthed;
exports.IfFirebaseAuthedAnd = IfFirebaseAuthedAnd;
exports.IfFirebaseAuthedOr = IfFirebaseAuthedOr;
exports.IfFirebaseUnAuthed = IfFirebaseUnAuthed;
exports.WithFirebase = WithFirebase;