@reown/appkit-react-native 0.0.0-canary-20251008180350

package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhatIsAWalletView = WhatIsAWalletView;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function WhatIsAWalletView() {
+  const {
+    padding
+  } = (0, _appkitUiReactNative.useCustomDimensions)();
+  const onGetWalletPress = () => {
+    _appkitCoreReactNative.RouterController.push('GetWallet');
+    _appkitCoreReactNative.EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_GET_WALLET_HELP'
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    style: {
+      paddingHorizontal: padding
+    },
+    testID: "what-is-a-wallet-view",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      alignItems: "center",
+      padding: ['xs', '4xl', 's', '4xl'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        padding: ['0', '0', 's', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "login"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "profile",
+          style: _styles.default.visual
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "lock"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "paragraph-500",
+        style: _styles.default.text,
+        children: "Your web3 account"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "small-500",
+        color: "fg-200",
+        center: true,
+        children: "Create a wallet with your email or by choosing a wallet provider."
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        padding: ['xl', '0', 's', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "defi"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "nft",
+          style: _styles.default.visual
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "eth"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "paragraph-500",
+        style: _styles.default.text,
+        children: "The home for your digital assets"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "small-500",
+        color: "fg-200",
+        center: true,
+        children: "Store, send, and receive digital assets like crypto and NFTs."
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+        flexDirection: "row",
+        padding: ['xl', '0', 's', '0'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "browser"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "noun",
+          style: _styles.default.visual
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Visual, {
+          name: "dao"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "paragraph-500",
+        style: _styles.default.text,
+        children: "Your gateway to web3 apps"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+        variant: "small-500",
+        color: "fg-200",
+        center: true,
+        children: "Connect your wallet to start exploring DeFi, DAOs, and much more."
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
+        size: "sm",
+        iconLeft: "walletSmall",
+        style: _styles.default.getWalletButton,
+        onPress: onGetWalletPress,
+        testID: "get-a-wallet-button",
+        children: "Get a wallet"
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_appkitCoreReactNative","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","WhatIsAWalletView","padding","useCustomDimensions","onGetWalletPress","RouterController","push","EventsController","sendEvent","type","event","jsx","ScrollView","bounces","fadingEdgeLength","style","paddingHorizontal","testID","children","jsxs","FlexView","alignItems","flexDirection","Visual","name","styles","visual","Text","variant","text","color","center","Button","size","iconLeft","getWalletButton","onPress"],"sourceRoot":"../../../../src","sources":["views/w3m-what-is-a-wallet-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA8B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvB,SAASG,iBAAiBA,CAAA,EAAG;EAClC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAEzC,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BC,uCAAgB,CAACC,IAAI,CAAC,WAAW,CAAC;IAClCC,uCAAgB,CAACC,SAAS,CAAC;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAwB,CAAC,CAAC;EAC/E,CAAC;EAED,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAACpB,YAAA,CAAAqB,UAAU;IACTC,OAAO,EAAE,KAAM;IACfC,gBAAgB,EAAE,EAAG;IACrBC,KAAK,EAAE;MAAEC,iBAAiB,EAAEd;IAAQ,CAAE;IACtCe,MAAM,EAAC,uBAAuB;IAAAC,QAAA,eAE9B,IAAArB,WAAA,CAAAsB,IAAA,EAAC1B,oBAAA,CAAA2B,QAAQ;MAACC,UAAU,EAAC,QAAQ;MAACnB,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAE;MAAAgB,QAAA,gBAC/D,IAAArB,WAAA,CAAAsB,IAAA,EAAC1B,oBAAA,CAAA2B,QAAQ;QAACE,aAAa,EAAC,KAAK;QAACpB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAgB,QAAA,gBAC1D,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC;QAAO,CAAE,CAAC,eACvB,IAAA3B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC,SAAS;UAACT,KAAK,EAAEU,eAAM,CAACC;QAAO,CAAE,CAAC,eAC/C,IAAA7B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC;QAAM,CAAE,CAAC;MAAA,CACd,CAAC,eACX,IAAA3B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAkC,IAAI;QAACC,OAAO,EAAC,eAAe;QAACb,KAAK,EAAEU,eAAM,CAACI,IAAK;QAAAX,QAAA,EAAC;MAElD,CAAM,CAAC,eACP,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAkC,IAAI;QAACC,OAAO,EAAC,WAAW;QAACE,KAAK,EAAC,QAAQ;QAACC,MAAM;QAAAb,QAAA,EAAC;MAEhD,CAAM,CAAC,eACP,IAAArB,WAAA,CAAAsB,IAAA,EAAC1B,oBAAA,CAAA2B,QAAQ;QAACE,aAAa,EAAC,KAAK;QAACpB,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAgB,QAAA,gBAC3D,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC;QAAM,CAAE,CAAC,eACtB,IAAA3B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC,KAAK;UAACT,KAAK,EAAEU,eAAM,CAACC;QAAO,CAAE,CAAC,eAC3C,IAAA7B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC;QAAK,CAAE,CAAC;MAAA,CACb,CAAC,eACX,IAAA3B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAkC,IAAI;QAACC,OAAO,EAAC,eAAe;QAACb,KAAK,EAAEU,eAAM,CAACI,IAAK;QAAAX,QAAA,EAAC;MAElD,CAAM,CAAC,eACP,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAkC,IAAI;QAACC,OAAO,EAAC,WAAW;QAACE,KAAK,EAAC,QAAQ;QAACC,MAAM;QAAAb,QAAA,EAAC;MAEhD,CAAM,CAAC,eACP,IAAArB,WAAA,CAAAsB,IAAA,EAAC1B,oBAAA,CAAA2B,QAAQ;QAACE,aAAa,EAAC,KAAK;QAACpB,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAgB,QAAA,gBAC3D,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC;QAAS,CAAE,CAAC,eACzB,IAAA3B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC,MAAM;UAACT,KAAK,EAAEU,eAAM,CAACC;QAAO,CAAE,CAAC,eAC5C,IAAA7B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAA8B,MAAM;UAACC,IAAI,EAAC;QAAK,CAAE,CAAC;MAAA,CACb,CAAC,eACX,IAAA3B,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAkC,IAAI;QAACC,OAAO,EAAC,eAAe;QAACb,KAAK,EAAEU,eAAM,CAACI,IAAK;QAAAX,QAAA,EAAC;MAElD,CAAM,CAAC,eACP,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAkC,IAAI;QAACC,OAAO,EAAC,WAAW;QAACE,KAAK,EAAC,QAAQ;QAACC,MAAM;QAAAb,QAAA,EAAC;MAEhD,CAAM,CAAC,eACP,IAAArB,WAAA,CAAAc,GAAA,EAAClB,oBAAA,CAAAuC,MAAM;QACLC,IAAI,EAAC,IAAI;QACTC,QAAQ,EAAC,aAAa;QACtBnB,KAAK,EAAEU,eAAM,CAACU,eAAgB;QAC9BC,OAAO,EAAEhC,gBAAiB;QAC1Ba,MAAM,EAAC,qBAAqB;QAAAC,QAAA,EAC7B;MAED,CAAQ,CAAC;IAAA,CACD;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}

package/lib/commonjs/views/w3m-what-is-a-wallet-view/styles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  getWalletButton: {
+    marginTop: _appkitUiReactNative.Spacing.xl,
+    marginBottom: _appkitUiReactNative.Spacing.m
+  },
+  visual: {
+    marginHorizontal: _appkitUiReactNative.Spacing.s
+  },
+  text: {
+    marginVertical: _appkitUiReactNative.Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/views/w3m-what-is-a-wallet-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","getWalletButton","marginTop","Spacing","xl","marginBottom","m","visual","marginHorizontal","s","text","marginVertical","xs"],"sourceRoot":"../../../../src","sources":["views/w3m-what-is-a-wallet-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,SAAS,EAAEC,4BAAO,CAACC,EAAE;IACrBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,gBAAgB,EAAEL,4BAAO,CAACM;EAC5B,CAAC;EACDC,IAAI,EAAE;IACJC,cAAc,EAAER,4BAAO,CAACS;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}