fix: preferences payment issue

Author: dedywahyudi

src/shared/components/Settings/Preferences/List/Item/index.jsx

@@ -38,7 +38,7 @@ export default function Item({
         </div>
         {
           !isSubscribeForm ? (
-            <a href={link} styleName="link-btn"><span>{ linkTitle }</span></a>
+            <a href={link} target="_blank" rel="noopener noreferrer" styleName="link-btn"><span>{ linkTitle }</span></a>
           ) : (
             <form action="https://topcoder.us13.list-manage.com/subscribe/post?u=65bd5a1857b73643aad556093&amp;id=28bfd3c062" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" noValidate>
               <input type="email" value={email} readOnly name="EMAIL" id="mce-EMAIL" />

src/shared/components/Settings/Preferences/index.jsx

@@ -59,12 +59,14 @@ export default class Preferences extends React.Component {
   render() {
     const { profile: { email }, isSaving } = this.props;
     const { onboardingChecklistTrait } = this.state;
-
-    const traitData = onboardingChecklistTrait.traits.data[0];
     let paymentSetupCompleted = false;
-    if (_.has(traitData, 'user_payment_method')) {
-      paymentSetupCompleted = !_.isEmpty(traitData.user_payment_method.payment_method)
-        && traitData.user_payment_method.status === 'completed';
+
+    if (onboardingChecklistTrait.traits && onboardingChecklistTrait.traits.data.length > 0) {
+      const traitData = onboardingChecklistTrait.traits.data[0];
+      if (_.has(traitData, 'user_payment_method')) {
+        paymentSetupCompleted = !_.isEmpty(traitData.user_payment_method.payment_method)
+          && traitData.user_payment_method.status === 'completed';
+      }
     }
 
     const saveBtn = (