react-apple-login
Advanced tools
Comparing version 1.0.2 to 1.0.3
@@ -10,4 +10,5 @@ /// <reference types="react" /> | ||
dataType?: string | 'sign in' | 'continue'; | ||
className?: string; | ||
} | ||
declare const AppleLogin: (props: AppleLoginProps) => JSX.Element; | ||
export default AppleLogin; |
@@ -60,3 +60,3 @@ import React, { useEffect, useState } from 'react'; | ||
var AppleLogin = function (props) { | ||
var clientId = props.clientId, redirectURI = props.redirectURI, _a = props.scope, scope = _a === void 0 ? 'name email' : _a, _b = props.state, state = _b === void 0 ? '' : _b, _c = props.dataBorder, dataBorder = _c === void 0 ? true : _c, _d = props.dataColor, dataColor = _d === void 0 ? 'white' : _d, _e = props.dataType, dataType = _e === void 0 ? 'sign in' : _e; | ||
var _a = props.className, className = _a === void 0 ? '' : _a, clientId = props.clientId, redirectURI = props.redirectURI, _b = props.scope, scope = _b === void 0 ? 'name email' : _b, _c = props.state, state = _c === void 0 ? '' : _c, _d = props.dataBorder, dataBorder = _d === void 0 ? true : _d, _e = props.dataColor, dataColor = _e === void 0 ? 'white' : _e, _f = props.dataType, dataType = _f === void 0 ? 'sign in' : _f; | ||
var loaded = useScript('https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js')[0]; | ||
@@ -82,3 +82,3 @@ useEffect(function () { | ||
return (React.createElement(React.Fragment, null, | ||
React.createElement("div", { id: "appleid-signin", "data-color": dataColor, "data-border": dataBorder.toString(), "data-type": dataType }))); | ||
React.createElement("div", { className: className, id: "appleid-signin", "data-color": dataColor, "data-border": dataBorder.toString(), "data-type": dataType }))); | ||
}; | ||
@@ -85,0 +85,0 @@ |
@@ -67,3 +67,3 @@ 'use strict'; | ||
var AppleLogin = function (props) { | ||
var clientId = props.clientId, redirectURI = props.redirectURI, _a = props.scope, scope = _a === void 0 ? 'name email' : _a, _b = props.state, state = _b === void 0 ? '' : _b, _c = props.dataBorder, dataBorder = _c === void 0 ? true : _c, _d = props.dataColor, dataColor = _d === void 0 ? 'white' : _d, _e = props.dataType, dataType = _e === void 0 ? 'sign in' : _e; | ||
var _a = props.className, className = _a === void 0 ? '' : _a, clientId = props.clientId, redirectURI = props.redirectURI, _b = props.scope, scope = _b === void 0 ? 'name email' : _b, _c = props.state, state = _c === void 0 ? '' : _c, _d = props.dataBorder, dataBorder = _d === void 0 ? true : _d, _e = props.dataColor, dataColor = _e === void 0 ? 'white' : _e, _f = props.dataType, dataType = _f === void 0 ? 'sign in' : _f; | ||
var loaded = useScript('https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js')[0]; | ||
@@ -89,3 +89,3 @@ React.useEffect(function () { | ||
return (React__default.createElement(React__default.Fragment, null, | ||
React__default.createElement("div", { id: "appleid-signin", "data-color": dataColor, "data-border": dataBorder.toString(), "data-type": dataType }))); | ||
React__default.createElement("div", { className: className, id: "appleid-signin", "data-color": dataColor, "data-border": dataBorder.toString(), "data-type": dataType }))); | ||
}; | ||
@@ -92,0 +92,0 @@ |
{ | ||
"name": "react-apple-login", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "A Apple Log-in Component for React", | ||
@@ -5,0 +5,0 @@ "author": "Mayank Patel <patelmayankce@gmail.com>", |
@@ -35,3 +35,3 @@ # react-apple-login | ||
| scope | string | name email | | | ||
| redirectURI | string | REQUIRED | URL of the Javascript file normally hosted by Google | | ||
| redirectURI | string | REQUIRED | | | ||
| state | string | - | | | ||
@@ -41,2 +41,3 @@ | dataColor | string | black | | | ||
| dataType | string(sign in/continue) | sign in | | | ||
| className | string | - | | | ||
@@ -43,0 +44,0 @@ ## Production Bundle |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
23147
187
51