connect-transfer-react-native-sdk/lib/commonjs/containers/LandingView/MAScrollableView.js

Connect Transfer React Native SDK for Mastercard Open Banking Connect

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _reactI18next = require("react-i18next");
var _MAAttributedText = _interopRequireDefault(require("../../components/MAAttributedText"));
var _MALandingViewStyles = require("./MALandingViewStyles");
var _lock = _interopRequireDefault(require("../../assets/lock.png"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const MAScrollableView = () => {
  const {
    t
  } = (0, _reactI18next.useTranslation)();
  const STEPS = [{
    number: '1',
    text: t('LandingPageInstructionFirstStepText')
  }, {
    number: '2',
    text: t('LandingPageInstructionSecondStepText')
  }, {
    number: '3',
    text: t('LandingPageInstructionThirdStepText')
  }];
  const STYLED_TEXT = [{
    text: t('FinicityMastercardCompanyText'),
    style: _MALandingViewStyles.MAScrollableViewStyle.boldText
  }, {
    text: t('Atomic'),
    style: _MALandingViewStyles.MAScrollableViewStyle.boldText
  }];
  const stepsSection = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: _MALandingViewStyles.MAScrollableViewStyle.stepsContainer,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: _MALandingViewStyles.MAScrollableViewStyle.headerText,
      children: `${t('LandingPageStepInstructionText')}:`
    }), STEPS.map(step => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
      style: _MALandingViewStyles.MAScrollableViewStyle.stepItem,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: _MALandingViewStyles.MAScrollableViewStyle.stepNumber,
        children: step.number
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
        style: _MALandingViewStyles.MAScrollableViewStyle.stepText,
        children: step.text
      })]
    }, step.number))]
  });
  const disclaimerSection = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: _MALandingViewStyles.MAScrollableViewStyle.disclaimerContainer,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
      source: _lock.default,
      style: _MALandingViewStyles.MAScrollableViewStyle.lock
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: _MALandingViewStyles.MAScrollableViewStyle.disclaimerText,
      children: t('FinicityPermissionText')
    })]
  });
  const directDepositInfo = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: _MALandingViewStyles.MAScrollableViewStyle.container,
    children: [stepsSection(), disclaimerSection()]
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
    bounces: false,
    style: _MALandingViewStyles.MAScrollableViewStyle.scrollView,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: _MALandingViewStyles.MAScrollableViewStyle.title,
      children: t('LandingPageTitle')
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MAAttributedText.default, {
      text: t('LandingPageSubtitle'),
      textStyle: _MALandingViewStyles.MAScrollableViewStyle.subtitle,
      styledTexts: STYLED_TEXT
    }), directDepositInfo()]
  });
};
var _default = exports.default = MAScrollableView;
//# sourceMappingURL=MAScrollableView.js.map