@helpdice/ui 1.4.9 → 1.5.1

package/dist/user/index.js

@@ -151,8 +151,8 @@ function _slicedToArray(r, e) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -175,7 +175,7 @@ function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 
@@ -209,7 +209,7 @@ function requireIndex () {
 	    }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
-	    _defineProperties(Constructor.prototype, protoProps);
+	    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
 	var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -218,7 +218,7 @@ function requireIndex () {
 	};
 	var StyleSheet = /*#__PURE__*/ function() {
 	    function StyleSheet(param) {
-	        var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
 	        invariant$1(isString(name), "`name` must be a string");
 	        this._name = name;
 	        this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -476,7 +476,7 @@ function requireIndex () {
 	}
 
 	function mapRulesToStyle(cssRules, options) {
-	    if (options === undefined) options = {};
+	    if (options === void 0) options = {};
 	    return cssRules.map(function(args) {
 	        var id = args[0];
 	        var css = args[1];
@@ -493,7 +493,7 @@ function requireIndex () {
 	}
 	var StyleSheetRegistry = /*#__PURE__*/ function() {
 	    function StyleSheetRegistry(param) {
-	        var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
 	        this._sheet = styleSheet || new StyleSheet({
 	            name: "styled-jsx",
 	            optimizeForSpeed: optimizeForSpeed
@@ -1082,9 +1082,9 @@ var withScale = function withScale(Render) {
       margin = props.margin,
       padding = props.padding,
       _props$unit = props.unit,
-      unit = _props$unit === undefined ? layout.unit : _props$unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
       _props$scale = props.scale,
-      scale = _props$scale === undefined ? 1 : _props$scale;
+      scale = _props$scale === void 0 ? 1 : _props$scale;
     var makeScaleHandler = function makeScaleHandler(attrValue) {
       return function (scale1x, defaultValue) {
         // 0 means disable scale and the default value is 0
@@ -1105,20 +1105,20 @@ var withScale = function withScale(Render) {
     var value = {
       unit: unit,
       SCALES: {
-        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
-        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
-        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
-        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
-        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
-        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
-        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
-        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
-        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
-        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
-        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
-        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
-        width: makeScaleHandler(width !== null && width !== undefined ? width : w),
-        height: makeScaleHandler(height !== null && height !== undefined ? height : h),
+        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
+        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
+        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
+        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
+        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
+        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
+        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
+        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
+        height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
         font: makeScaleHandler(font)
       },
       getScaleProps: generateGetScaleProps(props),
@@ -1181,13 +1181,13 @@ var safeText = function safeText(text) {
 var AvatarComponent = function AvatarComponent(_ref) {
   var src = _ref.src,
     _ref$stacked = _ref.stacked,
-    stacked = _ref$stacked === undefined ? false : _ref$stacked,
+    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
     _ref$text = _ref.text,
-    text = _ref$text === undefined ? '' : _ref$text,
+    text = _ref$text === void 0 ? '' : _ref$text,
     _ref$isSquare = _ref.isSquare,
-    isSquare = _ref$isSquare === undefined ? false : _ref$isSquare,
+    isSquare = _ref$isSquare === void 0 ? false : _ref$isSquare,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$3);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1217,7 +1217,7 @@ var Avatar = withScale(AvatarComponent);
 var AvatarGroupComponent = function AvatarGroupComponent(_ref) {
   var count = _ref.count,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children;
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1245,7 +1245,7 @@ var UserComponent = function UserComponent(_ref) {
     name = _ref.name,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     altText = _ref.altText,
     props = _objectWithoutProperties(_ref, _excluded$2);
   var theme = useTheme();
@@ -1340,18 +1340,18 @@ var addColorAlpha = function addColorAlpha(color, alpha) {
 var _excluded$1 = ["href", "showColor", "underline", "children", "className", "block", "icon"];
 var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$href = _ref.href,
-    href = _ref$href === undefined ? '' : _ref$href,
+    href = _ref$href === void 0 ? '' : _ref$href,
     _ref$showColor = _ref.showColor,
-    showColor = _ref$showColor === undefined ? false : _ref$showColor,
+    showColor = _ref$showColor === void 0 ? false : _ref$showColor,
     _ref$underline = _ref.underline,
-    underline = _ref$underline === undefined ? false : _ref$underline,
+    underline = _ref$underline === void 0 ? false : _ref$underline,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$block = _ref.block,
-    block = _ref$block === undefined ? false : _ref$block,
+    block = _ref$block === void 0 ? false : _ref$block,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === undefined ? false : _ref$icon,
+    icon = _ref$icon === void 0 ? false : _ref$icon,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1379,7 +1379,7 @@ var _excluded = ["href", "className", "children"];
 var UserLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var href = _ref.href,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {

package/esm/button/button.compact.d.ts

@@ -11,5 +11,5 @@ type CompactButtonProps = {
     target?: string;
     onClick?: () => void;
 };
-export default function CompactButton({ to, children, iconRight, icon, scale, type, style, a, target, onClick }: CompactButtonProps): import("react").JSX.Element;
-export {};
+declare const _default: import("react").NamedExoticComponent<CompactButtonProps>;
+export default _default;

package/esm/button/button.compact.js

@@ -1,5 +1,6 @@
+import { memo } from 'react';
 import Button from './button';
-export default function CompactButton(_ref) {
+var CompactButton = function CompactButton(_ref) {
   var _ref$to = _ref.to,
     to = _ref$to === void 0 ? '/' : _ref$to,
     children = _ref.children,
@@ -74,4 +75,5 @@ export default function CompactButton(_ref) {
     px: 0.6,
     iconRight: iconRight
   }, children);
-}
+};
+export default /*#__PURE__*/memo(CompactButton);

package/esm/form/FastField.js

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import * as React from 'react';
 import invariant from 'tiny-warning';
 import { getIn, isEmptyChildren, isFunction } from './utils';
-import { connect } from './connect';
+import connect from './connect';
 /**
  * Custom Field component for quickly hooking into Formik
  * context and wiring up forms.

package/esm/form/FormWrapper.d.ts

@@ -3,8 +3,8 @@ import { FieldConfig } from './Field';
 import { FieldHelperProps, FieldInputProps, FieldMetaProps, FormikConfig, FormikErrors, FormikState, FormikTouched, FormikValues } from './types';
 export declare function useFormik<Values extends FormikValues = FormikValues>({ validateOnChange, validateOnBlur, validateOnMount, isInitialValid, enableReinitialize, onSubmit, ...rest }: FormikConfig<Values>): {
     initialValues: Values;
-    initialErrors: FormikErrors<unknown>;
-    initialTouched: FormikTouched<unknown>;
+    initialErrors: FormikErrors<any>;
+    initialTouched: FormikTouched<any>;
     initialStatus: any;
     handleBlur: {
         (e: React.FocusEvent<any>): void;
@@ -19,15 +19,15 @@ export declare function useFormik<Values extends FormikValues = FormikValues>({
     resetForm: (nextState?: Partial<FormikState<Values>>) => void;
     setErrors: (errors: FormikErrors<Values>) => void;
     setFormikState: (stateOrCb: FormikState<Values> | ((state: FormikState<Values>) => FormikState<Values>)) => void;
-    setFieldTouched: (field: string, touched?: boolean, shouldValidate?: boolean) => Promise<void> | Promise<object>;
-    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void> | Promise<object>;
+    setFieldTouched: (field: string, touched?: boolean, shouldValidate?: boolean) => Promise<void> | Promise<FormikErrors<Values>>;
+    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void> | Promise<FormikErrors<Values>>;
     setFieldError: (field: string, value: string | undefined) => void;
     setStatus: (status: any) => void;
     setSubmitting: (isSubmitting: boolean) => void;
-    setTouched: (touched: FormikTouched<Values>, shouldValidate?: boolean) => Promise<void> | Promise<object>;
-    setValues: (values: React.SetStateAction<Values>, shouldValidate?: boolean) => Promise<void> | Promise<object>;
+    setTouched: (touched: FormikTouched<Values>, shouldValidate?: boolean) => Promise<void> | Promise<FormikErrors<Values>>;
+    setValues: (values: React.SetStateAction<Values>, shouldValidate?: boolean) => Promise<void> | Promise<FormikErrors<Values>>;
     submitForm: () => Promise<any>;
-    validateForm: (values?: Values) => Promise<object>;
+    validateForm: (values?: Values) => Promise<FormikErrors<Values>>;
     validateField: (name: string) => Promise<void> | Promise<string | undefined>;
     isValid: boolean;
     dirty: boolean;

package/esm/form/FormWrapper.js

@@ -83,7 +83,7 @@ function formikReducer(state, msg) {
   }
 }
 
-// Initial empty states // objects
+// Initial empty states // objects // FormikErrors<unkown>
 var emptyErrors = {};
 var emptyTouched = {};
 
@@ -273,7 +273,7 @@ export function useFormik(_ref) {
         });
       }
       return combinedErrors;
-    });
+    }); // CODE UPDATED
   });
   React.useEffect(function () {
     if (validateOnMount && isMounted.current === true && isEqual(initialValues.current, props.initialValues)) {

package/esm/form/connect.d.ts

@@ -10,3 +10,4 @@ export default function connect<OuterProps, Values = {}>(Comp: React.ComponentTy
 }>): React.FC<OuterProps> & hoistNonReactStatics.NonReactStatics<React.ComponentClass<OuterProps & {
     formik: FormikContextType<Values>;
 }, any>, {}>;
+export { connect };

package/esm/form/connect.js

@@ -27,4 +27,5 @@ export default function connect(Comp) {
 
   // cast type to ComponentClass (even if SFC)
   );
-}
+}
+export { connect };

package/esm/html-renderer/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type RendererProps = {
+    htmlString: string;
+};
+declare const HtmlRenderer: React.FC<RendererProps>;
+export default HtmlRenderer;

package/esm/html-renderer/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import DOMPurify from 'dompurify';
+var HtmlRenderer = function HtmlRenderer(_ref) {
+  var htmlString = _ref.htmlString;
+  var sanitizedHTML = DOMPurify.sanitize(htmlString);
+  return /*#__PURE__*/React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: sanitizedHTML
+    }
+  });
+};
+export default HtmlRenderer;

package/esm/index.d.ts

@@ -41,6 +41,7 @@ export type { UiProviderProps } from './ui-provider';
 export { default as Grid } from './grid';
 export { default as Container } from './grid/grid-container';
 export type { GridProps, GridContainerProps } from './grid';
+export { default as HtmlRenderer } from './html-renderer';
 export { default as Image } from './image';
 export type { ImageProps, ImageBrowserProps } from './image';
 export { default as Input } from './input';

package/esm/index.js

@@ -27,6 +27,7 @@ export * from './form';
 export { default as UiProvider } from './ui-provider';
 export { default as Grid } from './grid';
 export { default as Container } from './grid/grid-container';
+export { default as HtmlRenderer } from './html-renderer';
 export { default as Image } from './image';
 export { default as Input } from './input';
 export { default as Keyboard } from './keyboard';

package/esm/link/link.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["href", "showColor", "underline", "children", "className", "block", "icon"];

package/esm/login-with/LoginSocialAmazon/index.js

@@ -1,141 +1,169 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 /* eslint-disable camelcase */
 /**
  *
  * LoginSocialAmazon
  *
  */
-/* "use client" */
+// "use client"
 
-import React, { memo, useEffect, useState, useCallback, useRef } from 'react';
-var JS_SRC = 'https://assets.loginwithamazon.com/sdk/na/login1.js';
-var SCRIPT_ID = 'amazon-login';
-var _window = global.window;
-export var LoginSocialAmazon = function LoginSocialAmazon(_ref) {
-  var _ref$state = _ref.state,
-    state = _ref$state === void 0 ? '' : _ref$state,
-    client_id = _ref.client_id,
-    className = _ref.className,
-    redirect_uri = _ref.redirect_uri,
-    _ref$scope = _ref.scope,
-    scope = _ref$scope === void 0 ? 'profile' : _ref$scope,
-    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    onlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
-    _ref$scope_data = _ref.scope_data,
-    scope_data = _ref$scope_data === void 0 ? {
-      profile: {
-        essential: true
-      }
-    } : _ref$scope_data,
-    _ref$response_type = _ref.response_type,
-    response_type = _ref$response_type === void 0 ? 'token' : _ref$response_type,
-    children = _ref.children,
-    onReject = _ref.onReject,
-    onResolve = _ref.onResolve,
-    onLoginStart = _ref.onLoginStart;
-  var scriptNodeRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSdkLoaded = _useState2[0],
-    setIsSdkLoaded = _useState2[1];
-  useEffect(function () {
-    !isSdkLoaded && load();
-  }, [isSdkLoaded]);
-  useEffect(function () {
-    return function () {
-      if (scriptNodeRef.current) scriptNodeRef.current.remove();
-    };
-  }, []);
-  var checkIsExistsSDKScript = useCallback(function () {
-    return !!document.getElementById(SCRIPT_ID);
-  }, []);
-  var insertScriptGoogle = useCallback(function (d) {
-    var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'script';
-    var id = arguments.length > 2 ? arguments[2] : undefined;
-    var jsSrc = arguments.length > 3 ? arguments[3] : undefined;
-    var cb = arguments.length > 4 ? arguments[4] : undefined;
-    var ggScriptTag = d.createElement(s);
-    ggScriptTag.id = id;
-    ggScriptTag.src = jsSrc;
-    ggScriptTag.async = true;
-    ggScriptTag.defer = true;
-    var scriptNode = document.getElementsByTagName('script')[0];
-    scriptNodeRef.current = ggScriptTag;
-    scriptNode && scriptNode.parentNode && scriptNode.parentNode.insertBefore(ggScriptTag, scriptNode);
-    ggScriptTag.onload = cb;
-  }, []);
-  var getUserInfo = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(res) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            fetch("https://api.amazon.com/user/profile", {
-              headers: {
-                Authorization: "Bearer ".concat(res.access_token)
-              }
-            }).then(function (data) {
-              return data.json();
-            }).then(function (data) {
-              onResolve({
-                provider: 'amazon',
-                data: _extends({}, data, res)
-              });
-            })["catch"](function (err) {
-              onReject(err);
-            })["finally"](function () {});
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [onReject, onResolve]);
-  var handleResponse = useCallback(function (res) {
-    if (onlyGetToken) onResolve({
-      provider: 'amazon',
-      data: _extends({}, res)
-    });else getUserInfo(res);
-  }, [getUserInfo, onResolve, onlyGetToken]);
-  var handleError = useCallback(function (err) {
-    onReject(err);
-  }, [onReject]);
-  var load = useCallback(function () {
-    if (checkIsExistsSDKScript()) {
-      setIsSdkLoaded(true);
-    } else {
-      insertScriptGoogle(document, 'script', SCRIPT_ID, JS_SRC, function () {
-        _window.amazon.Login.setClientId(client_id);
-        setIsSdkLoaded(true);
-      });
-    }
-  }, [checkIsExistsSDKScript, client_id, insertScriptGoogle]);
-  var onLogin = useCallback(function () {
-    if (!isSdkLoaded) return;
-    if (!_window.amazon) {
-      load();
-      onReject("Google SDK isn't loaded!");
-    } else {
-      onLoginStart && onLoginStart();
-      _window.amazon.Login.authorize({
-        scope: scope,
-        scope_data: scope_data,
-        response_type: response_type,
-        redirect_uri: redirect_uri,
-        state: state
-      }, function (res) {
-        if (res.error) handleError(res.error);else handleResponse(res);
-      });
-    }
-  }, [load, scope, state, onReject, scope_data, isSdkLoaded, handleError, onLoginStart, redirect_uri, response_type, handleResponse]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    onClick: onLogin
-  }, children);
-};
-export default /*#__PURE__*/memo(LoginSocialAmazon);
+// import React, { memo, useEffect, useState, useCallback, useRef } from 'react';
+// import { IResolveParams, objectType } from '../';
+
+// interface Props {
+//   scope?: string;
+//   state?: string;
+//   client_id: string;
+//   className?: string;
+//   redirect_uri?: string;
+//   response_type?: string;
+//   scope_data?: objectType;
+//   isOnlyGetToken?: boolean;
+//   children?: React.ReactNode;
+//   onLoginStart?: () => void;
+//   onReject: (reject: string | objectType) => void;
+//   onResolve: ({ provider, data }: IResolveParams) => void;
+// }
+
+// const JS_SRC = 'https://assets.loginwithamazon.com/sdk/na/login1.js';
+// const SCRIPT_ID = 'amazon-login';
+// const _window = global.window;
+
+// export const LoginSocialAmazon = ({
+//   state = '',
+//   client_id,
+//   className,
+//   redirect_uri,
+//   scope = 'profile',
+//   isOnlyGetToken: onlyGetToken = false,
+//   scope_data = {
+//     profile: { essential: true },
+//   },
+//   response_type = 'token',
+//   children,
+//   onReject,
+//   onResolve,
+//   onLoginStart,
+// }: Props) => {
+//   const scriptNodeRef = useRef<HTMLScriptElement>(null!);
+//   const [isSdkLoaded, setIsSdkLoaded] = useState(false);
+
+//   useEffect(() => {
+//     !isSdkLoaded && load();
+//   }, [isSdkLoaded]);
+
+//   useEffect(
+//     () => () => {
+//       if (scriptNodeRef.current) scriptNodeRef.current.remove();
+//     },
+//     [],
+//   );
+
+//   const checkIsExistsSDKScript = useCallback(() => {
+//     return !!document.getElementById(SCRIPT_ID);
+//   }, []);
+
+//   const insertScriptGoogle = useCallback(
+//     (
+//       d: HTMLDocument,
+//       s: string = 'script',
+//       id: string,
+//       jsSrc: string,
+//       cb: () => void,
+//     ) => {
+//       const ggScriptTag: any = d.createElement(s);
+//       ggScriptTag.id = id;
+//       ggScriptTag.src = jsSrc;
+//       ggScriptTag.async = true;
+//       ggScriptTag.defer = true;
+//       const scriptNode = document.getElementsByTagName('script')![0];
+//       scriptNodeRef.current = ggScriptTag;
+//       scriptNode &&
+//         scriptNode.parentNode &&
+//         scriptNode.parentNode.insertBefore(ggScriptTag, scriptNode);
+//       ggScriptTag.onload = cb;
+//     },
+//     [],
+//   );
+
+//   const getUserInfo = useCallback(
+//     async (res: objectType) => {
+//       fetch(`https://api.amazon.com/user/profile`, {
+//         headers: {
+//           Authorization: `Bearer ${res.access_token}`,
+//         },
+//       })
+//         .then(data => data.json())
+//         .then(data => {
+//           onResolve({ provider: 'amazon', data: { ...data, ...res } });
+//         })
+//         .catch(err => {
+//           onReject(err);
+//         })
+//         .finally(() => {});
+//     },
+//     [onReject, onResolve],
+//   );
+
+//   const handleResponse = useCallback(
+//     (res: objectType) => {
+//       if (onlyGetToken) onResolve({ provider: 'amazon', data: { ...res } });
+//       else getUserInfo(res);
+//     },
+//     [getUserInfo, onResolve, onlyGetToken],
+//   );
+
+//   const handleError = useCallback(
+//     (err: objectType | string) => {
+//       onReject(err);
+//     },
+//     [onReject],
+//   );
+
+//   const load = useCallback(() => {
+//     if (checkIsExistsSDKScript()) {
+//       setIsSdkLoaded(true);
+//     } else {
+//       insertScriptGoogle(document, 'script', SCRIPT_ID, JS_SRC, () => {
+//         _window.amazon.Login.setClientId(client_id);
+//         setIsSdkLoaded(true);
+//       });
+//     }
+//   }, [checkIsExistsSDKScript, client_id, insertScriptGoogle]);
+
+//   const onLogin = useCallback(() => {
+//     if (!isSdkLoaded) return;
+//     if (!_window.amazon) {
+//       load();
+//       onReject("Google SDK isn't loaded!");
+//     } else {
+//       onLoginStart && onLoginStart();
+//       _window.amazon.Login.authorize(
+//         { scope, scope_data, response_type, redirect_uri, state },
+//         (res: objectType) => {
+//           if (res.error) handleError(res.error);
+//           else handleResponse(res);
+//         },
+//       );
+//     }
+//   }, [
+//     load,
+//     scope,
+//     state,
+//     onReject,
+//     scope_data,
+//     isSdkLoaded,
+//     handleError,
+//     onLoginStart,
+//     redirect_uri,
+//     response_type,
+//     handleResponse,
+//   ]);
+
+//   return (
+//     <div className={className} onClick={onLogin}>
+//       {children}
+//     </div>
+//   );
+// };
+
+// export default memo(LoginSocialAmazon);