Fix/xlm airdrop copy

config/mocks/wallet-options-v4.json

@@ -181,6 +181,7 @@
             "circle": "xlm-circle-filled",
             "circleFilled": "xlm-circle-filled"
           },
+          "learnMoreLink": "https://support.blockchain.com/hc/en-us/articles/360019105171-What-is-Stellar-",
           "minConfirmations": 1,
           "txExplorerBaseUrl": "https://stellarchain.io/tx",
           "txListAppRoute": "/xlm/transactions"

packages/blockchain-info-components/src/Images/Images.js

@@ -39,6 +39,7 @@ import getFreeCrypto from './img/get-free-crypto.png'
 import getFreeCrypto2 from './img/get-free-crypto@2x.png'
 import getFreeCrypto3 from './img/get-free-crypto@3x.png'
 import goldApproved from './img/gold-approved.svg'
+import goldVerified from './img/gold-verified.svg'
 import googleAuthenticator from './img/google-authenticator.png'
 import googlePlayBadge from './img/google-play-badge.svg'
 import halfBitcoin from './img/half-bitcoin.svg'
@@ -153,6 +154,7 @@ export default {
   'get-free-crypto2': getFreeCrypto2,
   'get-free-crypto3': getFreeCrypto3,
   'gold-approved': goldApproved,
+  'gold-verified': goldVerified,
   'google-authenticator': googleAuthenticator,
   'google-play-badge': googlePlayBadge,
   'half-bitcoin': halfBitcoin,

packages/blockchain-info-components/src/Modals/Modal.js

@@ -45,6 +45,8 @@ const selectWidth = size => {
   switch (size) {
     case 'auto':
       return 'auto'
+    case 'xsmall':
+      return '320px'
     case 'small':
       return '400px'
     case 'medium':

packages/blockchain-wallet-v4-frontend/src/components/IdentityVerification/TierCard/__snapshots__/index.spec.js.snap

@@ -39,7 +39,7 @@ exports[`TierCard renders correctly with column view 1`] = `
             opacity={1}
             size="32px"
             uppercase={false}
-            weight={400}
+            weight={600}
           >
             $25,000
           </Text>
@@ -57,7 +57,7 @@ exports[`TierCard renders correctly with column view 1`] = `
               }
             }
             uppercase={false}
-            weight={400}
+            weight={500}
           >
             <Text
               altFont={false}
@@ -91,7 +91,7 @@ exports[`TierCard renders correctly with column view 1`] = `
               }
             }
             uppercase={false}
-            weight={400}
+            weight={500}
           >
             <FormattedMessage
               defaultMessage="Takes {time} min"
@@ -264,7 +264,7 @@ exports[`TierCard renders null w/o showBanner 1`] = `
             opacity={1}
             size="32px"
             uppercase={false}
-            weight={400}
+            weight={600}
           >
             $1,000
           </Text>
@@ -282,7 +282,7 @@ exports[`TierCard renders null w/o showBanner 1`] = `
               }
             }
             uppercase={false}
-            weight={400}
+            weight={500}
           >
             <Text
               altFont={false}
@@ -316,7 +316,7 @@ exports[`TierCard renders null w/o showBanner 1`] = `
               }
             }
             uppercase={false}
-            weight={400}
+            weight={500}
           >
             <FormattedMessage
               defaultMessage="Takes {time} min"

packages/blockchain-wallet-v4-frontend/src/components/IdentityVerification/TierCard/index.js

@@ -113,7 +113,7 @@ export const TierCard = ({
   goToSwap
 }) => {
   const tierData = head(userTiers.filter(propEq('index', tier)))
-  const symbol =
+  const tierFiatLimit =
     Exchange.getSymbol(tierData.limits.currency) +
     Currency.formatFiat(
       tierData.limits[toLower(path([tier, 'limit'], TIERS))],
@@ -146,13 +146,23 @@ export const TierCard = ({
         <Content>
           <Row>
             <Column>
-              <Text size='32px' color='marketing-secondary'>
-                {symbol}
+              <Text size='32px' weight={600} color='marketing-secondary'>
+                {tierFiatLimit}
               </Text>
-              <Text size='14px' color='textBlack' style={{ marginTop: '8px' }}>
+              <Text
+                size='14px'
+                weight={500}
+                color='textBlack'
+                style={{ marginTop: '8px' }}
+              >
                 {tierLimit}
               </Text>
-              <Text size='14px' color='gray-3' style={{ marginTop: '7px' }}>
+              <Text
+                size='14px'
+                weight={500}
+                color='gray-3'
+                style={{ marginTop: '7px' }}
+              >
                 {tierStatus}
               </Text>
             </Column>

packages/blockchain-wallet-v4-frontend/src/components/TransactionListItem/__snapshots__/index.spec.js.snap

@@ -65,7 +65,6 @@ exports[`ListItemContainer renders correctly 1`] = `
     preferencesActions={
       Object {
         "hideAirdropClaimModal": [Function],
-        "hideAirdropReminderModal": [Function],
         "hideKycCompleted": [Function],
         "hideKycGetStarted": [Function],
         "hideSwapBanner": [Function],

packages/blockchain-wallet-v4-frontend/src/data/auth/sagas.js

@@ -79,7 +79,6 @@ export default ({ api, coreSagas }) => {
 
   const saveGoals = function * (firstLogin) {
     yield put(actions.goals.saveGoal('welcome', { firstLogin }))
-    yield put(actions.goals.saveGoal('airdropReminder'))
     yield put(actions.goals.saveGoal('coinifyUpgrade'))
     yield put(actions.goals.saveGoal('upgradeForAirdrop'))
     yield put(actions.goals.saveGoal('swapUpgrade'))

packages/blockchain-wallet-v4-frontend/src/data/components/onboarding/actions.js

@@ -5,11 +5,6 @@ export const airdropClaimSubmitClicked = campaign => ({
   payload: { campaign }
 })
 
-export const airdropReminderSubmitClicked = campaign => ({
-  type: AT.AIRDROP_REMINDER_SUBMIT_CLICKED,
-  payload: { campaign }
-})
-
 export const swapGetStartedSubmitClicked = () => ({
   type: AT.SWAP_GET_STARTED_SUBMIT_CLICKED
 })

packages/blockchain-wallet-v4-frontend/src/data/components/onboarding/sagaRegister.js

@@ -14,10 +14,6 @@ export default () => {
       AT.AIRDROP_CLAIM_SUBMIT_CLICKED,
       onboardingSagas.airdropClaimSubmitClicked
     )
-    yield takeLatest(
-      AT.AIRDROP_REMINDER_SUBMIT_CLICKED,
-      onboardingSagas.airdropReminderSubmitClicked
-    )
     yield takeLatest(
       AT.UPGRADE_FOR_AIRDROP_SUBMIT_CLICKED,
       onboardingSagas.upgradeForAirdropSubmitClicked

packages/blockchain-wallet-v4-frontend/src/data/components/onboarding/sagas.js

@@ -21,27 +21,7 @@ export default () => {
       yield put(
         actions.logs.logErrorMessage(
           logLocation,
-          'airdropReminderSubmitClicked',
-          e
-        )
-      )
-    }
-  }
-
-  const airdropReminderSubmitClicked = function * ({ payload }) {
-    const { campaign } = payload
-    try {
-      yield put(actions.preferences.hideAirdropReminderModal())
-      yield put(actions.modals.closeModal())
-      yield put(actions.modules.profile.setCampaign({ name: campaign }))
-      yield put(
-        actions.components.identityVerification.createRegisterUserCampaign()
-      )
-    } catch (e) {
-      yield put(
-        actions.logs.logErrorMessage(
-          logLocation,
-          'airdropReminderSubmitClicked',
+          'airdropClaimSubmitClicked',
           e
         )
       )
@@ -105,7 +85,6 @@ export default () => {
 
   return {
     airdropClaimSubmitClicked,
-    airdropReminderSubmitClicked,
     coinifyUpgradeSubmitClicked,
     swapGetStartedSubmitClicked,
     upgradeForAirdropSubmitClicked

packages/blockchain-wallet-v4-frontend/src/data/goals/sagas.js

@@ -197,25 +197,6 @@ export default ({ api }) => {
     }
   }
 
-  const runAirdropReminderGoal = function * (goal) {
-    const { id } = goal
-    yield put(actions.goals.deleteGoal(id))
-
-    const showAirdropReminderModal = yield select(
-      selectors.preferences.getShowAirdropReminderModal
-    )
-    if (!showAirdropReminderModal) return
-    yield call(waitForUserData)
-    const kycNotFinished = yield call(isKycNotFinished)
-    if (kycNotFinished) {
-      return yield put(
-        actions.goals.addInitialModal('airdropReminder', 'AirdropReminder', {
-          campaign: 'sunriver'
-        })
-      )
-    }
-  }
-
   const runUpgradeForAirdropGoal = function * (goal) {
     const { id } = goal
     yield put(actions.goals.deleteGoal(id))
@@ -391,7 +372,6 @@ export default ({ api }) => {
       payment,
       coinifyUpgrade,
       upgradeForAirdrop,
-      airdropReminder,
       swapGetStarted,
       swapUpgrade,
       airdropClaim,
@@ -422,11 +402,6 @@ export default ({ api }) => {
         actions.modals.showModal(upgradeForAirdrop.name, upgradeForAirdrop.data)
       )
     }
-    if (airdropReminder) {
-      return yield put(
-        actions.modals.showModal(airdropReminder.name, airdropReminder.data)
-      )
-    }
     if (swapGetStarted) {
       return yield put(
         actions.modals.showModal(swapGetStarted.name, swapGetStarted.data)
@@ -469,9 +444,6 @@ export default ({ api }) => {
         case 'upgradeForAirdrop':
           yield call(runUpgradeForAirdropGoal, goal)
           break
-        case 'airdropReminder':
-          yield call(runAirdropReminderGoal, goal)
-          break
         case 'kyc':
           yield call(runKycGoal, goal)
           break

packages/blockchain-wallet-v4-frontend/src/data/preferences/actions.js

@@ -22,9 +22,6 @@ export const hideSwapUpgradeModal = () => ({ type: AT.HIDE_SWAP_UPGRADE_MODAL })
 export const hideAirdropClaimModal = () => ({
   type: AT.HIDE_AIRDROP_CLAIM_MODAL
 })
-export const hideAirdropReminderModal = () => ({
-  type: AT.HIDE_AIRDROP_REMINDER_MODAL
-})
 export const hideUpgradeForAirdropModal = () => ({
   type: AT.HIDE_UPGRADE_FOR_AIRDROP_MODAL
 })

packages/blockchain-wallet-v4-frontend/src/data/preferences/reducers.js

@@ -7,7 +7,6 @@ const INITIAL_STATE = {
   culture: 'en-GB',
   theme: 'default',
   coinDisplayed: true,
-  showAirdropReminderModal: true,
   showKycCompleted: true,
   showBackupReminder: true,
   showKycGetStarted: true,
@@ -59,9 +58,6 @@ const preferences = (state = INITIAL_STATE, action) => {
     case AT.HIDE_AIRDROP_CLAIM_MODAL: {
       return assoc('showAirdropClaimModal', false, state)
     }
-    case AT.HIDE_AIRDROP_REMINDER_MODAL: {
-      return assoc('showAirdropReminderModal', false, state)
-    }
     case AT.HIDE_UPGRADE_FOR_AIRDROP_MODAL: {
       return assoc('showUpgradeForAirdropModal', false, state)
     }

packages/blockchain-wallet-v4-frontend/src/data/preferences/selectors.js

@@ -17,10 +17,6 @@ export const getShowAirdropClaimModal = path([
   'preferences',
   'showAirdropClaimModal'
 ])
-export const getShowAirdropReminderModal = path([
-  'preferences',
-  'showAirdropReminderModal'
-])
 export const getShowUpgradeForAirdropModal = path([
   'preferences',
   'showUpgradeForAirdropModal'

packages/blockchain-wallet-v4-frontend/src/modals/Exchange/IdentityVerification/Submitted/index.js

@@ -131,8 +131,8 @@ class Submitted extends React.PureComponent {
           </Header>
           <SubHeader>
             <FormattedMessage
-              id='modals.exchange.identityverification.submitted.subheader'
-              defaultMessage="You've successfully submitted your application. A Blockchain Support Member is now reviewing your information."
+              id='modals.exchange.identityverification.submitted.subheader2'
+              defaultMessage="You've successfully submitted your application. A Blockchain Support Member will review your information."
             />
           </SubHeader>
           <NextSteps>
@@ -144,8 +144,8 @@ class Submitted extends React.PureComponent {
             </NextStepsHeader>
             <NextStepsSubHeader>
               <FormattedHTMLMessage
-                id='modals.exchange.identityverification.submitted.mayaskforid'
-                defaultMessage="You'll hear back from us in the next <b>5 business days</b>. If something looks odd, we may have to ask you to upload another form of ID."
+                id='modals.exchange.identityverification.submitted.mayaskforid2'
+                defaultMessage="You'll hear back from us in the <b>next 5 business days</b>. If something looks odd, we may have to ask you to upload another form of ID."
               />
             </NextStepsSubHeader>
             <NextStepsSubHeader>
@@ -165,8 +165,8 @@ class Submitted extends React.PureComponent {
               <React.Fragment>
                 <Text color='black' size='20px'>
                   <FormattedMessage
-                    id='modals.exchange.identityverification.submitted.freecrypto'
-                    defaultMessage="Once your profile is successfully verified, we'll send you your free crypto. Don't forget to share the wealth with friends and family!"
+                    id='modals.exchange.identityverification.submitted.freecrypto2'
+                    defaultMessage="Don't forget to share this opportunity with friends and family!"
                   />
                 </Text>
                 <Footer>
@@ -234,15 +234,15 @@ class Submitted extends React.PureComponent {
                     <HeartbeatLoader height='20px' width='20px' color='white' />
                   ) : (
                     <FormattedMessage
-                      id='modals.exchange.identityverification.submitted.claim'
-                      defaultMessage='Claim Free XLM'
+                      id='modals.exchange.identityverification.submitted.enterairdrop'
+                      defaultMessage='Enter Airdrop Program'
                     />
                   )}
                 </ClaimButton>
                 <NextStepsSubHeader>
                   <FormattedMessage
-                    id='modals.exchange.identityverification.submitted.makesuretoclick'
-                    defaultMessage='Once your verification is successfully completed, we’ll send you free crypto. Make sure you click the button to claim your free XLM.'
+                    id='modals.exchange.identityverification.submitted.makesuretoclick2'
+                    defaultMessage='By entering the airdrop program you’ll become eligible to receive future airdrops.'
                   />
                 </NextStepsSubHeader>
               </React.Fragment>

packages/blockchain-wallet-v4-frontend/src/modals/Exchange/IdentityVerification/Verify/__snapshots__/template.lowflow.spec.js.snap

@@ -61,7 +61,43 @@ exports[`HighFlow should render correctly 1`] = `
               opacity={1}
               size="18px"
               uppercase={false}
+              weight={500}
+            >
+              <FormattedMessage
+                defaultMessage="Is my country supported?"
+                id="identityverification.verify.supportedcountries"
+                values={Object {}}
+              />
+            </Text>
+            <Text
+              altFont={false}
+              capitalize={false}
+              color="gray-5"
+              cursor="inherit"
+              italic={false}
+              opacity={1}
+              size="16px"
+              uppercase={false}
               weight={400}
+            >
+              <FormattedHTMLMessage
+                defaultMessage="Not all countries are supported at this time. Check our up to date <a href=\\"https://support.blockchain.com/hc/en-us/articles/360018751932\\" target=\\"_blank\\" rel=\\"noopener noreferrrer\\">list of countries</a> before proceeding."
+                id="identityverification.verify.supportecountrieslist"
+                values={Object {}}
+              />
+            </Text>
+          </ForwardRef>
+          <ForwardRef>
+            <Text
+              altFont={false}
+              capitalize={false}
+              color="gray-5"
+              cursor="inherit"
+              italic={false}
+              opacity={1}
+              size="18px"
+              uppercase={false}
+              weight={500}
             >
               <FormattedMessage
                 defaultMessage="How do I enable my camera and microphone?"