.
card.mount("#" + inlineElementId);
card.addEventListener('change', function (event) {
_this6.toggleStripeInlineCardError(event.error);
});
this.stripeCard = card;
this.$form.on('fluentform_submission_success', function () {
card.clear();
});
this.$form.on('fluentform_submission_failed', function () {
_this6.stripeCard.update({
disabled: false
});
});
this.registerStripePaymentToken(inlineElementId);
// Listener for update stripe input element styles.
var that = this;
this.$form.on('fluentform_update_stripe_inline_element_style', function (event, styles) {
that.handleStripeStyleUpdate(styles, customStyles);
});
// get custom inline styles from stripe inline config and update stripe input element styles
var styles = ((_this$formPaymentConf = this.formPaymentConfig.stripe) === null || _this$formPaymentConf === void 0 || (_this$formPaymentConf = _this$formPaymentConf.inlineConfig) === null || _this$formPaymentConf === void 0 ? void 0 : _this$formPaymentConf.inline_styles) || false;
this.handleStripeStyleUpdate(styles, customStyles);
}
}
// method for parse string styles to JS Object styles
}, {
key: "getJsStylesFromStringStyle",
value: function getJsStylesFromStringStyle(styles) {
if (!styles) return null;
var styleObj = {};
styles = styles.split(';');
styles.forEach(function (style) {
if (style) {
style = style.split(':');
var key = style[0].trim();
if (key.includes('-')) {
key = key.split('-');
key = key[0] + key[1][0].toUpperCase() + key[1].slice(1);
}
styleObj[key] = style[1].trim();
}
});
return styleObj;
}
// handler for customize stripe input element styles
}, {
key: "handleStripeStyleUpdate",
value: function handleStripeStyleUpdate(styles, defaultStyle) {
if (styles) {
var that = this;
// JS Styles object
var stylesObj = {
error_msg: that.getJsStylesFromStringStyle(styles.error_msg),
input: that.getJsStylesFromStringStyle(styles.input),
focusInput: that.getJsStylesFromStringStyle(styles.focusInput),
placeholder: that.getJsStylesFromStringStyle(styles.placeholder)
};
var style = _objectSpread({}, defaultStyle);
// css style property not supported for stripe input element in jsStyle format
var notSupportedByStripe = ['boxShadow', 'border', 'borderStyle', 'borderWidth', 'borderColor', 'borderRadius'];
if (stylesObj.input) {
for (var property in stylesObj.input) {
if (!defaultStyle.base[property]) {
// delete style property from original styleObj that's not support by stripe
if (notSupportedByStripe.includes(property)) {
delete stylesObj.input[property];
}
}
}
style.base = _objectSpread(_objectSpread({}, style.base), stylesObj.input);
}
if (stylesObj.placeholder) {
// handle placeholder styles
style.base["::placeholder"] = _objectSpread(_objectSpread({}, style.base['::placeholder']), stylesObj.placeholder);
}
if (stylesObj.focusInput) {
// handle input focus styles
for (var _property in stylesObj.focusInput) {
// delete style property from original styleObj that's not support by stripe
if (notSupportedByStripe.includes(_property)) {
delete stylesObj.focusInput[_property];
}
}
style.base[":focus"] = _objectSpread(_objectSpread({}, style.base[':focus']), stylesObj.focusInput);
}
if (stylesObj.error_msg) {
// handle input error styles
style.invalid = _objectSpread(_objectSpread({}, style.invalid), stylesObj.error_msg);
jQuery('.ff_card-errors').css(style.invalid); // update inline error message styles
}
// Update stripe input element styles on iframe. Stripe render input element inside iframe
this.stripeCard.update({
style: style
});
}
}
}, {
key: "initPaymentMethodChange",
value: function initPaymentMethodChange() {
var _this7 = this;
var $paymentMethods = this.$form.find('.ff_payment_method');
if ($paymentMethods.length > 1) {
this.paymentMethod = $paymentMethods.filter(function (i, e) {
return e.checked;
}).val();
} else {
this.paymentMethod = $paymentMethods.val();
}
if ($paymentMethods.length > 1) {
$paymentMethods.change(function (event) {
_this7.paymentMethod = event.target.value;
jQuery(event.target).closest('.ff-el-input--content').find('.ff_pay_inline').css({
display: 'none'
});
if (_this7.paymentMethod === 'stripe') {
jQuery(event.target).closest('.ff-el-input--content').find('.stripe-inline-wrapper').css({
display: 'block'
});
}
if (_this7.paymentMethod === 'square') {
jQuery(event.target).closest('.ff-el-input--content').find('.square-inline-wrapper').css({
display: 'block'
});
}
});
}
}
}, {
key: "registerStripePaymentToken",
value: function registerStripePaymentToken(inlineElementId) {
var that = this;
this.formInstance.addGlobalValidator('stripeInlinePayment', function ($theForm, formData) {
if (that.paymentMethod === 'stripe' && !that.hasPaymentItems) {
if (!jQuery('#' + inlineElementId).closest('.ff_excluded').length) {
that.formInstance.showFormSubmissionProgress($theForm);
jQuery('
', {
'id': that.formId + '_success',
'class': 'ff-message-success ff_msg_temp'
}).html(that.$t('processing_text')).insertAfter(that.$form);
that.toggleStripeInlineCardError();
var dfd = jQuery.Deferred();
that.stripe.createPaymentMethod('card', that.stripeCard).then(function (result) {
//that.formInstance.hideFormSubmissionProgress($theForm);
if (result.error) {
that.toggleStripeInlineCardError(result.error);
} else {
that.stripeCard.update({
disabled: true
});
that.formInstance.hideFormSubmissionProgress($theForm);
jQuery('
', {
'id': that.formId + '_success',
'class': 'ff-message-success ff_msg_temp'
}).html(that.$t('processing_text')).insertAfter(that.$form);
formData.data += '&' + jQuery.param({
'__stripe_payment_method_id': result.paymentMethod.id
});
dfd.resolve();
}
});
return dfd.promise();
}
}
});
}
}, {
key: "toggleStripeInlineCardError",
value: function toggleStripeInlineCardError(error) {
var _this8 = this;
var $errorDiv = this.$form.find('.ff_card-errors');
if (error) {
$errorDiv.html(error.message);
$errorDiv.closest('.stripe-inline-wrapper').addClass('ff-el-is-error');
this.formInstance.hideFormSubmissionProgress(this.$form);
this.stripeCard.update({
disabled: false
});
} else {
$errorDiv.html('');
$errorDiv.closest('.stripe-inline-wrapper').removeClass('ff-el-is-error');
}
setTimeout(function () {
_this8.maybeRemoveSubmitError();
}, 500);
}
}, {
key: "stripeSetupIntent",
value: function stripeSetupIntent(data) {
var _this9 = this;
this.stripe.confirmCardPayment(data.client_secret, {
payment_method: data.payment_method_id
}).then(function (result) {
if (result.error) {
_this9.toggleStripeInlineCardError(result.error);
} else {
_this9.handleStripePaymentConfirm({
action: 'fluentform_sca_inline_confirm_payment_setup_intents',
form_id: _this9.formId,
payment_method: result.paymentIntent.payment_method,
payemnt_method_id: data.payemnt_method_id,
payment_intent_id: result.paymentIntent.id,
submission_id: data.submission_id,
stripe_subscription_id: data.stripe_subscription_id,
type: 'handleCardSetup'
});
}
});
}
}, {
key: "initStripeSCAModal",
value: function initStripeSCAModal(data) {
var _this10 = this;
this.formInstance.showFormSubmissionProgress(this.$form);
this.stripe.handleCardAction(data.client_secret).then(function (result) {
if (result.error) {
_this10.formInstance.hideFormSubmissionProgress(_this10.$form);
_this10.toggleStripeInlineCardError(result.error);
} else {
_this10.handleStripePaymentConfirm({
action: 'fluentform_sca_inline_confirm_payment',
form_id: _this10.formId,
payment_method: result.paymentIntent.payment_method,
payment_intent_id: result.paymentIntent.id,
submission_id: data.submission_id,
type: 'handleCardAction'
});
}
});
}
}, {
key: "handleStripePaymentConfirm",
value: function handleStripePaymentConfirm(data) {
this.maybeRemoveSubmitError();
jQuery('
', {
'id': this.formId + '_success',
'class': 'ff-message-success ff_msg_temp'
}).html(this.$t('confirming_text')).insertAfter(this.$form);
this.formInstance.showFormSubmissionProgress(this.$form);
window.fluentFormApp(this.$form).sendData(this.$form, data);
}
}, {
key: "maybeRemoveSubmitError",
value: function maybeRemoveSubmitError() {
jQuery('#form_success').remove();
}
}]);
}();
(function ($) {
$.each($('form.fluentform_has_payment'), function () {
var $form = $(this);
$form.on('fluentform_init_single', function (event, instance) {
new Payment_handler($form, instance).init();
});
});
$(document).on('ff_reinit', function (e, formItem) {
var $form = $(formItem);
$form.attr('data-ff_reinit', 'yes');
var instance = fluentFormApp($form);
if (!instance) {
return false;
}
new Payment_handler($form, instance).init();
});
})(jQuery);
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
/*!**************************************************!*\
!*** ./src/assets/public/payment_handler_pro.js ***!
\**************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _fluentform_public_payment_handler_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @fluentform/public/payment_handler.js */ "../fluentform/resources/assets/public/payment_handler.js");
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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); }
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
var Payment_handler_pro = /*#__PURE__*/function (_Payment_handler) {
function Payment_handler_pro($form, instance) {
_classCallCheck(this, Payment_handler_pro);
return _callSuper(this, Payment_handler_pro, [$form, instance]);
}
_inherits(Payment_handler_pro, _Payment_handler);
return _createClass(Payment_handler_pro, [{
key: "init",
value: function init() {
this.boot();
this.initSquareElement();
}
}, {
key: "initSquareElement",
value: function initSquareElement() {
var _this = this;
if (this.$form.hasClass("ff_has_square_inline")) {
var inlineElementId = this.$form.find(".ff_square_card_element").attr("id");
if (!inlineElementId) {
console.error("No Square Card Element Found");
return;
}
if (!window.Square) {
throw new Error("Square.js failed to load properly");
}
var applicationId = this.formPaymentConfig.square.inline_config.settings.application_id;
var locationId = this.formPaymentConfig.square.inline_config.settings.location_id;
if (!applicationId) {
console.error("Please set application ID from global settings.");
return;
}
try {
this.square = window.Square.payments(applicationId, locationId);
} catch (error) {
console.error("Error initializing Square payments:", error);
var statusContainer = document.getElementById(inlineElementId);
statusContainer.className = "missing-credentials";
statusContainer.style.visibility = "visible";
return;
}
var card;
try {
card = this.square.card();
card.then(function (cardInstance) {
cardInstance.attach("#" + inlineElementId);
_this.squareCard = cardInstance;
_this.$form.on("fluentform_submission_success", function () {
cardInstance.clear();
});
_this.$form.on("fluentform_submission_failed", function () {
cardInstance.clear();
});
_this.registerSquarePaymentToken(inlineElementId);
});
} catch (error) {
console.error("Initializing Card failed", error);
return;
}
}
}
}, {
key: "registerSquarePaymentToken",
value: function registerSquarePaymentToken(inlineElementId) {
var that = this;
this.formInstance.addGlobalValidator("squareInlinePayment", function ($theForm, formData) {
if (that.paymentMethod === "square" && !that.hasPaymentItems) {
if (!jQuery("#" + inlineElementId).closest(".ff_excluded").length) {
that.formInstance.showFormSubmissionProgress($theForm);
jQuery("
", {
id: that.formId + "_success",
"class": "ff-message-success ff_msg_temp"
}).html(that.$t("processing_text")).insertAfter(that.$form);
that.toggleSquareInlineCardError();
var dfd = jQuery.Deferred();
// Tokenize the card
that.squareCard.tokenize().then(function (result) {
if (result.status !== "OK") {
that.toggleSquareInlineCardError(result.errors[0]);
that.formInstance.hideFormSubmissionProgress($theForm);
dfd.reject();
} else {
var token = result.token;
var verificationDetails = {
amount: that.totalAmount.toString(),
currencyCode: that.formPaymentConfig.currency_settings.currency,
intent: "CHARGE",
billingContact: {}
};
// Verify buyer
that.square.verifyBuyer(token, verificationDetails).then(function (verificationResult) {
console.log(verificationResult);
if (verificationResult.token) {
formData.data += "&" + jQuery.param({
__square_payment_method_id: token,
__square_verify_buyer_id: verificationResult.token
});
dfd.resolve();
} else {
throw new Error('Buyer verification failed');
}
})["catch"](function (error) {
that.toggleSquareInlineCardError(error);
that.formInstance.hideFormSubmissionProgress($theForm);
dfd.reject();
});
}
})["catch"](function (error) {
that.toggleSquareInlineCardError(error);
that.formInstance.hideFormSubmissionProgress($theForm);
dfd.reject();
});
return dfd.promise();
}
}
});
}
}, {
key: "toggleSquareInlineCardError",
value: function toggleSquareInlineCardError(error) {
var _this2 = this;
var $errorDiv = this.$form.find(".ff_card-errors");
if (error) {
$errorDiv.html(error.message);
$errorDiv.closest(".square-inline-wrapper").addClass("ff-el-is-error");
this.formInstance.hideFormSubmissionProgress(this.$form);
} else {
$errorDiv.html("");
$errorDiv.closest(".square-inline-wrapper").removeClass("ff-el-is-error");
}
setTimeout(function () {
_this2.maybeRemoveSubmitError();
}, 500);
}
}]);
}(_fluentform_public_payment_handler_js__WEBPACK_IMPORTED_MODULE_0__.Payment_handler);
(function ($) {
$.each($('form.fluentform_has_payment'), function () {
var $form = $(this);
$form.on('fluentform_init_single', function (event, instance) {
new Payment_handler_pro($form, instance).init();
});
});
$(document).on('ff_reinit', function (e, formItem) {
var $form = $(formItem);
$form.attr('data-ff_reinit', 'yes');
var instance = fluentFormApp($form);
if (!instance) {
return false;
}
new Payment_handler_pro($form, instance).init();
});
})(jQuery);
/******/ })()
;