@dynamic-labs/sdk-react-core 0.19.0-alpha.6 → 0.19.0-alpha.7

package/src/lib/locale/en/translation.js

@@ -0,0 +1,79 @@
+var dyn_account_exists = {
+	title: "Account already exists"
+};
+var dyn_chainalysis_blocked_wallet = {
+	title: "Access denied"
+};
+var dyn_connect_button = "Connect your wallet";
+var dyn_login = {
+	helper: {
+		all_wallet_list: "Get your first wallet",
+		pending_connect: {
+			title: "Connecting a wallet"
+		},
+		pending_signature: {
+			title: "Signing a wallet"
+		},
+		pending_signature_without_back_button: {
+			title: "Signing a wallet"
+		},
+		qr_code: {
+			title: "Connecting a wallet"
+		},
+		wallet_only: "Get your first wallet"
+	},
+	separators: {
+		email_or_social: "Or",
+		email_or_wallets: "Or continue with a wallet",
+		wallets_or_email: "Or continue with"
+	},
+	title: {
+		all: "Log in or Sign up",
+		all_wallet_list: "Select your wallet",
+		wallet_only: "Select your wallet"
+	},
+	wallet_list: {
+		button_only: "Connect with Wallet"
+	}
+};
+var dyn_no_access = {
+	title: "You don't have access"
+};
+var dyn_wallet_conect = {
+	mobile: {
+		wallet_list: {
+			helper: "Get your first wallet",
+			title: "WalletConnect wallets"
+		}
+	}
+};
+var dyn_wallet_list = {
+	helper: "Get your first wallet",
+	title: {
+		link: "Link a new wallet",
+		select: "Select your wallet"
+	},
+	view_all: "View all wallets"
+};
+var dyn_wallet_transfer = {
+	sign: {
+		title: "Sign to confirm transfer"
+	}
+};
+var dyn_widget = {
+	connect: "Connect your wallet",
+	other_wallets: "My other wallets"
+};
+var sdkTranslation = {
+	dyn_account_exists: dyn_account_exists,
+	dyn_chainalysis_blocked_wallet: dyn_chainalysis_blocked_wallet,
+	dyn_connect_button: dyn_connect_button,
+	dyn_login: dyn_login,
+	dyn_no_access: dyn_no_access,
+	dyn_wallet_conect: dyn_wallet_conect,
+	dyn_wallet_list: dyn_wallet_list,
+	dyn_wallet_transfer: dyn_wallet_transfer,
+	dyn_widget: dyn_widget
+};
+
+export { sdkTranslation as default, dyn_account_exists, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_no_access, dyn_wallet_conect, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };

package/src/lib/locale/index.d.ts

@@ -0,0 +1 @@
+export * from './locale';

package/src/lib/locale/locale.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var i18n = require('i18next');
+var reactI18next = require('react-i18next');
+var translation = require('./en/translation.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
+
+class Locale {
+    static setResources(resources) {
+        if (Locale.__resources__) {
+            return;
+        }
+        if (!resources) {
+            Locale.__resources__ = {
+                en: { translation: translation["default"] },
+            };
+            return;
+        }
+        const sdkResources = {};
+        Object.keys(resources).forEach((lang) => {
+            sdkResources[lang] = {
+                translation: Object.assign(Object.assign({}, translation["default"]), resources[lang]),
+            };
+        });
+        Locale.__resources__ = sdkResources;
+    }
+    static setup(resources) {
+        if (Locale.__i18nInstance__) {
+            return Locale.__i18nInstance__;
+        }
+        Locale.setResources(resources);
+        i18n__default["default"].use(reactI18next.initReactI18next).init({
+            fallbackLng: 'en',
+            interpolation: {
+                escapeValue: false, // not needed for react as it escapes by default
+            },
+            lng: 'en',
+            resources: Locale.getResources(),
+        });
+        Locale.__i18nInstance__ = i18n__default["default"];
+        return i18n__default["default"];
+    }
+    static getInstance() {
+        return Locale.__i18nInstance__;
+    }
+}
+Locale.getResources = () => Locale.__resources__;
+
+exports.Locale = Locale;
+exports["default"] = Locale;

package/src/lib/locale/locale.d.ts

@@ -0,0 +1,13 @@
+type Lang = 'ar' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'he' | 'it' | 'ja' | 'nl' | 'pl' | 'pt' | 'ru' | 'uk' | 'zh';
+export type Resources = {
+    [key in Lang]?: any;
+};
+export declare class Locale {
+    private static __resources__;
+    private static __i18nInstance__;
+    private static getResources;
+    private static setResources;
+    static setup(resources?: Resources): any;
+    static getInstance(): any;
+}
+export default Locale;

package/src/lib/locale/locale.js

@@ -0,0 +1,46 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import sdkTranslation from './en/translation.js';
+
+class Locale {
+    static setResources(resources) {
+        if (Locale.__resources__) {
+            return;
+        }
+        if (!resources) {
+            Locale.__resources__ = {
+                en: { translation: sdkTranslation },
+            };
+            return;
+        }
+        const sdkResources = {};
+        Object.keys(resources).forEach((lang) => {
+            sdkResources[lang] = {
+                translation: Object.assign(Object.assign({}, sdkTranslation), resources[lang]),
+            };
+        });
+        Locale.__resources__ = sdkResources;
+    }
+    static setup(resources) {
+        if (Locale.__i18nInstance__) {
+            return Locale.__i18nInstance__;
+        }
+        Locale.setResources(resources);
+        i18n.use(initReactI18next).init({
+            fallbackLng: 'en',
+            interpolation: {
+                escapeValue: false, // not needed for react as it escapes by default
+            },
+            lng: 'en',
+            resources: Locale.getResources(),
+        });
+        Locale.__i18nInstance__ = i18n;
+        return i18n;
+    }
+    static getInstance() {
+        return Locale.__i18nInstance__;
+    }
+}
+Locale.getResources = () => Locale.__resources__;
+
+export { Locale, Locale as default };

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -50,6 +50,7 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -46,6 +46,7 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll(true);

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -61,6 +61,7 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -57,6 +57,7 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
     usePreventPageScroll(true);

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -52,6 +52,7 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -48,6 +48,7 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, }) => {
     usePreventPageScroll(true);

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -49,6 +49,7 @@ var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const UserFieldEditorModal = (_a) => {
     var { onCancel, onSubmit, fields } = _a, textOptions = _tslib.__rest(_a, ["onCancel", "onSubmit", "fields"]);

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -45,6 +45,7 @@ import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const UserFieldEditorModal = (_a) => {
     var { onCancel, onSubmit, fields } = _a, textOptions = __rest(_a, ["onCancel", "onSubmit", "fields"]);

package/src/lib/shared/assets/index.d.ts

@@ -45,3 +45,4 @@ export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
 export { ReactComponent as LocationIcon } from './location.svg';
 export { ReactComponent as SparklesIcon } from './sparkles.svg';
 export { ReactComponent as JustifiedTextIcon } from './justified-text.svg';
+export { ReactComponent as SignInWithEmailIcon } from './sign-in-with-email.svg';

package/src/lib/shared/assets/sign-in-with-email.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _circle, _path, _path2;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSignInWithEmail = function SvgSignInWithEmail(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "currentColor"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M51 29.333a1.333 1.333 0 0 0-1.333 0l-17.334 9.8L15 29.333a1.333 1.333 0 0 0-2 1.16V42a4 4 0 0 0 4 4h30.667a4 4 0 0 0 4-4V30.5A1.333 1.333 0 0 0 51 29.333Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M47.667 18H17a4 4 0 0 0-4 4v2.5a1.334 1.334 0 0 0 .667 1.16l18 10.167a1.333 1.333 0 0 0 1.333 0L51 25.66a1.334 1.334 0 0 0 .667-1.16V22a4 4 0 0 0-4-4Z",
+    fill: "#fff"
+  })));
+};
+
+exports.ReactComponent = SvgSignInWithEmail;

package/src/lib/shared/assets/sign-in-with-email.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+var _circle, _path, _path2;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSignInWithEmail = function SvgSignInWithEmail(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "currentColor"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M51 29.333a1.333 1.333 0 0 0-1.333 0l-17.334 9.8L15 29.333a1.333 1.333 0 0 0-2 1.16V42a4 4 0 0 0 4 4h30.667a4 4 0 0 0 4-4V30.5A1.333 1.333 0 0 0 51 29.333Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M47.667 18H17a4 4 0 0 0-4 4v2.5a1.334 1.334 0 0 0 .667 1.16l18 10.167a1.333 1.333 0 0 0 1.333 0L51 25.66a1.334 1.334 0 0 0 .667-1.16V22a4 4 0 0 0-4-4Z",
+    fill: "#fff"
+  })));
+};
+
+export { SvgSignInWithEmail as ReactComponent };