@salla.sa/applepay 1.0.23

package/.github/workflows/npm-published.yml

@@ -0,0 +1,28 @@
+name: Publish NPM Package
+on:
+  push:
+    branches:
+      - master
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Access package.json
+        run: cat ./package.json
+      - name: Automated Version Bump
+        uses: phips28/gh-action-bump-version@master
+        with:
+          tag-prefix: ''
+        env:
+          GITHUB_TOKEN: '${{ secrets.GITHUB_TOKEN }}'
+      - name: Publish New Version
+        uses: actions/setup-node@master
+        with:
+          node-version: 12
+          registry-url: https://registry.npmjs.org/
+          scope: 'salla.sa'
+      - name: Publish to NPM Package Registry
+        run: npm publish --access private 
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/LICENSE

@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org>

package/README.md

@@ -0,0 +1,7 @@
+# applePay-js
+
+# Installing
+
+```
+npm install --save @salla.sa/applepay
+```

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@salla.sa/applepay",
+  "version": "1.0.23",
+  "description": "Salla Apple Pay",
+  "main": "dist/app.js",
+  "scripts": {
+    "dev": "npm run development",
+    "development": "",
+    "watch": "",
+    "watch-poll": "npm run watch -- --watch-poll",
+    "hot": "",
+    "prod": "npm run production",
+    "production": "",
+    "lint": "eslint ./src --fix",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SallaApp/applePay-js.git"
+  },
+  "keywords": [
+    "salla",
+    "ui"
+  ],
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com/"
+  },
+  "author": "rasha@salla.sa",
+  "bugs": {
+    "url": "https://github.com/SallaApp/applePay-js/issues"
+  },
+  "license": "UNLICENSED",
+  "homepage": "https://github.com/SallaApp/applePay-js#readme",
+  "dependencies": {
+    "axios": "^0.23.0"
+  }
+}

package/src/ApplePay.js

@@ -0,0 +1,440 @@
+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();

package/src/DetectOS.js

@@ -0,0 +1,75 @@
+export default {
+    options: [],
+    header: [navigator.platform, navigator.userAgent, navigator.appVersion, navigator.vendor, window.opera],
+    dataos: [
+        {name: 'Windows Phone', value: 'Windows Phone', version: 'OS'},
+        {name: 'Windows', value: 'Win', version: 'NT'},
+        {name: 'iPhone', value: 'iPhone', version: 'OS'},
+        {name: 'iPad', value: 'iPad', version: 'OS'},
+        {name: 'Kindle', value: 'Silk', version: 'Silk'},
+        {name: 'Android', value: 'Android', version: 'Android'},
+        {name: 'PlayBook', value: 'PlayBook', version: 'OS'},
+        {name: 'BlackBerry', value: 'BlackBerry', version: '/'},
+        {name: 'Macintosh', value: 'Mac', version: 'OS X'},
+        {name: 'Linux', value: 'Linux', version: 'rv'},
+        {name: 'Palm', value: 'Palm', version: 'PalmOS'}
+    ],
+    databrowser: [
+        {name: 'Chrome', value: 'Chrome', version: 'Chrome'},
+        {name: 'Firefox', value: 'Firefox', version: 'Firefox'},
+        {name: 'Safari', value: 'Safari', version: 'Version'},
+        {name: 'Internet Explorer', value: 'MSIE', version: 'MSIE'},
+        {name: 'Opera', value: 'Opera', version: 'Opera'},
+        {name: 'BlackBerry', value: 'CLDC', version: 'CLDC'},
+        {name: 'Mozilla', value: 'Mozilla', version: 'Mozilla'}
+    ],
+    init: function () {
+        var agent = this.header.join(' '),
+            os = this.matchItem(agent, this.dataos),
+            browser = this.matchItem(agent, this.databrowser);
+
+        return {os: os, browser: browser};
+    },
+    matchItem: function (string, data) {
+        var i = 0,
+            j = 0,
+            html = '',
+            regex,
+            regexv,
+            match,
+            matches,
+            version;
+
+        for (i = 0; i < data.length; i += 1) {
+            regex = new RegExp(data[i].value, 'i');
+            match = regex.test(string);
+            if (match) {
+                regexv = new RegExp(data[i].version + '[- /:;]([\\d._]+)', 'i');
+                matches = string.match(regexv);
+                version = '';
+                if (matches) {
+                    if (matches[1]) {
+                        matches = matches[1];
+                    }
+                }
+                if (matches) {
+                    matches = matches.split(/[._]+/);
+                    for (j = 0; j < matches.length; j += 1) {
+                        if (j === 0) {
+                            version += matches[j] + '.';
+                        } else {
+                            version += matches[j];
+                        }
+                    }
+                } else {
+                    version = '0';
+                }
+                return {
+                    name: data[i].name,
+                    version: parseFloat(version)
+                };
+            }
+        }
+        return {name: 'unknown', version: 0};
+    }
+};

package/src/http.js

@@ -0,0 +1,30 @@
+import axios from 'axios'
+
+export default {
+    request(method, url, data, successCb = null, errorCb = null) {
+        return axios
+            .request({ url, data, method: method.toLowerCase(), responseType: 'json'})
+            .then(successCb)
+            .catch(errorCb);
+    },
+
+    get(url, successCb = null, errorCb = null, data) {
+        // return this.request('get', url, data, successCb, errorCb);
+        return axios
+            .get(url, { params: data })
+            .then(successCb)
+            .catch(errorCb);
+    },
+
+    post(url, data, successCb = null, errorCb = null ) {
+        return this.request('post', url, data, successCb, errorCb);
+    },
+
+    put(url, data, successCb = null, errorCb = null) {
+        return this.request('put', url, data, successCb, errorCb);
+    },
+
+    delete(url, data, successCb = null, errorCb = null) {
+        return this.request('delete', url, data, successCb, errorCb);
+    }
+};

package/src/index.js

@@ -0,0 +1 @@
+require('./ApplePay');