1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4896],{3905:(e,t,n)=>{n.d(t,{Zo:()=>d,kt:()=>y});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=r.createContext({}),c=function(e){var t=r.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},d=function(e){var t=c(e.components);return r.createElement(l.Provider,{value:t},e.children)},u="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},f=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,d=s(e,["components","mdxType","originalType","parentName"]),u=c(n),f=i,y=u["".concat(l,".").concat(f)]||u[f]||p[f]||o;return n?r.createElement(y,a(a({ref:t},d),{},{components:n})):r.createElement(y,a({ref:t},d))}));function y(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,a=new Array(o);a[0]=f;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[u]="string"==typeof e?e:i,a[1]=s;for(var c=2;c<o;c++)a[c]=n[c];return r.createElement.apply(null,a)}return r.createElement.apply(null,n)}f.displayName="MDXCreateElement"},6891:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>l,default:()=>y,frontMatter:()=>s,metadata:()=>c,toc:()=>u});var r=n(7462),i=n(3366),o=(n(7294),n(3905)),a=["components"],s={title:"User Experience"},l=void 0,c={unversionedId:"sdk/general/connectivity/guides/ux",id:"sdk/general/connectivity/guides/ux",title:"User Experience",description:'n order to facilitate the overall user flow between dApps and identity wallets, the connectivity SDK provide a "UX" section. Currently, only one method is defined.',source:"@site/../docs/7.sdk/general/connectivity/guides/ux.md",sourceDirName:"7.sdk/general/connectivity/guides",slug:"/sdk/general/connectivity/guides/ux",permalink:"/sdk/general/connectivity/guides/ux",draft:!1,editUrl:"https://github.com/elastos/Elastos.Wiki/edit/master/website/../docs/7.sdk/general/connectivity/guides/ux.md",tags:[],version:"current",lastUpdatedBy:"racollette",lastUpdatedAt:1676425989,formattedLastUpdatedAt:"Feb 15, 2023",frontMatter:{title:"User Experience"},sidebar:"sdkSidebar",previous:{title:"Decentralized Identity",permalink:"/sdk/general/connectivity/guides/did"},next:{title:"Ethereum",permalink:"/sdk/general/connectivity/guides/ethereum"}},d={},u=[{value:"On boarding",id:"on-boarding",level:2},{value:"List of supported feature names",id:"list-of-supported-feature-names",level:3}],p={toc:u},f="wrapper";function y(e){var t=e.components,n=(0,i.Z)(e,a);return(0,o.kt)(f,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,'n order to facilitate the overall user flow between dApps and identity wallets, the connectivity SDK provide a "UX" section. Currently, only one method is defined.'),(0,o.kt)("h2",{id:"on-boarding"},"On boarding"),(0,o.kt)("p",null,"Wallets can assist dApps to welcome users to discover new features easily. This is a convenient way to directly reach specific features in wallets, rather than writing guides to tell users to touch here or there. This also brings a customised experience to make users comfortable by seeing the application logo and a custom introduction of the feature."),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-ts"},'import { connectivity, UX } from "@elastosfoundation/elastos-connectivity-sdk-js";\n\npublic async callEasyBridge() {\n connectivity.setApplicationDID("your app DID with configured icon and name");\n\n let ux = new UX.UXAccess();\n await ux.onBoard("easybridge", "Bridge tokens easily", "Start quickly on Elastos: get ELA in less than 2 minutes from other chains.", "Get ELA now");\n}\n')),(0,o.kt)("h3",{id:"list-of-supported-feature-names"},"List of supported feature names"),(0,o.kt)("ol",null,(0,o.kt)("li",{parentName:"ol"},"easybridge - If available, the wallet provides a feature to easily bridge and swap tokens. Usually used to quickly acquire tokens needed by the currently used dApp (eg: a NFT marketplace)")))}y.isMDXComponent=!0}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.