From ec9d8bd02af15f80d0a67968761f6d46373aed9d Mon Sep 17 00:00:00 2001
From: Anastasia Poupeney <anastasia.poupeney@ledger.fr>
Date: Thu, 31 May 2018 17:45:01 +0200
Subject: [PATCH] empty state for the account page, no transactions on
 dashboard

---
 .../AccountPage/EmptyStateAccount.js          |  58 +++++++
 src/components/AccountPage/index.js           | 146 ++++++++++--------
 src/components/DashboardPage/EmptyState.js    |   4 +-
 src/components/DashboardPage/index.js         |  21 ++-
 src/icons/AccountSettings.js                  |  16 ++
 static/i18n/en/account.yml                    |   5 +
 static/images/logos/emptyStateAccount.png     | Bin 0 -> 9066 bytes
 7 files changed, 174 insertions(+), 76 deletions(-)
 create mode 100644 src/components/AccountPage/EmptyStateAccount.js
 create mode 100644 src/icons/AccountSettings.js
 create mode 100644 static/images/logos/emptyStateAccount.png

diff --git a/src/components/AccountPage/EmptyStateAccount.js b/src/components/AccountPage/EmptyStateAccount.js
new file mode 100644
index 00000000..e7986f9d
--- /dev/null
+++ b/src/components/AccountPage/EmptyStateAccount.js
@@ -0,0 +1,58 @@
+// @flow
+
+import React, { PureComponent } from 'react'
+import { i } from 'helpers/staticPath'
+import styled from 'styled-components'
+import { connect } from 'react-redux'
+import { compose } from 'redux'
+import { translate } from 'react-i18next'
+
+import { openModal } from 'reducers/modals'
+import type { T } from 'types/common'
+import type { Account } from '@ledgerhq/live-common/lib/types'
+
+import { MODAL_RECEIVE } from 'config/constants'
+
+import Box from 'components/base/Box'
+import Button from 'components/base/Button'
+import { Title, Description } from 'components/DashboardPage/EmptyState'
+import IconReceive from 'icons/Receive'
+
+const mapDispatchToProps = {
+  openModal,
+}
+
+type Props = {
+  t: T,
+  account: Account,
+  openModal: Function,
+}
+
+class EmptyStateAccount extends PureComponent<Props, *> {
+  render() {
+    const { t, account, openModal } = this.props
+
+    return (
+      <Box mt={7} alignItems="center">
+        <img
+          alt="emptyState Dashboard logo"
+          src={i('logos/emptyStateAccount.png')}
+          width="400"
+          height="89"
+        />
+        <Box mt={5} alignItems="center">
+          <Title>{t('account:emptyState.title')}</Title>
+          <Description>{t('account:emptyState.desc')}</Description>
+          <Button mt={3} padded primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
+            <Box horizontal flow={1} alignItems="center">
+              <IconReceive size={12} />
+              <Box>{t('account:emptyState.buttons.receiveFunds')}</Box>
+            </Box>
+          </Button>
+        </Box>
+      </Box>
+    )
+  }
+}
+
+export default compose(connect(null, mapDispatchToProps), translate())(EmptyStateAccount)
diff --git a/src/components/AccountPage/index.js b/src/components/AccountPage/index.js
index f972c9f7..7bd5c134 100644
--- a/src/components/AccountPage/index.js
+++ b/src/components/AccountPage/index.js
@@ -1,6 +1,6 @@
 // @flow
 
-import React, { PureComponent } from 'react'
+import React, { PureComponent, Fragment } from 'react'
 import { compose } from 'redux'
 import { connect } from 'react-redux'
 import { translate } from 'react-i18next'
@@ -18,7 +18,7 @@ import { getAccountById } from 'reducers/accounts'
 import { counterValueCurrencySelector, localeSelector } from 'reducers/settings'
 import { openModal } from 'reducers/modals'
 
-import IconControls from 'icons/Controls'
+import IconAccountSettings from 'icons/AccountSettings'
 import IconReceive from 'icons/Receive'
 import IconSend from 'icons/Send'
 
@@ -35,6 +35,7 @@ import PillsDaysCount from 'components/PillsDaysCount'
 import OperationsList from 'components/OperationsList'
 
 import AccountHeader from './AccountHeader'
+import EmptyStateAccount from './EmptyStateAccount'
 
 const ButtonSettings = styled(Button).attrs({
   small: true,
@@ -99,78 +100,89 @@ class AccountPage extends PureComponent<Props, State> {
         <Box horizontal mb={5}>
           <AccountHeader account={account} />
           <Box horizontal alignItems="center" justifyContent="flex-end" grow flow={2}>
-            <Button small primary onClick={() => openModal(MODAL_SEND, { account })}>
-              <Box horizontal flow={1} alignItems="center">
-                <IconSend size={12} />
-                <Box>{t('send:title')}</Box>
-              </Box>
-            </Button>
-            <Button small primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
-              <Box horizontal flow={1} alignItems="center">
-                <IconReceive size={12} />
-                <Box>{t('receive:title')}</Box>
-              </Box>
-            </Button>
+            {account.operations.length > 0 && (
+              <Fragment>
+                <Button small primary onClick={() => openModal(MODAL_SEND, { account })}>
+                  <Box horizontal flow={1} alignItems="center">
+                    <IconSend size={12} />
+                    <Box>{t('send:title')}</Box>
+                  </Box>
+                </Button>
+
+                <Button small primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
+                  <Box horizontal flow={1} alignItems="center">
+                    <IconReceive size={12} />
+                    <Box>{t('receive:title')}</Box>
+                  </Box>
+                </Button>
+              </Fragment>
+            )}
             <ButtonSettings onClick={() => openModal(MODAL_SETTINGS_ACCOUNT, { account })}>
               <Box align="center">
-                <IconControls size={16} />
+                <IconAccountSettings size={16} />
               </Box>
             </ButtonSettings>
           </Box>
         </Box>
-        <Box mb={7}>
-          <BalanceSummary
-            accounts={[account]}
-            chartColor={account.currency.color}
-            chartId={`account-chart-${account.id}`}
-            counterValue={counterValue}
-            daysCount={daysCount}
-            selectedTime={selectedTime}
-            renderHeader={({ totalBalance, sinceBalance, refBalance }) => (
-              <Box flow={4} mb={2}>
-                <Box horizontal>
-                  <BalanceTotal totalBalance={account.balance} unit={account.unit}>
-                    <FormattedVal
-                      animateTicker
-                      alwaysShowSign={false}
-                      color="warmGrey"
-                      unit={counterValue.units[0]}
-                      fontSize={6}
-                      showCode
-                      val={totalBalance}
-                    />
-                  </BalanceTotal>
-                  <Box>
-                    <PillsDaysCount
-                      selectedTime={selectedTime}
-                      onChange={this.handleChangeSelectedTime}
-                    />
+        {account.operations.length > 0 ? (
+          <Fragment>
+            <Box mb={7}>
+              <BalanceSummary
+                accounts={[account]}
+                chartColor={account.currency.color}
+                chartId={`account-chart-${account.id}`}
+                counterValue={counterValue}
+                daysCount={daysCount}
+                selectedTime={selectedTime}
+                renderHeader={({ totalBalance, sinceBalance, refBalance }) => (
+                  <Box flow={4} mb={2}>
+                    <Box horizontal>
+                      <BalanceTotal totalBalance={account.balance} unit={account.unit}>
+                        <FormattedVal
+                          animateTicker
+                          alwaysShowSign={false}
+                          color="warmGrey"
+                          unit={counterValue.units[0]}
+                          fontSize={6}
+                          showCode
+                          val={totalBalance}
+                        />
+                      </BalanceTotal>
+                      <Box>
+                        <PillsDaysCount
+                          selectedTime={selectedTime}
+                          onChange={this.handleChangeSelectedTime}
+                        />
+                      </Box>
+                    </Box>
+                    <Box horizontal justifyContent="center" flow={7}>
+                      <BalanceSincePercent
+                        t={t}
+                        alignItems="center"
+                        totalBalance={totalBalance}
+                        sinceBalance={sinceBalance}
+                        refBalance={refBalance}
+                        since={selectedTime}
+                      />
+                      <BalanceSinceDiff
+                        t={t}
+                        counterValue={counterValue}
+                        alignItems="center"
+                        totalBalance={totalBalance}
+                        sinceBalance={sinceBalance}
+                        refBalance={refBalance}
+                        since={selectedTime}
+                      />
+                    </Box>
                   </Box>
-                </Box>
-                <Box horizontal justifyContent="center" flow={7}>
-                  <BalanceSincePercent
-                    t={t}
-                    alignItems="center"
-                    totalBalance={totalBalance}
-                    sinceBalance={sinceBalance}
-                    refBalance={refBalance}
-                    since={selectedTime}
-                  />
-                  <BalanceSinceDiff
-                    t={t}
-                    counterValue={counterValue}
-                    alignItems="center"
-                    totalBalance={totalBalance}
-                    sinceBalance={sinceBalance}
-                    refBalance={refBalance}
-                    since={selectedTime}
-                  />
-                </Box>
-              </Box>
-            )}
-          />
-        </Box>
-        <OperationsList account={account} title={t('account:lastOperations')} />
+                )}
+              />
+            </Box>
+            <OperationsList account={account} title={t('account:lastOperations')} />
+          </Fragment>
+        ) : (
+          <EmptyStateAccount account={account} />
+        )}
       </Box>
     )
   }
diff --git a/src/components/DashboardPage/EmptyState.js b/src/components/DashboardPage/EmptyState.js
index cb1f2562..48bf8fc8 100644
--- a/src/components/DashboardPage/EmptyState.js
+++ b/src/components/DashboardPage/EmptyState.js
@@ -64,13 +64,13 @@ class EmptyState extends PureComponent<Props, *> {
   }
 }
 
-const Title = styled(Box).attrs({
+export const Title = styled(Box).attrs({
   ff: 'Museo Sans|Regular',
   fontSize: 6,
   color: p => p.theme.colors.dark,
 })``
 
-const Description = styled(Box).attrs({
+export const Description = styled(Box).attrs({
   ff: 'Open Sans|Regular',
   fontSize: 4,
   color: p => p.theme.colors.graphite,
diff --git a/src/components/DashboardPage/index.js b/src/components/DashboardPage/index.js
index 3027da19..80343277 100644
--- a/src/components/DashboardPage/index.js
+++ b/src/components/DashboardPage/index.js
@@ -108,6 +108,11 @@ class DashboardPage extends PureComponent<Props, State> {
     const timeFrame = this.handleGreeting()
     const totalAccounts = accounts.length
 
+    const displayOperationsHelper = (account: Account) => {
+      return account.operations.length > 0
+    }
+    const displayOperations = accounts.some(displayOperationsHelper)
+
     return (
       <Box flow={7}>
         {totalAccounts > 0 ? (
@@ -186,13 +191,15 @@ class DashboardPage extends PureComponent<Props, State> {
                   ))}
                 </Box>
               </Box>
-              <OperationsList
-                canShowMore
-                onAccountClick={account => push(`/account/${account.id}`)}
-                accounts={accounts}
-                title={t('dashboard:recentActivity')}
-                withAccount
-              />
+              {displayOperations && (
+                <OperationsList
+                  canShowMore
+                  onAccountClick={account => push(`/account/${account.id}`)}
+                  accounts={accounts}
+                  title={t('dashboard:recentActivity')}
+                  withAccount
+                />
+              )}
             </Fragment>
           </Fragment>
         ) : (
diff --git a/src/icons/AccountSettings.js b/src/icons/AccountSettings.js
new file mode 100644
index 00000000..3bb3053e
--- /dev/null
+++ b/src/icons/AccountSettings.js
@@ -0,0 +1,16 @@
+// @flow
+
+import React from 'react'
+
+const path = (
+  <path
+    fill="currentColor"
+    d="M12.541 4.432l1.51-1.51a.697.697 0 0 1 1.1.152c.94 1.67.744 3.259-.575 4.577-1.153 1.154-2.565 1.502-4.127 1.02a.232.232 0 0 0-.233.057L3.71 15.234a2.09 2.09 0 1 1-2.955-2.956L7.26 5.772c.06-.06.083-.15.057-.232-.483-1.562-.134-2.974 1.02-4.128C9.655.094 11.244-.1 12.914.838a.697.697 0 0 1 .15 1.1l-1.509 1.51.165.82.82.164zM1.74 14.25a.697.697 0 0 0 .985 0l6.506-6.506a1.625 1.625 0 0 1 1.63-.404c1.068.33 1.942.115 2.73-.673.63-.63.862-1.277.702-2.015l-.854.854a1.161 1.161 0 0 1-1.049.318l-1.095-.22a1.161 1.161 0 0 1-.91-.91l-.22-1.094a1.168 1.168 0 0 1 .318-1.05l.855-.854c-.738-.16-1.386.073-2.016.702-.787.788-1.003 1.662-.673 2.73a1.625 1.625 0 0 1-.403 1.63L1.74 13.264a.697.697 0 0 0 0 .986z"
+  />
+)
+
+export default ({ size, ...p }: { size: number }) => (
+  <svg viewBox="0 0 16 16" height={size} width={size} {...p}>
+    {path}
+  </svg>
+)
diff --git a/static/i18n/en/account.yml b/static/i18n/en/account.yml
index 66126329..be9e4d8a 100644
--- a/static/i18n/en/account.yml
+++ b/static/i18n/en/account.yml
@@ -1,6 +1,11 @@
 balance: Balance
 receive: Receive
 lastOperations: Last operations
+emptyState:
+  title: This is a title, use it with caution
+  desc: Please create a new account or recover an old account from your Ledger device.
+  buttons:
+    receiveFunds: Receive Funds
 settings:
   title: Edit Account
   accountName:
diff --git a/static/images/logos/emptyStateAccount.png b/static/images/logos/emptyStateAccount.png
new file mode 100644
index 0000000000000000000000000000000000000000..094ab0517a8a70a7752c4bce4e6ba08c0fa41bce
GIT binary patch
literal 9066
zcmb_iXH-+$)=lU|5K-EtBnpTM2m%69LQtfLbfptINS9th2~tGi(u;Idib(G@6j3@N
zAT`8*^b)!h1Na5K_YvNBKfgbRjB(D{Wvw~qnrk0ksH-Z_Q2j*(003x|6y-Dl0Aeuy
zcR2+a{#q|ufW-d+x@s!i1r&c~TLJ($xs>E&A9(?>Xt=$_s8P$Na7LN*j1fvWlBZ!@
z=Z#}<LG}Bvtm_&V90n=m)VaTgDmHRGdc?4)#{Dk1GN6zo0DOZ)@lcB^OOtd5L~-{*
zaBihas-`-(0D~;QL%P0lIT~&6(Xm@>YzMazZ%#e<JE~;CecpS0a=mC3zE-#J&Goaj
z6?(g;?!37!9TWg0`G2~+qs;b6&^0#x_2NO!79~8xGfy+$Q@ddJ)76E;q>zx1s9M~E
zoIx2B)_PKkN5$JWtt4m~*RmJ59>m##Q6q2L!2cx1kn14Ug9=(P&;5NttIPrD_pqv&
z!{(Zq0~x6+lb_^Aft?c*6P(peG8HrjpH!FA)6ztE)H0+r-CSLVR@c`-T|+e8tU*!!
ztPv-JPj8@F_GJ0?aZmUEp2Cm*yv>O?0JM*r@@L(L?BH;Mw{B^qWM=+iVU6}3&1mp>
z)UaLTNE{tc13exj12x;Qs`pt{<UhP>KDbm_hDsk*RU(X5SS5men-%^kt_&C!@q@Rz
zEVD|c*?dSSZi+q3?IM4+J?GV)xvf!JTH1_PDJfSL!*+B++b<&kL=@oPmoJ`yCEt+n
zy_)&?`QmY?MaRPGMUD_|-2ud$8rHt!;?U3#35Wx6>HcYwOxQ?PgFk9{XwL><kER61
zj%%IoqSkDn1H~rDw4zm`>WzZk4jwNXPyb!c(}@t!2oh0I(f6VhO5-nHbYPK}d#ZA4
zkX${yVWoS1y{HEeOSLt3!w5E;8~?8D<YhOoNl7Tx)$8`Y8(p+7N5kFd6~9``tZEpS
zkNWsE`ioE!2179$Ar(?u-KcZX1KUokx@#)r`pW*5gbNY;U>I(n@75M;afNV2W+bze
zwdG^X)9J5OmCp_AXcnqkK_|E8CTRx$3D57RqrC$4K!MuAU<E6gRi!o*<cB&VA!OSh
zX6@3plw-BMMmQUd*6Y^KDIP)T&x~LX#NBl<$DH>XS9m>K7}_A9nDl`Ah2z85>Kpk%
z<%Ew4<`Q`@encuvBKO)<M&THHvX3;7<q&LFPnAug569X4RzlmxT3?FvIx!+dE>(Kg
z8h6jto=0A$O(q=ii*}ajBeN)%?Wk-AI+riIg_j5!7g)wrS{A6Mr+57(KYv2n=lUdA
z-BMQA=(#Xg%~--=qMrhBu`XJCj3xVm`y}AChhb{$@dU5{1m3#z?$M3G0_xqo8QoSM
zz^#IUf^ea}56}Jsw%-ZmoMJ%CZXZ}CTbat9f(rku{=x<o)Sh&~c8CxC_0z5Yni~V)
znl^L;5ysu;Lg$W)V8@x1x{%rmTo=Gm2oisPdtZ+b9Pg+tD)h8&CJBrRODKxK4HHvK
zmLBClqJrJky>>}L{Pul94KkS|UF8ddJ<f^h8Lo0etB_xU34?cM=O#pYY9$9{2*+hc
zAanp`7@*7bq#l|qmNa_8CB}lYl5|3F%ky>;x+pML?Kxgw0P4)n_<-I@2i@HdoNa7u
z`gRQkY6h!JYL@^Vc4S=Q&x{ElMIacWlj51eKk-7CNx%^Ov%#;2V!7v-mRZ=j8i}HZ
zhllU~@Az&V9F{+<DE&kJf4P9B@FE3QKXb(+%yIcUGvV$OYY|R>*rzw^qX@Hzq*yed
zhTkDS8+)QZv3HXm04fec6210JI#v@sd;KjjY-5=&Rrao!rU8hh=GF8Esl6YwlPhJ$
z-9B3g-$^Yfk>7ls%SS-_8SdyltG<zu5z9>2ZC0g*gA~<-2RT#R!6A2B^CA@!iXQP=
z;Y@l~<7<MZ?p6CGzW6Ff7d$&CY<1Q3L#HS;!AMFBr4?X_{MRRWjILcmC{laQTB_X~
z;$4cQQYeh>wVgzx1X<xLxyvkWwMLXgua5XD90DHXOIrEgaGKAZPiAnAQ6!MDFLEs_
zG8mL6!mxYJMMaeXy$Z*9_WdXl>-~A8sn)7c`<%YB^UmC)COP3MC@LAh^b~x^ne<g5
zw_^<^Niq#NANJj2T=d7t=Txf_-+*g<sSngr$zAhS{WxJ4mG9ZGCJ?0PixVM8G7L^Y
z@@OG9X!&+6g=m_wV^gj<17h{@T565`hO;`0V`F@B=c_j~cXO}iva1r3I3ly9y*;#S
zozmCO)O4D?+Vd~_MSY3YTw*|pa_KWpvkg1DfT79BddSYyy(e5#G4(k#d;}1TsQ3*s
z-=B*Nh{EFHo82PH@k}iHm~TkSdqo3PTFZ%|bir~5sdrJQT#~>1hwpO@o^Rn5RfZn!
z)_X-7;-ZCG6IUF}2o)f(hP0804&GTeA)-8cI2-C(w_qMG3^KiB6JDt_(SAlo+9UdA
zQf6&*+M1>t;{>Ad_jkYaj;p@htBUaB%{dsUX|gOfZg#A$sloX;sxq<%j*siP9v^yd
z@6SY~=I7@xibN#-39uj_P-mSlRp1ySlPo4$LW@<(BVKH8QM18dtX1bezXAzB93fks
z0?EA}XIoZQD~bF*Jg#lTYe#1jrO~%mjR_?C+P&;*rt)wr4;RNL4zW`+2Md{E4Gj(V
z3gTYM^9qWIS!ej|>cw?M^abcJ^Ixm_jV3wOsTCQYF5hYL0ERk``$*ZSd5jI@XlxzD
zWQ~Izer>W|Sy|D1XL#+>?1fUFi`B)JnW>3bVC5BY?1q1rrK%?u)rYII2aSoPqcZ((
z4z`=ZIIaqVNI*x2ByR(5*2%1(FvlJ{tPiL!{8szLyCyi3p~JTGzjDJl@61;HSWkBP
z=H(5h8@C^c@0sg?@T><g&uYOz-QUot#g!Z#T!QrW_^*SRDTTo!{aH;uo0U?=y49E5
z-b7-KlZvpsrCTQ~gI*yi{&sXZ$?(U9(l3*v25C0*p*kg$k%>uWsPW^bGz=JqOf2LZ
zjk|A|kLT>${tA!*&S2i(n`b}9O@_&)pfZ{CR4)UwsqjLy%MMO*sWY@FoE6HqjUd|@
z9Pu}v7+!4?cb$J&VKf_6)^hK>v`9Pht=(^EDlvLlti4Ho(BnYHho(5xJvKtKiAI~_
zp@e(+Lnb*R@-um}RwO1aJ#=_}uld)JeC|ixSWd9mYnk0K^R6X9>EAU>F}~&De75)Q
z_Y$7>{YT4%lflP<&ofp>mm<>?V4BBA>jBMAxhneP?LkSLVs7gktCdTz9S`Ny9PD*m
zv+PYC)igm6Zmh%W+&Vah)5US`R-+V<_X>!r?|1Z>!&=DukJGMOfTnIWvM+{$+9bnx
zOq7IYFN=RN+kC0g^ft(f^u8G@q7w><+|yFT4_nv!FfUVMbdHO{dpSR^9+E-)Cy`J<
z;5*93y}(S7tu}g^zzOAUf&I$%75c(In*ZWMxt-Ics1^E!>W<+wk5lE6yVrs*DVhBO
zJt94ahlia8&Bo&(Z`OJTXd3F9L*^Y?AW0-uXV2X^Kk2Q`RV;QN-S1H;W`Fq$vZc2-
zB8EJ#6B#b#+K*@9i~yd|x{)W<BBqD!qd4G&D@x(GbqGMx4uw98TF4B@ND7H;wN_&C
zVTuMER*k}hM~jW9*NnI*meBFSU^;goUTxldO?Ihb%bEA8;{NQgw|p(+0yOJ2qStqI
zZB2Ai;VO|5Lv+B!EvFznJlc)H)xa<*rT3$AtfS5Lu%_MnLrPGvWp*Lk(8^#`_1*+o
zqyivtfU?t42QODo4G{sX9V(r&;ANt%N`7y>IyFf@f!3`%p4mO!mg<<s&Br*dqVhT<
zF85&Zld<s9qk7X+?*07^&~cGoSxISTsbz-vk!)P@D|_9<hXlni_6m4Cy&{Rxcz4Ok
z-WuxT7ZplE2P*H6O}tM;O)2<SUvO>f^Y{dF9~y{{Lqp}s(!cY9#U{(ah!$tyu>+gf
zW%9sx)QW)e+S+}VOb;JYun_Xf5TAx_N}u+AB{pyMVSC(yKSW$Eh%WiU!2Lmq?aSVp
z+L24{OA08s191l@qGgd})<$NFJQY7SE$J*K_z-0x3kcj~dcvqu`=?4`s-k*uy*oQQ
zotBQ+NfAl%BX764fNzH>$mSX2AV~Th?{9_}-x*!~XHh(=0q+Ek5|ij4uO!h)uFmu%
zbYXdbsOi5K7UT<X0xjlVIHzuw3(VDs^sFx^iJhwsM#@@~ZeK)bZhpYJZQo`u#D-Ix
z{}7^3hV=LqS=UfAQ1c!Q=JFl%Cj+^x)#ZC@z48Ye(hwS+j}M?Q&8G5lO+$Ts{R)~<
zlY66sOk(UieRu><g@qk<=eqhiyy$gYoYP%<fn)dWtiz!_YLMCgf*&sy%!!D`>_%Na
z*k-<3p0aP`3%POotJax{w@ow69xoZdcj$SMY<6_5&nxvNAQ5v@Q!R}@MhsdF61k<<
z!Y4DilE^>z_ow<oWY*9*0smCDFCi_*$NqwliShAUGg6RP=YiST?Bw+H+vlY=5K=d4
zsEc-=e}!rKzxL~DqlW=ImzS5{JghkPp7?p6ZDuTwQWw-89#G(C8bwbZ%x4kadO`WX
z6V5iSr(v@#nDLDJS5`3$Y1=*5mbxryXX>lm<*5a;;Fj52$B5;rroVKuesbp@&$43#
zeRiG&G)&g#Cle5_dTr(n5-IJv@R^;nb>v`sfpbWz1n}`#XAW<lV}5;L3*k=6Sh@ii
zuUQAg<iWZcp!)nJ-(ZgQxR0}ib>hum-2y7u2j@-sgtlX{r#S8Fo0>R$)w~DQbweHg
z06UiV>B>lv90_Pz%?l1k+1uO8S)E&FK#YA(3)lQ89(TtS?}c)gy;(*ACcVa+f;V`l
z``h6-og|1UM}}YJ%#7yl7B7C2j0bPH{Vos_MP~<4FUtJc%yS|o4v-S&t<Z}pRs@^>
zvkQt{N0+v>yes^hXNOasTVqU{YIbc=EYaFL(zh&2@_K$6edlyY5Un7vKGBZ?b;-e7
zue&%M#P-%FOx|p#7J`!DUwyZvGdY&6Gm<+=9N4vUwhZ0t3~zRYGoL!!8({OGzCIQ7
z!>>N-GjAr4(=ajij$@gQ9vZZ(ht=if@JeT9vCM)XKeiO5yrKH!+A1m1@SYO-y|N+G
zKe5rLlG>jNvNF4}+lEQ>v#->87A0%s&ppEr$865Y{}Ao5+m*U0W<0cYb;l&-wfZ#?
zNlfRKll`yG)r9q^!eea)wVb@Zd&1TR3@n`xjy6d;ZPl0mxaeDq_(E{>YvWIoA;A8%
z>d|~|P&eMs)qLz5b+dJFP?6tXy4Ga=+TQq!zbmeOG)H$@^}LzEO{9dhYkT%eW)IkQ
zI_)3yp7{6(`4%z2W=c?b|HY>G9-0MipC(_S7J+$Hnjb=W9uD!!#n~z(AZ+&7sgaMq
z1WZR$?2Y0lEUlJRT=0ZH@0SS179FX$!uLk#Y;BD{neEEDnr&I&p2ZXNjNnkBtq*Mp
z2?^f^2M1FenqZDOc1tm-v_6ZsiRsxcY#IwqB?bNxblRtlQ$&-1Oc|<A+1suH&8W8p
z`MZ6}Gxli<>%SEvz$@En;WOA+wLSl3oiYXvnJq8Kf3eglIRGWlUY`r^klBaN`tLMa
zLA7;sm@HGcX~RhXF55LyfwsEgUm3nCZQSB>Sw1zCVaX?bS*Cv#TV4{Xs}Hlaj|y3R
z6O;TxmfyuO|K9TV&~4f4uCV{i5$H^}!Jd#=pi=Si{dz^5>-;R9LJc*hqPrt1Rr*WH
zIIVn2VJBn3Yfk2%IcXlhrE@%|lR-@=h?;<%bSWaQZg4@PO=O?NV1xK8w7!WpkW1!%
zXNh<?mc^Ocm2BwK-fN-CJZ?qsDj@JP3H?RHwdW+~gjlc0JjTgT-u38_v}!JQa?-_!
z&Dq}ROxmKa%+|7jAB_BIn{HA-USZW$Mo#mu#8@hDIesn4?;Jf7qE?(<aaKsUH7Zr@
zuTysgB$+sAfh(%2-0Mzc>}PCiTUw14zI)Kh(Y)?OY5H27BFUPS@CEv7Cf2fUn)g6S
z1$F~ZhXNx<Y0mxbf|ZGEmV^k}EQ*~QcvCR;r!7K`bZwrli~=034n#KInDoO_rFDYr
za;v58H1U``LGK@ELD{L?t)s2|QdwEqu6n_zE}@vTO@&+>-*mTLIJ`^nD3GM^U-fSV
z12zZV5VnmJUr##FX7&C>@bteO3iX*j4E*J9JSt-Q7m_SfLI|8Ee$$KcExdp-hBQ0?
z+_acF2s8)*{XptV93AXB;P)T2oV;)!iqRkIxg&n&Fo^z|I$X(nJa45JvHwKl%&ldj
zf6Vre2-=hAKh?lTBwsWCQe$wb`nBMmioXeaY|2ac&ei8}0_3L7=$q+WV)haiI{220
zLkf3br5g)jmV6lS2PdnN(3^8Eb+DCLFTzDCzC*xZ3~NpJhQ-7oD0)h$a06(6>I(4=
zzMN#1dybcv_ft+z&TW({a`M6GGyHUHB`ncX6#fK9g?N?G#usnc$qA4N-T&BKRZ_h1
zJ8QRS{A&JC^nXRTYhk<Re;*2sQGFiH)vM1BH$Uwj>7d|gJh2o%)Gb2J!0k$w6aVTQ
z8(a9<kl{t5adpVu3hG;V?aVFrKzmWU?zycwA9-?0zb=#7cZA13ALho-;E{xCOpgxv
z{=q5k&xJ`JWE|b`h$WF2vLp<!pw$plD;_vQya9r@Z@YKY(03Dtw?&t#aSg>=0<ds)
z-i%sxhXpJcP|ls|Asy7Dkz|&14i1O^nmc(;PPM75Z1YaT`+aRWZ^DU~&jTqTtJK{E
zC={xnUqC<&xAVYB@H}W{9;A#?E<5%$Gy7iCMqYLXL^A?U*S|@-K7DGkdNgfZbN=1W
zQfwJK)2qS_Fe6QTMFF|h&D(6v%Re60p}5m_rp2BS0Gt0RDk=i+mm<-nn=L$k@S><*
zTlX|M<~6=Bd>UCKsbgc`b-?x>SM7yl3nfS3%P2i*l>`&+O#VWNPHYaoA0B>?bA|XA
zE_xJGVcp-vxcmS${=#bDuDEfHy8|9CpsK)5V-%Ill=cl^XIC80-y~f1idp4#b>mN~
zgSW1Rfj7Nzs1GM+^~dPw+Zghu^S+?{Us}h%Hn9Puhtjj_(_z0j94C~X-<I5VZW@UU
zFg7s2?SBeq(n<HQnR;!9X7~n?sCb=YyW&%7TEm(X)F_7W-Bx0?KP*S`%;sU^dsz&s
z%>?>?F1DSQIi!*9A1=_zOiN9LmsR`ObGN=cY#Y3v>%sNJrdpi?wAax3=TpJ4e?0~$
z)`uZKhHUsvtq0-QpAH@RJvrEGrCkWxJmkGyu^cYY^a_r_ecQVZXZR|nmI*QHA3cgJ
zVtrb><P+28WGP*cL9srBx7MvzHfSDPkWlqS$=I$lxfr<cDm}e#SpO|BsPHyc^lP78
zyvO!z?S{wG;<lCSNv#^yo);n;PZCFjMG7BzmY>0L4E5qG=|&IMTpU-4-UL5J1igG6
z@2w3U&nCuI9*Y#kvlD7Hoi~tu^mzwvV#Dg79D~lA3vw3|2Kx}*$(Ou%<)EH_i8G;o
z&#P0Fkr0|;!H7syn_Z1_z1sE%R0_reZA&IcOPg66=WzYv&C%-1XHT3JDHm%YQq_BC
z$Y4JHz&-ofMz6e=f$H*n*KSPcE#fO&glA52s?ZMXw0rIAdQ9K>g^(I_xomwLV0KJa
z^q$%(8GB0J9NI6X<4l?RewmH~(@^AC)z9zAhqeJ+VGyCZR{32U_v}G3@Q#%l8G({$
z(0#e(=Y@Xfpx^FkjP%U|hOuQOR8fomg)PxhBqCH<Gwv*BXoY+YDqvPT6Cig!o=TsT
zg@)Ax6JOj>aVFx66pQ=PjceH<J`Z^;gM`o|V3#cIuQ%wHYA;-pBdBG8x|C0(rqGM9
zJnn3>BOARsB)LU}CD4QLK)XeqRH|c9Vr^YwKl-z~B=I1H{9l8%^0V%!R?piK(NctI
zV1CiE;$VxtKK8_I4Q37fE4{)LR;7Pb6DrwxX4)8v2(t)CCBVYme8$y-EL(_P@5Y&f
zd`==E(WF~HV|p*!pW_5j<~pdROZ-U3e^O(*w|MdKnaaotWJ&E|Mrs$XC+XiV@Mi`p
zBG;H;UeiM!DGPHxWM@8CFxMj@x-9J>J1-qVg3duB?`!l+?@cyg7X`+itW+3A-hLUC
zDsd`}v3y|jr!3(;uMFGgY4{@lo@R|-x?V7>RZxG&dEd9b$nK7Hbdv{mqJfE#5t5;r
zmsw56WPiz{JeBGW8DZj5sK?57bJ^{hVK<YS4R0hsJl7`c<dcj}L_ylr%V4_!)(|K=
z%0tP%m{FlouaS}Vq0h4>=n#v=3Ml4&qE3plCqz3vk4aFt4?<8_c$=3ITI0@t6+4LC
z-5Yj~PBICRETC~3mK|SM8#UJ@ECbL5B8g&;j*-4WA8pU(`5%7hex?i6c4=;k)&eOx
zKiE1XWNvMG6k3$%4G9&VhJa475)m0=M<Emn5smcN%}+3BS6Mj@EGEB2OurV~fWE<x
zn>-@Mit{L(!pfwV)Xf(gSthAO9d1xu@~|xpI1s9AJ(*0`HR_-wwpxg6QrS&bk7t_Q
zq&^K(AQ#mlbKQt1i^7Vo{%H50qd^aiuXGp-osC-qt>}b+_w->Pu{w}|Ip#OAW>z+s
zQJxJYQbB3Jn8*-o(GRFW7BRKzHgGJDFh~}%hah1ibZ=P@`C^SuFTIYzdXEH&F1ttV
z(hB`cvSi@D|H@-`38L*A+FFD3nV+d({zTKx)o`~0KgYVJJaTq~V#i;kmnNpQaglD?
zB~CLO(VTqtr-<azg?4n_CSoyP5jPk$O}9GGEFNy!@UH*H;Rg8bk!@5u@FZZAeTJ~J
zpras}AZ5g7Fu|D_7$&MKF><5x$+&a+!4wDGoW<!{qTPV(oTF?OQbp#rMm3zvm4*%5
zZjAx2fMFsJB*#wJy?K`1#UyTq--cU}Y$ESEHmdF7+;jsb5@>c&$x%3VhHN^5P*Pr8
zd|FsIvmQeV+A2E-C(9ntX(fFkA#CPUTIUe(IW#x<uk<KFs?%T25_{dFTX+9CdebA^
ztZn@EdltI&Z;uOxf9*oThzaViA_AJ$-d#osT|+nQG2qZI9_=I|)`g5t1tF{nS|zF-
z>96cSJwt~ekyUuD?$riE?Q%;Z<>=_cOBnw?eU>>J5gBe7!Dnu1pu^YR<xBxx&O|8-
zAa}f}57W=GogU9#a~95y7g<Xx7|vz6T4_9Ex4(xASY`PCT*7o(2+7!?bo)UX@O%Q3
z9H>DthJw5o-St}9?w8u`l`R5F5Wlf=(81GGp*(T|0GZ@KkGQih&G)6^Y0n5rQ_aKJ
z2{U0YJ*sYsBO!>X`Bf9*NF!7ZYR=_g7;j?)MsGH_!1Dt`i`|WX4+aq}1u5}HYA;vk
z>*+^5sWI*;BT#YhXCg<s>D($cM_5H=BKwkr^xy=m&Kenm=G_{1cF21T|F?}B&V){y
z&JrjV{l!DHd&sZcu?E908S9otL<h8G)D`IgQQk-(P<8w_2dmcm6^B5P*Lzy>?o%9&
zNe$RsR?12gW|4V|AbVkNpbb+W(CfK50@GN<9f6m^V4{n(S0)@3h~nf=Q4bcB3sfXy
z#{L9xjMebU^d3!DSD`qpQ11u{u0a(X6y<?>Yrhgx-xl<fQ<Agvf+Ic@DPz|Jh*a_@
z30%OA5t!|XBI$JFh6jdqpoj9U4`t$RzTVRTKI2HcDz*L|f^r)uPEkp9RUaE}kNGaB
z>onZ1jk^-A+D5R6McJ&!Qv<ff=O6E`e-WpdLRD3vkB{@6uM*U*P~I;$OP|yP)D}5t
z7)+93o$Z{ceLM)7k1tGtV<ezKR4wh|%*0xgZ<{zJL9(^M+JVpg&1M9nLC+zJ3$29f
y(<UlAC!y~i=0~tWg3$f@4fMb6vQr<*{9ITB@l{p&;{SODpmbkVuK2FWv;PDC)c%_Q

literal 0
HcmV?d00001