Experimental debugging

recurly · Jul 16, 2024 · 4506e11 · 4506e11
1 parent 82d82a1
commit 4506e11
Show file tree

Hide file tree

Showing 18 changed files with 7,802 additions and 5,428 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,7 +1,6 @@
 .DS_Store
 
 build
-lib-dist
 node_modules
 
 npm-debug.log
diff --git a/lib-dist/element/card-cvv.js b/lib-dist/element/card-cvv.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _element = _interopRequireDefault(require("./element"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var CardCvvElement = exports["default"] = /*#__PURE__*/function (_Element) {
+  function CardCvvElement() {
+    (0, _classCallCheck2["default"])(this, CardCvvElement);
+    return _callSuper(this, CardCvvElement, arguments);
+  }
+  (0, _inherits2["default"])(CardCvvElement, _Element);
+  return (0, _createClass2["default"])(CardCvvElement);
+}(_element["default"]);
+(0, _defineProperty2["default"])(CardCvvElement, "elementClassName", 'CardCvvElement');
+;
diff --git a/lib-dist/element/card-month.js b/lib-dist/element/card-month.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _element = _interopRequireDefault(require("./element"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var CardMonthElement = exports["default"] = /*#__PURE__*/function (_Element) {
+  function CardMonthElement() {
+    (0, _classCallCheck2["default"])(this, CardMonthElement);
+    return _callSuper(this, CardMonthElement, arguments);
+  }
+  (0, _inherits2["default"])(CardMonthElement, _Element);
+  return (0, _createClass2["default"])(CardMonthElement);
+}(_element["default"]);
+(0, _defineProperty2["default"])(CardMonthElement, "elementClassName", 'CardMonthElement');
+;
diff --git a/lib-dist/element/card-number.js b/lib-dist/element/card-number.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _element = _interopRequireDefault(require("./element"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var CardNumberElement = exports["default"] = /*#__PURE__*/function (_Element) {
+  function CardNumberElement() {
+    (0, _classCallCheck2["default"])(this, CardNumberElement);
+    return _callSuper(this, CardNumberElement, arguments);
+  }
+  (0, _inherits2["default"])(CardNumberElement, _Element);
+  return (0, _createClass2["default"])(CardNumberElement);
+}(_element["default"]);
+(0, _defineProperty2["default"])(CardNumberElement, "elementClassName", 'CardNumberElement');
+;
diff --git a/lib-dist/element/card-year.js b/lib-dist/element/card-year.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _element = _interopRequireDefault(require("./element"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var CardYearElement = exports["default"] = /*#__PURE__*/function (_Element) {
+  function CardYearElement() {
+    (0, _classCallCheck2["default"])(this, CardYearElement);
+    return _callSuper(this, CardYearElement, arguments);
+  }
+  (0, _inherits2["default"])(CardYearElement, _Element);
+  return (0, _createClass2["default"])(CardYearElement);
+}(_element["default"]);
+(0, _defineProperty2["default"])(CardYearElement, "elementClassName", 'CardYearElement');
+;
diff --git a/lib-dist/element/card.js b/lib-dist/element/card.js
@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _element = _interopRequireDefault(require("./element"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var CardElement = exports["default"] = /*#__PURE__*/function (_Element) {
+  function CardElement() {
+    (0, _classCallCheck2["default"])(this, CardElement);
+    return _callSuper(this, CardElement, arguments);
+  }
+  (0, _inherits2["default"])(CardElement, _Element);
+  return (0, _createClass2["default"])(CardElement);
+}(_element["default"]);
+(0, _defineProperty2["default"])(CardElement, "elementClassName", 'CardElement');
+;
diff --git a/lib-dist/element/element.js b/lib-dist/element/element.js
@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _elements = require("../elements");
+var _excluded = ["id", "className", "onChange", "onBlur", "onFocus", "onReady", "onSubmit"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var noop = function noop() {};
+var extractOptions = function extractOptions(props) {
+  var id = props.id,
+    className = props.className,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onReady = props.onReady,
+    onSubmit = props.onSubmit,
+    options = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return options;
+};
+
+/**
+ * An [Element](https://developers.recurly.com/reference/recurly-js/#elements)
+ * component which wraps its Recurly.js analogue, passing configuration props to the underlying
+ * Recurly.js Element and allowing event binding using props.
+ */
+var Element = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
+  function Element(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Element);
+    _this = _callSuper(this, Element, [props, context]);
+    (0, _defineProperty2["default"])(_this, "configureElement", (0, _memoizeOne["default"])(function (element, options) {
+      return element && Object.keys(options).length > 0 && element.configure(options);
+    }));
+    var elementClassName = _this.constructor.elementClassName;
+    if (!context || !context.elements) {
+      throw new Error("<".concat(elementClassName, "> must be within an <Elements> tree."));
+    }
+    _this._container = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+  (0, _inherits2["default"])(Element, _React$PureComponent);
+  return (0, _createClass2["default"])(Element, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var elementClassName = this.constructor.elementClassName;
+      var options = extractOptions(this.props);
+      var element = this._element = this.context.elements[elementClassName](options);
+      element.on('attach', function () {
+        var _this2$props;
+        return (_this2$props = _this2.props).onReady.apply(_this2$props, arguments);
+      });
+      element.on('change', function () {
+        var _this2$props2;
+        return (_this2$props2 = _this2.props).onChange.apply(_this2$props2, arguments);
+      });
+      element.on('blur', function () {
+        var _this2$props3;
+        return (_this2$props3 = _this2.props).onBlur.apply(_this2$props3, arguments);
+      });
+      element.on('focus', function () {
+        var _this2$props4;
+        return (_this2$props4 = _this2.props).onFocus.apply(_this2$props4, arguments);
+      });
+      element.on('submit', function () {
+        var _this2$props5;
+        return (_this2$props5 = _this2.props).onSubmit.apply(_this2$props5, arguments);
+      });
+      this._element.attach(this._container.current);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this._element.destroy();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var element = this._element,
+        props = this.props;
+      this.configureElement(element, extractOptions(props));
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        id: props.id,
+        className: props.className,
+        ref: this._container
+      });
+    }
+  }]);
+}(_react["default"].PureComponent);
+(0, _defineProperty2["default"])(Element, "propTypes", {
+  /**
+   * Applied to the container.
+   */
+  id: _propTypes["default"].string,
+  /**
+   * Applied to the container.
+   */
+  className: _propTypes["default"].string,
+  /**
+   * Called when the state of the Element changes.
+   */
+  onChange: _propTypes["default"].func,
+  /**
+   * Called when a user blurs from the Element.
+   */
+  onBlur: _propTypes["default"].func,
+  /**
+   * Called when a user focuses on the Element.
+   */
+  onFocus: _propTypes["default"].func,
+  /**
+   * Called when the Element has finished initializing.
+   */
+  onReady: _propTypes["default"].func,
+  /**
+   * Called when a user presses the <kbd>enter</kbd> key while focused on the Element.
+   */
+  onSubmit: _propTypes["default"].func,
+  /**
+   * Set style attributes for the Element.
+   * See [Styling Elements](https://developers.recurly.com/reference/recurly-js/#styling-elements)
+   * for available options.
+   */
+  style: _propTypes["default"].object,
+  /**
+   * [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+   * property to be applied to the outer iframe.
+   */
+  tabIndex: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(Element, "defaultProps", {
+  id: undefined,
+  className: undefined,
+  onChange: function onChange(state) {},
+  onBlur: noop,
+  onFocus: noop,
+  onReady: noop,
+  onSubmit: noop,
+  style: {},
+  tabIndex: undefined
+});
+(0, _defineProperty2["default"])(Element, "contextType", _elements.RecurlyElementsContext);
+;
diff --git a/lib-dist/element/index.js b/lib-dist/element/index.js
@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _element = _interopRequireDefault(require("./element"));
+var _default = exports["default"] = _element["default"];
diff --git a/lib-dist/elements.js b/lib-dist/elements.js
@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RecurlyElementsContext = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _provider = require("./provider");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var RecurlyElementsContext = exports.RecurlyElementsContext = /*#__PURE__*/_react["default"].createContext();
+var Provider = RecurlyElementsContext.Provider;
+var Elements = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function Elements(props, context) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Elements);
+    _this = _callSuper(this, Elements, [props, context]);
+    if (!context || !context.recurly) {
+      throw new Error('<Elements> must be within a <RecurlyProvider> tree.');
+    }
+    _this._elements = _this.context.recurly.Elements();
+    _this._elements.on('submit', function (el) {
+      return _this.props.onSubmit(el);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Elements, _React$Component);
+  return (0, _createClass2["default"])(Elements, [{
+    key: "render",
+    value: function render() {
+      var elements = this._elements;
+      return /*#__PURE__*/_react["default"].createElement(Provider, {
+        value: {
+          elements: elements
+        }
+      }, this.props.children);
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Elements, "propTypes", {
+  /**
+   * Called when a user presses the <kbd>enter</kbd> key while
+   * focused on any descendant `*Element`.
+   */
+  onSubmit: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(Elements, "defaultProps", {
+  onSubmit: function onSubmit() {}
+});
+(0, _defineProperty2["default"])(Elements, "contextType", _provider.RecurlyContext);
+;