initial commit 2

7 files changed, 363 insertions, 0 deletions

diff --git a/addons/payment_stripe/static/description/icon.png b/addons/payment_stripe/static/description/icon.png
new file mode 100644
index 00000000..81bb12e9
--- /dev/null
+++ b/addons/payment_stripe/static/description/icon.png
diff --git a/addons/payment_stripe/static/description/icon.svg b/addons/payment_stripe/static/description/icon.svg
new file mode 100644
index 00000000..70572e64
--- /dev/null
+++ b/addons/payment_stripe/static/description/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="70"><defs><path id="a" d="M4 0h61c4 0 5 1 5 5v60c0 4-1 5-5 5H4c-3 0-4-1-4-5V5c0-4 1-5 4-5z"/><linearGradient id="c" x1="100%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#94B6C8"/><stop offset="100%" stop-color="#6A9EBA"/></linearGradient><path id="d" d="M19.25 46h2.714v1.212c0 .188.152.343.339.343h26.394a.342.342 0 0 0 .339-.343V37.5H32.5c.333-3.333-.165-5.5-1.494-6.5h18.03v-3.212a.342.342 0 0 0-.339-.343H29.765c.361-1.01.57-1.924.627-2.742h18.644c1.5 0 2.714 1.228 2.714 2.742v20.11c0 1.514-1.213 2.742-2.714 2.742H21.964c-1.5 0-2.714-1.228-2.714-2.742V46zm-3.79 9.642h-1.037V55h2.833v.642h-1.037v2.832h-.76v-2.832zM17.422 55h1.07l.809 2.389h.01L20.075 55h1.07v3.474h-.711v-2.462h-.01l-.847 2.462h-.586l-.848-2.438h-.01v2.438h-.711V55zm5.66-27.992c4.256 1.523 6.896 3.327 6.896 7.649 0 2.612-.901 4.633-2.64 6.001-1.553 1.244-3.852 1.897-6.616 1.897-3.48 0-6.834-1.057-8.635-2.084l.932-5.814c2.112 1.244 5.342 2.207 7.299 2.207 1.584 0 2.454-.59 2.454-1.616 0-1.058-.901-1.742-3.603-2.706-4.193-1.523-6.771-3.327-6.771-7.556 0-2.332.838-4.26 2.453-5.597 1.553-1.275 3.728-1.959 6.337-1.959 3.696 0 6.367 1.027 7.671 1.649l-.931 5.752c-1.647-.808-4.038-1.71-6.368-1.71-1.273 0-1.988.497-1.988 1.368 0 1.026 1.243 1.68 3.51 2.519z"/><path id="e" d="M19.25 44h2.714v1.212c0 .188.152.343.339.343h26.394a.342.342 0 0 0 .339-.343V35.5H32.5c.333-3.333-.165-5.5-1.494-6.5h18.03v-3.212a.342.342 0 0 0-.339-.343H29.765c.361-1.01.57-1.924.627-2.742h18.644c1.5 0 2.714 1.228 2.714 2.742v20.11c0 1.514-1.213 2.742-2.714 2.742H21.964c-1.5 0-2.714-1.228-2.714-2.742V44zm-3.79 9.642h-1.037V53h2.833v.642h-1.037v2.832h-.76v-2.832zM17.422 53h1.07l.809 2.389h.01L20.075 53h1.07v3.474h-.711v-2.462h-.01l-.847 2.462h-.586l-.848-2.438h-.01v2.438h-.711V53zm5.66-27.992c4.256 1.523 6.896 3.327 6.896 7.649 0 2.612-.901 4.633-2.64 6.001-1.553 1.244-3.852 1.897-6.616 1.897-3.48 0-6.834-1.057-8.635-2.084l.932-5.814c2.112 1.244 5.342 2.207 7.299 2.207 1.584 0 2.454-.59 2.454-1.616 0-1.058-.901-1.742-3.603-2.706-4.193-1.523-6.771-3.327-6.771-7.556 0-2.332.838-4.26 2.453-5.597 1.553-1.275 3.728-1.959 6.337-1.959 3.696 0 6.367 1.027 7.671 1.649l-.931 5.752c-1.647-.808-4.038-1.71-6.368-1.71-1.273 0-1.988.497-1.988 1.368 0 1.026 1.243 1.68 3.51 2.519z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M0 0H70V70H0z"/><path fill="#FFF" fill-opacity=".383" d="M4 1h61c2.667 0 4.333.667 5 2V0H0v3c.667-1.333 2-2 4-2z"/><path fill="#393939" d="M4 69c-2 0-4-1-4-4V33.916L14 17.5l13.818 5.203h9.432L48 23l3.576 1.968-.236 22.01L39.224 69H4z" opacity=".324"/><path fill="#000" fill-opacity=".383" d="M4 69h61c2.667 0 4.333-1 5-3v4H0v-4c.667 2 2 3 4 3z"/><use fill="#000" fill-rule="nonzero" opacity=".3" xlink:href="#d"/><use fill="#FFF" fill-rule="nonzero" xlink:href="#e"/></g></g></svg>
\ No newline at end of file
diff --git a/addons/payment_stripe/static/src/img/stripe_icon.png b/addons/payment_stripe/static/src/img/stripe_icon.png
new file mode 100644
index 00000000..79e4e3cb
--- /dev/null
+++ b/addons/payment_stripe/static/src/img/stripe_icon.png
diff --git a/addons/payment_stripe/static/src/js/payment_form.js b/addons/payment_stripe/static/src/js/payment_form.js
new file mode 100644
index 00000000..4a11e289
--- /dev/null
+++ b/addons/payment_stripe/static/src/js/payment_form.js
@@ -0,0 +1,212 @@
+odoo.define('payment_stripe.payment_form', function (require) {
+"use strict";
+
+var ajax = require('web.ajax');
+var core = require('web.core');
+var Dialog = require('web.Dialog');
+var PaymentForm = require('payment.payment_form');
+
+var qweb = core.qweb;
+var _t = core._t;
+
+ajax.loadXML('/payment_stripe/static/src/xml/stripe_templates.xml', qweb);
+
+PaymentForm.include({
+
+    willStart: function () {
+        return this._super.apply(this, arguments).then(function () {
+            return ajax.loadJS("https://js.stripe.com/v3/");
+        })
+    },
+
+    //--------------------------------------------------------------------------
+    // Private
+    //--------------------------------------------------------------------------
+
+     /**
+     * called to create payment method object for credit card/debit card.
+     *
+     * @private
+     * @param {Object} stripe
+     * @param {Object} formData
+     * @param {Object} card
+     * @param {Boolean} addPmEvent
+     * @returns {Promise}
+     */
+    _createPaymentMethod: function (stripe, formData, card, addPmEvent) {
+        if (addPmEvent) {
+            return this._rpc({
+                route: '/payment/stripe/s2s/create_setup_intent',
+                params: {'acquirer_id': formData.acquirer_id}
+            }).then(function(intent_secret) {
+                return stripe.handleCardSetup(intent_secret, card);
+            });
+        } else {
+            return stripe.createPaymentMethod({
+                type: 'card',
+                card: card,
+            });
+        }
+    },
+
+    /**
+     * called when clicking on pay now or add payment event to create token for credit card/debit card.
+     *
+     * @private
+     * @param {Event} ev
+     * @param {DOMElement} checkedRadio
+     * @param {Boolean} addPmEvent
+     */
+    _createStripeToken: function (ev, $checkedRadio, addPmEvent) {
+        var self = this;
+        if (ev.type === 'submit') {
+            var button = $(ev.target).find('*[type="submit"]')[0]
+        } else {
+            var button = ev.target;
+        }
+        this.disableButton(button);
+        var acquirerID = this.getAcquirerIdFromRadio($checkedRadio);
+        var acquirerForm = this.$('#o_payment_add_token_acq_' + acquirerID);
+        var inputsForm = $('input', acquirerForm);
+        if (this.options.partnerId === undefined) {
+            console.warn('payment_form: unset partner_id when adding new token; things could go wrong');
+        }
+
+        var formData = self.getFormData(inputsForm);
+        var stripe = this.stripe;
+        var card = this.stripe_card_element;
+        if (card._invalid) {
+            return;
+        }
+        this._createPaymentMethod(stripe, formData, card, addPmEvent).then(function(result) {
+            if (result.error) {
+                return Promise.reject({"message": {"data": { "arguments": [result.error.message]}}});
+            } else {
+                const paymentMethod = addPmEvent ? result.setupIntent.payment_method : result.paymentMethod.id;
+                _.extend(formData, {"payment_method": paymentMethod});
+                return self._rpc({
+                    route: formData.data_set,
+                    params: formData,
+                });
+            }
+        }).then(function(result) {
+            if (addPmEvent) {
+                if (formData.return_url) {
+                    window.location = formData.return_url;
+                } else {
+                    window.location.reload();
+                }
+            } else {
+                $checkedRadio.val(result.id);
+                self.el.submit();
+            }
+        }).guardedCatch(function (error) {
+            // We don't want to open the Error dialog since
+            // we already have a container displaying the error
+            if (error.event) {
+                error.event.preventDefault();
+            }
+            // if the rpc fails, pretty obvious
+            self.enableButton(button);
+            self.displayError(
+                _t('Unable to save card'),
+                _t("We are not able to add your payment method at the moment. ") +
+                    self._parseError(error)
+            );
+        });
+    },
+    /**
+     * called when clicking a Stripe radio if configured for s2s flow; instanciates the card and bind it to the widget.
+     *
+     * @private
+     * @param {DOMElement} checkedRadio
+     */
+    _bindStripeCard: function ($checkedRadio) {
+        var acquirerID = this.getAcquirerIdFromRadio($checkedRadio);
+        var acquirerForm = this.$('#o_payment_add_token_acq_' + acquirerID);
+        var inputsForm = $('input', acquirerForm);
+        var formData = this.getFormData(inputsForm);
+        var stripe = Stripe(formData.stripe_publishable_key);
+        var element = stripe.elements();
+        var card = element.create('card', {hidePostalCode: true});
+        card.mount('#card-element');
+        card.on('ready', function(ev) {
+            card.focus();
+        });
+        card.addEventListener('change', function (event) {
+            var displayError = document.getElementById('card-errors');
+            displayError.textContent = '';
+            if (event.error) {
+                displayError.textContent = event.error.message;
+            }
+        });
+        this.stripe = stripe;
+        this.stripe_card_element = card;
+    },
+    /**
+     * destroys the card element and any stripe instance linked to the widget.
+     *
+     * @private
+     */
+    _unbindStripeCard: function () {
+        if (this.stripe_card_element) {
+            this.stripe_card_element.destroy();
+        }
+        this.stripe = undefined;
+        this.stripe_card_element = undefined;
+    },
+    /**
+     * @override
+     */
+    updateNewPaymentDisplayStatus: function () {
+        var $checkedRadio = this.$('input[type="radio"]:checked');
+
+        if ($checkedRadio.length !== 1) {
+            return;
+        }
+        var provider = $checkedRadio.data('provider')
+        if (provider === 'stripe') {
+            // always re-init stripe (in case of multiple acquirers for stripe, make sure the stripe instance is using the right key)
+            this._unbindStripeCard();
+            if (this.isNewPaymentRadio($checkedRadio)) {
+                this._bindStripeCard($checkedRadio);
+            }
+        }
+        return this._super.apply(this, arguments);
+    },
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     * @override
+     */
+    payEvent: function (ev) {
+        ev.preventDefault();
+        var $checkedRadio = this.$('input[type="radio"]:checked');
+
+        // first we check that the user has selected a stripe as s2s payment method
+        if ($checkedRadio.length === 1 && this.isNewPaymentRadio($checkedRadio) && $checkedRadio.data('provider') === 'stripe') {
+            return this._createStripeToken(ev, $checkedRadio);
+        } else {
+            return this._super.apply(this, arguments);
+        }
+    },
+    /**
+     * @override
+     */
+    addPmEvent: function (ev) {
+        ev.stopPropagation();
+        ev.preventDefault();
+        var $checkedRadio = this.$('input[type="radio"]:checked');
+
+        // first we check that the user has selected a stripe as add payment method
+        if ($checkedRadio.length === 1 && this.isNewPaymentRadio($checkedRadio) && $checkedRadio.data('provider') === 'stripe') {
+            return this._createStripeToken(ev, $checkedRadio, true);
+        } else {
+            return this._super.apply(this, arguments);
+        }
+    },
+});
+});
diff --git a/addons/payment_stripe/static/src/js/payment_processing.js b/addons/payment_stripe/static/src/js/payment_processing.js
new file mode 100644
index 00000000..f98cd05a
--- /dev/null
+++ b/addons/payment_stripe/static/src/js/payment_processing.js
@@ -0,0 +1,48 @@
+odoo.define('payment_stripe.processing', function (require) {
+'use strict';
+
+var ajax = require('web.ajax');
+var rpc = require('web.rpc')
+var publicWidget = require('web.public.widget');
+
+var PaymentProcessing = publicWidget.registry.PaymentProcessing;
+
+return PaymentProcessing.include({
+    init: function () {
+        this._super.apply(this, arguments);
+        this._authInProgress = false;
+    },
+    willStart: function () {
+        return this._super.apply(this, arguments).then(function () {
+            return ajax.loadJS("https://js.stripe.com/v3/");
+        })
+    },
+    _stripeAuthenticate: function (tx) {
+        var stripe = Stripe(tx.stripe_publishable_key);
+        return stripe.handleCardPayment(tx.stripe_payment_intent_secret)
+        .then(function(result) {
+            if (result.error) {
+                return Promise.reject({"message": {"data": { "message": result.error.message}}});
+            }
+            return rpc.query({
+                route: '/payment/stripe/s2s/process_payment_intent',
+                params: _.extend({}, result.paymentIntent, {reference: tx.reference}),
+            });
+        }).then(function() {
+            window.location = '/payment/process';
+        }).guardedCatch(function () {
+            this._authInProgress = false;
+        });
+    },
+    processPolledData: function(transactions) {
+        this._super.apply(this, arguments);
+        for (var itx=0; itx < transactions.length; itx++) {
+            var tx = transactions[itx];
+            if (tx.acquirer_provider === 'stripe' && tx.state === 'pending' && tx.stripe_payment_intent_secret && !this._authInProgress) {
+                this._authInProgress = true;
+                this._stripeAuthenticate(tx);
+            }
+        }
+    },
+});
+});
\ No newline at end of file
diff --git a/addons/payment_stripe/static/src/js/stripe.js b/addons/payment_stripe/static/src/js/stripe.js
new file mode 100644
index 00000000..4868c9db
--- /dev/null
+++ b/addons/payment_stripe/static/src/js/stripe.js
@@ -0,0 +1,81 @@
+odoo.define('payment_stripe.stripe', function (require) {
+"use strict";
+
+var ajax = require('web.ajax');
+var core = require('web.core');
+
+var qweb = core.qweb;
+var _t = core._t;
+
+ajax.loadXML('/payment_stripe/static/src/xml/stripe_templates.xml', qweb);
+
+if ($.blockUI) {
+    // our message needs to appear above the modal dialog
+    $.blockUI.defaults.baseZ = 2147483647; //same z-index as StripeCheckout
+    $.blockUI.defaults.css.border = '0';
+    $.blockUI.defaults.css["background-color"] = '';
+    $.blockUI.defaults.overlayCSS["opacity"] = '0.9';
+}
+
+require('web.dom_ready');
+if (!$('.o_payment_form').length) {
+    return Promise.reject("DOM doesn't contain '.o_payment_form'");
+}
+
+var observer = new MutationObserver(function (mutations, observer) {
+    for (var i = 0; i < mutations.length; ++i) {
+        for (var j = 0; j < mutations[i].addedNodes.length; ++j) {
+            if (mutations[i].addedNodes[j].tagName.toLowerCase() === "form" && mutations[i].addedNodes[j].getAttribute('provider') === 'stripe') {
+                _redirectToStripeCheckout($(mutations[i].addedNodes[j]));
+            }
+        }
+    }
+});
+
+function displayError(message) {
+    var wizard = $(qweb.render('stripe.error', {'msg': message || _t('Payment error')}));
+    wizard.appendTo($('body')).modal({'keyboard': true});
+    if ($.blockUI) {
+        $.unblockUI();
+    }
+    $("#o_payment_form_pay").removeAttr('disabled');
+}
+
+
+function _redirectToStripeCheckout(providerForm) {
+    // Open Checkout with further options
+    if ($.blockUI) {
+        var msg = _t("Just one more second, We are redirecting you to Stripe...");
+        $.blockUI({
+            'message': '<h2 class="text-white"><img src="/web/static/src/img/spin.png" class="fa-pulse"/>' +
+                    '    <br />' + msg +
+                    '</h2>'
+        });
+    }
+
+    var paymentForm = $('.o_payment_form');
+    if (!paymentForm.find('i').length) {
+        paymentForm.append('<i class="fa fa-spinner fa-spin"/>');
+        paymentForm.attr('disabled', 'disabled');
+    }
+
+    var _getStripeInputValue = function (name) {
+        return providerForm.find('input[name="' + name + '"]').val();
+    };
+
+    var stripe = Stripe(_getStripeInputValue('stripe_key'));
+
+    stripe.redirectToCheckout({
+        sessionId: _getStripeInputValue('session_id')
+    }).then(function (result) {
+        if (result.error) {
+            displayError(result.error.message);
+        }
+    });
+}
+
+$.getScript("https://js.stripe.com/v3/", function (data, textStatus, jqxhr) {
+    observer.observe(document.body, {childList: true});
+    _redirectToStripeCheckout($('form[provider="stripe"]'));
+});
+});
diff --git a/addons/payment_stripe/static/src/xml/stripe_templates.xml b/addons/payment_stripe/static/src/xml/stripe_templates.xml
new file mode 100644
index 00000000..97fd4c97
--- /dev/null
+++ b/addons/payment_stripe/static/src/xml/stripe_templates.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+    <t t-name="stripe.error">
+        <div role="dialog" class="modal fade">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <header class="modal-header">
+                        <h4 class="modal-title">Error</h4>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
+                    </header>
+                    <main class="modal-body">
+                        <t t-esc="msg"></t>
+                    </main>
+                    <footer class="modal-footer">
+                        <a role="button" href="#" class="btn btn-link btn-sm" data-dismiss="modal">Close</a>
+                    </footer>
+                </div>
+            </div>
+        </div>
+    </t>
+</templates>