@stokr/components-library
Version:
STOKR - Components Library
78 lines (75 loc) • 5.84 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.TermsModal = void 0;
var _react = _interopRequireDefault(require("react"));
var _formik = require("formik");
var Yup = _interopRequireWildcard(require("yup"));
var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
var _Modal = require("../Modal/Modal");
var _Grid = require("../Grid/Grid.styles");
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _styles = require("./_styles");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
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); }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
const StyledPrivacyText = _styledComponents.default.div.withConfig({
displayName: "TermsModal__StyledPrivacyText",
componentId: "sc-1x5p4y6-0"
})(["&&{width:100%;p{color:", ";font-size:16px;line-height:1.5;font-weight:300;margin:0;padding-bottom:10px;font-style:normal;font-stretch:normal;letter-spacing:0.6px;}a{text-decoration:none;color:", ";font-weight:300;word-break:break-all !important;}h4{font-size:17.2px !important;font-weight:700 !important;line-height:1.28571em;letter-spacing:normal;position:relative;margin-top:29px;margin-bottom:16px;}table{border-collapse:collapse;margin:32px 0;font-size:16px;tr{td:first-child{width:", ";text-align:center;}td:last-child{width:", ";}}td,th{border:1px solid #2e2e2e;padding:10px;li{margin-bottom:0;}}}ul{list-style-type:disclosure-closed;list-style:none;margin:0;padding:0;}li{padding:0 0 0 32px;color:", ";font-size:0.75rem;letter-spacing:normal;line-height:1.31rem;font-weight:200;margin-bottom:16px;position:relative;font-size:16px !important;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5 !important;letter-spacing:0.6px;a{word-break:break-all !important;}&:before{content:'';position:absolute;width:10px;height:10px;background:#0050ca;border-radius:100px;left:0;top:3px;margin-top:0.4rem;}}}"], _theme.default.cBlack, _theme.default.cBlack, props => props.thirdParties ? '30%' : '40%', props => props.thirdParties ? '70%' : '60%', _theme.default.cBlack);
class TermsModal extends _react.default.Component {
constructor() {
super(...arguments);
_defineProperty(this, "state", {
popupOpen: false
});
_defineProperty(this, "validationSchema", Yup.object().shape({
termsAccepted: Yup.bool().test('termsAccepted', 'Agreement is required', value => value === true).required('Agreement is required')
}));
_defineProperty(this, "handlePopup", (isOpen, values) => {
const buttonDisabled = !values.termsAccepted;
this.setState({
popupOpen: buttonDisabled ? isOpen : false
});
});
}
render() {
const {
isModalOpen,
onModalClose,
onFormSend,
onModalSwitch,
termsData
} = this.props;
// const { popupOpen } = this.state
return /*#__PURE__*/_react.default.createElement(_formik.Formik, {
onSubmit: onFormSend,
validationSchema: this.validationSchema,
render: props => {
// const { values, errors } = props
// const buttonDisabled = !values.termsAccepted
return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
isOpen: isModalOpen,
onClose: onModalClose
}, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, null, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
noPadding: true,
isMobile: true
}, /*#__PURE__*/_react.default.createElement(_Modal.ModalBack, {
onClick: onModalSwitch
}), /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, null, "STOKR PRIVACY TERMS")), /*#__PURE__*/_react.default.createElement(_styles.Body, {
noHorizontalPadding: true
}, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingVertical: true
}, /*#__PURE__*/_react.default.createElement(StyledPrivacyText, null, termsData && (0, _htmlReactParser.default)(termsData.text))))))))));
}
});
}
}
exports.TermsModal = TermsModal;
var _default = exports.default = TermsModal;