react-native-klarna-inapp-sdk/lib/commonjs/KlarnaExpressCheckoutView.js

This library wraps Klarna Mobile SDK and exposes its functionality as React Native components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.KlarnaExpressCheckoutView = void 0;
var _react = _interopRequireWildcard(require("react"));
var _KlarnaExpressCheckoutViewNativeComponent = _interopRequireDefault(require("./specs/KlarnaExpressCheckoutViewNativeComponent"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const normalizeSessionData = sessionData => {
  if (sessionData !== null && sessionData !== void 0 && sessionData.trim()) {
    return sessionData;
  }
  return '';
};
class KlarnaExpressCheckoutView extends _react.Component {
  constructor(props) {
    super(props);
    this.state = {
      nativeViewHeight: 0
    };
    this.viewRef = /*#__PURE__*/_react.default.createRef();
  }
  render() {
    return /*#__PURE__*/_react.default.createElement(_KlarnaExpressCheckoutViewNativeComponent.default, {
      ref: this.viewRef
      /* eslint-disable-next-line react-native/no-inline-styles */,
      style: {
        width: '100%',
        height: this.state.nativeViewHeight > 0 ? this.state.nativeViewHeight : 48,
        ...this.props.style
      },
      sessionType: 'clientId' in this.props.sessionOptions ? 'clientId' : 'clientToken',
      clientId: 'clientId' in this.props.sessionOptions ? this.props.sessionOptions.clientId : '',
      clientToken: 'clientToken' in this.props.sessionOptions ? this.props.sessionOptions.clientToken : '',
      locale: this.props.locale,
      environment: this.props.environment,
      region: this.props.region,
      returnUrl: this.props.returnUrl,
      theme: this.props.theme ?? '',
      shape: this.props.shape ?? '',
      buttonStyle: this.props.buttonStyle ?? '',
      autoFinalize: this.props.autoFinalize ?? true,
      collectShippingAddress: this.props.collectShippingAddress ?? false,
      sessionData: normalizeSessionData(this.props.sessionData),
      onAuthorized: event => {
        var _this$props$onAuthori, _this$props;
        (_this$props$onAuthori = (_this$props = this.props).onAuthorized) === null || _this$props$onAuthori === void 0 || _this$props$onAuthori.call(_this$props, event.nativeEvent.authorizationResponse);
      },
      onError: event => {
        var _this$props$onError, _this$props2;
        const mobileSdkError = {
          isFatal: event.nativeEvent.error.isFatal,
          message: event.nativeEvent.error.message,
          name: event.nativeEvent.error.name
        };
        (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 || _this$props$onError.call(_this$props2, mobileSdkError);
      },
      onResized: event => {
        const newHeight = Number(event.nativeEvent.height);
        if (newHeight !== this.state.nativeViewHeight) {
          this.setState({
            nativeViewHeight: newHeight
          });
        }
      }
    });
  }
}
exports.KlarnaExpressCheckoutView = KlarnaExpressCheckoutView;
var _default = exports.default = KlarnaExpressCheckoutView;
//# sourceMappingURL=KlarnaExpressCheckoutView.js.map