UNPKG

react-firebaseui-localized

Version:

React wrapper over firebaseui package with simpler localization

1 lines 2.72 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("react-firebaseui-localized",["React"],t):"object"==typeof exports?exports["react-firebaseui-localized"]=t(require("react")):e["react-firebaseui-localized"]=t(e.React)}(this,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var u=t[n]={i:n,l:!1,exports:{}};return e[n].call(u.exports,u,u.exports,r),u.l=!0,u.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)r.d(n,u,function(t){return e[t]}.bind(null,u));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist/",r(r.s=1)}([function(t,r){t.exports=e},function(e,t,r){"use strict";r.r(t);var n=r(0),u=r.n(n);var i=function(e){const[t,r]=Object(n.useState)({value:"loading",payload:void 0}),u=Object(n.useRef)();return Object(n.useEffect)(()=>{u.current=document.createElement("script"),u.current.src=e,u.current.async=!0;const t=()=>r({value:"loaded"}),n=e=>{u.current.remove(),r({value:"error",payload:e})};return u.current.addEventListener("load",t),u.current.addEventListener("error",n),document.body.appendChild(u.current),()=>{u.current.removeEventListener("load",t),u.current.removeEventListener("error",n)}},[e]),t};t.default=function({auth:e,config:t,lang:r,version:a,rtl:o,firebase:c}){const f=i(`https://www.gstatic.com/firebasejs/ui/${a}/firebase-ui-auth__${r}.js`),s=Object(n.useRef)(),l=Object(n.useRef)();return Object(n.useEffect)(()=>{c&&(window.firebase=c)},[]),Object(n.useEffect)(()=>{if("loading"!==f.value){if("error"===f.value)throw f.payload;(async()=>{l.current&&await l.current.delete(),s.current.innerHTML="";(window.firebaseui.auth.AuthUI.getInstance()||new window.firebaseui.auth.AuthUI(e)).start("#firebaseui_container",t),l.current=window.firebase.app("[DEFAULT]-firebaseui-temp")})()}},[e,t,f.value]),u.a.createElement(u.a.Fragment,null,u.a.createElement("link",{type:"text/css",rel:"stylesheet",href:`https://www.gstatic.com/firebasejs/ui/${a}/firebase-ui-auth${o?"-rtl":""}.css`}),u.a.createElement("div",{ref:s,id:"firebaseui_container"}))}}])}));