-
-
Save Urbiwanus/c1e456f889f53e940a11 to your computer and use it in GitHub Desktop.
| app.factory('PaypalService', ['$q', '$ionicPlatform', 'shopSettings', '$filter', '$timeout', function ($q, $ionicPlatform, shopSettings, $filter, $timeout) { | |
| var init_defer; | |
| /** | |
| * Service object | |
| * @type object | |
| */ | |
| var service = { | |
| initPaymentUI: initPaymentUI, | |
| createPayment: createPayment, | |
| configuration: configuration, | |
| onPayPalMobileInit: onPayPalMobileInit, | |
| makePayment: makePayment | |
| }; | |
| /** | |
| * @ngdoc method | |
| * @name initPaymentUI | |
| * @methodOf app.PaypalService | |
| * @description | |
| * Inits the payapl ui with certain envs. | |
| * | |
| * | |
| * @returns {object} Promise paypal ui init done | |
| */ | |
| function initPaymentUI() { | |
| init_defer = $q.defer(); | |
| $ionicPlatform.ready().then(function () { | |
| var clientIDs = { | |
| "PayPalEnvironmentProduction": shopSettings.payPalProductionId, | |
| "PayPalEnvironmentSandbox": shopSettings.payPalSandboxId | |
| }; | |
| PayPalMobile.init(clientIDs, onPayPalMobileInit); | |
| }); | |
| return init_defer.promise; | |
| } | |
| /** | |
| * @ngdoc method | |
| * @name createPayment | |
| * @methodOf app.PaypalService | |
| * @param {string|number} total total sum. Pattern 12.23 | |
| * @param {string} name name of the item in paypal | |
| * @description | |
| * Creates a paypal payment object | |
| * | |
| * | |
| * @returns {object} PayPalPaymentObject | |
| */ | |
| function createPayment(total, name) { | |
| // "Sale == > immediate payment | |
| // "Auth" for payment authorization only, to be captured separately at a later time. | |
| // "Order" for taking an order, with authorization and capture to be done separately at a later time. | |
| var payment = new PayPalPayment("" + total, "EUR", "" + name, "Sale"); | |
| return payment; | |
| } | |
| /** | |
| * @ngdoc method | |
| * @name configuration | |
| * @methodOf app.PaypalService | |
| * @description | |
| * Helper to create a paypal configuration object | |
| * | |
| * | |
| * @returns {object} PayPal configuration | |
| */ | |
| function configuration() { | |
| // for more options see `paypal-mobile-js-helper.js` | |
| var config = new PayPalConfiguration({merchantName: shopSettings.payPalShopName, merchantPrivacyPolicyURL: shopSettings.payPalMerchantPrivacyPolicyURL, merchantUserAgreementURL: shopSettings.payPalMerchantUserAgreementURL}); | |
| return config; | |
| } | |
| function onPayPalMobileInit() { | |
| $ionicPlatform.ready().then(function () { | |
| // must be called | |
| // use PayPalEnvironmentNoNetwork mode to get look and feel of the flow | |
| PayPalMobile.prepareToRender(shopSettings.payPalEnv, configuration(), function () { | |
| $timeout(function () { | |
| init_defer.resolve(); | |
| }); | |
| }); | |
| }); | |
| } | |
| /** | |
| * @ngdoc method | |
| * @name makePayment | |
| * @methodOf app.PaypalService | |
| * @param {string|number} total total sum. Pattern 12.23 | |
| * @param {string} name name of the item in paypal | |
| * @description | |
| * Performs a paypal single payment | |
| * | |
| * | |
| * @returns {object} Promise gets resolved on successful payment, rejected on error | |
| */ | |
| function makePayment(total, name) { | |
| var defer = $q.defer(); | |
| total = $filter('number')(total, 2); | |
| $ionicPlatform.ready().then(function () { | |
| PayPalMobile.renderSinglePaymentUI(createPayment(total, name), function (result) { | |
| $timeout(function () { | |
| defer.resolve(result); | |
| }); | |
| }, function (error) { | |
| $timeout(function () { | |
| defer.reject(error); | |
| }); | |
| }); | |
| }); | |
| return defer.promise; | |
| } | |
| return service; | |
| }]); | |
| //To use this service | |
| PaypalService.initPaymentUI().then(function () { | |
| PaypalService.makePayment($scope.total(), "Total").then(...) | |
| }); | |
| // shop settings | |
| // include appConstant into your app.js | |
| angular.module('appConstant', []).constant('shopSettings',{ | |
| payPalSandboxId : 'sand box id here', | |
| payPalProductionId : 'production id here', | |
| payPalEnv: 'PayPalEnvironmentSandbox', // for testing production for production | |
| payPalShopName : 'MyShopName', | |
| payPalMerchantPrivacyPolicyURL : 'url to policy', | |
| payPalMerchantUserAgreementURL : ' url to user agreement ' | |
| }); |
same issue
if you are using ionic, i think you need to do "ionic build browser" then ionic run browser for it to work properly
Nice work. Thank you.
Nice work! Working flawless.
why is it when the total payment is about $1000+ and it is automatically canceling the payment ? any suggestion about this . thanks
Getting issue ReferenceError: PayPalMobile is not defined
I am getting this Error. Please Help me.
ReferenceError: PayPalMobile is not defined
at payPalService.js:35
at processQueue (ionic.bundle.js:29132)
at ionic.bundle.js:29148
at Scope.$eval (ionic.bundle.js:30400)
at Scope.$digest (ionic.bundle.js:30216)
at ChildScope.$apply (ionic.bundle.js:30508)
at HTMLButtonElement. (ionic.bundle.js:65428)
at defaultHandlerWrapper (ionic.bundle.js:16792)
at HTMLButtonElement.eventHandler (ionic.bundle.js:16780)
at triggerMouseEvent (ionic.bundle.js:2953)
I am getting the error that "THE MERCHANT DOES NOT ACCEPT PAYMENT OF THIS TYPE".
Is that any code /application error / paypal merchant account/ country error??
Can any one help me plz
@AhammadAliPK you should just add it like this: <script src="js/paypal-mobile-js-helper.js" type="text/javascript"></script>, as they state in the docs.
I integrated in my ionic app & successfully getting renderSinglePaymentUI but I am unable to use renderFuturePaymentUI, It goes in error callback saying "Passibly configuration submitted is invalid"
I have the same issue.