From f581d6fa85020feaa0bb42c6b62de1e3e48fd323 Mon Sep 17 00:00:00 2001
From: Tom Kirkpatrick <tkp@kirkdesigns.co.uk>
Date: Wed, 10 Oct 2018 20:55:05 +0200
Subject: [PATCH] Updates

---
 iframe.html                                               | 2 +-
 ...01.bundle.js => iframe.601f7a1cf8862f70a222.bundle.js} | 8 ++++----
 ...e.js.map => iframe.601f7a1cf8862f70a222.bundle.js.map} | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)
 rename static/{iframe.55edd83248a113af2501.bundle.js => iframe.601f7a1cf8862f70a222.bundle.js} (93%)
 rename static/{iframe.55edd83248a113af2501.bundle.js.map => iframe.601f7a1cf8862f70a222.bundle.js.map} (99%)

diff --git a/iframe.html b/iframe.html
index a12f3ba5..6c491b01 100644
--- a/iframe.html
+++ b/iframe.html
@@ -140,7 +140,7 @@
       
     
       
-        <script src="static/iframe.55edd83248a113af2501.bundle.js" defer></script>
+        <script src="static/iframe.601f7a1cf8862f70a222.bundle.js" defer></script>
       
     
   
diff --git a/static/iframe.55edd83248a113af2501.bundle.js b/static/iframe.601f7a1cf8862f70a222.bundle.js
similarity index 93%
rename from static/iframe.55edd83248a113af2501.bundle.js
rename to static/iframe.601f7a1cf8862f70a222.bundle.js
index fcc55722..f1a9c741 100644
--- a/static/iframe.55edd83248a113af2501.bundle.js
+++ b/static/iframe.601f7a1cf8862f70a222.bundle.js
@@ -30,7 +30,7 @@
     line-height: 1.4;
     -webkit-font-smoothing: antialiased;
   }
-`;o.default=r,e.exports=o.default},"./app/components/UI/Heading.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/rebass/dist/index.js");function s(e){return r.default.createElement(i.Heading,n({fontSize:5},e,{as:"h2"}))}s.h1=(e=>r.default.createElement(s,n({fontSize:6},e,{as:"h1"}))),s.h2=(e=>r.default.createElement(s,n({fontSize:5},e,{as:"h2"}))),s.h3=(e=>r.default.createElement(s,n({fontSize:4},e,{as:"h3"}))),s.h4=(e=>r.default.createElement(s,n({fontSize:3},e,{as:"h4"}))),s.h5=(e=>r.default.createElement(s,n({fontSize:3},e,{as:"h5"}))),s.h6=(e=>r.default.createElement(s,n({fontSize:3},e,{as:"h6"}))),s.displayName="Heading",s.h1.displayName="Heading 1",s.h2.displayName="Heading 2",s.h3.displayName="Heading 3",s.h4.displayName="Heading 4",s.h5.displayName="Heading 5",s.h6.displayName="Heading 6",o.default=s,e.exports=o.default},"./app/components/UI/Icon.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=_(t("./node_modules/react/index.js")),i=(_(t("./node_modules/prop-types/index.js")),_(t("./app/node_modules/react-icons/lib/fa/exclamation-circle.js"))),s=_(t("./app/node_modules/react-icons/lib/fa/times-circle.js")),a=_(t("./app/node_modules/react-icons/lib/fa/check-circle.js")),l=_(t("./app/node_modules/react-icons/lib/md/navigate-before.js")),d=_(t("./app/node_modules/react-icons/lib/md/navigate-next.js")),u=_(t("./app/node_modules/react-icons/lib/md/arrow-forward.js")),c=_(t("./app/node_modules/react-icons/lib/md/arrow-back.js")),p=_(t("./app/node_modules/react-icons/lib/md/close.js")),f=_(t("./app/icons/bitcoin.svg")),m=_(t("./app/icons/paper_plane.svg")),y=_(t("./node_modules/react-inlinesvg/es/index.js"));function _(e){return e&&e.__esModule?e:{default:e}}var g=n(y.default,{src:f.default}),v=n(y.default,{src:m.default});class x extends r.default.PureComponent{render(){const{variant:e}=this.props;switch(e){case"bitcoin":return g;case"close":return r.default.createElement(p.default,this.props);case"success":return r.default.createElement(a.default,this.props);case"warning":return r.default.createElement(i.default,this.props);case"error":return r.default.createElement(s.default,this.props);case"paper-plane":return v;case"previous":return r.default.createElement(l.default,this.props);case"next":return r.default.createElement(d.default,this.props);case"arrow-right":return r.default.createElement(u.default,this.props);case"arrow-left":return r.default.createElement(c.default,this.props)}}}x.displayName="Icon",o.default=x,e.exports=o.default,x.__docgenInfo={description:"",methods:[],displayName:"Icon"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Icon.js"]={name:"Icon",docgenInfo:x.__docgenInfo,path:"app/components/UI/Icon.js"})},"./app/components/UI/Input.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/informed/dist/index.js"),s=t("./node_modules/styled-system-html/dist/index.js"),a=t("./node_modules/styled-components/dist/styled-components.browser.esm.js");class l extends r.default.PureComponent{render(){const e=this.props,{onChange:o,onBlur:t,initialValue:i,forwardedRef:a,theme:l,fieldApi:d,fieldState:u}=e,c=function(e,o){var t={};for(var n in e)o.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}(e,["onChange","onBlur","initialValue","forwardedRef","theme","fieldApi","fieldState"]),{setValue:p,setTouched:f}=d,{value:m}=u;return r.default.createElement(s.Input,n({outline:"none",borderRadius:"5px",borderColor:"white",border:"1px solid white",bg:"transparent",color:"white",p:3,type:"text",fontSize:"m",css:{"&:focus":{outline:"none",border:`1px solid ${l.colors.lightningOrange} }`}}},c,{ref:a,value:m||0===m?m:"",onChange:e=>{p(e.target.value),o&&o(e)},onBlur:e=>{f(),t&&t(e)},error:u.error}))}}l.displayName="Input",o.default=(0,i.asField)((0,a.withTheme)(l)),e.exports=o.default,l.__docgenInfo={description:"@render react\n@name Input\n@example\n<Input />",methods:[],displayName:"Input"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Input.js"]={name:"Input",docgenInfo:l.__docgenInfo,path:"app/components/UI/Input.js"})},"./app/components/UI/Label.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/styled-system-html/dist/index.js");class s extends r.default.Component{render(){return r.default.createElement(i.Label,n({color:"white",fontWeight:"bold"},this.props))}}s.displayName="Label",o.default=s,e.exports=o.default,s.__docgenInfo={description:"@render react\n@name Label\n@example\n<Label />",methods:[],displayName:"Label"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Label.js"]={name:"Label",docgenInfo:s.__docgenInfo,path:"app/components/UI/Label.js"})},"./app/components/UI/LayoutCentered.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=s(t("./node_modules/react/index.js")),i=(s(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=n(i.Box,{px:2,width:.25}),l=n(i.Box,{px:2,width:.25});class d extends r.default.Component{render(){const{children:e}=this.props;return n(i.Flex,{flexWrap:"wrap"},void 0,a,n(i.Box,{px:2,width:.5},void 0,e),l)}}d.displayName="LayoutCentered",o.default=d,e.exports=o.default,d.__docgenInfo={description:"",methods:[],displayName:"LayoutCentered"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/LayoutCentered.js"]={name:"LayoutCentered",docgenInfo:d.__docgenInfo,path:"app/components/UI/LayoutCentered.js"})},"./app/components/UI/LightningInvoiceInput.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i=c(t("./node_modules/react/index.js")),s=(c(t("./node_modules/prop-types/index.js")),t("./node_modules/informed/dist/index.js")),a=c(t("./node_modules/bitcoinjs-lib/src/index.js")),l=c(t("./app/lib/utils/bech32.js")),d=c(t("./app/components/UI/TextArea.js")),u=c(t("./app/components/UI/FormFieldMessage.js"));function c(e){return e&&e.__esModule?e:{default:e}}class p extends i.default.PureComponent{constructor(e,o){super(e,o),this.validate=this.validate.bind(this)}validate(e){const{network:o,required:t}=this.props;return!t||e&&""!==e.trim()?!e||_(e)||y(e,o)?void 0:"Not a valid address.":"This is a required field"}render(){return i.default.createElement(m,r({placeholder:"Paste the Lightning Payment Request or the Bitcoin Address here.",rows:5},this.props,{validate:this.validate}))}}p.displayName="LightningInvoiceInput";var f=n(u.default,{variant:"success"},void 0,"Valid Lightning address");const m=(0,s.asField)(e=>{let{fieldState:o,fieldApi:t}=e,r=function(e,o){var t={};for(var n in e)o.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}(e,["fieldState","fieldApi"]);const{value:s}=o;return n(i.default.Fragment,{},void 0,i.default.createElement(d.default,r),o.error&&n(u.default,{variant:"error"},void 0,o.error),s&&!o.error&&f)}),y=(e,o)=>{try{return a.default.address.toOutputScript(e,"mainnet"===o?a.default.networks.bitcoin:a.default.networks.testnet),!0}catch(e){return!1}},_=e=>{if(!e.startsWith("ln"))return!1;try{return l.default.decode(e),!0}catch(e){return!1}};o.default=p,e.exports=o.default,p.__docgenInfo={description:'@render react\n@name LightningInvoiceInput\n@example\n<LightningInvoiceInput\n     network="testnet"\n     field="testnet"\n     id="testnet"\n     validateOnChange\n     validateOnBlur/>',methods:[{name:"validate",docblock:null,modifiers:[],params:[{name:"value",type:null}],returns:null}],displayName:"LightningInvoiceInput"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/LightningInvoiceInput.js"]={name:"LightningInvoiceInput",docgenInfo:p.__docgenInfo,path:"app/components/UI/LightningInvoiceInput.js"})},"./app/components/UI/MainContent.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=s(t("./node_modules/react/index.js")),i=(s(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function s(e){return e&&e.__esModule?e:{default:e}}class a extends r.default.Component{render(){const{children:e}=this.props;return n(i.Flex,{alignItems:"stretch",flexWrap:"wrap",width:1,p:3},void 0,e)}}a.displayName="MainContent",o.default=a,e.exports=o.default,a.__docgenInfo={description:"@render react\n@name MainContent\n@example\n<MainContent>Some content</MainContent>",methods:[],displayName:"MainContent"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/MainContent.js"]={name:"MainContent",docgenInfo:a.__docgenInfo,path:"app/components/UI/MainContent.js"})},"./app/components/UI/Menu.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=u(t("./node_modules/react/index.js")),s=t("./node_modules/rebass/dist/index.js"),a=u(t("./node_modules/@rebass/components/dist/index.js")),l=u(t("./node_modules/styled-components/dist/styled-components.browser.esm.js")),d=u(t("./node_modules/rc-menu/es/index.js"));function u(e){return e&&e.__esModule?e:{default:e}}const c=(0,a.default)({extend:d.default,mb:2,p:0},"space"),p=(0,l.default)(c)`
+`;o.default=r,e.exports=o.default},"./app/components/UI/Heading.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/rebass/dist/index.js");function s(e){return r.default.createElement(i.Heading,n({fontSize:5},e,{as:"h2"}))}s.h1=(e=>r.default.createElement(s,n({fontSize:6},e,{as:"h1"}))),s.h2=(e=>r.default.createElement(s,n({fontSize:5},e,{as:"h2"}))),s.h3=(e=>r.default.createElement(s,n({fontSize:4},e,{as:"h3"}))),s.h4=(e=>r.default.createElement(s,n({fontSize:3},e,{as:"h4"}))),s.h5=(e=>r.default.createElement(s,n({fontSize:3},e,{as:"h5"}))),s.h6=(e=>r.default.createElement(s,n({fontSize:3},e,{as:"h6"}))),s.displayName="Heading",s.h1.displayName="Heading 1",s.h2.displayName="Heading 2",s.h3.displayName="Heading 3",s.h4.displayName="Heading 4",s.h5.displayName="Heading 5",s.h6.displayName="Heading 6",o.default=s,e.exports=o.default},"./app/components/UI/Icon.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=_(t("./node_modules/react/index.js")),i=(_(t("./node_modules/prop-types/index.js")),_(t("./app/node_modules/react-icons/lib/fa/exclamation-circle.js"))),s=_(t("./app/node_modules/react-icons/lib/fa/times-circle.js")),a=_(t("./app/node_modules/react-icons/lib/fa/check-circle.js")),l=_(t("./app/node_modules/react-icons/lib/md/navigate-before.js")),d=_(t("./app/node_modules/react-icons/lib/md/navigate-next.js")),u=_(t("./app/node_modules/react-icons/lib/md/arrow-forward.js")),c=_(t("./app/node_modules/react-icons/lib/md/arrow-back.js")),p=_(t("./app/node_modules/react-icons/lib/md/close.js")),f=_(t("./app/icons/bitcoin.svg")),m=_(t("./app/icons/paper_plane.svg")),y=_(t("./node_modules/react-inlinesvg/es/index.js"));function _(e){return e&&e.__esModule?e:{default:e}}var g=n(y.default,{src:f.default}),v=n(y.default,{src:m.default});class x extends r.default.PureComponent{render(){const{variant:e}=this.props;switch(e){case"bitcoin":return g;case"close":return r.default.createElement(p.default,this.props);case"success":return r.default.createElement(a.default,this.props);case"warning":return r.default.createElement(i.default,this.props);case"error":return r.default.createElement(s.default,this.props);case"paper-plane":return v;case"previous":return r.default.createElement(l.default,this.props);case"next":return r.default.createElement(d.default,this.props);case"arrow-right":return r.default.createElement(u.default,this.props);case"arrow-left":return r.default.createElement(c.default,this.props)}}}x.displayName="Icon",o.default=x,e.exports=o.default,x.__docgenInfo={description:"",methods:[],displayName:"Icon"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Icon.js"]={name:"Icon",docgenInfo:x.__docgenInfo,path:"app/components/UI/Icon.js"})},"./app/components/UI/Input.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/informed/dist/index.js"),s=t("./node_modules/styled-system-html/dist/index.js"),a=t("./node_modules/styled-components/dist/styled-components.browser.esm.js");class l extends r.default.PureComponent{render(){const e=this.props,{onChange:o,onBlur:t,initialValue:i,forwardedRef:a,theme:l,fieldApi:d,fieldState:u}=e,c=function(e,o){var t={};for(var n in e)o.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}(e,["onChange","onBlur","initialValue","forwardedRef","theme","fieldApi","fieldState"]),{setValue:p,setTouched:f}=d,{value:m}=u;return r.default.createElement(s.Input,n({outline:"none",borderRadius:"5px",borderColor:"white",border:"1px solid white",bg:"transparent",color:"white",p:3,type:"text",fontSize:"m",css:{"&:focus":{outline:"none",border:`1px solid ${l.colors.lightningOrange} }`}}},c,{ref:a,value:m||0===m?m:"",onChange:e=>{p(e.target.value),o&&o(e)},onBlur:e=>{f(),t&&t(e)},error:u.error}))}}l.displayName="Input",o.default=(0,i.asField)((0,a.withTheme)(l)),e.exports=o.default,l.__docgenInfo={description:"@render react\n@name Input\n@example\n<Input />",methods:[],displayName:"Input"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Input.js"]={name:"Input",docgenInfo:l.__docgenInfo,path:"app/components/UI/Input.js"})},"./app/components/UI/Label.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/styled-system-html/dist/index.js");class s extends r.default.Component{render(){return r.default.createElement(i.Label,n({color:"white",fontWeight:"bold"},this.props))}}s.displayName="Label",o.default=s,e.exports=o.default,s.__docgenInfo={description:"@render react\n@name Label\n@example\n<Label />",methods:[],displayName:"Label"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Label.js"]={name:"Label",docgenInfo:s.__docgenInfo,path:"app/components/UI/Label.js"})},"./app/components/UI/LayoutCentered.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=s(t("./node_modules/react/index.js")),i=(s(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=n(i.Box,{px:2,width:.25}),l=n(i.Box,{px:2,width:.25});class d extends r.default.Component{render(){const{children:e}=this.props;return n(i.Flex,{flexWrap:"wrap"},void 0,a,n(i.Box,{px:2,width:.5},void 0,e),l)}}d.displayName="LayoutCentered",o.default=d,e.exports=o.default,d.__docgenInfo={description:"",methods:[],displayName:"LayoutCentered"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/LayoutCentered.js"]={name:"LayoutCentered",docgenInfo:d.__docgenInfo,path:"app/components/UI/LayoutCentered.js"})},"./app/components/UI/LightningInvoiceInput.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i=c(t("./node_modules/react/index.js")),s=(c(t("./node_modules/prop-types/index.js")),t("./node_modules/informed/dist/index.js")),a=c(t("./node_modules/bitcoinjs-lib/src/index.js")),l=c(t("./app/lib/utils/bech32.js")),d=c(t("./app/components/UI/TextArea.js")),u=c(t("./app/components/UI/FormFieldMessage.js"));function c(e){return e&&e.__esModule?e:{default:e}}class p extends i.default.PureComponent{constructor(e,o){super(e,o),this.validate=this.validate.bind(this)}validate(e){const{network:o,required:t}=this.props;return!t||e&&""!==e.trim()?!e||_(e)||y(e,o)?void 0:"Not a valid address.":"This is a required field"}render(){return i.default.createElement(m,r({placeholder:"Paste the Lightning Payment Request or the Bitcoin Address here.",rows:5},this.props,{validate:this.validate}))}}p.displayName="LightningInvoiceInput";var f=n(u.default,{variant:"success"},void 0,"Valid Lightning address");const m=(0,s.asField)(e=>{let{fieldState:o,fieldApi:t}=e,r=function(e,o){var t={};for(var n in e)o.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}(e,["fieldState","fieldApi"]);const{value:s}=o;return n(i.default.Fragment,{},void 0,i.default.createElement(d.default,r),o.error&&n(u.default,{variant:"error"},void 0,o.error),s&&!o.error&&f)}),y=(e,o)=>{try{return a.default.address.toOutputScript(e,"mainnet"===o?a.default.networks.bitcoin:a.default.networks.testnet),!0}catch(e){return!1}},_=e=>{if(!e.startsWith("ln"))return!1;try{return l.default.decode(e),!0}catch(e){return!1}};o.default=p,e.exports=o.default,p.__docgenInfo={description:'@render react\n@name LightningInvoiceInput\n@example\n<LightningInvoiceInput\n     network="testnet"\n     field="testnet"\n     id="testnet"\n     validateOnChange\n     validateOnBlur/>',methods:[{name:"validate",docblock:null,modifiers:[],params:[{name:"value",type:null}],returns:null}],displayName:"LightningInvoiceInput"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/LightningInvoiceInput.js"]={name:"LightningInvoiceInput",docgenInfo:p.__docgenInfo,path:"app/components/UI/LightningInvoiceInput.js"})},"./app/components/UI/MainContent.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=s(t("./node_modules/react/index.js")),i=(s(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function s(e){return e&&e.__esModule?e:{default:e}}class a extends r.default.Component{render(){const{children:e}=this.props;return n(i.Box,{width:1,p:3},void 0,e)}}a.displayName="MainContent",o.default=a,e.exports=o.default,a.__docgenInfo={description:"@render react\n@name MainContent\n@example\n<MainContent>Some content</MainContent>",methods:[],displayName:"MainContent"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/MainContent.js"]={name:"MainContent",docgenInfo:a.__docgenInfo,path:"app/components/UI/MainContent.js"})},"./app/components/UI/Menu.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=u(t("./node_modules/react/index.js")),s=t("./node_modules/rebass/dist/index.js"),a=u(t("./node_modules/@rebass/components/dist/index.js")),l=u(t("./node_modules/styled-components/dist/styled-components.browser.esm.js")),d=u(t("./node_modules/rc-menu/es/index.js"));function u(e){return e&&e.__esModule?e:{default:e}}const c=(0,a.default)({extend:d.default,mb:2,p:0},"space"),p=(0,l.default)(c)`
   outline: none;
 `;class f extends i.default.Component{render(){const{children:e,title:o}=this.props;return i.default.createElement(s.Box,n({mb:4},this.props),o&&r(s.Text,{fontWeight:"bold",py:1},void 0,o),i.default.createElement(p,this.props,e))}}f.displayName="Menu",o.default=f,e.exports=o.default,f.__docgenInfo={description:"@render react\n@name Menu\n@example\n<Menu>\n     <MenuItem>Menu item 1</MenuItem>\n     <MenuItem>Menu item 2</MenuItem>\n   </Menu>",methods:[],displayName:"Menu"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Menu.js"]={name:"Menu",docgenInfo:f.__docgenInfo,path:"app/components/UI/Menu.js"})},"./app/components/UI/MenuItem.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=a(t("./node_modules/react/index.js")),r=t("./node_modules/rc-menu/es/index.js"),i=a(t("./node_modules/@rebass/components/dist/index.js")),s=a(t("./node_modules/styled-components/dist/styled-components.browser.esm.js"));function a(e){return e&&e.__esModule?e:{default:e}}const l=(0,i.default)({extend:r.MenuItem,py:2},"space"),d=(0,s.default)(l)`
   list-style-type: none;
@@ -50,7 +50,7 @@
   > .rc-menu-item-group-list {
     padding: 0;
   }
-`;class u extends n.default.Component{render(){return n.default.createElement(d,this.props)}}u.displayName="MenuItemGroup",o.default=u,e.exports=o.default,u.__docgenInfo={description:"@render react\n@name MenuItem\n@example\n<MenuItem>MenuItem item 1</MenuItem>",methods:[],displayName:"MenuItemGroup"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/MenuItemGroup.js"]={name:"MenuItem",docgenInfo:u.__docgenInfo,path:"app/components/UI/MenuItemGroup.js"})},"./app/components/UI/Modal.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=l(t("./node_modules/react/index.js")),i=(l(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=l(t("./app/components/UI/BackgroundDark.js")),a=l(t("./app/components/UI/Icon.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=n(i.Flex,{justifyContent:"flex-end"},void 0,n(a.default,{size:30,variant:"close"}));class u extends r.default.Component{render(){const{children:e}=this.props;return n(i.Box,{css:{height:"100vh"}},void 0,n(s.default,{p:2,css:{height:"100%"}},void 0,d,n(i.Box,{m:3},void 0,e)))}}u.displayName="LayoutCentered",o.default=u,e.exports=o.default,u.__docgenInfo={description:"",methods:[],displayName:"LayoutCentered"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Modal.js"]={name:"Modal",docgenInfo:u.__docgenInfo,path:"app/components/UI/Modal.js"})},"./app/components/UI/Notification.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=u(t("./node_modules/react/index.js")),s=(u(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),a=u(t("./app/node_modules/react-icons/lib/md/close.js")),l=u(t("./app/components/UI/Icon.js")),d=u(t("./app/components/UI/Spinner.js"));function u(e){return e&&e.__esModule?e:{default:e}}var c=r(d.default,{size:"2em",mr:"0.5em"}),p=r(a.default,{});class f extends i.default.Component{render(){const{children:e,processing:o,variant:t}=this.props;return i.default.createElement(s.Card,n({px:3,py:3,borderRadius:"5px"},this.props),r(s.Flex,{justifyContent:"space-between"},void 0,r(s.Flex,{},void 0,o?c:r(l.default,{variant:t}),r(s.Text,{ml:2},void 0,e)),p))}}f.displayName="Notification",f.defaultProps={processing:!1,variant:"success"},o.default=f,e.exports=o.default,f.__docgenInfo={description:"",methods:[],displayName:"Notification",props:{processing:{defaultValue:{value:"false",computed:!1},required:!1},variant:{defaultValue:{value:"'success'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Notification.js"]={name:"Notification",docgenInfo:f.__docgenInfo,path:"app/components/UI/Notification.js"})},"./app/components/UI/Page.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=a(t("./node_modules/react/index.js")),i=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=a(t("./app/components/UI/BackgroundDark.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends r.default.Component{render(){const{children:e}=this.props,o=r.default.Children.count(e)>1&&"Sidebar"===e[0].type.name;return n(s.default,{width:1},void 0,o?n(i.Flex,{alignItems:"stretch",css:{height:"100vh"}},void 0,e):n(i.Box,{},void 0,e))}}l.displayName="Page",o.default=l,e.exports=o.default,l.__docgenInfo={description:"@render react\n@name Page\n@example\n<Page>Some content</Page>",methods:[],displayName:"Page"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Page.js"]={name:"Page",docgenInfo:l.__docgenInfo,path:"app/components/UI/Page.js"})},"./app/components/UI/PanelBody.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=a(t("./node_modules/react/index.js")),s=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends i.default.Component{render(){const{children:e}=this.props;return r("section",{},void 0,i.default.createElement(s.Box,n({my:3},this.props),e))}}l.displayName="PanelBody",o.default=l,e.exports=o.default,l.__docgenInfo={description:'@render react\n@name PanelBody\n@example\n<PanelBody title="Pabelk title" description="Panel description" icon="bitcoin"/>',methods:[],displayName:"PanelBody"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/PanelBody.js"]={name:"PanelBody",docgenInfo:l.__docgenInfo,path:"app/components/UI/PanelBody.js"})},"./app/components/UI/PanelFooter.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=a(t("./node_modules/react/index.js")),s=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends i.default.Component{render(){const{children:e}=this.props;return r("footer",{},void 0,i.default.createElement(s.Flex,n({flexDirection:"column",flexWrap:"no-wrap",justifyContent:"center",my:3},this.props),r(s.Box,{m:"auto"},void 0,e)))}}l.displayName="PanelFooter",o.default=l,e.exports=o.default,l.__docgenInfo={description:'@render react\n@name PanelFooter\n@example\n<PanelFooter title="Pabelk title" description="Panel description" icon="bitcoin"/>',methods:[],displayName:"PanelFooter"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/PanelFooter.js"]={name:"PanelFooter",docgenInfo:l.__docgenInfo,path:"app/components/UI/PanelFooter.js"})},"./app/components/UI/PanelHeader.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=c(t("./node_modules/react/index.js")),s=(c(t("./node_modules/prop-types/index.js")),c(t("./app/components/UI/Bar.js"))),a=c(t("./app/components/UI/Heading.js")),l=c(t("./app/components/UI/Text.js")),d=c(t("./app/components/UI/Icon.js")),u=t("./node_modules/rebass/dist/index.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=r(s.default,{});class f extends i.default.PureComponent{render(){const{title:e,description:o,icon:t}=this.props;return r("header",{},void 0,i.default.createElement(u.Box,n({my:2},this.props),r(l.default,{textAlign:"center"},void 0,r(d.default,{variant:t})),r(a.default.h1,{textAlign:"center"},void 0,e),r(a.default.h3,{textAlign:"center"},void 0,o)),p)}}f.displayName="PanelHeader",o.default=f,e.exports=o.default,f.__docgenInfo={description:"",methods:[],displayName:"PanelHeader"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/PanelHeader.js"]={name:"PanelHeader",docgenInfo:f.__docgenInfo,path:"app/components/UI/PanelHeader.js"})},"./app/components/UI/QRCode.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=d(t("./node_modules/react/index.js")),s=d(t("./node_modules/styled-components/dist/styled-components.browser.esm.js")),a=t("./node_modules/rebass/dist/index.js"),l=d(t("./node_modules/qrcode.react/lib/index.js"));function d(e){return e&&e.__esModule?e:{default:e}}const u=(0,s.default)(a.Card)`
+`;class u extends n.default.Component{render(){return n.default.createElement(d,this.props)}}u.displayName="MenuItemGroup",o.default=u,e.exports=o.default,u.__docgenInfo={description:"@render react\n@name MenuItem\n@example\n<MenuItem>MenuItem item 1</MenuItem>",methods:[],displayName:"MenuItemGroup"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/MenuItemGroup.js"]={name:"MenuItem",docgenInfo:u.__docgenInfo,path:"app/components/UI/MenuItemGroup.js"})},"./app/components/UI/Modal.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=l(t("./node_modules/react/index.js")),i=(l(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=l(t("./app/components/UI/BackgroundDark.js")),a=l(t("./app/components/UI/Icon.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=n(i.Flex,{justifyContent:"flex-end"},void 0,n(a.default,{size:30,variant:"close"}));class u extends r.default.Component{render(){const{children:e}=this.props;return n(i.Box,{css:{height:"100vh"}},void 0,n(s.default,{p:2,css:{height:"100%"}},void 0,d,n(i.Box,{m:3},void 0,e)))}}u.displayName="LayoutCentered",o.default=u,e.exports=o.default,u.__docgenInfo={description:"",methods:[],displayName:"LayoutCentered"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Modal.js"]={name:"Modal",docgenInfo:u.__docgenInfo,path:"app/components/UI/Modal.js"})},"./app/components/UI/Notification.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=u(t("./node_modules/react/index.js")),s=(u(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),a=u(t("./app/node_modules/react-icons/lib/md/close.js")),l=u(t("./app/components/UI/Icon.js")),d=u(t("./app/components/UI/Spinner.js"));function u(e){return e&&e.__esModule?e:{default:e}}var c=r(d.default,{size:"2em",mr:"0.5em"}),p=r(a.default,{});class f extends i.default.Component{render(){const{children:e,processing:o,variant:t}=this.props;return i.default.createElement(s.Card,n({px:3,py:3,borderRadius:"5px"},this.props),r(s.Flex,{justifyContent:"space-between"},void 0,r(s.Flex,{},void 0,o?c:r(l.default,{variant:t}),r(s.Text,{ml:2},void 0,e)),p))}}f.displayName="Notification",f.defaultProps={processing:!1,variant:"success"},o.default=f,e.exports=o.default,f.__docgenInfo={description:"",methods:[],displayName:"Notification",props:{processing:{defaultValue:{value:"false",computed:!1},required:!1},variant:{defaultValue:{value:"'success'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Notification.js"]={name:"Notification",docgenInfo:f.__docgenInfo,path:"app/components/UI/Notification.js"})},"./app/components/UI/Page.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=a(t("./node_modules/react/index.js")),i=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=a(t("./app/components/UI/BackgroundDark.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends r.default.Component{render(){const{children:e}=this.props;return n(s.default,{css:{height:"100vh"}},void 0,n(i.Flex,{alignItems:"stretch",css:{height:"100vh"}},void 0,e))}}l.displayName="Page",o.default=l,e.exports=o.default,l.__docgenInfo={description:"@render react\n@name Page\n@example\n<Page>Some content</Page>",methods:[],displayName:"Page"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Page.js"]={name:"Page",docgenInfo:l.__docgenInfo,path:"app/components/UI/Page.js"})},"./app/components/UI/PanelBody.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=a(t("./node_modules/react/index.js")),s=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends i.default.Component{render(){const{children:e}=this.props;return r("section",{},void 0,i.default.createElement(s.Box,n({my:3},this.props),e))}}l.displayName="PanelBody",o.default=l,e.exports=o.default,l.__docgenInfo={description:'@render react\n@name PanelBody\n@example\n<PanelBody title="Pabelk title" description="Panel description" icon="bitcoin"/>',methods:[],displayName:"PanelBody"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/PanelBody.js"]={name:"PanelBody",docgenInfo:l.__docgenInfo,path:"app/components/UI/PanelBody.js"})},"./app/components/UI/PanelFooter.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=a(t("./node_modules/react/index.js")),s=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends i.default.Component{render(){const{children:e}=this.props;return r("footer",{},void 0,i.default.createElement(s.Flex,n({flexDirection:"column",flexWrap:"no-wrap",justifyContent:"center",my:3},this.props),r(s.Box,{m:"auto"},void 0,e)))}}l.displayName="PanelFooter",o.default=l,e.exports=o.default,l.__docgenInfo={description:'@render react\n@name PanelFooter\n@example\n<PanelFooter title="Pabelk title" description="Panel description" icon="bitcoin"/>',methods:[],displayName:"PanelFooter"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/PanelFooter.js"]={name:"PanelFooter",docgenInfo:l.__docgenInfo,path:"app/components/UI/PanelFooter.js"})},"./app/components/UI/PanelHeader.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=c(t("./node_modules/react/index.js")),s=(c(t("./node_modules/prop-types/index.js")),c(t("./app/components/UI/Bar.js"))),a=c(t("./app/components/UI/Heading.js")),l=c(t("./app/components/UI/Text.js")),d=c(t("./app/components/UI/Icon.js")),u=t("./node_modules/rebass/dist/index.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=r(s.default,{});class f extends i.default.PureComponent{render(){const{title:e,description:o,icon:t}=this.props;return r("header",{},void 0,i.default.createElement(u.Box,n({my:2},this.props),r(l.default,{textAlign:"center"},void 0,r(d.default,{variant:t})),r(a.default.h1,{textAlign:"center"},void 0,e),r(a.default.h3,{textAlign:"center"},void 0,o)),p)}}f.displayName="PanelHeader",o.default=f,e.exports=o.default,f.__docgenInfo={description:"",methods:[],displayName:"PanelHeader"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/PanelHeader.js"]={name:"PanelHeader",docgenInfo:f.__docgenInfo,path:"app/components/UI/PanelHeader.js"})},"./app/components/UI/QRCode.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),i=d(t("./node_modules/react/index.js")),s=d(t("./node_modules/styled-components/dist/styled-components.browser.esm.js")),a=t("./node_modules/rebass/dist/index.js"),l=d(t("./node_modules/qrcode.react/lib/index.js"));function d(e){return e&&e.__esModule?e:{default:e}}const u=(0,s.default)(a.Card)`
   position: relative;
   width: ${e=>e.size}
   height: ${e=>e.size}
@@ -98,7 +98,7 @@
   position: absolute;
   top: 10%
   left: 10%
-`;class g extends i.default.PureComponent{render(){const{size:e}=this.props;return r(u,{size:e},void 0,r(c,{size:e},void 0,r(p,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"}),r(f,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"}),r(m,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"}),r(y,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"})),i.default.createElement(_,n({},this.props,{size:"80%",renderAs:"svg",bgColor:"white",fgColor:"black",level:"L"})))}}g.displayName="QRCode",g.defaultProps={size:"150px"},o.default=g,e.exports=o.default,g.__docgenInfo={description:'@render react\n@name QRCode\n@example\n<QRCode value="123456789" />',methods:[],displayName:"QRCode",props:{size:{defaultValue:{value:"'150px'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/QRCode.js"]={name:"ZapQRCode",docgenInfo:g.__docgenInfo,path:"app/components/UI/QRCode.js"})},"./app/components/UI/Select.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/styled-system-html/dist/index.js"),s=t("./node_modules/styled-components/dist/styled-components.browser.esm.js");class a extends r.default.PureComponent{render(){const{theme:e}=this.props;return r.default.createElement(i.Select,n({outline:"none",border:"none",bg:"transparent",color:"white",p:3,type:"text",fontSize:"m",css:{"&:focus":{outline:"none",color:`${e.colors.lightningOrange}`}}},this.props))}}a.displayName="Select",o.default=(0,s.withTheme)(a),e.exports=o.default,a.__docgenInfo={description:'@render react\n@name Select\n@example\n<Select>\n     <option value="">Please select..</option>\n     <option value="option1">Option 1</option>\n     <option value="option2">Option 2</option>\n     <option value="option3">Option 3</option>\n   </Select>',methods:[],displayName:"Select"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Select.js"]={name:"Select",docgenInfo:a.__docgenInfo,path:"app/components/UI/Select.js"})},"./app/components/UI/Sidebar.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=a(t("./node_modules/react/index.js")),i=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=a(t("./app/components/UI/BackgroundLight.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends r.default.Component{render(){const{children:e}=this.props;return n(i.Flex,{alignItems:"stretch",flexWrap:"wrap",width:.25},void 0,n(s.default,{width:1,p:3},void 0,e))}}l.displayName="Sidebar",o.default=l,e.exports=o.default,l.__docgenInfo={description:"@render react\n@name Sidebar\n@example\n<Sidebar>Some content</Sidebar>",methods:[],displayName:"Sidebar"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Sidebar.js"]={name:"Sidebar",docgenInfo:l.__docgenInfo,path:"app/components/UI/Sidebar.js"})},"./app/components/UI/Spinner.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./node_modules/styled-components/dist/styled-components.browser.esm.js"),r=function(e){return e&&e.__esModule?e:{default:e}}(n),i=t("./node_modules/rebass/dist/index.js");const s=(0,r.default)(i.Card)`
+`;class g extends i.default.PureComponent{render(){const{size:e}=this.props;return r(u,{size:e},void 0,r(c,{size:e},void 0,r(p,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"}),r(f,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"}),r(m,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"}),r(y,{size:e,border:1,borderRadius:"12%",borderColor:"lightningOrange"})),i.default.createElement(_,n({},this.props,{size:"80%",renderAs:"svg",bgColor:"white",fgColor:"black",level:"L"})))}}g.displayName="QRCode",g.defaultProps={size:"150px"},o.default=g,e.exports=o.default,g.__docgenInfo={description:'@render react\n@name QRCode\n@example\n<QRCode value="123456789" />',methods:[],displayName:"QRCode",props:{size:{defaultValue:{value:"'150px'",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/QRCode.js"]={name:"ZapQRCode",docgenInfo:g.__docgenInfo,path:"app/components/UI/QRCode.js"})},"./app/components/UI/Select.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/styled-system-html/dist/index.js"),s=t("./node_modules/styled-components/dist/styled-components.browser.esm.js");class a extends r.default.PureComponent{render(){const{theme:e}=this.props;return r.default.createElement(i.Select,n({outline:"none",border:"none",bg:"transparent",color:"white",p:3,type:"text",fontSize:"m",css:{"&:focus":{outline:"none",color:`${e.colors.lightningOrange}`}}},this.props))}}a.displayName="Select",o.default=(0,s.withTheme)(a),e.exports=o.default,a.__docgenInfo={description:'@render react\n@name Select\n@example\n<Select>\n     <option value="">Please select..</option>\n     <option value="option1">Option 1</option>\n     <option value="option2">Option 2</option>\n     <option value="option3">Option 3</option>\n   </Select>',methods:[],displayName:"Select"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Select.js"]={name:"Select",docgenInfo:a.__docgenInfo,path:"app/components/UI/Select.js"})},"./app/components/UI/Sidebar.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=a(t("./node_modules/react/index.js")),i=(a(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=a(t("./app/components/UI/BackgroundLight.js"));function a(e){return e&&e.__esModule?e:{default:e}}class l extends r.default.Component{render(){const{children:e}=this.props;return n(i.Box,{width:.25},void 0,n(s.default,{p:3,css:{height:"100vh"}},void 0,e))}}l.displayName="Sidebar",o.default=l,e.exports=o.default,l.__docgenInfo={description:"@render react\n@name Sidebar\n@example\n<Sidebar>Some content</Sidebar>",methods:[],displayName:"Sidebar"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Sidebar.js"]={name:"Sidebar",docgenInfo:l.__docgenInfo,path:"app/components/UI/Sidebar.js"})},"./app/components/UI/Spinner.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./node_modules/styled-components/dist/styled-components.browser.esm.js"),r=function(e){return e&&e.__esModule?e:{default:e}}(n),i=t("./node_modules/rebass/dist/index.js");const s=(0,r.default)(i.Card)`
   border: 1px solid rgba(235, 184, 100, 0.1);
   border-left-color: rgba(235, 184, 100, 0.6);
   display: inline-block;
@@ -112,4 +112,4 @@
 `} 1s linear infinite;
   }
 `;s.displayName="Spinner",s.defaultProps={borderRadius:999,width:"1em",css:{height:"1em"}},o.default=s,e.exports=o.default},"./app/components/UI/Text.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=s(t("./node_modules/react/index.js")),i=(s(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js"));function s(e){return e&&e.__esModule?e:{default:e}}class a extends r.default.PureComponent{render(){const{children:e}=this.props;return r.default.createElement(i.Text,n({fontSize:"m"},this.props),e)}}a.displayName="Text",o.default=a,e.exports=o.default,a.__docgenInfo={description:"@render react\n@name Text\n@example\n<Text>Some text</Text>",methods:[],displayName:"Text"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/Text.js"]={name:"Text",docgenInfo:a.__docgenInfo,path:"app/components/UI/Text.js"})},"./app/components/UI/TextArea.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/react/index.js")),i=t("./node_modules/informed/dist/index.js"),s=t("./node_modules/styled-system-html/dist/index.js"),a=t("./node_modules/styled-components/dist/styled-components.browser.esm.js");class l extends r.default.PureComponent{render(){const e=this.props,{onChange:o,onBlur:t,initialValue:i,forwardedRef:a,theme:l,fieldApi:d,fieldState:u}=e,c=function(e,o){var t={};for(var n in e)o.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}(e,["onChange","onBlur","initialValue","forwardedRef","theme","fieldApi","fieldState"]),{setValue:p,setTouched:f}=d,{value:m}=u;let y;return u.error?y=l.colors.superRed:m&&!u.error&&(y=l.colors.superGreen),r.default.createElement(s.TextArea,n({outline:"none",borderRadius:"5px",borderColor:y||l.colors.white,border:"1px solid white",bg:"transparent",color:"white",p:3,type:"text",fontSize:"m",css:{"&:focus":{outline:"none",border:`1px solid ${y||l.colors.lightningOrange} }`}}},c,{ref:a,value:m||0===m?m:"",onChange:e=>{p(e.target.value),o&&o(e)},onBlur:e=>{f(),t&&t(e)},error:u.error}))}}l.displayName="TextArea",o.default=(0,i.asField)((0,a.withTheme)(l)),e.exports=o.default,l.__docgenInfo={description:"@render react\n@name TextArea\n@example\n<TextArea />",methods:[],displayName:"TextArea"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/UI/TextArea.js"]={name:"TextArea",docgenInfo:l.__docgenInfo,path:"app/components/UI/TextArea.js"})},"./app/components/UI/index.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.TextArea=o.Text=o.Spinner=o.Sidebar=o.Select=o.QRCode=o.PanelHeader=o.PanelFooter=o.PanelBody=o.Page=o.Notification=o.Modal=o.MenuItemGroup=o.MenuItem=o.Menu=o.MainContent=o.LightningInvoiceInput=o.LayoutCentered=o.Label=o.Input=o.Icon=o.Heading=o.GlobalStyle=o.FormFieldMessage=o.Button=o.Bar=o.BackgroundLight=o.BackgroundDark=void 0;var n=L(t("./app/components/UI/BackgroundDark.js")),r=L(t("./app/components/UI/BackgroundLight.js")),i=L(t("./app/components/UI/Bar.js")),s=L(t("./app/components/UI/Button.js")),a=L(t("./app/components/UI/FormFieldMessage.js")),l=L(t("./app/components/UI/GlobalStyle.js")),d=L(t("./app/components/UI/Heading.js")),u=L(t("./app/components/UI/Icon.js")),c=L(t("./app/components/UI/Input.js")),p=L(t("./app/components/UI/Label.js")),f=L(t("./app/components/UI/LayoutCentered.js")),m=L(t("./app/components/UI/LightningInvoiceInput.js")),y=L(t("./app/components/UI/MainContent.js")),_=L(t("./app/components/UI/Menu.js")),g=L(t("./app/components/UI/MenuItem.js")),v=L(t("./app/components/UI/MenuItemGroup.js")),x=L(t("./app/components/UI/Modal.js")),S=L(t("./app/components/UI/Notification.js")),h=L(t("./app/components/UI/Page.js")),j=L(t("./app/components/UI/PanelBody.js")),b=L(t("./app/components/UI/PanelFooter.js")),I=L(t("./app/components/UI/PanelHeader.js")),M=L(t("./app/components/UI/QRCode.js")),w=L(t("./app/components/UI/Select.js")),C=L(t("./app/components/UI/Sidebar.js")),O=L(t("./app/components/UI/Spinner.js")),A=L(t("./app/components/UI/Text.js")),T=L(t("./app/components/UI/TextArea.js"));function L(e){return e&&e.__esModule?e:{default:e}}o.BackgroundDark=n.default,o.BackgroundLight=r.default,o.Bar=i.default,o.Button=s.default,o.FormFieldMessage=a.default,o.GlobalStyle=l.default,o.Heading=d.default,o.Icon=u.default,o.Input=c.default,o.Label=p.default,o.LayoutCentered=f.default,o.LightningInvoiceInput=m.default,o.MainContent=y.default,o.Menu=_.default,o.MenuItem=g.default,o.MenuItemGroup=v.default,o.Modal=x.default,o.Notification=S.default,o.Page=h.default,o.PanelBody=j.default,o.PanelFooter=b.default,o.PanelHeader=I.default,o.QRCode=M.default,o.Select=w.default,o.Sidebar=C.default,o.Spinner=O.default,o.Text=A.default,o.TextArea=T.default},"./app/components/WalletSettings/WalletSettings.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.WalletSettings=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=l(t("./node_modules/react/index.js")),i=(l(t("./node_modules/prop-types/index.js")),t("./node_modules/rebass/dist/index.js")),s=t("./node_modules/informed/dist/index.js"),a=t("./app/components/UI/index.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=n(i.Box,{ml:"auto"},void 0,n(a.Button,{variant:"primary"},void 0,"Launch",n(a.Icon,{variant:"next",size:"1.5em"}))),u=n(a.Bar,{}),c=n(i.Flex,{py:3,alignItems:"center"},void 0,n(i.Box,{width:.5},void 0,n(a.Label,{htmlFor:"autopilot"},void 0,"Autopilot")),n(i.Box,{ml:"auto"},void 0,n(s.Checkbox,{field:"autopilot",id:"autopilot"}))),p=n(a.Bar,{}),f=n(i.Box,{width:.5},void 0,n(a.Label,{htmlFor:"autopilotMaxChannels"},void 0,"Number of Channels max.")),m=n(a.Bar,{}),y=n(i.Box,{width:.5},void 0,n(a.Label,{htmlFor:"autopilotAllocation"},void 0,"Percentage of Balance"));class _ extends r.default.Component{constructor(e){super(e),this.onSubmit=this.onSubmit.bind(this),this.onSubmitFailure=this.onSubmitFailure.bind(this)}onSubmit(e){const{saveWalletSettings:o}=this.props;o(e)}onSubmitFailure(e){const{setError:o}=this.props;o(`There was a problem with ${Object.keys(e).join(", ")}`)}validate(e){return!e||e.length<5?"Field must be at least five characters":null}render(){const{error:e,wallet:o}=this.props;return n(s.Form,{style:{width:"100%"},onSubmit:this.onSubmit,onSubmitFailure:this.onSubmitFailure,initialValues:o.settings},o.id,n(r.default.Fragment,{},void 0,e&&n(i.Box,{color:"red"},void 0,e),n(i.Flex,{py:3,alignItems:"flex-start"},void 0,n(i.Box,{width:.5},void 0,n(a.Heading.h1,{fontSize:"xxxl"},void 0," ",o.name)),d),u,c,p,n(i.Flex,{py:3,alignItems:"center"},void 0,f,n(i.Box,{ml:"auto"},void 0,n(a.Input,{field:"autopilotMaxChannels",id:"autopilotMaxChannels",type:"number",min:"0",step:"1",validate:this.validate,validateOnChange:!0,validateOnBlur:!0}))),m,n(i.Flex,{py:3,alignItems:"center"},void 0,y,n(i.Box,{ml:"auto"},void 0,n(a.Input,{field:"autopilotAllocation",id:"autopilotAllocation",type:"number",min:"0",max:"1",step:"0.01",validate:this.validate,validateOnChange:!0,validateOnBlur:!0})))))}}o.WalletSettings=_,_.displayName="WalletSettings",o.default=_,_.__docgenInfo={description:"",methods:[{name:"onSubmit",docblock:"Form submit handler.\n@param  {Object} values submitted form values.",modifiers:[],params:[{name:"values",description:"submitted form values.",type:{name:"Object"},optional:!1}],returns:null,description:"Form submit handler."},{name:"onSubmitFailure",docblock:"Form error handler.\n@param  {object} errors form error.",modifiers:[],params:[{name:"errors",description:"form error.",type:{name:"object"},optional:!1}],returns:null,description:"Form error handler."},{name:"validate",docblock:"Field validator.\n@param  {[type]} value value to validate",modifiers:[],params:[{name:"value",description:"value to validate",type:{name:"tuple",elements:[{name:"type"}]},optional:!1}],returns:null,description:"Field validator."}],displayName:"WalletSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/WalletSettings/WalletSettings.js"]={name:"WalletSettings",docgenInfo:_.__docgenInfo,path:"app/components/WalletSettings/WalletSettings.js"})},"./app/components/WalletSettings/index.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./app/components/WalletSettings/WalletSettings.js");Object.defineProperty(o,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}}),e.exports=o.default},"./app/components/WalletsMenu/WalletsMenu.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.WalletsMenu=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=s(t("./node_modules/react/index.js")),i=(s(t("./node_modules/prop-types/index.js")),t("./app/components/UI/index.js"));function s(e){return e&&e.__esModule?e:{default:e}}class a extends r.default.Component{constructor(e){super(e),this.onSelect=this.onSelect.bind(this)}onSelect(e){const{setCurrentWallet:o}=this.props;o(e.key)}render(){const{wallets:e}=this.props;return n(i.Menu,{onSelect:this.onSelect},void 0,n(i.MenuItemGroup,{title:"Your Wallets"},void 0,e.map(e=>n(i.MenuItem,{},e.id,e.name))))}}o.WalletsMenu=a,a.displayName="WalletsMenu",o.default=a,a.__docgenInfo={description:"@render react\n@name WalletsMenu\n@example\n<WalletsMenu\n     wallet={{ ... }}\n     saveWalletsMenu={() => {}}\n     setError={() => {}} >",methods:[{name:"onSelect",docblock:"Handler for selecting menu items.\n@param  {Object} info menu state information.",modifiers:[],params:[{name:"info",description:"menu state information.",type:{name:"Object"},optional:!1}],returns:null,description:"Handler for selecting menu items."}],displayName:"WalletsMenu"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["app/components/WalletsMenu/WalletsMenu.js"]={name:"WalletsMenu",docgenInfo:a.__docgenInfo,path:"app/components/WalletsMenu/WalletsMenu.js"})},"./app/components/WalletsMenu/index.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./app/components/WalletsMenu/WalletsMenu.js");Object.defineProperty(o,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}}),e.exports=o.default},"./app/containers/Pay.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./node_modules/react-redux/es/index.js"),r=s(t("./app/components/Pay/index.js")),i=s(t("./app/modules/pay.js"));function s(e){return e&&e.__esModule?e:{default:e}}o.default=(0,n.connect)(e=>({amount:i.default.selectors.getAmountState(e),payInput:i.default.selectors.getPayInputState(e),invoice:i.default.selectors.getInvoiceState(e),errors:i.default.selectors.getErrorsState(e)}),e=>({setPayAmount:o=>e(i.default.creators.setPayAmount(o)),setPayInput:o=>e(i.default.creators.setPayInput(o)),setPayInvoice:o=>e(i.default.creators.setPayInvoice(o)),setPayErrors:o=>e(i.default.creators.setPayErrors(o)),resetPayForm:()=>e(i.default.creators.resetPayForm()),sendPayment:()=>e(i.default.creators.sendPayment())}))(r.default),e.exports=o.default},"./app/containers/WalletSettings.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./node_modules/react-redux/es/index.js"),r=s(t("./app/components/WalletSettings/index.js")),i=s(t("./app/modules/walletsettings.js"));function s(e){return e&&e.__esModule?e:{default:e}}o.default=(0,n.connect)(e=>({error:i.default.selectors.getErrorState(e),currentWallet:i.default.selectors.getCurrentWalletState(e),wallet:i.default.selectors.getCurrentWallet(e)}),e=>({setError:o=>e(i.default.creators.setError(o)),saveWalletSettings:o=>e(i.default.creators.saveWalletSettings(o))}))(r.default),e.exports=o.default},"./app/containers/WalletsMenu.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./node_modules/react-redux/es/index.js"),r=s(t("./app/components/WalletsMenu/index.js")),i=s(t("./app/modules/wallets.js"));function s(e){return e&&e.__esModule?e:{default:e}}o.default=(0,n.connect)(e=>({wallets:i.default.selectors.getWalletsState(e)}),e=>({setCurrentWallet:o=>e(i.default.creators.setCurrentWallet(o))}))(r.default),e.exports=o.default},"./app/icons/bitcoin.svg":function(e,o){e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMzIgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5CaXRjb2luPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBheS1Ib3Zlci1Db3B5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTYuMDAwMDAwLCAtOTIuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDkwLjAwMDAwMCkiIGZpbGw9IiNGNUIzMDAiPgogICAgICAgICAgICA8ZyBpZD0iQml0Y29pbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iYnRjIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuODUsMzIuMSBDNy4wOTYyODY3MiwzMi4xIDAsMjUuMDAzNzEzMyAwLDE2LjI1IEMwLDcuNDk2Mjg2NzIgNy4wOTYyODY3MiwwLjQgMTUuODUsMC40IEMyNC42MDM3MTMzLDAuNCAzMS43LDcuNDk2Mjg2NzIgMzEuNywxNi4yNSBDMzEuNywyNS4wMDM3MTMzIDI0LjYwMzcxMzMsMzIuMSAxNS44NSwzMi4xIFogTTExLjU1LDguMTUgQzExLjUsOC4yIDExLjUsOC4yIDExLjcsOC4wNSBDMTEuNTUsOC42IDExLjQsOS4yIDExLjI1LDkuNzUgQzExLjIsOS44NSAxMS4yNSw5LjkgMTEuMzUsOS45IEMxMS43NSwxMCAxMi4yLDEwLjEgMTIuNjUsMTAuMjUgQzEzLjEsMTAuNCAxMy4zNSwxMC44NSAxMy4yNSwxMS4yNSBDMTIuNjUsMTMuODUgMTIsMTYuNCAxMS4zNSwxOC45NSBDMTEuMywxOS4zIDExLDE5LjUgMTAuNiwxOS40IEMxMC4yNSwxOS4zNSA5Ljg1LDE5LjI1IDkuNSwxOS4xNSBDOS4zNSwxOS4xNSA5LjMsMTkuMTUgOS4yNSwxOS4zIEM5LjEsMTkuNyA4LjksMjAuMTUgOC43LDIwLjYgQzguNiwyMC44IDguNTUsMjAuOTUgOC40NSwyMS4xNSBDOS42NSwyMS40NSAxMC44LDIxLjc1IDExLjk1LDIyLjA1IEMxMS45NSwyMi4xNSAxMS45LDIyLjIgMTEuOSwyMi4yNSBDMTEuNjUsMjMuMDUgMTEuNDUsMjMuOSAxMS4yNSwyNC43NSBDMTEuMiwyNC44NSAxMS4yLDI0LjkgMTEuMzUsMjQuOTUgQzExLjg1LDI1LjA1IDEyLjM1LDI1LjE1IDEyLjg1LDI1LjMgQzEzLDI1LjM1IDEzLDI1LjMgMTMuMDUsMjUuMiBDMTMuMTUsMjQuNzUgMTMuMywyNC4zIDEzLjQsMjMuODUgQzEzLjUsMjMuNCAxMy42NSwyMi45NSAxMy43NSwyMi41IEMxNC4yLDIyLjYgMTQuNiwyMi43IDE1LDIyLjggQzE1LjEsMjIuODUgMTUuMDUsMjIuOSAxNS4wNSwyMyBDMTQuOCwyMy44IDE0LjYsMjQuNjUgMTQuNCwyNS41IEMxNC4zNSwyNS42IDE0LjM1LDI1LjY1IDE0LjUsMjUuNyBDMTQuOTUsMjUuOCAxNS40NSwyNS45NSAxNS45LDI2LjA1IEMxNi4xNSwyNi4xNSAxNi4xNSwyNi4xIDE2LjIsMjUuOSBDMTYuNCwyNS4xIDE2LjYsMjQuMjUgMTYuOCwyMy40NSBDMTYuODUsMjMuMyAxNi45NSwyMy4yNSAxNy4xLDIzLjMgQzE4LjEsMjMuNDUgMTkuMSwyMy41NSAyMC4xNSwyMy40IEMyMC45NSwyMy4zIDIxLjY1LDIyLjk1IDIyLjIsMjIuMyBDMjIuNjUsMjEuNzUgMjIuOSwyMS4xNSAyMy4xLDIwLjQ1IEMyMy4yNSwxOS45IDIzLjMsMTkuMyAyMy4yLDE4Ljc1IEMyMywxOC4wNSAyMi42LDE3LjUgMjIsMTcuMDUgQzIxLjgsMTYuOSAyMS42LDE2LjggMjEuNCwxNi42NSBDMjEuNSwxNi42NSAyMS41NSwxNi42IDIxLjYsMTYuNiBDMjIsMTYuNDUgMjIuNCwxNi4yNSAyMi43LDE1Ljk1IEMyMy4xLDE1LjU1IDIzLjMsMTUuMDUgMjMuNDUsMTQuNSBDMjMuNjUsMTMuNyAyMy42LDEyLjkgMjMuMTUsMTIuMTUgQzIyLjgsMTEuNjUgMjIuMzUsMTEuMjUgMjEuODUsMTAuOTUgQzIxLjMsMTAuNyAyMC43NSwxMC40NSAyMC4yLDEwLjIgQzIwLjA1LDEwLjE1IDIwLDEwLjEgMjAuMDUsOS45NSBDMjAuMTUsOS43IDIwLjIsOS40NSAyMC4yNSw5LjIgQzIwLjQsOC42IDIwLjU1LDggMjAuNyw3LjM1IEMyMC42NSw3LjM1IDIwLjY1LDcuMyAyMC42LDcuMyBDMjAuMDUsNy4xNSAxOS41NSw3LjA1IDE5LjA1LDYuOSBDMTguOTUsNi44NSAxOC45LDYuOSAxOC45LDcgQzE4Ljg1LDcuMiAxOC44LDcuNCAxOC43NSw3LjYgQzE4LjU1LDguMjUgMTguNCw4Ljg1IDE4LjI1LDkuNSBDMTguMiw5LjU1IDE4LjE1LDkuNjUgMTguMSw5LjY1IEMxNy43LDkuNTUgMTcuMjUsOS40NSAxNi44NSw5LjM1IEMxNi45LDkuMjUgMTYuOSw5LjIgMTYuOSw5LjE1IEMxNy4xLDguMzUgMTcuMyw3LjUgMTcuNSw2LjcgQzE3LjU1LDYuNiAxNy41NSw2LjU1IDE3LjQsNi41IEMxNi45LDYuNCAxNi40NSw2LjMgMTUuOTUsNi4xNSBDMTUuOCw2LjEgMTUuNzUsNi4xNSAxNS43LDYuMyBDMTUuNSw3LjE1IDE1LjMsNy45NSAxNS4xLDguOCBDMTUuMDUsOC45NSAxNSw5IDE0Ljg1LDguOTUgQzE0LjMsOC44IDEzLjc1LDguNyAxMy4yLDguNTUgQzEyLjY1LDguNCAxMi4xLDguMyAxMS41NSw4LjE1IFogTTE0LjEsMjAuNSBDMTQuMywxOS43NSAxNC40NSwxOS4wNSAxNC42NSwxOC4zNSBDMTQuNzUsMTcuODUgMTQuOSwxNy40IDE1LDE2LjkgQzE1LjA1LDE2Ljc1IDE1LjA1LDE2LjcgMTUuMiwxNi43NSBDMTYuMiwxNi45NSAxNy4yNSwxNy4xNSAxOC4xNSwxNy42NSBDMTguNTUsMTcuOSAxOC45NSwxOC4xNSAxOS4yLDE4LjU1IEMxOS43NSwxOS4zNSAxOS4zNSwyMC42IDE4LjQsMjAuOSBDMTcuODUsMjEuMSAxNy4zLDIxLjEgMTYuNywyMS4wNSBDMTUuODUsMjEgMTUsMjAuNzUgMTQuMiwyMC41NSBDMTQuMiwyMC41NSAxNC4xNSwyMC41IDE0LjEsMjAuNSBaIE0xOC4zLDE1LjQgQzE3LjUsMTUuNCAxNi44NSwxNS4yNSAxNi4xLDE1LjE1IEMxNS45LDE1LjEgMTUuNzUsMTUuMDUgMTUuNTUsMTUgQzE1LjQ1LDE0Ljk1IDE1LjQsMTQuOSAxNS40NSwxNC44IEMxNS43NSwxMy43NSAxNiwxMi43NSAxNi4yNSwxMS43IEMxNi4zLDExLjU1IDE2LjM1LDExLjUgMTYuNSwxMS41NSBDMTcuMjUsMTEuNzUgMTcuOTUsMTEuOSAxOC42NSwxMi4yIEMxOS4xLDEyLjQgMTkuNTUsMTIuNyAxOS44LDEzLjE1IEMyMC4zLDE0IDE5LjgsMTUuMSAxOC44NSwxNS4zIEMxOC42NSwxNS4zNSAxOC40LDE1LjQgMTguMywxNS40IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=="},"./app/icons/paper_plane.svg":function(e,o){e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zZW5kPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBheS0oTE4pIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTAyLjAwMDAwMCwgLTY4LjAwMDAwMCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9InNlbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwMi4wMDAwMDAsIDY5LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjc1Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTIwLjUsMC41IEw5LjUsMTEuNSIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIyMSAwIDEzLjY1IDIxIDkuNDUgMTEuNTUgMCA3LjM1Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="},"./app/lib/utils/bech32.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});let n="qpzry9x8gf2tvdw0s3jn54khce6mua7l",r={};for(let e=0;e<n.length;e++){let o=n.charAt(e);if(void 0!==r[o])throw new TypeError(o+" is ambiguous");r[o]=e}function i(e){let o=e>>25;return(33554431&e)<<5^996825010&-(o>>0&1)^642813549&-(o>>1&1)^513874426&-(o>>2&1)^1027748829&-(o>>3&1)^705979059&-(o>>4&1)}function s(e){let o=1;for(let t=0;t<e.length;++t){let n=e.charCodeAt(t);if(n<33||n>126)throw new Error("Invalid prefix ("+e+")");o=i(o)^n>>5}o=i(o);for(let t=0;t<e.length;++t){let n=e.charCodeAt(t);o=i(o)^31&n}return o}function a(e,o,t,n){let r=0,i=0,s=(1<<t)-1,a=[];for(let n=0;n<e.length;++n)for(r=r<<o|e[n],i+=o;i>=t;)i-=t,a.push(r>>i&s);if(n)i>0&&a.push(r<<t-i&s);else{if(i>=o)throw new Error("Excess padding");if(r<<t-i&s)throw new Error("Non-zero padding")}return a}o.default={decode:function(e){if(e.length<8)throw new TypeError(e+" too short");let o=e.toLowerCase(),t=e.toUpperCase();if(e!==o&&e!==t)throw new Error("Mixed-case string "+e);let n=(e=o).lastIndexOf("1");if(0===n)throw new Error("Missing prefix for "+e);let a=e.slice(0,n),l=e.slice(n+1);if(l.length<6)throw new Error("Data too short");let d=s(a),u=[];for(let e=0;e<l.length;++e){let o=l.charAt(e),t=r[o];if(void 0===t)throw new Error("Unknown character "+o);d=i(d)^t,e+6>=l.length||u.push(t)}if(1!==d)throw new Error("Invalid checksum for "+e);return{prefix:a,words:u}},encode:function(e,o){if(e.length+7+o.length>90)throw new TypeError("Exceeds Bech32 maximum length");let t=s(e=e.toLowerCase()),r=e+"1";for(let e=0;e<o.length;++e){let s=o[e];if(s>>5!=0)throw new Error("Non 5-bit word");t=i(t)^s,r+=n.charAt(s)}for(let e=0;e<6;++e)t=i(t);t^=1;for(let e=0;e<6;++e){let o=t>>5*(5-e)&31;r+=n.charAt(o)}return r},toWords:function(e){return a(e,8,5,!0)},fromWords:function(e){return a(e,5,8,!1)}},e.exports=o.default},"./app/modules/pay.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/extensible-duck/dist/extensible-duck.js"));o.default=new r.default({namespace:"zap",store:"pay",types:["SET_PAY_AMOUNT","SET_PAY_INPUT","SET_PAY_INVOICE","SET_PAY_ERRORS","RESET_PAY_FORM","SEND_PAYMENT"],initialState:{amount:null,payInput:"",invoice:{payreq:"",r_hash:"",amount:"0",description:"",destination:""},errors:{}},reducer:(e,o,t)=>{switch(o.type){case t.types.SET_PAY_AMOUNT:return n({},e,{amount:o.amount});case t.types.SET_PAY_INPUT:return n({},e,{payInput:o.payInput});case t.types.SET_PAY_INVOICE:return n({},e,{invoice:o.invoice});case t.types.SET_PAY_ERRORS:return n({},e,{errorsObject:o.errorsObject});case t.types.RESET_PAY_FORM:case t.types.SEND_PAYMENT:default:return n({},e)}},selectors:{getAmountState:e=>e.pay.amount,getPayInputState:e=>e.pay.payInput,getInvoiceState:e=>e.pay.invoice,getErrorsState:e=>e.pay.errors},creators:e=>({setPayAmount:o=>({type:e.types.SET_PAY_AMOUNT,amount:o}),setPayInput:o=>({type:e.types.SET_PAY_INPUT,payInput:o}),setPayInvoice:o=>({type:e.types.SET_PAY_INVOICE,invoice:o}),setPayErrors:o=>({type:e.types.SET_PAY_ERRORS,errors:o}),resetPayForm:()=>({type:e.types.RESET_PAY_FORM}),sendPayment:()=>({type:e.types.SEND_PAYMENT})})}),e.exports=o.default},"./app/modules/wallets.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/extensible-duck/dist/extensible-duck.js"));o.default=new r.default({namespace:"zap",store:"wallets",types:["SET_CURRENT_WALLET"],initialState:{wallets:[],currentWallet:null},reducer:(e,o,t)=>{switch(o.type){case t.types.SET_CURRENT_WALLET:return n({},e,{currentWallet:o.walletId});default:return n({},e)}},selectors:{getWalletsState:e=>e.wallets.wallets,getCurrentWalletState:e=>e.wallets.currentWallet},creators:e=>({setCurrentWallet:o=>({type:e.types.SET_CURRENT_WALLET,walletId:o})})}),e.exports=o.default},"./app/modules/walletsettings.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=function(e){return e&&e.__esModule?e:{default:e}}(t("./node_modules/extensible-duck/dist/extensible-duck.js")),i=t("./node_modules/reselect/es/index.js");o.default=new r.default({namespace:"zap",store:"walletsettings",types:["CLEAR_ERROR","SAVE_WALLET_SETTINGS","SET_ERROR"],initialState:{error:null,wallet:{}},reducer:(e,o,t)=>{switch(o.type){case t.types.CLEAR_ERROR:return n({},e,{error:null});case t.types.SAVE_WALLET_SETTINGS:return n({},e);case t.types.SET_ERROR:return n({},e,{error:o.error});default:return n({},e)}},selectors:{getWalletsState:e=>e.wallets.wallets,getCurrentWalletState:e=>e.wallets.currentWallet,getErrorState:e=>e.walletsettings.error,getCurrentWallet:new r.default.Selector(e=>(0,i.createSelector)(e.getWalletsState,e.getCurrentWalletState,(e,o)=>e[o]))},creators:e=>({clearError:()=>({type:e.types.CLEAR_ERROR}),saveWalletSettings:o=>({type:e.types.SAVE_WALLET_SETTINGS,data:o}),setError:o=>({type:e.types.SET_ERROR,error:o})})}),e.exports=o.default},"./app/themes/base.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});const n=o.space=[0,4,8,16,32,64,128,256],r=o.palette={white:"#ffffff",black:"#000",gray:"#959595",lightningOrange:"#fd9800",lightningBrown:"#4a2c00",deepseaBlue:"#242633",seaBlue:"#313340",underwaterBlue:"#353745",superGreen:"#39e673",pineGreen:"#0d331a",superRed:"#e63939",mudBrown:"#330d0d"},i=o.fontSizes={xxs:"8px",xs:"10px",s:"11px",m:"13px",l:"15px",xl:"18px",xxl:"30px",xxxl:"60px"};i[0]=i.xxs,i[1]=i.xs,i[2]=i.s,i[3]=i.m,i[4]=i.l,i[5]=i.xl,i[6]=i.xxl,i[7]=i.xxxl;const s=o.fontWeights={normal:400,bold:600},a=o.fonts={0:'"Roboto Light", Roboto, system-ui, sans-serif',sans:'"Roboto Light", Roboto, system-ui, sans-serif',mono:'"SF Mono", "Roboto Mono", Menlo, monospace'},l=o.letterSpacings={normal:"normal",caps:"0.025em"};o.default={space:n,fontSizes:i,fontWeights:s,fonts:a,letterSpacings:l,palette:r}},"./app/themes/dark.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=t("./app/themes/base.js"),i=function(e){return e&&e.__esModule?e:{default:e}}(r);const s=n({},r.palette,{invisibleGray:"#555",darkestBackground:"#242633",lightBackground:"#313340",lightestBackground:"#373947",highlight:"#353745",primaryText:"#fff",gradient:"linear-gradient(270deg, #868b9f 0%, #333c5e 100%)"}),a={normal:{backgroundColor:s.lightBackground,color:s.lightningOrange,"&:hover:enabled":{backgroundColor:s.highlight}},primary:{backgroundColor:s.lightningOrange,color:s.white}},l={success:{backgroundColor:s.pineGreen,color:s.superGreen},warning:{backgroundColor:s.lightningBrown,color:s.lightningOrange},error:{backgroundColor:s.mudBrown,color:s.superRed}},d={success:{color:s.superGreen},warning:{color:s.lightningOrange},error:{color:s.superRed}};o.default=n({name:"dark"},i.default,{colors:s,buttons:a,cards:l,messages:d}),e.exports=o.default},"./app/themes/index.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.light=o.dark=void 0;var n=i(t("./app/themes/dark.js")),r=i(t("./app/themes/light.js"));function i(e){return e&&e.__esModule?e:{default:e}}o.dark=n.default,o.light=r.default},"./app/themes/light.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r=t("./app/themes/base.js"),i=function(e){return e&&e.__esModule?e:{default:e}}(r);const s=n({},r.palette,{invisibleGray:"#555",darkestBackground:"#fff",lightBackground:"#ebebeb",lightestBackground:"#f3f3f3",highlight:"#f6f6f6",primaryText:"#000",gradient:"linear-gradient(270deg, #fd9800 0%, #ffbd59 100%)"}),a={normal:{backgroundColor:s.lightBackground,color:s.lightningOrange,"&:hover:enabled":{backgroundColor:s.highlight}},primary:{backgroundColor:s.lightningOrange,color:s.white}},l={success:{backgroundColor:s.pineGreen,color:s.superGreen},warning:{backgroundColor:s.lightningBrown,color:s.lightningOrange},error:{backgroundColor:s.mudBrown,color:s.superRed}};o.default=n({name:"light"},i.default,{colors:s,buttons:a,cards:l}),e.exports=o.default},"./node_modules/nested-object-assign/lib sync recursive ^\\.\\/.*$":function(e,o,t){var n={"./nestedObjectAssign":"./node_modules/nested-object-assign/lib/nestedObjectAssign.js","./nestedObjectAssign.js":"./node_modules/nested-object-assign/lib/nestedObjectAssign.js"};function r(e){var o=i(e);return t(o)}function i(e){var o=n[e];if(!(o+1)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return o}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id="./node_modules/nested-object-assign/lib sync recursive ^\\.\\/.*$"},"./stories sync recursive .stories.js$":function(e,o,t){var n={"./_welcome.stories.js":"./stories/_welcome.stories.js","./components/background.stories.js":"./stories/components/background.stories.js","./components/bar.stories.js":"./stories/components/bar.stories.js","./components/button.stories.js":"./stories/components/button.stories.js","./components/form.stories.js":"./stories/components/form.stories.js","./components/icon.stories.js":"./stories/components/icon.stories.js","./components/modal.stories.js":"./stories/components/modal.stories.js","./components/notification.stories.js":"./stories/components/notification.stories.js","./components/qrcode.stories.js":"./stories/components/qrcode.stories.js","./components/spinner.stories.js":"./stories/components/spinner.stories.js","./components/typography.stories.js":"./stories/components/typography.stories.js","./containers/pay-confirm.stories.js":"./stories/containers/pay-confirm.stories.js","./containers/pay-form.stories.js":"./stories/containers/pay-form.stories.js","./containers/request-confirm.stories.js":"./stories/containers/request-confirm.stories.js","./containers/request-form.stories.js":"./stories/containers/request-form.stories.js","./containers/walletsettings.stories.js":"./stories/containers/walletsettings.stories.js","./containers/walletsmenu.stories.js":"./stories/containers/walletsmenu.stories.js","./layouts/layout.stories.js":"./stories/layouts/layout.stories.js","./pages/onboarding.stories.js":"./stories/pages/onboarding.stories.js","./pages/pay.stories.js":"./stories/pages/pay.stories.js"};function r(e){var o=i(e);return t(o)}function i(e){var o=n[e];if(!(o+1)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return o}r.keys=function(){return Object.keys(n)},r.resolve=i,e.exports=r,r.id="./stories sync recursive .stories.js$"},"./stories/_welcome.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=t("./node_modules/@storybook/react/dist/client/index.js"),r=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,i=o.__STORY__="import { storiesOf } from '@storybook/react';\n\nstoriesOf('Welcome', module).addWithChapters('Zap Style Guide', {\n  subtitle: 'Reusable components for Zap Desktop.',\n});\n",s=o.__ADDS_MAP__={"Welcome@Zap Style Guide":{startLoc:{col:45,line:3},endLoc:{col:1,line:5}}};(0,n.storiesOf)("Welcome",e).addDecorator(r(i,s)).addWithChapters("Zap Style Guide",{subtitle:"Reusable components for Zap Desktop."})}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/background.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(a(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=a(t("./app/components/UI/BackgroundDark.js")),s=a(t("./app/components/UI/BackgroundLight.js"));function a(e){return e&&e.__esModule?e:{default:e}}var l=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,d=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport BackgroundDark from 'components/UI/BackgroundDark';\nimport BackgroundLight from 'components/UI/BackgroundLight';\n\nstoriesOf('Components.Background', module)\n  .add('dark', () => (\n    <BackgroundDark\n      css={{\n        height: '50vh',\n      }}\n    />\n  ))\n  .add('light', () => (\n    <BackgroundLight\n      css={{\n        height: '50vh',\n      }}\n    />\n  ));\n",u=o.__ADDS_MAP__={"Components.Background@light":{startLoc:{col:7,line:14},endLoc:{col:3,line:20}},"Components.Background@dark":{startLoc:{col:7,line:7},endLoc:{col:3,line:13}}};(0,r.storiesOf)("Components.Background",e).addDecorator(l(d,u)).add("dark",()=>n(i.default,{css:{height:"50vh"}})).add("light",()=>n(s.default,{css:{height:"50vh"}}))}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/bar.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/Bar.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport Bar from 'components/UI/Bar';\n\nstoriesOf('Components.Bar', module).add('bar', () => <Bar />);\n",d=o.__ADDS_MAP__={"Components.Bar@bar":{startLoc:{col:40,line:5},endLoc:{col:60,line:5}}},u=n(i.default,{});(0,r.storiesOf)("Components.Bar",e).addDecorator(a(l,d)).add("bar",()=>u)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/button.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(l(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/@storybook/addon-actions/dist/index.js"),s=l(t("./app/components/UI/Button.js")),a=l(t("./app/components/UI/Icon.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,u=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport Button from 'components/UI/Button';\nimport Icon from 'components/UI/Icon';\n\nstoriesOf('Components.Button', module)\n  .add('Basic', () => <Button onClick={action('clicked')}>Basic button</Button>)\n  .add('With Icon', () => (\n    <section>\n      <Button onClick={action('clicked')}>\n        <Icon variant=\"previous\" size=\"1.5em\" />\n        Previous\n      </Button>{' '}\n      <Button onClick={action('clicked')}>\n        Next\n        <Icon variant=\"next\" size=\"1.5em\" />\n      </Button>\n    </section>\n  ))\n  .add('Processing', () => (\n    <Button processing onClick={action('clicked')}>\n      Processing\n    </Button>\n  ))\n  .add('Disabled', () => (\n    <Button disabled onClick={action('clicked')}>\n      Disabled button\n    </Button>\n  ))\n  .add('Primary', () => (\n    <Button onClick={action('clicked')} variant=\"primary\">\n      Primary button\n    </Button>\n  ))\n  .add('small', () => (\n    <Button onClick={action('clicked')} size=\"small\">\n      small button\n    </Button>\n  ))\n  .add('medium', () => (\n    <Button onClick={action('clicked')} size=\"medium\">\n      medium button\n    </Button>\n  ))\n  .add('large', () => (\n    <Button onClick={action('clicked')} size=\"large\">\n      large button\n    </Button>\n  ));\n",c=o.__ADDS_MAP__={"Components.Button@large":{startLoc:{col:7,line:46},endLoc:{col:3,line:50}},"Components.Button@medium":{startLoc:{col:7,line:41},endLoc:{col:3,line:45}},"Components.Button@small":{startLoc:{col:7,line:36},endLoc:{col:3,line:40}},"Components.Button@Primary":{startLoc:{col:7,line:31},endLoc:{col:3,line:35}},"Components.Button@Disabled":{startLoc:{col:7,line:26},endLoc:{col:3,line:30}},"Components.Button@Processing":{startLoc:{col:7,line:21},endLoc:{col:3,line:25}},"Components.Button@With Icon":{startLoc:{col:7,line:9},endLoc:{col:3,line:20}},"Components.Button@Basic":{startLoc:{col:7,line:8},endLoc:{col:79,line:8}}},p=n(a.default,{variant:"previous",size:"1.5em"}),f=n(a.default,{variant:"next",size:"1.5em"});(0,r.storiesOf)("Components.Button",e).addDecorator(d(u,c)).add("Basic",()=>n(s.default,{onClick:(0,i.action)("clicked")},void 0,"Basic button")).add("With Icon",()=>n("section",{},void 0,n(s.default,{onClick:(0,i.action)("clicked")},void 0,p,"Previous")," ",n(s.default,{onClick:(0,i.action)("clicked")},void 0,"Next",f))).add("Processing",()=>n(s.default,{processing:!0,onClick:(0,i.action)("clicked")},void 0,"Processing")).add("Disabled",()=>n(s.default,{disabled:!0,onClick:(0,i.action)("clicked")},void 0,"Disabled button")).add("Primary",()=>n(s.default,{onClick:(0,i.action)("clicked"),variant:"primary"},void 0,"Primary button")).add("small",()=>n(s.default,{onClick:(0,i.action)("clicked"),size:"small"},void 0,"small button")).add("medium",()=>n(s.default,{onClick:(0,i.action)("clicked"),size:"medium"},void 0,"medium button")).add("large",()=>n(s.default,{onClick:(0,i.action)("clicked"),size:"large"},void 0,"large button"))}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/form.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=p(t("./node_modules/react/index.js")),i=t("./node_modules/@storybook/react/dist/client/index.js"),s=p(t("./app/components/UI/Input.js")),a=p(t("./app/components/UI/Label.js")),l=p(t("./app/components/UI/TextArea.js")),d=p(t("./app/components/UI/LightningInvoiceInput.js")),u=t("./node_modules/informed/dist/index.js"),c=t("./node_modules/rebass/dist/index.js");function p(e){return e&&e.__esModule?e:{default:e}}var f=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,m=o.__STORY__='import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport Input from \'components/UI/Input\';\nimport Label from \'components/UI/Label\';\nimport TextArea from \'components/UI/TextArea\';\nimport LightningInvoiceInput from \'components/UI/LightningInvoiceInput\';\nimport { Form } from \'informed\';\nimport { Box } from \'rebass\';\n\nstoriesOf(\'Components.Form\', module)\n  .add(\'input\', () => (\n    <Form>\n      <Input field="fieldName" id="field-name" />\n    </Form>\n  ))\n  .add(\'label\', () => (\n    <Form>\n      <Label htmlFor="id">Label</Label>\n    </Form>\n  ))\n  .add(\'textArea\', () => (\n    <Form>\n      <TextArea field="fieldName" placeholder="Type here" />\n    </Form>\n  ))\n  .add(\'Lightning Invoice Textarea\', () => (\n    <React.Fragment>\n      <Box mb={3}>\n        <Box>\n          <Label htmlFor="testnet">Testnet</Label>\n        </Box>\n        <Form id="testnet">\n          <LightningInvoiceInput network="testnet" field="testnet" id="testnet" validateOnBlur />\n        </Form>\n      </Box>\n      <Box>\n        <Box>\n          <Label htmlFor="mainnet">Mainnet</Label>\n        </Box>\n        <Form id="testnet">\n          <LightningInvoiceInput network="mainnet" field="mainnet" id="mainnet" validateOnBlur />\n        </Form>\n      </Box>\n    </React.Fragment>\n  ));\n',y=o.__ADDS_MAP__={"Components.Form@Lightning Invoice Textarea":{startLoc:{col:7,line:26},endLoc:{col:3,line:45}},"Components.Form@textArea":{startLoc:{col:7,line:21},endLoc:{col:3,line:25}},"Components.Form@label":{startLoc:{col:7,line:16},endLoc:{col:3,line:20}},"Components.Form@input":{startLoc:{col:7,line:11},endLoc:{col:3,line:15}}},_=n(u.Form,{},void 0,n(s.default,{field:"fieldName",id:"field-name"})),g=n(u.Form,{},void 0,n(a.default,{htmlFor:"id"},void 0,"Label")),v=n(u.Form,{},void 0,n(l.default,{field:"fieldName",placeholder:"Type here"})),x=n(r.default.Fragment,{},void 0,n(c.Box,{mb:3},void 0,n(c.Box,{},void 0,n(a.default,{htmlFor:"testnet"},void 0,"Testnet")),n(u.Form,{id:"testnet"},void 0,n(d.default,{network:"testnet",field:"testnet",id:"testnet",validateOnBlur:!0}))),n(c.Box,{},void 0,n(c.Box,{},void 0,n(a.default,{htmlFor:"mainnet"},void 0,"Mainnet")),n(u.Form,{id:"testnet"},void 0,n(d.default,{network:"mainnet",field:"mainnet",id:"mainnet",validateOnBlur:!0}))));(0,i.storiesOf)("Components.Form",e).addDecorator(f(m,y)).add("input",()=>_).add("label",()=>g).add("textArea",()=>v).add("Lightning Invoice Textarea",()=>x)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/icon.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/Icon.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport Icon from 'components/UI/Icon';\n\nstoriesOf('Components.Icon', module)\n  .add('arrow-left', () => <Icon variant=\"arrow-left\" />)\n  .add('arrow-right', () => <Icon variant=\"arrow-right\" />)\n  .add('bitcoin', () => <Icon variant=\"bitcoin\" />)\n  .add('close', () => <Icon variant=\"close\" />)\n  .add('error', () => <Icon variant=\"error\" />)\n  .add('next', () => <Icon variant=\"next\" />)\n  .add('paper-plane', () => <Icon variant=\"paper-plane\" />)\n  .add('previous', () => <Icon variant=\"previous\" />)\n  .add('success', () => <Icon variant=\"success\" />)\n  .add('warning', () => <Icon variant=\"warning\" />);\n",d=o.__ADDS_MAP__={"Components.Icon@warning":{startLoc:{col:7,line:15},endLoc:{col:50,line:15}},"Components.Icon@success":{startLoc:{col:7,line:14},endLoc:{col:50,line:14}},"Components.Icon@previous":{startLoc:{col:7,line:13},endLoc:{col:52,line:13}},"Components.Icon@paper-plane":{startLoc:{col:7,line:12},endLoc:{col:58,line:12}},"Components.Icon@next":{startLoc:{col:7,line:11},endLoc:{col:44,line:11}},"Components.Icon@error":{startLoc:{col:7,line:10},endLoc:{col:46,line:10}},"Components.Icon@close":{startLoc:{col:7,line:9},endLoc:{col:46,line:9}},"Components.Icon@bitcoin":{startLoc:{col:7,line:8},endLoc:{col:50,line:8}},"Components.Icon@arrow-right":{startLoc:{col:7,line:7},endLoc:{col:58,line:7}},"Components.Icon@arrow-left":{startLoc:{col:7,line:6},endLoc:{col:56,line:6}}},u=n(i.default,{variant:"arrow-left"}),c=n(i.default,{variant:"arrow-right"}),p=n(i.default,{variant:"bitcoin"}),f=n(i.default,{variant:"close"}),m=n(i.default,{variant:"error"}),y=n(i.default,{variant:"next"}),_=n(i.default,{variant:"paper-plane"}),g=n(i.default,{variant:"previous"}),v=n(i.default,{variant:"success"}),x=n(i.default,{variant:"warning"});(0,r.storiesOf)("Components.Icon",e).addDecorator(a(l,d)).add("arrow-left",()=>u).add("arrow-right",()=>c).add("bitcoin",()=>p).add("close",()=>f).add("error",()=>m).add("next",()=>y).add("paper-plane",()=>_).add("previous",()=>g).add("success",()=>v).add("warning",()=>x)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/modal.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/Modal.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport Modal from 'components/UI/Modal';\n\nstoriesOf('Components.Modal', module).add('Modal', () => (\n  <Modal>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur\n    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n  </Modal>\n));\n",d=o.__ADDS_MAP__={"Components.Modal@Modal":{startLoc:{col:42,line:5},endLoc:{col:1,line:12}}},u=n(i.default,{},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");(0,r.storiesOf)("Components.Modal",e).addDecorator(a(l,d)).add("Modal",()=>u)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/notification.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/Notification.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport Notification from 'components/UI/Notification';\n\nstoriesOf('Components.Notification', module)\n  .add('Success', () => <Notification variant=\"success\">Success message</Notification>)\n  .add('Warning', () => <Notification variant=\"warning\">Warning message</Notification>)\n  .add('Error', () => <Notification variant=\"error\">Error message</Notification>)\n  .add('Processing', () => <Notification processing>Processing message</Notification>);\n",d=o.__ADDS_MAP__={"Components.Notification@Processing":{startLoc:{col:7,line:9},endLoc:{col:85,line:9}},"Components.Notification@Error":{startLoc:{col:7,line:8},endLoc:{col:80,line:8}},"Components.Notification@Warning":{startLoc:{col:7,line:7},endLoc:{col:86,line:7}},"Components.Notification@Success":{startLoc:{col:7,line:6},endLoc:{col:86,line:6}}},u=n(i.default,{variant:"success"},void 0,"Success message"),c=n(i.default,{variant:"warning"},void 0,"Warning message"),p=n(i.default,{variant:"error"},void 0,"Error message"),f=n(i.default,{processing:!0},void 0,"Processing message");(0,r.storiesOf)("Components.Notification",e).addDecorator(a(l,d)).add("Success",()=>u).add("Warning",()=>c).add("Error",()=>p).add("Processing",()=>f)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/qrcode.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/QRCode.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport QRCode from 'components/UI/QRCode';\n\nstoriesOf('Components.QR Code', module).add('QR Code', () => (\n  <QRCode value=\"w35x2gzfdech26tnd96xjan9yqks6cqzysxqr23s8wgz42uvfa833nhl75vxewpmsu3up7dnw5pl3nurp0tcagsl6lg5f3ty\" />\n));\n",d=o.__ADDS_MAP__={"Components.QR Code@QR Code":{startLoc:{col:44,line:5},endLoc:{col:1,line:7}}},u=n(i.default,{value:"w35x2gzfdech26tnd96xjan9yqks6cqzysxqr23s8wgz42uvfa833nhl75vxewpmsu3up7dnw5pl3nurp0tcagsl6lg5f3ty"});(0,r.storiesOf)("Components.QR Code",e).addDecorator(a(l,d)).add("QR Code",()=>u)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/spinner.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/Spinner.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\n\nimport { storiesOf } from '@storybook/react';\nimport Spinner from 'components/UI/Spinner';\n\nstoriesOf('Components.Spinners', module).add('circle', () => <Spinner />);\n",d=o.__ADDS_MAP__={"Components.Spinners@circle":{startLoc:{col:45,line:6},endLoc:{col:72,line:6}}},u=n(i.default,{});(0,r.storiesOf)("Components.Spinners",e).addDecorator(a(l,d)).add("circle",()=>u)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/components/typography.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=l(t("./node_modules/react/index.js")),i=t("./node_modules/@storybook/react/dist/client/index.js"),s=l(t("./app/components/UI/Heading.js")),a=l(t("./app/components/UI/Text.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,u=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport Heading from 'components/UI/Heading';\nimport Text from 'components/UI/Text';\n\nstoriesOf('Components.Typography', module)\n  .add('heading', () => (\n    <React.Fragment>\n      <Heading>This is a default heading (h2)</Heading>\n      <Heading.h1>This is an h1</Heading.h1>\n      <Heading.h2>This is an h2</Heading.h2>\n      <Heading.h3>This is an h3</Heading.h3>\n      <Heading.h4>This is an h4</Heading.h4>\n      <Heading.h5>This is an h5</Heading.h5>\n      <Heading.h6>This is an h6</Heading.h6>\n    </React.Fragment>\n  ))\n  .add('text', () => (\n    <Text>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n      magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n    </Text>\n  ));\n",c=o.__ADDS_MAP__={"Components.Typography@text":{startLoc:{col:7,line:18},endLoc:{col:3,line:25}},"Components.Typography@heading":{startLoc:{col:7,line:7},endLoc:{col:3,line:17}}},p=n(r.default.Fragment,{},void 0,n(s.default,{},void 0,"This is a default heading (h2)"),n(s.default.h1,{},void 0,"This is an h1"),n(s.default.h2,{},void 0,"This is an h2"),n(s.default.h3,{},void 0,"This is an h3"),n(s.default.h4,{},void 0,"This is an h4"),n(s.default.h5,{},void 0,"This is an h5"),n(s.default.h6,{},void 0,"This is an h6")),f=n(a.default,{},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");(0,i.storiesOf)("Components.Typography",e).addDecorator(d(u,c)).add("heading",()=>p).add("text",()=>f)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/containers/pay-confirm.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(function(e){e&&e.__esModule}(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/rebass/dist/index.js"),s=t("./app/components/UI/index.js");var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__='import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Flex, Box } from \'rebass\';\nimport {\n  Bar,\n  Button,\n  Icon,\n  LayoutCentered,\n  Page,\n  PanelBody,\n  PanelFooter,\n  PanelHeader,\n  Select,\n  Text,\n} from \'components/UI\';\n\nstoriesOf(\'Containers\', module).add(\'Pay confirmation\', () => (\n  <Page>\n    <LayoutCentered>\n      <PanelHeader title="Send Bitcoin (BTC)" descriptiom="Lightning Payment" icon="paper-plane" />\n\n      <PanelBody>\n        <Box py={3}>\n          <Flex alignItems="center">\n            <Box width={5 / 11}>\n              <Flex flexWrap="wrap" alignItems="baseline">\n                <Box>\n                  <Text textAlign="left" fontSize={6}>\n                    0.007\n                  </Text>\n                </Box>\n                <Box>\n                  <Select name="cryptoInput" id="cryptoInput">\n                    <option value="btc">BTC</option>\n                    <option value="sats">Sats</option>\n                    <option value="bits">Bits</option>\n                  </Select>\n                </Box>\n              </Flex>\n              <Text>= $6.00</Text>\n            </Box>\n            <Box width={1 / 11}>\n              <Text textAlign="center" color="lightningOrange">\n                <Icon variant="arrow-right" size="3em" />\n              </Text>\n            </Box>\n            <Box width={5 / 11}>\n              <Text textAlign="right">lnbc15…ttdmp2</Text>\n            </Box>\n          </Flex>\n        </Box>\n\n        <Bar />\n\n        <Box py={3}>\n          <Flex>\n            <Box width={1 / 2}>\n              <Text>Fee</Text>\n            </Box>\n            <Box width={1 / 2}>\n              <Text textAlign="right">0.0001 BTC</Text>\n            </Box>\n          </Flex>\n        </Box>\n\n        <Bar />\n\n        <Box py={3}>\n          <Flex>\n            <Box width={1 / 2}>\n              <Text>Total</Text>\n            </Box>\n            <Box width={1 / 2}>\n              <Text textAlign="right">0.0101 BTC</Text>\n            </Box>\n          </Flex>\n        </Box>\n\n        <Bar />\n\n        <Box py={3}>\n          <Flex>\n            <Box width={1 / 2}>\n              <Text>Memo</Text>\n            </Box>\n            <Box width={1 / 2}>\n              <Text textAlign="right">Breakfast at Tiffany&rsquo;s</Text>\n            </Box>\n          </Flex>\n        </Box>\n      </PanelBody>\n\n      <PanelFooter>\n        <Button size="large" my={3}>\n          Send 0.0101 BTC\n        </Button>\n        <Text textAlign="center">Your current balance: 2.1234 BTC</Text>\n      </PanelFooter>\n    </LayoutCentered>\n  </Page>\n));\n',d=o.__ADDS_MAP__={"Containers@Pay confirmation":{startLoc:{col:36,line:17},endLoc:{col:1,line:101}}},u=n(s.Page,{},void 0,n(s.LayoutCentered,{},void 0,n(s.PanelHeader,{title:"Send Bitcoin (BTC)",descriptiom:"Lightning Payment",icon:"paper-plane"}),n(s.PanelBody,{},void 0,n(i.Box,{py:3},void 0,n(i.Flex,{alignItems:"center"},void 0,n(i.Box,{width:5/11},void 0,n(i.Flex,{flexWrap:"wrap",alignItems:"baseline"},void 0,n(i.Box,{},void 0,n(s.Text,{textAlign:"left",fontSize:6},void 0,"0.007")),n(i.Box,{},void 0,n(s.Select,{name:"cryptoInput",id:"cryptoInput"},void 0,n("option",{value:"btc"},void 0,"BTC"),n("option",{value:"sats"},void 0,"Sats"),n("option",{value:"bits"},void 0,"Bits")))),n(s.Text,{},void 0,"= $6.00")),n(i.Box,{width:1/11},void 0,n(s.Text,{textAlign:"center",color:"lightningOrange"},void 0,n(s.Icon,{variant:"arrow-right",size:"3em"}))),n(i.Box,{width:5/11},void 0,n(s.Text,{textAlign:"right"},void 0,"lnbc15…ttdmp2")))),n(s.Bar,{}),n(i.Box,{py:3},void 0,n(i.Flex,{},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Fee")),n(i.Box,{width:.5},void 0,n(s.Text,{textAlign:"right"},void 0,"0.0001 BTC")))),n(s.Bar,{}),n(i.Box,{py:3},void 0,n(i.Flex,{},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Total")),n(i.Box,{width:.5},void 0,n(s.Text,{textAlign:"right"},void 0,"0.0101 BTC")))),n(s.Bar,{}),n(i.Box,{py:3},void 0,n(i.Flex,{},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Memo")),n(i.Box,{width:.5},void 0,n(s.Text,{textAlign:"right"},void 0,"Breakfast at Tiffany’s"))))),n(s.PanelFooter,{},void 0,n(s.Button,{size:"large",my:3},void 0,"Send 0.0101 BTC"),n(s.Text,{textAlign:"center"},void 0,"Your current balance: 2.1234 BTC"))));(0,r.storiesOf)("Containers",e).addDecorator(a(l,d)).add("Pay confirmation",()=>u)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/containers/pay-form.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(l(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/react-redux/es/index.js"),s=l(t("./app/containers/Pay.js")),a=l(t("./stories/store.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,u=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Provider } from 'react-redux';\nimport Pay from 'containers/Pay';\nimport configureStore from '../store';\n\nconst store = configureStore();\n\nstoriesOf('Containers', module)\n  .addDecorator(story => <Provider store={store}>{story()}</Provider>)\n  .add('Pay form', () => <Pay />);\n",c=o.__ADDS_MAP__={"Containers@Pay form":{startLoc:{col:7,line:11},endLoc:{col:32,line:11}}};const p=(0,a.default)();var f=n(s.default,{});(0,r.storiesOf)("Containers",e).addDecorator(d(u,c)).addDecorator(e=>n(i.Provider,{store:p},void 0,e())).add("Pay form",()=>f)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/containers/request-confirm.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(function(e){e&&e.__esModule}(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/rebass/dist/index.js"),s=t("./app/components/UI/index.js");var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__='import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { Flex, Box } from \'rebass\';\nimport {\n  Bar,\n  Button,\n  LayoutCentered,\n  Page,\n  PanelBody,\n  PanelFooter,\n  PanelHeader,\n  QRCode,\n  Select,\n  Text,\n} from \'components/UI\';\n\nstoriesOf(\'Containers\', module).add(\'Request confirmation\', () => (\n  <Page>\n    <LayoutCentered>\n      <PanelHeader title="Request Bitcoin (BTC)" description="through lightning network" icon="bitcoin" />\n\n      <PanelBody>\n        <Flex py={3} justifyContent="space-between">\n          <Box width={1 / 2}>\n            <Text>Memo</Text>\n          </Box>\n          <Box width={1 / 2}>\n            <Text textAlign="right">Breakfast at Tiffany&rsquo;s</Text>\n          </Box>\n        </Flex>\n\n        <Bar />\n\n        <Flex py={3} justifyContent="space-between">\n          <Box width={1 / 2}>\n            <Text>Amount</Text>\n          </Box>\n          <Flex width={1 / 2} flexWrap="wrap" alignItems="center" justifyContent="flex-end">\n            <Box>\n              <Text textAlign="right">0.007</Text>\n            </Box>\n            <Box>\n              <Select name="cryptoInput" id="cryptoInput">\n                <option value="btc">BTC</option>\n                <option value="sats">Sats</option>\n                <option value="bits">Bits</option>\n              </Select>\n            </Box>\n          </Flex>\n        </Flex>\n\n        <Bar />\n\n        <Flex py={3} justifyContent="space-between">\n          <Box width={1 / 2}>\n            <Text>QR-Code</Text>\n          </Box>\n          <Box width={1 / 2}>\n            <Text textAlign="right">\n              <QRCode\n                value="lnbc1500n1pd65slxpp506ud8q4xlxsjmweau6mgmkudhuj3f2k0tu34vl58w9elyangezasdp42fjkzep6yp8kumreypn\n                       w35x2gzfdech26tnd96xjan9yqks6cqzysxqr23s8wgz42uvfa833nhl75vxewpmsu3up7dnw5pl3nurp0tcagsl6lg5f3ty"\n              />\n            </Text>\n          </Box>\n        </Flex>\n\n        <Bar />\n\n        <Flex py={3} justifyContent="space-between">\n          <Box width={1 / 2}>\n            <Text>Lightning Request Address</Text>\n          </Box>\n          <Box width={1 / 2}>\n            <Text fontSize="s" css={{ \'word-wrap\': \'break-word\' }}>\n              lnbc1500n1pd65slxpp506ud8q4xlxsjmweau6mgmkudhuj3f2k0tu34vl58w9elyangezasdp42fjkzep6yp8kumreypnx7u3qw35x\n              2gzfdech26tnd96xjan9yqks6cqzysxqr23s8wgz42uvfa833nhl75vxewpmsu3up7dnw5pl3nurp0tcagsl6lg5f3t0fq0cya4vydt\n              d0j6fqhppswzzql0qzg0cl66wkqecngle2acpttdmp2\n            </Text>\n          </Box>\n        </Flex>\n        <Flex justifyContent="flex-end" mt={1}>\n          <Button size="small">Copy Address</Button>\n        </Flex>\n\n        <Bar />\n\n        <Flex py={3} justifyContent="space-between">\n          <Box width={1 / 2}>\n            <Text>Request Status</Text>\n          </Box>\n          <Box width={1 / 2}>\n            <Text textAlign="right" color="superRed">\n              58:22\n            </Text>\n            <Text textAlign="right" color="superRed">\n              not paid\n            </Text>\n          </Box>\n        </Flex>\n      </PanelBody>\n\n      <PanelFooter>\n        <Button size="large">Request 0.01 BTC</Button>\n      </PanelFooter>\n    </LayoutCentered>\n  </Page>\n));\n',d=o.__ADDS_MAP__={"Containers@Request confirmation":{startLoc:{col:36,line:17},endLoc:{col:1,line:108}}},u=n(s.PanelHeader,{title:"Request Bitcoin (BTC)",description:"through lightning network",icon:"bitcoin"}),c=n(i.Flex,{py:3,justifyContent:"space-between"},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Memo")),n(i.Box,{width:.5},void 0,n(s.Text,{textAlign:"right"},void 0,"Breakfast at Tiffany’s"))),p=n(s.Bar,{}),f=n(i.Flex,{py:3,justifyContent:"space-between"},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Amount")),n(i.Flex,{width:.5,flexWrap:"wrap",alignItems:"center",justifyContent:"flex-end"},void 0,n(i.Box,{},void 0,n(s.Text,{textAlign:"right"},void 0,"0.007")),n(i.Box,{},void 0,n(s.Select,{name:"cryptoInput",id:"cryptoInput"},void 0,n("option",{value:"btc"},void 0,"BTC"),n("option",{value:"sats"},void 0,"Sats"),n("option",{value:"bits"},void 0,"Bits"))))),m=n(s.Bar,{}),y=n(i.Flex,{py:3,justifyContent:"space-between"},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"QR-Code")),n(i.Box,{width:.5},void 0,n(s.Text,{textAlign:"right"},void 0,n(s.QRCode,{value:"lnbc1500n1pd65slxpp506ud8q4xlxsjmweau6mgmkudhuj3f2k0tu34vl58w9elyangezasdp42fjkzep6yp8kumreypn\n                       w35x2gzfdech26tnd96xjan9yqks6cqzysxqr23s8wgz42uvfa833nhl75vxewpmsu3up7dnw5pl3nurp0tcagsl6lg5f3ty"})))),_=n(s.Bar,{}),g=n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Lightning Request Address")),v=n(i.Flex,{justifyContent:"flex-end",mt:1},void 0,n(s.Button,{size:"small"},void 0,"Copy Address")),x=n(s.Bar,{}),S=n(i.Flex,{py:3,justifyContent:"space-between"},void 0,n(i.Box,{width:.5},void 0,n(s.Text,{},void 0,"Request Status")),n(i.Box,{width:.5},void 0,n(s.Text,{textAlign:"right",color:"superRed"},void 0,"58:22"),n(s.Text,{textAlign:"right",color:"superRed"},void 0,"not paid"))),h=n(s.PanelFooter,{},void 0,n(s.Button,{size:"large"},void 0,"Request 0.01 BTC"));(0,r.storiesOf)("Containers",e).addDecorator(a(l,d)).add("Request confirmation",()=>n(s.Page,{},void 0,n(s.LayoutCentered,{},void 0,u,n(s.PanelBody,{},void 0,c,p,f,m,y,_,n(i.Flex,{py:3,justifyContent:"space-between"},void 0,g,n(i.Box,{width:.5},void 0,n(s.Text,{fontSize:"s",css:{"word-wrap":"break-word"}},void 0,"lnbc1500n1pd65slxpp506ud8q4xlxsjmweau6mgmkudhuj3f2k0tu34vl58w9elyangezasdp42fjkzep6yp8kumreypnx7u3qw35x 2gzfdech26tnd96xjan9yqks6cqzysxqr23s8wgz42uvfa833nhl75vxewpmsu3up7dnw5pl3nurp0tcagsl6lg5f3t0fq0cya4vydt d0j6fqhppswzzql0qzg0cl66wkqecngle2acpttdmp2"))),v,x,S),h)))}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/containers/request-form.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(function(e){e&&e.__esModule}(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/@storybook/addon-links/dist/index.js"),s=t("./node_modules/rebass/dist/index.js"),a=t("./app/components/UI/index.js");var l=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,d=o.__STORY__='import React from \'react\';\nimport { storiesOf } from \'@storybook/react\';\nimport { linkTo } from \'@storybook/addon-links\';\nimport { Flex, Box } from \'rebass\';\nimport {\n  Button,\n  Input,\n  Label,\n  LayoutCentered,\n  Page,\n  PanelBody,\n  PanelFooter,\n  PanelHeader,\n  Select,\n  Text,\n  TextArea,\n} from \'components/UI\';\n\nstoriesOf(\'Containers\', module).add(\'Request form\', () => (\n  <Page>\n    <LayoutCentered>\n      <PanelHeader title="Request Bitcoin (BTC)" description="through lightning network" icon="bitcoin" />\n\n      <PanelBody>\n        <Box py={3}>\n          <Text>\n            You can request Bitcoin (BTC) through the Lightning Network. Just enter the Amount you want to request in\n            the field below. Zap will generate a QR-Code and a Lightning Request Address after.\n          </Text>\n        </Box>\n\n        <Box py={3}>\n          <Box pb={2}>\n            <Label htmlFor="amountInput">Amount</Label>\n          </Box>\n          <Flex flexWrap="wrap" alignItems="center" justifyContent="space-between">\n            <Flex width={5 / 11} flexWrap="wrap" alignItems="center">\n              <Box width={3 / 4}>\n                <Input type="text" name="amountInput" id="amountInput" width={1} placeholder="0.00" />\n              </Box>\n              <Box width={1 / 4}>\n                <Select name="cryptoInput" id="cryptoInput">\n                  <option value="btc">BTC</option>\n                  <option value="sats">Sats</option>\n                  <option value="bits">Bits</option>\n                </Select>\n              </Box>\n            </Flex>\n            <Box width={1 / 11}>\n              <Text textAlign="center">=</Text>\n            </Box>\n            <Box width={5 / 11}>\n              <Flex flexWrap="wrap" alignItems="center">\n                <Box width={3 / 4}>\n                  <Input type="text" name="amountInput" id="amountInput" width={1} placeholder="0.00" />\n                </Box>\n                <Box width={1 / 4}>\n                  <Select name="fiatInput" id="fiatInput">\n                    <option value="eur">EUR</option>\n                    <option value="usd">USD</option>\n                    <option value="gbp">GBP</option>\n                  </Select>\n                </Box>\n              </Flex>\n            </Box>\n          </Flex>\n        </Box>\n\n        <Box py={3}>\n          <Box pb={2}>\n            <Label htmlFor="memoInput">Memo</Label>\n          </Box>\n          <TextArea\n            rows="5"\n            type="text"\n            name="memoInput"\n            width={1}\n            placeholder="For example &#34;Dinner last night&#34;"\n          />\n        </Box>\n      </PanelBody>\n\n      <PanelFooter>\n        <Button onClick={linkTo(\'Containers\', \'Request confirmation\')} size="large">\n          Request 0.01 BTC\n        </Button>\n      </PanelFooter>\n    </LayoutCentered>\n  </Page>\n));\n',u=o.__ADDS_MAP__={"Containers@Request form":{startLoc:{col:36,line:19},endLoc:{col:1,line:90}}},c=n(a.PanelHeader,{title:"Request Bitcoin (BTC)",description:"through lightning network",icon:"bitcoin"}),p=n(a.PanelBody,{},void 0,n(s.Box,{py:3},void 0,n(a.Text,{},void 0,"You can request Bitcoin (BTC) through the Lightning Network. Just enter the Amount you want to request in the field below. Zap will generate a QR-Code and a Lightning Request Address after.")),n(s.Box,{py:3},void 0,n(s.Box,{pb:2},void 0,n(a.Label,{htmlFor:"amountInput"},void 0,"Amount")),n(s.Flex,{flexWrap:"wrap",alignItems:"center",justifyContent:"space-between"},void 0,n(s.Flex,{width:5/11,flexWrap:"wrap",alignItems:"center"},void 0,n(s.Box,{width:.75},void 0,n(a.Input,{type:"text",name:"amountInput",id:"amountInput",width:1,placeholder:"0.00"})),n(s.Box,{width:.25},void 0,n(a.Select,{name:"cryptoInput",id:"cryptoInput"},void 0,n("option",{value:"btc"},void 0,"BTC"),n("option",{value:"sats"},void 0,"Sats"),n("option",{value:"bits"},void 0,"Bits")))),n(s.Box,{width:1/11},void 0,n(a.Text,{textAlign:"center"},void 0,"=")),n(s.Box,{width:5/11},void 0,n(s.Flex,{flexWrap:"wrap",alignItems:"center"},void 0,n(s.Box,{width:.75},void 0,n(a.Input,{type:"text",name:"amountInput",id:"amountInput",width:1,placeholder:"0.00"})),n(s.Box,{width:.25},void 0,n(a.Select,{name:"fiatInput",id:"fiatInput"},void 0,n("option",{value:"eur"},void 0,"EUR"),n("option",{value:"usd"},void 0,"USD"),n("option",{value:"gbp"},void 0,"GBP"))))))),n(s.Box,{py:3},void 0,n(s.Box,{pb:2},void 0,n(a.Label,{htmlFor:"memoInput"},void 0,"Memo")),n(a.TextArea,{rows:"5",type:"text",name:"memoInput",width:1,placeholder:'For example "Dinner last night"'})));(0,r.storiesOf)("Containers",e).addDecorator(l(d,u)).add("Request form",()=>n(a.Page,{},void 0,n(a.LayoutCentered,{},void 0,c,p,n(a.PanelFooter,{},void 0,n(a.Button,{onClick:(0,i.linkTo)("Containers","Request confirmation"),size:"large"},void 0,"Request 0.01 BTC")))))}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/containers/walletsettings.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(l(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/react-redux/es/index.js"),s=l(t("./app/containers/WalletSettings.js")),a=l(t("./stories/store.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,u=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Provider } from 'react-redux';\nimport WalletSettings from 'containers/WalletSettings';\nimport configureStore from '../store';\n\nconst store = configureStore();\n\nstoriesOf('Containers', module)\n  .addDecorator(story => <Provider store={store}>{story()}</Provider>)\n  .add('WalletSettings', () => <WalletSettings />);\n",c=o.__ADDS_MAP__={"Containers@WalletSettings":{startLoc:{col:7,line:11},endLoc:{col:49,line:11}}};const p=(0,a.default)();var f=n(s.default,{});(0,r.storiesOf)("Containers",e).addDecorator(d(u,c)).addDecorator(e=>n(i.Provider,{store:p},void 0,e())).add("WalletSettings",()=>f)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/containers/walletsmenu.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(l(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/react-redux/es/index.js"),s=l(t("./app/containers/WalletsMenu.js")),a=l(t("./stories/store.js"));function l(e){return e&&e.__esModule?e:{default:e}}var d=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,u=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Provider } from 'react-redux';\nimport WalletsMenu from 'containers/WalletsMenu';\nimport configureStore from '../store';\n\nconst store = configureStore();\n\nstoriesOf('Containers', module)\n  .addDecorator(story => <Provider store={store}>{story()}</Provider>)\n  .add('WalletsMenu', () => <WalletsMenu />);\n",c=o.__ADDS_MAP__={"Containers@WalletsMenu":{startLoc:{col:7,line:11},endLoc:{col:43,line:11}}};const p=(0,a.default)();var f=n(s.default,{});(0,r.storiesOf)("Containers",e).addDecorator(d(u,c)).addDecorator(e=>n(i.Provider,{store:p},void 0,e())).add("WalletsMenu",()=>f)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/layouts/layout.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(s(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=s(t("./app/components/UI/LayoutCentered.js"));function s(e){return e&&e.__esModule?e:{default:e}}var a=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,l=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport LayoutCentered from 'components/UI/LayoutCentered';\n\nstoriesOf('Layouts', module).add('Thirds', () => (\n  <LayoutCentered>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur\n    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n  </LayoutCentered>\n));\n",d=o.__ADDS_MAP__={"Layouts@Thirds":{startLoc:{col:33,line:5},endLoc:{col:1,line:12}}},u=n(i.default,{},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");(0,r.storiesOf)("Layouts",e).addDecorator(a(l,d)).add("Thirds",()=>u)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/pages/onboarding.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(u(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/react-redux/es/index.js"),s=t("./app/components/UI/index.js"),a=u(t("./app/containers/WalletsMenu.js")),l=u(t("./app/containers/WalletSettings.js")),d=u(t("./stories/store.js"));function u(e){return e&&e.__esModule?e:{default:e}}var c=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,p=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Provider } from 'react-redux';\nimport { MainContent, Page, Sidebar } from 'components/UI';\nimport WalletsMenu from 'containers/WalletsMenu';\nimport WalletSettings from 'containers/WalletSettings';\nimport configureStore from '../store';\n\nconst store = configureStore();\n\nstoriesOf('Pages', module)\n  .addDecorator(story => <Provider store={store}>{story()}</Provider>)\n  .add('Onboarding', () => (\n    <Page>\n      <Sidebar>\n        <WalletsMenu />\n      </Sidebar>\n      <MainContent>\n        <WalletSettings />\n      </MainContent>\n    </Page>\n  ));\n",f=o.__ADDS_MAP__={"Pages@Onboarding":{startLoc:{col:7,line:13},endLoc:{col:3,line:22}}};const m=(0,d.default)();var y=n(s.Page,{},void 0,n(s.Sidebar,{},void 0,n(a.default,{})),n(s.MainContent,{},void 0,n(l.default,{})));(0,r.storiesOf)("Pages",e).addDecorator(c(p,f)).addDecorator(e=>n(i.Provider,{store:m},void 0,e())).add("Onboarding",()=>y)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/pages/pay.stories.js":function(e,o,t){"use strict";(function(e){Object.defineProperty(o,"__esModule",{value:!0}),o.__ADDS_MAP__=o.__STORY__=o.withStorySource=void 0;var n=function(){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;return function(o,t,n,r){var i=o&&o.defaultProps,s=arguments.length-3;if(t||0===s||(t={}),t&&i)for(var a in i)void 0===t[a]&&(t[a]=i[a]);else t||(t=i||{});if(1===s)t.children=r;else if(s>1){for(var l=Array(s),d=0;d<s;d++)l[d]=arguments[d+3];t.children=l}return{$$typeof:e,type:o,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}}(),r=(d(t("./node_modules/react/index.js")),t("./node_modules/@storybook/react/dist/client/index.js")),i=t("./node_modules/react-redux/es/index.js"),s=t("./app/components/UI/index.js"),a=d(t("./app/containers/Pay.js")),l=d(t("./stories/store.js"));function d(e){return e&&e.__esModule?e:{default:e}}var u=o.withStorySource=t("./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource,c=o.__STORY__="import React from 'react';\nimport { storiesOf } from '@storybook/react';\nimport { Provider } from 'react-redux';\nimport { Page, LayoutCentered, PanelHeader } from 'components/UI';\nimport Pay from 'containers/Pay';\nimport configureStore from '../store';\n\nconst store = configureStore();\n\nstoriesOf('Pages', module)\n  .addDecorator(story => <Provider store={store}>{story()}</Provider>)\n  .add('Pay', () => (\n    <Page>\n      <LayoutCentered>\n        <PanelHeader title=\"Send Bitcoin (BTC)\" icon=\"paper-plane\" />\n        <Pay />\n      </LayoutCentered>\n    </Page>\n  ));\n",p=o.__ADDS_MAP__={"Pages@Pay":{startLoc:{col:7,line:12},endLoc:{col:3,line:19}}};const f=(0,l.default)();var m=n(s.Page,{},void 0,n(s.LayoutCentered,{},void 0,n(s.PanelHeader,{title:"Send Bitcoin (BTC)",icon:"paper-plane"}),n(a.default,{})));(0,r.storiesOf)("Pages",e).addDecorator(u(c,p)).addDecorator(e=>n(i.Provider,{store:f},void 0,e())).add("Pay",()=>m)}).call(this,t("./node_modules/webpack/buildin/module.js")(e))},"./stories/rootReducer.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t("./node_modules/redux/es/redux.js"),r=a(t("./app/modules/wallets.js")),i=a(t("./app/modules/walletsettings.js")),s=a(t("./app/modules/pay.js"));function a(e){return e&&e.__esModule?e:{default:e}}const l=(0,n.combineReducers)({[s.default.store]:s.default.reducer,[r.default.store]:r.default.reducer,[i.default.store]:i.default.reducer});o.default=l,e.exports=o.default},"./stories/store.js":function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=a(t("./node_modules/redux-logger/dist/redux-logger.js")),r=a(t("./node_modules/redux-thunk/es/index.js")),i=t("./node_modules/redux/es/redux.js"),s=a(t("./stories/rootReducer.js"));function a(e){return e&&e.__esModule?e:{default:e}}o.default=(e=>{const o=Object.assign({},{wallets:{wallets:[{id:0,name:"Wallet 1",chain:"btc",settings:{autopilot:!0,autopilotMaxChannels:5,autopilotAllocation:.5}},{id:1,name:"Wallet 2",chain:"ltc",settings:{autopilot:!1,autopilotMaxChannels:10,autopilotAllocation:.8}}],currentWallet:0}},e),t=(0,i.applyMiddleware)(r.default,n.default);return(0,i.createStore)(s.default,o,t)}),e.exports=o.default},0:function(e,o,t){t("./node_modules/@storybook/core/dist/server/config/polyfills.js"),t("./node_modules/@storybook/core/dist/server/config/globals.js"),e.exports=t("./.storybook/config.js")},1:function(e,o){},2:function(e,o){},3:function(e,o){},4:function(e,o){}},[[0,3,2]]]);
-//# sourceMappingURL=iframe.55edd83248a113af2501.bundle.js.map
\ No newline at end of file
+//# sourceMappingURL=iframe.601f7a1cf8862f70a222.bundle.js.map
\ No newline at end of file
diff --git a/static/iframe.55edd83248a113af2501.bundle.js.map b/static/iframe.601f7a1cf8862f70a222.bundle.js.map
similarity index 99%
rename from static/iframe.55edd83248a113af2501.bundle.js.map
rename to static/iframe.601f7a1cf8862f70a222.bundle.js.map
index 47d7b429..3ee9011f 100644
--- a/static/iframe.55edd83248a113af2501.bundle.js.map
+++ b/static/iframe.601f7a1cf8862f70a222.bundle.js.map
@@ -1 +1 @@
-{"version":3,"file":"static/iframe.55edd83248a113af2501.bundle.js","sources":["webpack:///./.storybook/config.js","webpack:///./app/components/UI/Button.js","webpack:///./app/components/UI/GlobalStyle.js","webpack:///./app/components/UI/Menu.js","webpack:///./app/components/UI/MenuItem.js","webpack:///./app/components/UI/MenuItemGroup.js","webpack:///./app/components/UI/QRCode.js","webpack:///./app/components/UI/Spinner.js"],"sourcesContent":["import { addDecorator, configure, setAddon } from '@storybook/react'\nimport { withThemesProvider } from 'storybook-addon-styled-component-theme'\nimport { themes } from '@storybook/components'\nimport { withOptions } from '@storybook/addon-options'\nimport { setDefaults, withInfo } from '@storybook/addon-info'\nimport { withConsole } from '@storybook/addon-console'\nimport chaptersAddon from 'react-storybook-addon-chapters'\nimport { dark, light } from 'themes'\n\nimport React from 'react'\nimport GlobalStyle from 'components/UI/GlobalStyle'\n\n// Info\naddDecorator(\n  withInfo({\n    styles: {\n      button: {\n        base: {\n          background: dark.colors.lightningOrange\n        }\n      }\n    }\n  })\n)\n\n// Chapters\nsetAddon(chaptersAddon)\n\n// Console.\naddDecorator((storyFn, context) => withConsole()(storyFn)(context))\n\n// Options\naddDecorator(\n  withOptions({\n    name: 'Zap Desktop',\n    url: 'https://ln-zap.github.io/zap-desktop',\n    theme: themes.dark,\n    hierarchySeparator: /\\./\n  })\n)\n\n// Zap Global style.\naddDecorator(story => (\n  <React.Fragment>\n    <GlobalStyle />\n    {story()}\n  </React.Fragment>\n))\n\n// Zap Themes.\nconst zapThemes = [dark, light]\naddDecorator(withThemesProvider(zapThemes))\n\n// automatically import all files ending in *.stories.js\nconst req = require.context('../stories', true, /.stories.js$/)\nfunction loadStories() {\n  req.keys().forEach(filename => req(filename))\n}\n\nconfigure(loadStories, module)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport { Button as BaseButton, Flex, Text } from 'rebass'\nimport Spinner from './Spinner'\n\nconst Wrapper = styled(BaseButton)`\n  transition: all 0.25s;\n  outline: none;\n  border-radius: 5;\n  font-weight: normal;\n  line-height: '18px';\n  &:focus {\n    box-shadow: 0 0 3px ${props => props.theme.lightningOrange};\n  }\n  &:disabled {\n    opacity: 0.5;\n  }\n  &:hover:enabled {\n    cursor: pointer;\n  }\n`\n\n/**\n * @render react\n * @name Button\n * @example\n * <Button><Basic button</Button>\n */\nconst Button = props => {\n  const { children, processing, size } = props\n  const sizes = {\n    small: {\n      x: 3,\n      y: 2,\n      fontSize: 's'\n    },\n    medium: {\n      x: 3,\n      y: 2,\n      fontSize: 'm'\n    },\n    large: {\n      x: 5,\n      y: 3,\n      fontSize: 'l'\n    }\n  }\n  return (\n    <Wrapper\n      px={sizes[size]['x']}\n      py={sizes[size]['y']}\n      fontSize={sizes[size]['fontSize']}\n      {...props}\n    >\n      <Flex>\n        {processing && <Spinner size=\"2em\" mr=\"0.5em\" />}\n        <Text fontFamily=\"sans\">{children}</Text>\n      </Flex>\n    </Wrapper>\n  )\n}\n\nButton.displayName = 'Button'\nButton.defaultProps = {\n  processing: false,\n  size: 'medium',\n  variant: 'normal'\n}\nButton.propTypes = {\n  processing: PropTypes.bool,\n  size: PropTypes.string,\n  variant: PropTypes.string\n}\n\nexport default Button\n","import { createGlobalStyle } from 'styled-components'\n\nconst GlobalStyle = createGlobalStyle`\n  @font-face {\n    font-family: 'Roboto';\n    font-style: normal;\n    font-weight: 300;\n    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');\n  }\n\n  * { box-sizing: border-box; }\n\n  body {\n    margin: 0;\n    font-family: 'Roboto Light', 'Roboto', Arial, Helvetica, sans-serif;\n    font-size: 13px;\n    line-height: 1.4;\n    -webkit-font-smoothing: antialiased;\n  }\n`\n\nexport default GlobalStyle\n","import React from 'react'\nimport { Box, Text } from 'rebass'\nimport system from '@rebass/components'\nimport styled from 'styled-components'\nimport MenuBase from 'rc-menu'\n\nconst SystemMenu = system(\n  {\n    extend: MenuBase,\n    mb: 2,\n    p: 0\n  },\n  'space'\n)\n\nconst StyledMenu = styled(SystemMenu)`\n  outline: none;\n`\n\n/**\n * @render react\n * @name Menu\n * @example\n * <Menu>\n     <MenuItem>Menu item 1</MenuItem>\n     <MenuItem>Menu item 2</MenuItem>\n   </Menu>\n */\nclass Menu extends React.Component {\n  static displayName = 'Menu'\n\n  render() {\n    const { children, title } = this.props\n    return (\n      <Box mb={4} {...this.props}>\n        {title && (\n          <Text fontWeight=\"bold\" py={1}>\n            {title}\n          </Text>\n        )}\n        <StyledMenu {...this.props}>{children}</StyledMenu>\n      </Box>\n    )\n  }\n}\n\nexport default Menu\n","import React from 'react'\nimport { MenuItem as MenuItemBase } from 'rc-menu'\nimport system from '@rebass/components'\nimport styled from 'styled-components'\n\nconst SystemMenuItem = system(\n  {\n    extend: MenuItemBase,\n    py: 2\n  },\n  'space'\n)\n\nconst StyledMenuItem = styled(SystemMenuItem)`\n  list-style-type: none;\n  &.rc-menu-item-active {\n    color: ${props => props.theme.colors.lightningOrange};\n    cursor: pointer;\n  }\n  &.rc-menu-item-selected {\n    color: ${props => props.theme.colors.lightningOrange};\n  }\n`\n\n/**\n * @render react\n * @name MenuItem\n * @example\n * <MenuItem>MenuItem item 1</MenuItem>\n */\nclass MenuItem extends React.Component {\n  static displayName = 'MenuItem'\n\n  render() {\n    return <StyledMenuItem {...this.props} />\n  }\n}\n\nexport default MenuItem\n","import React from 'react'\nimport { MenuItemGroup as MenuItemGroupBase } from 'rc-menu'\nimport system from '@rebass/components'\nimport styled from 'styled-components'\n\nconst SystemMenuItemGroup = system(\n  {\n    extend: MenuItemGroupBase,\n    mb: 3\n  },\n  'space'\n)\n\nconst StyledMenuItemGroup = styled(SystemMenuItemGroup)`\n  list-style-type: none;\n  > .rc-menu-item-group-title {\n    font-weight: bold;\n    padding: ${props => `${props.theme.space[2]}px 0`};\n  }\n  > .rc-menu-item-group-list {\n    padding: 0;\n  }\n`\n\n/**\n * @render react\n * @name MenuItem\n * @example\n * <MenuItem>MenuItem item 1</MenuItem>\n */\nclass MenuItem extends React.Component {\n  static displayName = 'MenuItemGroup'\n\n  render() {\n    return <StyledMenuItemGroup {...this.props} />\n  }\n}\n\nexport default MenuItem\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Card } from 'rebass'\nimport QRCode from 'qrcode.react'\n\nconst Container = styled(Card)`\n  position: relative;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  display: inline-block;\n`\nconst CropWrapper = styled(Card)`\n  position: relative;\n  width: ${props => props.size}\n  height: ${props => props.size}\n`\nconst TopLeft = styled(Card)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(0 0, 20% 0, 20% 20%, 0 20%);\n`\nconst TopRight = styled(Card)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(80% 0, 100% 0%, 100% 20%, 80% 20%);\n`\nconst BottomLeft = styled(Card)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(0 80%, 20% 80%, 20% 100%, 0 100%);\n`\nconst BottomRight = styled(Card)`\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(80% 80%, 100% 80%, 100% 100%, 80% 100%);\n`\nconst Code = styled(QRCode)`\n  border-style: solid;\n  border-color: white;\n  border-width: 4px;\n  position: absolute;\n  top: 10%\n  left: 10%\n`\n\n/**\n * @render react\n * @name QRCode\n * @example\n * <QRCode value=\"123456789\" />\n */\nclass ZapQRCode extends React.PureComponent {\n  static displayName = 'QRCode'\n\n  static defaultProps = {\n    size: '150px'\n  }\n\n  render() {\n    const { size } = this.props\n    return (\n      <Container size={size}>\n        <CropWrapper size={size}>\n          <TopLeft size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n          <TopRight size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n          <BottomLeft size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n          <BottomRight size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n        </CropWrapper>\n        <Code {...this.props} size=\"80%\" renderAs=\"svg\" bgColor=\"white\" fgColor=\"black\" level=\"L\" />\n      </Container>\n    )\n  }\n}\n\nexport default ZapQRCode\n","import styled, { keyframes } from 'styled-components'\nimport { Card } from 'rebass'\n\nconst rotate360 = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\n/**\n * @render react\n * @name Spinner\n * @example\n * <Spinner />\n */\nconst Spinner = styled(Card)`\n  border: 1px solid rgba(235, 184, 100, 0.1);\n  border-left-color: rgba(235, 184, 100, 0.6);\n  display: inline-block;\n  animation: ${rotate360} 1s linear infinite;\n  }\n`\n\nSpinner.displayName = 'Spinner'\nSpinner.defaultProps = {\n  borderRadius: 999,\n  width: '1em',\n  css: {\n    height: '1em'\n  }\n}\n\nexport default Spinner\n"],"mappings":"AAAA;;;;;;;ACaA;;;;;;;;AA2CA;;;;;;;;;;;;;;;;;ACnCA;;ACOA;;;ACZA;;;;AAIA;;AAUA;;;;ACbA;;;;;AAaA;;ACvBA;AACA;;AAGA;;AAEA;AACA;AAEA;;;;;AAKA;AACA;;AAGA;;;;;AAKA;AACA;;AAGA;;;;;AAKA;AACA;;AAGA;;;;;AAKA;AACA;;AAGA;;;;;;;AAeA;;;;AChEA;;;;;;;;;AAuBA","sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/iframe.601f7a1cf8862f70a222.bundle.js","sources":["webpack:///./.storybook/config.js","webpack:///./app/components/UI/Button.js","webpack:///./app/components/UI/GlobalStyle.js","webpack:///./app/components/UI/Menu.js","webpack:///./app/components/UI/MenuItem.js","webpack:///./app/components/UI/MenuItemGroup.js","webpack:///./app/components/UI/QRCode.js","webpack:///./app/components/UI/Spinner.js"],"sourcesContent":["import { addDecorator, configure, setAddon } from '@storybook/react'\nimport { withThemesProvider } from 'storybook-addon-styled-component-theme'\nimport { themes } from '@storybook/components'\nimport { withOptions } from '@storybook/addon-options'\nimport { setDefaults, withInfo } from '@storybook/addon-info'\nimport { withConsole } from '@storybook/addon-console'\nimport chaptersAddon from 'react-storybook-addon-chapters'\nimport { dark, light } from 'themes'\n\nimport React from 'react'\nimport GlobalStyle from 'components/UI/GlobalStyle'\n\n// Info\naddDecorator(\n  withInfo({\n    styles: {\n      button: {\n        base: {\n          background: dark.colors.lightningOrange\n        }\n      }\n    }\n  })\n)\n\n// Chapters\nsetAddon(chaptersAddon)\n\n// Console.\naddDecorator((storyFn, context) => withConsole()(storyFn)(context))\n\n// Options\naddDecorator(\n  withOptions({\n    name: 'Zap Desktop',\n    url: 'https://ln-zap.github.io/zap-desktop',\n    theme: themes.dark,\n    hierarchySeparator: /\\./\n  })\n)\n\n// Zap Global style.\naddDecorator(story => (\n  <React.Fragment>\n    <GlobalStyle />\n    {story()}\n  </React.Fragment>\n))\n\n// Zap Themes.\nconst zapThemes = [dark, light]\naddDecorator(withThemesProvider(zapThemes))\n\n// automatically import all files ending in *.stories.js\nconst req = require.context('../stories', true, /.stories.js$/)\nfunction loadStories() {\n  req.keys().forEach(filename => req(filename))\n}\n\nconfigure(loadStories, module)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport { Button as BaseButton, Flex, Text } from 'rebass'\nimport Spinner from './Spinner'\n\nconst Wrapper = styled(BaseButton)`\n  transition: all 0.25s;\n  outline: none;\n  border-radius: 5;\n  font-weight: normal;\n  line-height: '18px';\n  &:focus {\n    box-shadow: 0 0 3px ${props => props.theme.lightningOrange};\n  }\n  &:disabled {\n    opacity: 0.5;\n  }\n  &:hover:enabled {\n    cursor: pointer;\n  }\n`\n\n/**\n * @render react\n * @name Button\n * @example\n * <Button><Basic button</Button>\n */\nconst Button = props => {\n  const { children, processing, size } = props\n  const sizes = {\n    small: {\n      x: 3,\n      y: 2,\n      fontSize: 's'\n    },\n    medium: {\n      x: 3,\n      y: 2,\n      fontSize: 'm'\n    },\n    large: {\n      x: 5,\n      y: 3,\n      fontSize: 'l'\n    }\n  }\n  return (\n    <Wrapper\n      px={sizes[size]['x']}\n      py={sizes[size]['y']}\n      fontSize={sizes[size]['fontSize']}\n      {...props}\n    >\n      <Flex>\n        {processing && <Spinner size=\"2em\" mr=\"0.5em\" />}\n        <Text fontFamily=\"sans\">{children}</Text>\n      </Flex>\n    </Wrapper>\n  )\n}\n\nButton.displayName = 'Button'\nButton.defaultProps = {\n  processing: false,\n  size: 'medium',\n  variant: 'normal'\n}\nButton.propTypes = {\n  processing: PropTypes.bool,\n  size: PropTypes.string,\n  variant: PropTypes.string\n}\n\nexport default Button\n","import { createGlobalStyle } from 'styled-components'\n\nconst GlobalStyle = createGlobalStyle`\n  @font-face {\n    font-family: 'Roboto';\n    font-style: normal;\n    font-weight: 300;\n    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');\n  }\n\n  * { box-sizing: border-box; }\n\n  body {\n    margin: 0;\n    font-family: 'Roboto Light', 'Roboto', Arial, Helvetica, sans-serif;\n    font-size: 13px;\n    line-height: 1.4;\n    -webkit-font-smoothing: antialiased;\n  }\n`\n\nexport default GlobalStyle\n","import React from 'react'\nimport { Box, Text } from 'rebass'\nimport system from '@rebass/components'\nimport styled from 'styled-components'\nimport MenuBase from 'rc-menu'\n\nconst SystemMenu = system(\n  {\n    extend: MenuBase,\n    mb: 2,\n    p: 0\n  },\n  'space'\n)\n\nconst StyledMenu = styled(SystemMenu)`\n  outline: none;\n`\n\n/**\n * @render react\n * @name Menu\n * @example\n * <Menu>\n     <MenuItem>Menu item 1</MenuItem>\n     <MenuItem>Menu item 2</MenuItem>\n   </Menu>\n */\nclass Menu extends React.Component {\n  static displayName = 'Menu'\n\n  render() {\n    const { children, title } = this.props\n    return (\n      <Box mb={4} {...this.props}>\n        {title && (\n          <Text fontWeight=\"bold\" py={1}>\n            {title}\n          </Text>\n        )}\n        <StyledMenu {...this.props}>{children}</StyledMenu>\n      </Box>\n    )\n  }\n}\n\nexport default Menu\n","import React from 'react'\nimport { MenuItem as MenuItemBase } from 'rc-menu'\nimport system from '@rebass/components'\nimport styled from 'styled-components'\n\nconst SystemMenuItem = system(\n  {\n    extend: MenuItemBase,\n    py: 2\n  },\n  'space'\n)\n\nconst StyledMenuItem = styled(SystemMenuItem)`\n  list-style-type: none;\n  &.rc-menu-item-active {\n    color: ${props => props.theme.colors.lightningOrange};\n    cursor: pointer;\n  }\n  &.rc-menu-item-selected {\n    color: ${props => props.theme.colors.lightningOrange};\n  }\n`\n\n/**\n * @render react\n * @name MenuItem\n * @example\n * <MenuItem>MenuItem item 1</MenuItem>\n */\nclass MenuItem extends React.Component {\n  static displayName = 'MenuItem'\n\n  render() {\n    return <StyledMenuItem {...this.props} />\n  }\n}\n\nexport default MenuItem\n","import React from 'react'\nimport { MenuItemGroup as MenuItemGroupBase } from 'rc-menu'\nimport system from '@rebass/components'\nimport styled from 'styled-components'\n\nconst SystemMenuItemGroup = system(\n  {\n    extend: MenuItemGroupBase,\n    mb: 3\n  },\n  'space'\n)\n\nconst StyledMenuItemGroup = styled(SystemMenuItemGroup)`\n  list-style-type: none;\n  > .rc-menu-item-group-title {\n    font-weight: bold;\n    padding: ${props => `${props.theme.space[2]}px 0`};\n  }\n  > .rc-menu-item-group-list {\n    padding: 0;\n  }\n`\n\n/**\n * @render react\n * @name MenuItem\n * @example\n * <MenuItem>MenuItem item 1</MenuItem>\n */\nclass MenuItem extends React.Component {\n  static displayName = 'MenuItemGroup'\n\n  render() {\n    return <StyledMenuItemGroup {...this.props} />\n  }\n}\n\nexport default MenuItem\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Card } from 'rebass'\nimport QRCode from 'qrcode.react'\n\nconst Container = styled(Card)`\n  position: relative;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  display: inline-block;\n`\nconst CropWrapper = styled(Card)`\n  position: relative;\n  width: ${props => props.size}\n  height: ${props => props.size}\n`\nconst TopLeft = styled(Card)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(0 0, 20% 0, 20% 20%, 0 20%);\n`\nconst TopRight = styled(Card)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(80% 0, 100% 0%, 100% 20%, 80% 20%);\n`\nconst BottomLeft = styled(Card)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(0 80%, 20% 80%, 20% 100%, 0 100%);\n`\nconst BottomRight = styled(Card)`\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  display: inline-block;\n  width: ${props => props.size}\n  height: ${props => props.size}\n  clip-path: polygon(80% 80%, 100% 80%, 100% 100%, 80% 100%);\n`\nconst Code = styled(QRCode)`\n  border-style: solid;\n  border-color: white;\n  border-width: 4px;\n  position: absolute;\n  top: 10%\n  left: 10%\n`\n\n/**\n * @render react\n * @name QRCode\n * @example\n * <QRCode value=\"123456789\" />\n */\nclass ZapQRCode extends React.PureComponent {\n  static displayName = 'QRCode'\n\n  static defaultProps = {\n    size: '150px'\n  }\n\n  render() {\n    const { size } = this.props\n    return (\n      <Container size={size}>\n        <CropWrapper size={size}>\n          <TopLeft size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n          <TopRight size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n          <BottomLeft size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n          <BottomRight size={size} border={1} borderRadius=\"12%\" borderColor=\"lightningOrange\" />\n        </CropWrapper>\n        <Code {...this.props} size=\"80%\" renderAs=\"svg\" bgColor=\"white\" fgColor=\"black\" level=\"L\" />\n      </Container>\n    )\n  }\n}\n\nexport default ZapQRCode\n","import styled, { keyframes } from 'styled-components'\nimport { Card } from 'rebass'\n\nconst rotate360 = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`\n\n/**\n * @render react\n * @name Spinner\n * @example\n * <Spinner />\n */\nconst Spinner = styled(Card)`\n  border: 1px solid rgba(235, 184, 100, 0.1);\n  border-left-color: rgba(235, 184, 100, 0.6);\n  display: inline-block;\n  animation: ${rotate360} 1s linear infinite;\n  }\n`\n\nSpinner.displayName = 'Spinner'\nSpinner.defaultProps = {\n  borderRadius: 999,\n  width: '1em',\n  css: {\n    height: '1em'\n  }\n}\n\nexport default Spinner\n"],"mappings":"AAAA;;;;;;;ACaA;;;;;;;;AA2CA;;;;;;;;;;;;;;;;;ACnCA;;ACOA;;;ACZA;;;;AAIA;;AAUA;;;;ACbA;;;;;AAaA;;ACvBA;AACA;;AAGA;;AAEA;AACA;AAEA;;;;;AAKA;AACA;;AAGA;;;;;AAKA;AACA;;AAGA;;;;;AAKA;AACA;;AAGA;;;;;AAKA;AACA;;AAGA;;;;;;;AAeA;;;;AChEA;;;;;;;;;AAuBA","sourceRoot":""}
\ No newline at end of file