@pelcro/react-pelcro-js 3.26.0-sandbox.26 → 3.26.0-sandbox.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -20321,11 +20321,10 @@ const ApplePayButton = _ref => {
20321
20321
  invoice
20322
20322
  } = usePelcro();
20323
20323
  const {
20324
- payPageId,
20325
- reportGroup,
20324
+ pay_page_id: payPageId,
20325
+ report_group: reportGroup,
20326
20326
  apple_pay_merchant_id: ApplePayMerchantId,
20327
- apple_pay_enabled: ApplePayEnabled,
20328
- apple_pay_billing_agreement: ApplePayBillingAgreement
20327
+ apple_pay_enabled: ApplePayEnabled
20329
20328
  } = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings;
20330
20329
  const updatedPrice = (_ref2 = (_ref3 = (_state$updatedPrice = state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : props === null || props === void 0 ? void 0 : (_props$plan = props.plan) === null || _props$plan === void 0 ? void 0 : _props$plan.amount) !== null && _ref3 !== void 0 ? _ref3 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref2 !== void 0 ? _ref2 : invoice.amount_remaining;
20331
20330
  React.useEffect(() => {
@@ -20365,35 +20364,9 @@ const ApplePayButton = _ref => {
20365
20364
  supportedNetworks: ["visa", "masterCard", "amex", "discover"],
20366
20365
  total: {
20367
20366
  label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20367
+ type: "final",
20368
20368
  amount: updatedPrice / 100
20369
- },
20370
- lineItems: [plan !== null && plan !== void 0 && plan.auto_renew ? {
20371
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20372
- amount: updatedPrice / 100,
20373
- paymentTiming: "recurring",
20374
- recurringPaymentStartDate: new Date().toISOString(),
20375
- recurringPaymentIntervalUnit: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? "day" : plan === null || plan === void 0 ? void 0 : plan.interval,
20376
- recurringPaymentIntervalCount: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? (plan === null || plan === void 0 ? void 0 : plan.interval_count) * 7 : plan === null || plan === void 0 ? void 0 : plan.interval_count
20377
- } : {
20378
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20379
- amount: updatedPrice / 100
20380
- }],
20381
- ...((plan === null || plan === void 0 ? void 0 : plan.auto_renew) && {
20382
- recurringPaymentRequest: {
20383
- paymentDescription: "A description of the recurring payment to display to the user in the payment sheet.",
20384
- regularBilling: {
20385
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20386
- amount: updatedPrice / 100,
20387
- paymentTiming: "recurring",
20388
- recurringPaymentStartDate: new Date().toISOString(),
20389
- recurringPaymentIntervalUnit: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? "day" : plan === null || plan === void 0 ? void 0 : plan.interval,
20390
- recurringPaymentIntervalCount: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? (plan === null || plan === void 0 ? void 0 : plan.interval_count) * 7 : plan === null || plan === void 0 ? void 0 : plan.interval_count
20391
- },
20392
- billingAgreement: ApplePayBillingAgreement !== null && ApplePayBillingAgreement !== void 0 ? ApplePayBillingAgreement : "",
20393
- managementURL: "https://applepaydemo.apple.com",
20394
- tokenNotificationURL: "https://applepaydemo.apple.com"
20395
- }
20396
- })
20369
+ }
20397
20370
  };
20398
20371
  console.log(ApplePayPaymentRequest);
20399
20372
  // Create ApplePaySession
@@ -20439,17 +20412,12 @@ const ApplePayButton = _ref => {
20439
20412
  // No updates or errors are needed, pass an empty object.
20440
20413
  const newTotal = {
20441
20414
  label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20415
+ type: "final",
20442
20416
  amount: updatedPrice / 100
20443
20417
  };
20444
- const newLineItems = [plan !== null && plan !== void 0 && plan.auto_renew ? {
20445
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20446
- amount: updatedPrice / 100,
20447
- paymentTiming: "recurring",
20448
- recurringPaymentStartDate: new Date().toISOString(),
20449
- recurringPaymentIntervalUnit: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? "day" : plan === null || plan === void 0 ? void 0 : plan.interval,
20450
- recurringPaymentIntervalCount: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? (plan === null || plan === void 0 ? void 0 : plan.interval_count) * 7 : plan === null || plan === void 0 ? void 0 : plan.interval_count
20451
- } : {
20418
+ const newLineItems = [{
20452
20419
  label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20420
+ type: "final",
20453
20421
  amount: updatedPrice / 100
20454
20422
  }];
20455
20423
  session.completePaymentMethodSelection(newTotal, newLineItems);
@@ -20462,23 +20430,16 @@ const ApplePayButton = _ref => {
20462
20430
  // // No updates or errors are needed, pass an empty object.
20463
20431
  // const newTotal = {
20464
20432
  // label: plan?.nickname || `invoice #${invoice.id}`,
20433
+ // type: "final",
20465
20434
  // amount: updatedPrice / 100
20466
20435
  // };
20467
20436
 
20468
20437
  // const newLineItems = [
20469
- // plan?.auto_renew
20470
- // ? {
20471
- // label: plan?.nickname || `invoice #${invoice.id}`,
20472
- // amount: updatedPrice / 100,
20473
- // paymentTiming: "recurring",
20474
- // recurringPaymentStartDate: new Date().toISOString(),
20475
- // recurringPaymentIntervalUnit: plan?.interval,
20476
- // recurringPaymentIntervalCount: plan?.interval_count
20477
- // }
20478
- // : {
20479
- // label: plan?.nickname || `invoice #${invoice.id}`,
20480
- // amount: updatedPrice / 100
20481
- // }
20438
+ // {
20439
+ // label: plan?.nickname || `invoice #${invoice.id}`,
20440
+ // type: "final",
20441
+ // amount: updatedPrice / 100
20442
+ // }
20482
20443
  // ];
20483
20444
 
20484
20445
  // session.completeShippingMethodSelection(newTotal, newLineItems);
@@ -20636,6 +20597,7 @@ function PaymentMethodView(_ref) {
20636
20597
  showExternalPaymentMethods,
20637
20598
  showSubscriptionButton,
20638
20599
  showOrderButton,
20600
+ showApplePayButton,
20639
20601
  order
20640
20602
  } = _ref;
20641
20603
  const {
@@ -20702,7 +20664,7 @@ function PaymentMethodView(_ref) {
20702
20664
  className: "plc-mb-2"
20703
20665
  }, /*#__PURE__*/React__default['default'].createElement(CouponCode, null), /*#__PURE__*/React__default['default'].createElement(DiscountedPrice, null)), /*#__PURE__*/React__default['default'].createElement(TaxAmount, null), /*#__PURE__*/React__default['default'].createElement("div", {
20704
20666
  className: "plc-grid plc-mt-4 plc-gap-y-2"
20705
- }, /*#__PURE__*/React__default['default'].createElement(SubmitPaymentMethod, null), showExternalPaymentMethods && !supportsVantiv && !supportsCybersource && !supportsTap ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PelcroPaymentRequestButton, null), /*#__PURE__*/React__default['default'].createElement(PaypalSubscribeButton, null)) : showExternalPaymentMethods && supportsVantiv ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ApplePayButton, null), /*#__PURE__*/React__default['default'].createElement(PaypalSubscribeButton, null)) : null)))));
20667
+ }, /*#__PURE__*/React__default['default'].createElement(SubmitPaymentMethod, null), showExternalPaymentMethods && !supportsVantiv && !supportsCybersource && !supportsTap ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PelcroPaymentRequestButton, null), /*#__PURE__*/React__default['default'].createElement(PaypalSubscribeButton, null)) : showExternalPaymentMethods && supportsVantiv ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(PaypalSubscribeButton, null)) : null, showApplePayButton && supportsVantiv ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ApplePayButton, null)) : null)))));
20706
20668
  }
20707
20669
 
20708
20670
  const SubscriptionRenewView = _ref => {
@@ -20753,6 +20715,7 @@ const SubscriptionRenewView = _ref => {
20753
20715
  type: "createPayment",
20754
20716
  showCoupon: true,
20755
20717
  showExternalPaymentMethods: false,
20718
+ showApplePayButton: true,
20756
20719
  onSuccess: onSuccess,
20757
20720
  onGiftRenewalSuccess: onGiftRenewalSuccess,
20758
20721
  onFailure: onFailure,
@@ -22125,6 +22088,7 @@ const SubscriptionCreateView = _ref => {
22125
22088
  type: "createPayment",
22126
22089
  showCoupon: true,
22127
22090
  showExternalPaymentMethods: true,
22091
+ showApplePayButton: true,
22128
22092
  onSuccess: onSuccess,
22129
22093
  onFailure: onFailure,
22130
22094
  showSubscriptionButton: showSubscriptionButton
@@ -24737,6 +24701,7 @@ function PaymentMethodUpdateView(props) {
24737
24701
  type: "updatePaymentSource",
24738
24702
  showCoupon: false,
24739
24703
  showExternalPaymentMethods: false,
24704
+ showApplePayButton: false,
24740
24705
  onDisplay: props.onDisplay,
24741
24706
  onFailure: props.onFailure,
24742
24707
  onSuccess: props.onSuccess
@@ -26160,6 +26125,7 @@ const OrderCreateView = props => {
26160
26125
  type: "orderCreate",
26161
26126
  showCoupon: true,
26162
26127
  showExternalPaymentMethods: false,
26128
+ showApplePayButton: false,
26163
26129
  showOrderButton: showOrderButton,
26164
26130
  order: order
26165
26131
  }, props))));
@@ -32481,7 +32447,8 @@ const InvoicePaymentView = props => {
32481
32447
  }, /*#__PURE__*/React__default['default'].createElement(PaymentMethodView, Object.assign({
32482
32448
  type: "invoicePayment",
32483
32449
  showCoupon: false,
32484
- showExternalPaymentMethods: true
32450
+ showExternalPaymentMethods: true,
32451
+ showApplePayButton: true
32485
32452
  }, props))));
32486
32453
  };
32487
32454
 
package/dist/index.esm.js CHANGED
@@ -20291,11 +20291,10 @@ const ApplePayButton = _ref => {
20291
20291
  invoice
20292
20292
  } = usePelcro();
20293
20293
  const {
20294
- payPageId,
20295
- reportGroup,
20294
+ pay_page_id: payPageId,
20295
+ report_group: reportGroup,
20296
20296
  apple_pay_merchant_id: ApplePayMerchantId,
20297
- apple_pay_enabled: ApplePayEnabled,
20298
- apple_pay_billing_agreement: ApplePayBillingAgreement
20297
+ apple_pay_enabled: ApplePayEnabled
20299
20298
  } = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings;
20300
20299
  const updatedPrice = (_ref2 = (_ref3 = (_state$updatedPrice = state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : props === null || props === void 0 ? void 0 : (_props$plan = props.plan) === null || _props$plan === void 0 ? void 0 : _props$plan.amount) !== null && _ref3 !== void 0 ? _ref3 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref2 !== void 0 ? _ref2 : invoice.amount_remaining;
20301
20300
  useEffect(() => {
@@ -20335,35 +20334,9 @@ const ApplePayButton = _ref => {
20335
20334
  supportedNetworks: ["visa", "masterCard", "amex", "discover"],
20336
20335
  total: {
20337
20336
  label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20337
+ type: "final",
20338
20338
  amount: updatedPrice / 100
20339
- },
20340
- lineItems: [plan !== null && plan !== void 0 && plan.auto_renew ? {
20341
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20342
- amount: updatedPrice / 100,
20343
- paymentTiming: "recurring",
20344
- recurringPaymentStartDate: new Date().toISOString(),
20345
- recurringPaymentIntervalUnit: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? "day" : plan === null || plan === void 0 ? void 0 : plan.interval,
20346
- recurringPaymentIntervalCount: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? (plan === null || plan === void 0 ? void 0 : plan.interval_count) * 7 : plan === null || plan === void 0 ? void 0 : plan.interval_count
20347
- } : {
20348
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20349
- amount: updatedPrice / 100
20350
- }],
20351
- ...((plan === null || plan === void 0 ? void 0 : plan.auto_renew) && {
20352
- recurringPaymentRequest: {
20353
- paymentDescription: "A description of the recurring payment to display to the user in the payment sheet.",
20354
- regularBilling: {
20355
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20356
- amount: updatedPrice / 100,
20357
- paymentTiming: "recurring",
20358
- recurringPaymentStartDate: new Date().toISOString(),
20359
- recurringPaymentIntervalUnit: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? "day" : plan === null || plan === void 0 ? void 0 : plan.interval,
20360
- recurringPaymentIntervalCount: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? (plan === null || plan === void 0 ? void 0 : plan.interval_count) * 7 : plan === null || plan === void 0 ? void 0 : plan.interval_count
20361
- },
20362
- billingAgreement: ApplePayBillingAgreement !== null && ApplePayBillingAgreement !== void 0 ? ApplePayBillingAgreement : "",
20363
- managementURL: "https://applepaydemo.apple.com",
20364
- tokenNotificationURL: "https://applepaydemo.apple.com"
20365
- }
20366
- })
20339
+ }
20367
20340
  };
20368
20341
  console.log(ApplePayPaymentRequest);
20369
20342
  // Create ApplePaySession
@@ -20409,17 +20382,12 @@ const ApplePayButton = _ref => {
20409
20382
  // No updates or errors are needed, pass an empty object.
20410
20383
  const newTotal = {
20411
20384
  label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20385
+ type: "final",
20412
20386
  amount: updatedPrice / 100
20413
20387
  };
20414
- const newLineItems = [plan !== null && plan !== void 0 && plan.auto_renew ? {
20415
- label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20416
- amount: updatedPrice / 100,
20417
- paymentTiming: "recurring",
20418
- recurringPaymentStartDate: new Date().toISOString(),
20419
- recurringPaymentIntervalUnit: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? "day" : plan === null || plan === void 0 ? void 0 : plan.interval,
20420
- recurringPaymentIntervalCount: (plan === null || plan === void 0 ? void 0 : plan.interval) === "week" ? (plan === null || plan === void 0 ? void 0 : plan.interval_count) * 7 : plan === null || plan === void 0 ? void 0 : plan.interval_count
20421
- } : {
20388
+ const newLineItems = [{
20422
20389
  label: (plan === null || plan === void 0 ? void 0 : plan.nickname) || `invoice #${invoice.id}`,
20390
+ type: "final",
20423
20391
  amount: updatedPrice / 100
20424
20392
  }];
20425
20393
  session.completePaymentMethodSelection(newTotal, newLineItems);
@@ -20432,23 +20400,16 @@ const ApplePayButton = _ref => {
20432
20400
  // // No updates or errors are needed, pass an empty object.
20433
20401
  // const newTotal = {
20434
20402
  // label: plan?.nickname || `invoice #${invoice.id}`,
20403
+ // type: "final",
20435
20404
  // amount: updatedPrice / 100
20436
20405
  // };
20437
20406
 
20438
20407
  // const newLineItems = [
20439
- // plan?.auto_renew
20440
- // ? {
20441
- // label: plan?.nickname || `invoice #${invoice.id}`,
20442
- // amount: updatedPrice / 100,
20443
- // paymentTiming: "recurring",
20444
- // recurringPaymentStartDate: new Date().toISOString(),
20445
- // recurringPaymentIntervalUnit: plan?.interval,
20446
- // recurringPaymentIntervalCount: plan?.interval_count
20447
- // }
20448
- // : {
20449
- // label: plan?.nickname || `invoice #${invoice.id}`,
20450
- // amount: updatedPrice / 100
20451
- // }
20408
+ // {
20409
+ // label: plan?.nickname || `invoice #${invoice.id}`,
20410
+ // type: "final",
20411
+ // amount: updatedPrice / 100
20412
+ // }
20452
20413
  // ];
20453
20414
 
20454
20415
  // session.completeShippingMethodSelection(newTotal, newLineItems);
@@ -20606,6 +20567,7 @@ function PaymentMethodView(_ref) {
20606
20567
  showExternalPaymentMethods,
20607
20568
  showSubscriptionButton,
20608
20569
  showOrderButton,
20570
+ showApplePayButton,
20609
20571
  order
20610
20572
  } = _ref;
20611
20573
  const {
@@ -20672,7 +20634,7 @@ function PaymentMethodView(_ref) {
20672
20634
  className: "plc-mb-2"
20673
20635
  }, /*#__PURE__*/React__default.createElement(CouponCode, null), /*#__PURE__*/React__default.createElement(DiscountedPrice, null)), /*#__PURE__*/React__default.createElement(TaxAmount, null), /*#__PURE__*/React__default.createElement("div", {
20674
20636
  className: "plc-grid plc-mt-4 plc-gap-y-2"
20675
- }, /*#__PURE__*/React__default.createElement(SubmitPaymentMethod, null), showExternalPaymentMethods && !supportsVantiv && !supportsCybersource && !supportsTap ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PelcroPaymentRequestButton, null), /*#__PURE__*/React__default.createElement(PaypalSubscribeButton, null)) : showExternalPaymentMethods && supportsVantiv ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ApplePayButton, null), /*#__PURE__*/React__default.createElement(PaypalSubscribeButton, null)) : null)))));
20637
+ }, /*#__PURE__*/React__default.createElement(SubmitPaymentMethod, null), showExternalPaymentMethods && !supportsVantiv && !supportsCybersource && !supportsTap ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PelcroPaymentRequestButton, null), /*#__PURE__*/React__default.createElement(PaypalSubscribeButton, null)) : showExternalPaymentMethods && supportsVantiv ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PaypalSubscribeButton, null)) : null, showApplePayButton && supportsVantiv ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ApplePayButton, null)) : null)))));
20676
20638
  }
20677
20639
 
20678
20640
  const SubscriptionRenewView = _ref => {
@@ -20723,6 +20685,7 @@ const SubscriptionRenewView = _ref => {
20723
20685
  type: "createPayment",
20724
20686
  showCoupon: true,
20725
20687
  showExternalPaymentMethods: false,
20688
+ showApplePayButton: true,
20726
20689
  onSuccess: onSuccess,
20727
20690
  onGiftRenewalSuccess: onGiftRenewalSuccess,
20728
20691
  onFailure: onFailure,
@@ -22095,6 +22058,7 @@ const SubscriptionCreateView = _ref => {
22095
22058
  type: "createPayment",
22096
22059
  showCoupon: true,
22097
22060
  showExternalPaymentMethods: true,
22061
+ showApplePayButton: true,
22098
22062
  onSuccess: onSuccess,
22099
22063
  onFailure: onFailure,
22100
22064
  showSubscriptionButton: showSubscriptionButton
@@ -24707,6 +24671,7 @@ function PaymentMethodUpdateView(props) {
24707
24671
  type: "updatePaymentSource",
24708
24672
  showCoupon: false,
24709
24673
  showExternalPaymentMethods: false,
24674
+ showApplePayButton: false,
24710
24675
  onDisplay: props.onDisplay,
24711
24676
  onFailure: props.onFailure,
24712
24677
  onSuccess: props.onSuccess
@@ -26130,6 +26095,7 @@ const OrderCreateView = props => {
26130
26095
  type: "orderCreate",
26131
26096
  showCoupon: true,
26132
26097
  showExternalPaymentMethods: false,
26098
+ showApplePayButton: false,
26133
26099
  showOrderButton: showOrderButton,
26134
26100
  order: order
26135
26101
  }, props))));
@@ -32451,7 +32417,8 @@ const InvoicePaymentView = props => {
32451
32417
  }, /*#__PURE__*/React__default.createElement(PaymentMethodView, Object.assign({
32452
32418
  type: "invoicePayment",
32453
32419
  showCoupon: false,
32454
- showExternalPaymentMethods: true
32420
+ showExternalPaymentMethods: true,
32421
+ showApplePayButton: true
32455
32422
  }, props))));
32456
32423
  };
32457
32424
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "3.26.0-sandbox.26",
4
+ "version": "3.26.0-sandbox.28",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",