@salla.sa/applepay 1.0.29 → 2.11.70

package/src/ApplePay.js

@@ -1,440 +0,0 @@
-import Http from './http';
-import DetectOS from './DetectOS';
-
-window.Salla = window.Salla || {};
-window.Salla.Payments = window.Salla.Payments || {};
-
-/**
- * Full Example
- *
- * Salla.event.createAndDispatch('payments::apple-pay.start-transaction', {
- *                  amount: 1000,
- *                  validateMerchant: {
- *                      url: '{{ route('cp.marketplace.cart.pay', ['cart' => $cart]) }}',
- *                      // onFailed: (response) => {
- *                      //     laravel.ajax.errorHandler(response);
- *                      //     this.onCancel({}, response.data.error.message);
- *                      // },
- *                      // onSuccess: (response) => {
- *                      //     laravel.ajax.successHandler(response);
- *                      // }
- *                  },
- *                  authorized: {
- *                      url: '{{ route('cp.marketplace.cart.confirm', ['cart' => $cart]) }}',
- *                      // onFailed: (response) => {
- *                      //     laravel.ajax.errorHandler(response);
- *                      //     this.onCancel({}, response.data.error.message);
- *                      // },
- *                      // onSuccess: (response) => {
- *                      //     // nothing
- *                      // }
- *                  },
- *                  // onError: function (message) {
- *                  //     laravel.alert(message);
- *                  // }
- *              });
- *
- *   You can hide the apple pay button easy with add data-show-if-apple-pay-supported to element like <div data-show-if-apple-pay-supported>
- *
- * @type {{init: Window.Salla.Payments.ApplePay.init, initDefault: Window.Salla.Payments.ApplePay.initDefault, onCancel: Window.Salla.Payments.ApplePay.onCancel, onPaymentAuthorized: Window.Salla.Payments.ApplePay.onPaymentAuthorized, getApplePaySessionVersion: (function(): number), startSession: (function(*): undefined), abortSession: Window.Salla.Payments.ApplePay.abortSession, onValidateMerchant: Window.Salla.Payments.ApplePay.onValidateMerchant}}
- */
-window.Salla.Payments.ApplePay = function() {
-
-  const session = null;
-  const detail = null;
-  let address_id = null;
-  let shipping_methods = [];
-  let total;
-  let request;
-  let id;
-
-  return {
-    init: function() {
-      // init the helpers
-      document.removeEventListener('payments::apple-pay.start-transaction', window.Salla.Payments.ApplePay.startSession);
-      Salla.event.addEventListener('payments::apple-pay.start-transaction', window.Salla.Payments.ApplePay.startSession);
-
-      if (!(window.ApplePaySession && ApplePaySession.canMakePayments())) {
-        $('[data-show-if-apple-pay-supported]').hide();
-      }
-    },
-
-    initDefault: function() {
-      let _this = window.Salla.Payments.ApplePay;
-
-      if (!_this.detail.onError) {
-        _this.detail.onError = function(message) {
-          laravel.alert(message);
-        };
-      }
-
-      if (!_this.detail.authorized.onFailed) {
-        _this.detail.authorized.onFailed = (response) => {
-          laravel.ajax.errorHandler(response);
-          _this.onCancel({}, response.data.error.message);
-        };
-      }
-
-      if (!_this.detail.validateMerchant.onFailed) {
-        _this.detail.validateMerchant.onFailed = (response) => {
-          laravel.ajax.errorHandler(response);
-          _this.onCancel({}, response.data.error.message);
-        };
-      }
-
-      if (!_this.detail.authorized.onSuccess) {
-        _this.detail.authorized.onSuccess = (response) => {
-          laravel.ajax.successHandler(response);
-        };
-      }
-    },
-
-    startSession: function(event) {
-      console.log('start session : payments::apple-pay.start-transaction');
-
-      let _this = window.Salla.Payments.ApplePay;
-      _this.detail = event.detail || event;
-      console.log(_this.detail);
-
-      _this.initDefault();
-
-      if (!(window.ApplePaySession && ApplePaySession.canMakePayments())) {
-        console.log('error');
-        return;
-      }
-
-      let label = window.location.hostname || 'Salla';
-
-      let version = _this.getApplePaySessionVersion();
-      let supportedNetworks = _this.detail.supportedNetworks || ['masterCard', 'visa'];
-
-      if (version === 5) {
-        supportedNetworks.push('mada');
-      }
-
-
-      _this.total = {
-        type: 'final',
-        label: label,
-        amount: _this.detail.amount
-      };
-
-      _this.request = {
-        countryCode: 'SA',
-        currencyCode: _this.detail.currency || 'SAR',
-        requiredShippingContactFields: _this.detail.requiredShippingContactFields ? _this.detail.requiredShippingContactFields : [],
-        merchantCapabilities: ['supports3DS'],
-        supportedNetworks: _this.detail.supportedNetworks || supportedNetworks,
-        total: _this.total,
-        shippingContact: _this.detail.shippingContact ? _this.detail.shippingContact : {},
-        shippingMethods: _this.detail.shippingMethods && _this.detail.shippingMethods.length ? _this.mappingShippingMethods(event.detail.shippingMethods) : []
-      };
-
-      console.log('apple pay payment request:', _this.request);
-
-      // https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest
-      _this.session = new ApplePaySession(version, _this.request);
-
-      _this.session.onshippingcontactselected = _this.onShippingContactSelected;
-      _this.session.onshippingmethodselected = _this.onShippingMethodSelected;
-      _this.session.onvalidatemerchant = _this.onValidateMerchant;
-      _this.session.onpaymentauthorized = _this.onPaymentAuthorized;
-      _this.session.oncancel = _this.onCancel;
-      _this.session.begin();
-    },
-
-    onCancel: (event = {}, message = null) => {
-      window.Salla.Payments.ApplePay.detail.onError(message || 'فشل الدفع!');
-      Salla.event.createAndDispatch('payments::apple-pay.canceled', event);
-    },
-
-    /**
-     * Confirm payment after authorization.
-     *
-     * @param event
-     */
-    onPaymentAuthorized: (event) => {
-      let _this = window.Salla.Payments.ApplePay;
-      console.log(event.payment);
-
-      Salla.event.createAndDispatch('payments::apple-pay.authorized.init', event);
-      Http.post(_this.detail.authorized.url.replace('{id}', _this.id), {
-        payment_method: 'apple_pay',
-        applepay_token: JSON.stringify(event.payment)
-      }, ({data}) => {
-        Salla.event.createAndDispatch('payments::apple-pay.authorized.success', data);
-
-        _this.session.completePayment(ApplePaySession.STATUS_SUCCESS);
-
-        if (typeof _this.detail.authorized.onSuccess === 'function') {
-          _this.detail.authorized.onSuccess(data);
-        }
-      }, ({response}) => {
-
-        Salla.event.createAndDispatch('payments::apple-pay.authorized.failed', response);
-
-        _this.session.completePayment(ApplePaySession.STATUS_FAILURE);
-
-        if (typeof _this.detail.authorized.onFailed === 'function') {
-          _this.detail.authorized.onFailed(response);
-        }
-      });
-    },
-
-    /**
-     * Validate Submit.
-     *
-     * @param event
-     */
-    onValidateMerchant: (event) => {
-      let _this = window.Salla.Payments.ApplePay;
-      Salla.event.createAndDispatch('payments::apple-pay.validate-merchant.init', event);
-
-      Http.post(_this.detail.validateMerchant.url.replace('{id}', _this.id), {
-        amount: _this.detail.amount,
-        validation_url: event.validationURL,
-        payment_method: 'apple_pay'
-      }, ({data}) => {
-
-        Salla.event.createAndDispatch('payments::apple-pay.validate-merchant.success', data);
-
-        if (typeof _this.detail.validateMerchant.onSuccess === 'function') {
-          _this.detail.validateMerchant.onSuccess(data).then((response) => {
-
-            //set cart id
-            if (response.data) {
-              _this.id = response.data.id || response.data.data.id;
-            }
-              
-            _this.session.completeMerchantValidation(data.data);
-
-          }).catch((response) => {
-            _this.abortValidateMerchant(response);
-          });
-        } else {
-          _this.session.completeMerchantValidation(data.data);
-        }
-
-      }, ({response}) => {
-        _this.abortValidateMerchant(response);
-      });
-    },
-
-    abortValidateMerchant: (response = null) => {
-      let _this = window.Salla.Payments.ApplePay;
-
-      // todo :: check if we still need it.
-      // _this.session.completeMerchantValidation(ApplePaySession.STATUS_FAILURE);
-      _this.abortSession();
-      Salla.event.createAndDispatch('payments::apple-pay.validate-merchant.failed', response);
-
-      if (typeof _this.detail.validateMerchant.onFailed === 'function') {
-        _this.detail.validateMerchant.onFailed(response);
-      }
-    },
-
-    /**
-     * Select Shipping Contact
-     *
-     * @param event
-     */
-    onShippingContactSelected: (event) => {
-      console.log(event.shippingContact);
-
-      let _this = window.Salla.Payments.ApplePay;
-      if (!_this.detail.requiredShippingContactFields) {
-        return;
-      }
-      return new Promise((resolve, reject) => {
-        // Create New Address
-        Http.post(_this.detail.shippingContactSelected.url.replace('{id}', _this.id),
-            {
-              'country': event.shippingContact.country,
-              'city': event.shippingContact.locality,
-              'local': event.shippingContact.subLocality,
-              'description': event.shippingContact.subAdministrativeArea,
-              'street': event.shippingContact.administrativeArea,
-              'country_code': event.shippingContact.countryCode,
-              'postal_code': event.shippingContact.postalCode
-            },
-            ({data}) => {
-              if (typeof _this.detail.shippingContactSelected.onSuccess === 'function') {
-                _this.detail.shippingContactSelected.onSuccess(data);
-              }
-
-              _this.address_id = data.data.address_id;
-              _this.shipping_methods = data.data.shipping_methods;
-
-              if (!_this.shipping_methods || (_this.shipping_methods && !_this.shipping_methods.length)) {
-                reject('لايوجد شركات شحن لهذا العنوان');
-              }
-
-              resolve(data);
-
-            }, ({response}) => {
-              console.log(response);
-              // _this.abortSession();
-              if (typeof _this.detail.shippingContactSelected.onFailed === 'function') {
-                _this.detail.shippingContactSelected.onFailed(response);
-              }
-              _this.session.completeShippingContactSelection({
-                'newTotal': _this.total,
-                'errors': [new window.ApplePayError('shippingContactInvalid', 'locality', response.data.error.message)]
-              });
-            });
-
-      }).then(() => {
-        _this.selectApplePayShippingMethod(_this.shipping_methods[0]['ship_id'], _this.shipping_methods[0]['private_ship_id']);
-      }).then(() => {
-        console.log('shipping contact selected success');
-        _this.session.completeShippingContactSelection(
-            {
-              'newTotal': _this.total,
-              'newShippingMethods': _this.mappingShippingMethods(_this.shipping_methods)
-            }
-        );
-      }).catch(function(error) {
-        console.log(error);
-        _this.session.completeShippingContactSelection(
-            {
-              'newTotal': _this.total,
-              'errors': [new window.ApplePayError('shippingContactInvalid', 'locality', error)]
-            });
-        //_this.abortSession();
-      });
-    },
-
-    /**
-     * Select Shipping Method
-     *
-     * @param event
-     *
-     */
-    onShippingMethodSelected: (event) => {
-      let _this = window.Salla.Payments.ApplePay;
-      console.log(event.shippingMethod);
-
-      return new Promise((resolve, reject) => {
-        let shipping_ids = event.shippingMethod.identifier.split(',');
-        _this.selectApplePayShippingMethod(
-            shipping_ids[0],
-            typeof shipping_ids[1] === 'undefined' ? null : shipping_ids[1]
-        );
-        resolve();
-
-      }).then(() => {
-        _this.session.completeShippingMethodSelection({'newTotal': _this.total});
-
-      }).catch(function(error) {
-        console.log(error);
-        _this.abortSession();
-      });
-    },
-
-
-    abortSession: () => {
-      let _this = window.Salla.Payments.ApplePay;
-
-      if (_this.session) {
-        _this.session.abort();
-      }
-    },
-
-    getApplePaySessionVersion: () => {
-      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-
-      if (userAgent === 'sallapp') {
-        return 5;
-      }
-
-      // can't handle custom user agent like sallapp
-      let detection = DetectOS.init();
-      let v = parseFloat(detection.os.version);
-
-      if (detection.os.name === 'Macintosh') {
-        if (v < 10.142) {
-          return 1;
-        }
-      } else {
-        if (v < 12.11) {
-          return 1;
-        }
-      }
-
-      return 5;
-    },
-
-    recalculateTotal: () => {
-      console.log('Recalculate Total');
-      let _this = window.Salla.Payments.ApplePay;
-
-      $.ajax({
-        url: _this.detail.recalculateTotal.url.replace('{id}', _this.id),
-        method: 'GET',
-        async: false,
-        success: function(data) {
-          _this.total = Object.assign({}, _this.total, {
-            amount: data.data.initial_data.cart.total
-          });
-
-          let total = _this.total;
-          _this.request = Object.assign({}, _this.request, {total});
-          console.log('Recalculate Total Success', total);
-        },
-        error: function(e) {
-          console.log('Recalculate Total Failed');
-          console.log(response);
-        }
-      });
-    },
-
-    selectApplePayShippingMethod: (company_id, private_company_id) => {
-      let _this = window.Salla.Payments.ApplePay;
-      console.log('select shipping method ', 'company_id : ' + company_id, 'private_company_id: ' + private_company_id);
-
-      $.ajax({
-        url: _this.detail.shippingMethodSelected.url.replace('{id}', _this.id),
-        method: 'POST',
-        data: {
-          address_id: _this.address_id,
-          company_id: company_id,
-          private_company_id: private_company_id,
-          payment_method: 'apple_pay'
-        },
-        async: false,
-        success: function(data) {
-          if (typeof _this.detail.shippingMethodSelected.onSuccess === 'function') {
-            _this.detail.shippingMethodSelected.onSuccess(data);
-          }
-          _this.recalculateTotal();
-        },
-        error: function(response) {
-          // _this.abortSession();
-          if (typeof _this.detail.shippingMethodSelected.onFailed === 'function') {
-            _this.detail.shippingMethodSelected.onFailed(response);
-          }
-        }
-      });
-    },
-
-    mappingShippingMethods: (methods) => {
-
-      return methods.map(function(method) {
-        let identifier = method.ship_id.toString();
-
-        if (method.private_ship_id) {
-          identifier += ',' + method.private_ship_id.toString();
-        }
-        return {
-          'label': method.shipping_title,
-          'amount': method.enable_free_shipping ? 0 : method.ship_cost,
-          'detail': '',
-          'identifier': identifier
-        };
-      });
-    }
-  };
-
-}();
-
-window.Salla.Payments.ApplePay.init();