@paydock/client-sdk 1.142.0 → 1.143.0-beta
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/README.md +85 -0
- package/bundles/index.cjs +324 -193
- package/bundles/index.cjs.d.ts +535 -482
- package/bundles/index.mjs +159 -27
- package/bundles/index.mjs.d.ts +535 -482
- package/bundles/types/components/apple-pay-version.d.ts +29 -0
- package/bundles/types/components/apple-pay-version.d.ts.map +1 -0
- package/bundles/types/index.d.ts +2 -2
- package/bundles/types/index.d.ts.map +1 -1
- package/bundles/types/open-wallets/base/open-wallet-buttons.d.ts.map +1 -1
- package/bundles/types/open-wallets/index.d.ts +1 -1
- package/bundles/types/open-wallets/index.d.ts.map +1 -1
- package/bundles/types/open-wallets/services/apple-pay/apple-pay.open-wallet.service.d.ts.map +1 -1
- package/bundles/types/payment-source-widget/index.d.ts +1 -1
- package/bundles/types/payment-source-widget/index.d.ts.map +1 -1
- package/bundles/types/vault-display-widget/vault-display-widget.d.ts.map +1 -1
- package/bundles/types/wallet-buttons/wallet-services/apple.wallet-service.d.ts.map +1 -1
- package/bundles/types/wallet-buttons-express/base.wallet-button-express.d.ts +16 -0
- package/bundles/types/wallet-buttons-express/base.wallet-button-express.d.ts.map +1 -1
- package/bundles/types/wallet-buttons-express/index.d.ts +36 -0
- package/bundles/types/wallet-buttons-express/index.d.ts.map +1 -1
- package/bundles/types/wallet-buttons-express/services/apple-pay/apple-pay.wallet-button-express.d.ts.map +1 -1
- package/bundles/types/wallet-buttons-express/services/paypal/paypal.wallet-button-express.d.ts +1 -1
- package/bundles/types/wallet-buttons-express/services/paypal/paypal.wallet-button-express.d.ts.map +1 -1
- package/bundles/types/widget/html-multi-widget.d.ts +4 -1
- package/bundles/types/widget/html-multi-widget.d.ts.map +1 -1
- package/bundles/types/widget/index.d.ts +2 -1
- package/bundles/types/widget/index.d.ts.map +1 -1
- package/bundles/types/widget/widget-event-map.d.ts +37 -0
- package/bundles/types/widget/widget-event-map.d.ts.map +1 -0
- package/bundles/widget.umd.js +324 -193
- package/bundles/widget.umd.js.d.ts +535 -482
- package/bundles/widget.umd.js.min.d.ts +535 -482
- package/bundles/widget.umd.min.js +1 -1
- package/docs/wallet-buttons-express.md +85 -0
- package/package.json +6 -3
package/bundles/widget.umd.js
CHANGED
|
@@ -1198,7 +1198,7 @@
|
|
|
1198
1198
|
version: 'x-sdk-version',
|
|
1199
1199
|
type: 'x-sdk-type'
|
|
1200
1200
|
});
|
|
1201
|
-
SDK._version = 'v1.
|
|
1201
|
+
SDK._version = 'v1.143.0-beta';
|
|
1202
1202
|
|
|
1203
1203
|
function isFunction(value) {
|
|
1204
1204
|
return typeof value === 'function';
|
|
@@ -5039,7 +5039,7 @@
|
|
|
5039
5039
|
}]);
|
|
5040
5040
|
}();
|
|
5041
5041
|
|
|
5042
|
-
var EVENT$
|
|
5042
|
+
var EVENT$4 = {
|
|
5043
5043
|
AFTER_LOAD: 'afterLoad',
|
|
5044
5044
|
SUBMIT: 'submit',
|
|
5045
5045
|
FINISH: 'finish',
|
|
@@ -5096,9 +5096,9 @@
|
|
|
5096
5096
|
}, {
|
|
5097
5097
|
key: "on",
|
|
5098
5098
|
value: function on(eventName, widgetId, cb) {
|
|
5099
|
-
for (var event in EVENT$
|
|
5100
|
-
if (!EVENT$
|
|
5101
|
-
if (eventName === EVENT$
|
|
5099
|
+
for (var event in EVENT$4) {
|
|
5100
|
+
if (!EVENT$4.hasOwnProperty(event)) continue;
|
|
5101
|
+
if (eventName === EVENT$4[event]) {
|
|
5102
5102
|
this.listeners.push({
|
|
5103
5103
|
event: eventName,
|
|
5104
5104
|
listener: cb,
|
|
@@ -5223,7 +5223,7 @@
|
|
|
5223
5223
|
key: "setupIFrameEvents",
|
|
5224
5224
|
value: function setupIFrameEvents(widgetId) {
|
|
5225
5225
|
var _this = this;
|
|
5226
|
-
this.iFrameEvent.on(EVENT$
|
|
5226
|
+
this.iFrameEvent.on(EVENT$4.CHARGE_AUTH, widgetId, function (data) {
|
|
5227
5227
|
if (data.status === IFRAME_STATUS.SKIPPED || data.status === IFRAME_STATUS.FINISHED) {
|
|
5228
5228
|
if (data.info) _this.eventEmitter.emit(GPAYMENTS_EVENT.INFO, {
|
|
5229
5229
|
info: data.info
|
|
@@ -5233,7 +5233,7 @@
|
|
|
5233
5233
|
status: data.status
|
|
5234
5234
|
}, data.charge_3ds_id));
|
|
5235
5235
|
});
|
|
5236
|
-
this.iFrameEvent.on(EVENT$
|
|
5236
|
+
this.iFrameEvent.on(EVENT$4.CHARGE_AUTH_SUCCESS, widgetId, function (data) {
|
|
5237
5237
|
_this.processResult(data.charge_3ds_id);
|
|
5238
5238
|
});
|
|
5239
5239
|
}
|
|
@@ -6785,7 +6785,7 @@
|
|
|
6785
6785
|
key: "setCompleteCheckoutListener",
|
|
6786
6786
|
value: function setCompleteCheckoutListener() {
|
|
6787
6787
|
var _this5 = this;
|
|
6788
|
-
this.event.on(EVENT$
|
|
6788
|
+
this.event.on(EVENT$4.FINISH, this.widgetId, function (event) {
|
|
6789
6789
|
_this5.event.clear();
|
|
6790
6790
|
clearInterval(_this5.checkInterval);
|
|
6791
6791
|
if (_this5.checkoutTab && !_this5.checkoutTab.closed) {
|
|
@@ -6872,15 +6872,15 @@
|
|
|
6872
6872
|
value: function setupIframeEventListeners() {
|
|
6873
6873
|
var _this = this;
|
|
6874
6874
|
if (!this.widgetId) return;
|
|
6875
|
-
this.iframeEvent.on(EVENT$
|
|
6875
|
+
this.iframeEvent.on(EVENT$4.AFTER_LOAD, this.widgetId, function (_event) {
|
|
6876
6876
|
var _a;
|
|
6877
6877
|
(_a = _this.onLoadCallback) === null || _a === void 0 ? void 0 : _a.call(_this);
|
|
6878
6878
|
});
|
|
6879
|
-
this.iframeEvent.on(EVENT$
|
|
6879
|
+
this.iframeEvent.on(EVENT$4.DISPATCH_SUCCESS, this.widgetId, function (_event) {
|
|
6880
6880
|
var _a, _b;
|
|
6881
6881
|
(_b = (_a = _this.pushCallbacks) === null || _a === void 0 ? void 0 : _a.onSuccess) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
6882
6882
|
});
|
|
6883
|
-
this.iframeEvent.on(EVENT$
|
|
6883
|
+
this.iframeEvent.on(EVENT$4.DISPATCH_ERROR, this.widgetId, function (_event) {
|
|
6884
6884
|
var _a, _b;
|
|
6885
6885
|
(_b = (_a = _this.pushCallbacks) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
6886
6886
|
});
|
|
@@ -8094,7 +8094,7 @@
|
|
|
8094
8094
|
}]);
|
|
8095
8095
|
}(WalletService);
|
|
8096
8096
|
|
|
8097
|
-
/*! @license DOMPurify 3.
|
|
8097
|
+
/*! @license DOMPurify 3.4.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.0/LICENSE */
|
|
8098
8098
|
|
|
8099
8099
|
var purify_cjs;
|
|
8100
8100
|
var hasRequiredPurify_cjs;
|
|
@@ -8302,7 +8302,7 @@
|
|
|
8302
8302
|
|
|
8303
8303
|
const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
|
|
8304
8304
|
const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'mask-type', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
|
|
8305
|
-
const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', '
|
|
8305
|
+
const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnalign', 'columnlines', 'columnspacing', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lquote', 'lspace', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
|
|
8306
8306
|
const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
|
|
8307
8307
|
|
|
8308
8308
|
// eslint-disable-next-line unicorn/better-regex
|
|
@@ -8399,7 +8399,7 @@
|
|
|
8399
8399
|
function createDOMPurify() {
|
|
8400
8400
|
let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
|
|
8401
8401
|
const DOMPurify = root => createDOMPurify(root);
|
|
8402
|
-
DOMPurify.version = '3.
|
|
8402
|
+
DOMPurify.version = '3.4.0';
|
|
8403
8403
|
DOMPurify.removed = [];
|
|
8404
8404
|
if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
|
|
8405
8405
|
// Not running in a browser, provide a factory function
|
|
@@ -8675,7 +8675,7 @@
|
|
|
8675
8675
|
NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
|
|
8676
8676
|
MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
|
|
8677
8677
|
HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
|
|
8678
|
-
CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING ||
|
|
8678
|
+
CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || create(null);
|
|
8679
8679
|
if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
|
|
8680
8680
|
CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
|
|
8681
8681
|
}
|
|
@@ -8715,13 +8715,10 @@
|
|
|
8715
8715
|
addToSet(ALLOWED_ATTR, xml);
|
|
8716
8716
|
}
|
|
8717
8717
|
}
|
|
8718
|
-
/*
|
|
8719
|
-
|
|
8720
|
-
|
|
8721
|
-
|
|
8722
|
-
if (!objectHasOwnProperty(cfg, 'ADD_ATTR')) {
|
|
8723
|
-
EXTRA_ELEMENT_HANDLING.attributeCheck = null;
|
|
8724
|
-
}
|
|
8718
|
+
/* Always reset function-based ADD_TAGS / ADD_ATTR checks to prevent
|
|
8719
|
+
* leaking across calls when switching from function to array config */
|
|
8720
|
+
EXTRA_ELEMENT_HANDLING.tagCheck = null;
|
|
8721
|
+
EXTRA_ELEMENT_HANDLING.attributeCheck = null;
|
|
8725
8722
|
/* Merge configuration parameters */
|
|
8726
8723
|
if (cfg.ADD_TAGS) {
|
|
8727
8724
|
if (typeof cfg.ADD_TAGS === 'function') {
|
|
@@ -9044,6 +9041,11 @@
|
|
|
9044
9041
|
_forceRemove(currentNode);
|
|
9045
9042
|
return true;
|
|
9046
9043
|
}
|
|
9044
|
+
/* Remove risky CSS construction leading to mXSS */
|
|
9045
|
+
if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && tagName === 'style' && _isNode(currentNode.firstElementChild)) {
|
|
9046
|
+
_forceRemove(currentNode);
|
|
9047
|
+
return true;
|
|
9048
|
+
}
|
|
9047
9049
|
/* Remove any occurrence of processing instructions */
|
|
9048
9050
|
if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
|
|
9049
9051
|
_forceRemove(currentNode);
|
|
@@ -9055,7 +9057,7 @@
|
|
|
9055
9057
|
return true;
|
|
9056
9058
|
}
|
|
9057
9059
|
/* Remove element if anything forbids its presence */
|
|
9058
|
-
if (!(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) &&
|
|
9060
|
+
if (FORBID_TAGS[tagName] || !(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && !ALLOWED_TAGS[tagName]) {
|
|
9059
9061
|
/* Check if we have a custom element to handle */
|
|
9060
9062
|
if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
|
|
9061
9063
|
if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
|
|
@@ -9294,7 +9296,7 @@
|
|
|
9294
9296
|
*
|
|
9295
9297
|
* @param fragment to iterate over recursively
|
|
9296
9298
|
*/
|
|
9297
|
-
const
|
|
9299
|
+
const _sanitizeShadowDOM2 = function _sanitizeShadowDOM(fragment) {
|
|
9298
9300
|
let shadowNode = null;
|
|
9299
9301
|
const shadowIterator = _createNodeIterator(fragment);
|
|
9300
9302
|
/* Execute a hook if present */
|
|
@@ -9308,7 +9310,7 @@
|
|
|
9308
9310
|
_sanitizeAttributes(shadowNode);
|
|
9309
9311
|
/* Deep shadow DOM detected */
|
|
9310
9312
|
if (shadowNode.content instanceof DocumentFragment) {
|
|
9311
|
-
|
|
9313
|
+
_sanitizeShadowDOM2(shadowNode.content);
|
|
9312
9314
|
}
|
|
9313
9315
|
}
|
|
9314
9316
|
/* Execute a hook if present */
|
|
@@ -9403,7 +9405,7 @@
|
|
|
9403
9405
|
_sanitizeAttributes(currentNode);
|
|
9404
9406
|
/* Shadow DOM detected, sanitize it */
|
|
9405
9407
|
if (currentNode.content instanceof DocumentFragment) {
|
|
9406
|
-
|
|
9408
|
+
_sanitizeShadowDOM2(currentNode.content);
|
|
9407
9409
|
}
|
|
9408
9410
|
}
|
|
9409
9411
|
/* If we sanitized `dirty` in-place, return it. */
|
|
@@ -9412,6 +9414,14 @@
|
|
|
9412
9414
|
}
|
|
9413
9415
|
/* Return sanitized string or DOM */
|
|
9414
9416
|
if (RETURN_DOM) {
|
|
9417
|
+
if (SAFE_FOR_TEMPLATES) {
|
|
9418
|
+
body.normalize();
|
|
9419
|
+
let html = body.innerHTML;
|
|
9420
|
+
arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
|
|
9421
|
+
html = stringReplace(html, expr, ' ');
|
|
9422
|
+
});
|
|
9423
|
+
body.innerHTML = html;
|
|
9424
|
+
}
|
|
9415
9425
|
if (RETURN_DOM_FRAGMENT) {
|
|
9416
9426
|
returnNode = createDocumentFragment.call(body.ownerDocument);
|
|
9417
9427
|
while (body.firstChild) {
|
|
@@ -10244,6 +10254,44 @@
|
|
|
10244
10254
|
}]);
|
|
10245
10255
|
}(WalletService);
|
|
10246
10256
|
|
|
10257
|
+
/**
|
|
10258
|
+
* Maximum Apple Pay JS API version the SDK targets.
|
|
10259
|
+
* Bump this when adopting features from a newer version.
|
|
10260
|
+
*/
|
|
10261
|
+
var APPLE_PAY_MAX_VERSION = 14;
|
|
10262
|
+
/**
|
|
10263
|
+
* Minimum Apple Pay JS API version the SDK can operate with.
|
|
10264
|
+
*
|
|
10265
|
+
* Version 3 (iOS 11 / macOS 10.13) is required because the SDK uses:
|
|
10266
|
+
* - `ApplePayError` constructor
|
|
10267
|
+
* - Object-form `completeShippingContactSelection(update)`
|
|
10268
|
+
* - Object-form `completeShippingMethodSelection(update)`
|
|
10269
|
+
* - `supportedCountries` in payment requests
|
|
10270
|
+
*
|
|
10271
|
+
* All of these were introduced in version 3.
|
|
10272
|
+
*/
|
|
10273
|
+
var APPLE_PAY_MIN_VERSION = 3;
|
|
10274
|
+
/**
|
|
10275
|
+
* Detects the highest Apple Pay JS API version the current device supports,
|
|
10276
|
+
* starting from {@link APPLE_PAY_MAX_VERSION} down to {@link APPLE_PAY_MIN_VERSION}.
|
|
10277
|
+
*
|
|
10278
|
+
* Returns `0` if Apple Pay is not available or the device does not support
|
|
10279
|
+
* the minimum required version.
|
|
10280
|
+
*
|
|
10281
|
+
* @see https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/supportsversion
|
|
10282
|
+
*/
|
|
10283
|
+
function getSupportedApplePayVersion() {
|
|
10284
|
+
if (!window.ApplePaySession) {
|
|
10285
|
+
return 0;
|
|
10286
|
+
}
|
|
10287
|
+
for (var v = APPLE_PAY_MAX_VERSION; v >= APPLE_PAY_MIN_VERSION; v--) {
|
|
10288
|
+
if (ApplePaySession.supportsVersion(v)) {
|
|
10289
|
+
return v;
|
|
10290
|
+
}
|
|
10291
|
+
}
|
|
10292
|
+
return 0;
|
|
10293
|
+
}
|
|
10294
|
+
|
|
10247
10295
|
var DEFAULT_APPLE_PAY_CAPABILITIES$2 = ['paymentCredentialsAvailable'];
|
|
10248
10296
|
var AppleWalletService = /*#__PURE__*/function (_WalletService) {
|
|
10249
10297
|
function AppleWalletService(publicKey, meta, gatewayName, eventEmitter) {
|
|
@@ -10573,7 +10621,14 @@
|
|
|
10573
10621
|
key: "onApplePayButtonClicked",
|
|
10574
10622
|
value: function onApplePayButtonClicked() {
|
|
10575
10623
|
var _this5 = this;
|
|
10576
|
-
|
|
10624
|
+
var applePayApiVersion = getSupportedApplePayVersion();
|
|
10625
|
+
if (applePayApiVersion === 0) {
|
|
10626
|
+
this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, {
|
|
10627
|
+
wallet: WALLET_TYPE.APPLE
|
|
10628
|
+
});
|
|
10629
|
+
return;
|
|
10630
|
+
}
|
|
10631
|
+
this.paymentSession = new ApplePaySession(applePayApiVersion, this.createRequest());
|
|
10577
10632
|
this.paymentSession.onvalidatemerchant = this.onValidateMerchant;
|
|
10578
10633
|
this.paymentSession.onpaymentauthorized = this.onPaymentAuthorized;
|
|
10579
10634
|
this.paymentSession.oncancel = this.onCancelPayment;
|
|
@@ -11722,7 +11777,7 @@
|
|
|
11722
11777
|
* @param {string} ON_CLICK=onClick
|
|
11723
11778
|
* @param {string} LOADED=onWalletLoaded
|
|
11724
11779
|
*/
|
|
11725
|
-
var EVENT$
|
|
11780
|
+
var EVENT$3 = {
|
|
11726
11781
|
UNAVAILABLE: EventEnum.UNAVAILABLE,
|
|
11727
11782
|
UPDATE: EventEnum.UPDATE,
|
|
11728
11783
|
PAYMENT_SUCCESSFUL: EventEnum.PAYMENT_SUCCESSFUL,
|
|
@@ -11848,7 +11903,7 @@
|
|
|
11848
11903
|
this.setupServiceCallbacks();
|
|
11849
11904
|
this.service.load(this.container);
|
|
11850
11905
|
} catch (err) {
|
|
11851
|
-
this.eventEmitter.emit(EVENT$
|
|
11906
|
+
this.eventEmitter.emit(EVENT$3.UNAVAILABLE, null);
|
|
11852
11907
|
throw err;
|
|
11853
11908
|
}
|
|
11854
11909
|
}
|
|
@@ -11985,7 +12040,7 @@
|
|
|
11985
12040
|
key: "on",
|
|
11986
12041
|
value: function on(eventName, cb) {
|
|
11987
12042
|
var _this = this;
|
|
11988
|
-
if (eventName === EVENT$
|
|
12043
|
+
if (eventName === EVENT$3.UPDATE) {
|
|
11989
12044
|
this.hasUpdateHandler = true;
|
|
11990
12045
|
}
|
|
11991
12046
|
if (typeof cb === 'function') {
|
|
@@ -12020,10 +12075,10 @@
|
|
|
12020
12075
|
value: function onUnavailable(handler) {
|
|
12021
12076
|
var _this2 = this;
|
|
12022
12077
|
if (typeof handler === 'function') {
|
|
12023
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12078
|
+
return this.eventEmitter.subscribe(EVENT$3.UNAVAILABLE, handler);
|
|
12024
12079
|
}
|
|
12025
12080
|
return new Promise(function (resolve) {
|
|
12026
|
-
return _this2.eventEmitter.subscribe(EVENT$
|
|
12081
|
+
return _this2.eventEmitter.subscribe(EVENT$3.UNAVAILABLE, function () {
|
|
12027
12082
|
return resolve();
|
|
12028
12083
|
});
|
|
12029
12084
|
});
|
|
@@ -12049,10 +12104,10 @@
|
|
|
12049
12104
|
var _this3 = this;
|
|
12050
12105
|
this.hasUpdateHandler = true;
|
|
12051
12106
|
if (typeof handler === 'function') {
|
|
12052
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12107
|
+
return this.eventEmitter.subscribe(EVENT$3.UPDATE, handler);
|
|
12053
12108
|
}
|
|
12054
12109
|
return new Promise(function (resolve) {
|
|
12055
|
-
return _this3.eventEmitter.subscribe(EVENT$
|
|
12110
|
+
return _this3.eventEmitter.subscribe(EVENT$3.UPDATE, function (data) {
|
|
12056
12111
|
return resolve(data);
|
|
12057
12112
|
});
|
|
12058
12113
|
});
|
|
@@ -12076,10 +12131,10 @@
|
|
|
12076
12131
|
value: function onPaymentSuccessful(handler) {
|
|
12077
12132
|
var _this4 = this;
|
|
12078
12133
|
if (typeof handler === 'function') {
|
|
12079
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12134
|
+
return this.eventEmitter.subscribe(EVENT$3.PAYMENT_SUCCESSFUL, handler);
|
|
12080
12135
|
}
|
|
12081
12136
|
return new Promise(function (resolve) {
|
|
12082
|
-
return _this4.eventEmitter.subscribe(EVENT$
|
|
12137
|
+
return _this4.eventEmitter.subscribe(EVENT$3.PAYMENT_SUCCESSFUL, function (data) {
|
|
12083
12138
|
return resolve(data);
|
|
12084
12139
|
});
|
|
12085
12140
|
});
|
|
@@ -12103,10 +12158,10 @@
|
|
|
12103
12158
|
value: function onPaymentInReview(handler) {
|
|
12104
12159
|
var _this5 = this;
|
|
12105
12160
|
if (typeof handler === 'function') {
|
|
12106
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12161
|
+
return this.eventEmitter.subscribe(EVENT$3.PAYMENT_IN_REVIEW, handler);
|
|
12107
12162
|
}
|
|
12108
12163
|
return new Promise(function (resolve) {
|
|
12109
|
-
return _this5.eventEmitter.subscribe(EVENT$
|
|
12164
|
+
return _this5.eventEmitter.subscribe(EVENT$3.PAYMENT_IN_REVIEW, function (data) {
|
|
12110
12165
|
return resolve(data);
|
|
12111
12166
|
});
|
|
12112
12167
|
});
|
|
@@ -12130,10 +12185,10 @@
|
|
|
12130
12185
|
value: function onPaymentError(handler) {
|
|
12131
12186
|
var _this6 = this;
|
|
12132
12187
|
if (typeof handler === 'function') {
|
|
12133
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12188
|
+
return this.eventEmitter.subscribe(EVENT$3.PAYMENT_ERROR, handler);
|
|
12134
12189
|
}
|
|
12135
12190
|
return new Promise(function (resolve) {
|
|
12136
|
-
return _this6.eventEmitter.subscribe(EVENT$
|
|
12191
|
+
return _this6.eventEmitter.subscribe(EVENT$3.PAYMENT_ERROR, function (err) {
|
|
12137
12192
|
return resolve(err);
|
|
12138
12193
|
});
|
|
12139
12194
|
});
|
|
@@ -12159,10 +12214,10 @@
|
|
|
12159
12214
|
value: function onAuthTokensChanged(handler) {
|
|
12160
12215
|
var _this7 = this;
|
|
12161
12216
|
if (typeof handler === 'function') {
|
|
12162
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12217
|
+
return this.eventEmitter.subscribe(EVENT$3.AUTH_TOKENS_CHANGED, handler);
|
|
12163
12218
|
}
|
|
12164
12219
|
return new Promise(function (resolve) {
|
|
12165
|
-
return _this7.eventEmitter.subscribe(EVENT$
|
|
12220
|
+
return _this7.eventEmitter.subscribe(EVENT$3.AUTH_TOKENS_CHANGED, function (err) {
|
|
12166
12221
|
return resolve(err);
|
|
12167
12222
|
});
|
|
12168
12223
|
});
|
|
@@ -12185,7 +12240,7 @@
|
|
|
12185
12240
|
key: "onClick",
|
|
12186
12241
|
value: function onClick(handler) {
|
|
12187
12242
|
if (typeof handler === 'function') {
|
|
12188
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12243
|
+
return this.eventEmitter.subscribe(EVENT$3.ON_CLICK, handler);
|
|
12189
12244
|
}
|
|
12190
12245
|
}
|
|
12191
12246
|
/**
|
|
@@ -12204,10 +12259,10 @@
|
|
|
12204
12259
|
value: function onCheckoutOpen(handler) {
|
|
12205
12260
|
var _this8 = this;
|
|
12206
12261
|
if (typeof handler === 'function') {
|
|
12207
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12262
|
+
return this.eventEmitter.subscribe(EVENT$3.ON_CHECKOUT_OPEN, handler);
|
|
12208
12263
|
}
|
|
12209
12264
|
return new Promise(function (resolve) {
|
|
12210
|
-
return _this8.eventEmitter.subscribe(EVENT$
|
|
12265
|
+
return _this8.eventEmitter.subscribe(EVENT$3.ON_CHECKOUT_OPEN, function (err) {
|
|
12211
12266
|
return resolve(err);
|
|
12212
12267
|
});
|
|
12213
12268
|
});
|
|
@@ -12228,10 +12283,10 @@
|
|
|
12228
12283
|
value: function onCheckoutClose(handler) {
|
|
12229
12284
|
var _this9 = this;
|
|
12230
12285
|
if (typeof handler === 'function') {
|
|
12231
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
12286
|
+
return this.eventEmitter.subscribe(EVENT$3.ON_CHECKOUT_CLOSE, handler);
|
|
12232
12287
|
}
|
|
12233
12288
|
return new Promise(function (resolve) {
|
|
12234
|
-
return _this9.eventEmitter.subscribe(EVENT$
|
|
12289
|
+
return _this9.eventEmitter.subscribe(EVENT$3.ON_CHECKOUT_CLOSE, function (err) {
|
|
12235
12290
|
return resolve(err);
|
|
12236
12291
|
});
|
|
12237
12292
|
});
|
|
@@ -12257,8 +12312,8 @@
|
|
|
12257
12312
|
value: function setupOnWalletLoadedCallback() {
|
|
12258
12313
|
var _this0 = this;
|
|
12259
12314
|
this.service.on(WALLET_EVENT.LOADED, function (eventData) {
|
|
12260
|
-
_this0.eventEmitter.emit(EVENT$
|
|
12261
|
-
event: EVENT$
|
|
12315
|
+
_this0.eventEmitter.emit(EVENT$3.ON_WALLET_LOADED, {
|
|
12316
|
+
event: EVENT$3.ON_WALLET_LOADED,
|
|
12262
12317
|
data: eventData
|
|
12263
12318
|
});
|
|
12264
12319
|
});
|
|
@@ -12268,8 +12323,8 @@
|
|
|
12268
12323
|
value: function setupUnavailableCallback() {
|
|
12269
12324
|
var _this1 = this;
|
|
12270
12325
|
this.service.on(WALLET_EVENT.UNAVAILABLE, function (eventData) {
|
|
12271
|
-
return _this1.eventEmitter.emit(EVENT$
|
|
12272
|
-
event: EVENT$
|
|
12326
|
+
return _this1.eventEmitter.emit(EVENT$3.UNAVAILABLE, {
|
|
12327
|
+
event: EVENT$3.UNAVAILABLE,
|
|
12273
12328
|
data: eventData
|
|
12274
12329
|
});
|
|
12275
12330
|
});
|
|
@@ -12279,8 +12334,8 @@
|
|
|
12279
12334
|
value: function setupUpdateCallback() {
|
|
12280
12335
|
var _this10 = this;
|
|
12281
12336
|
this.service.on(WALLET_EVENT.UPDATE, function (eventData) {
|
|
12282
|
-
return _this10.hasUpdateHandler ? _this10.eventEmitter.emit(EVENT$
|
|
12283
|
-
event: EVENT$
|
|
12337
|
+
return _this10.hasUpdateHandler ? _this10.eventEmitter.emit(EVENT$3.UPDATE, {
|
|
12338
|
+
event: EVENT$3.UPDATE,
|
|
12284
12339
|
data: eventData
|
|
12285
12340
|
}) : _this10.update({
|
|
12286
12341
|
success: true
|
|
@@ -12292,8 +12347,8 @@
|
|
|
12292
12347
|
value: function setupOnClickCallback() {
|
|
12293
12348
|
var _this11 = this;
|
|
12294
12349
|
this.service.on(WALLET_EVENT.BUTTON_CLICK, function (data) {
|
|
12295
|
-
return _this11.eventEmitter.emit(EVENT$
|
|
12296
|
-
event: EVENT$
|
|
12350
|
+
return _this11.eventEmitter.emit(EVENT$3.ON_CLICK, {
|
|
12351
|
+
event: EVENT$3.ON_CLICK,
|
|
12297
12352
|
data: data
|
|
12298
12353
|
});
|
|
12299
12354
|
});
|
|
@@ -12303,8 +12358,8 @@
|
|
|
12303
12358
|
value: function setupOnCheckoutOpenCallback() {
|
|
12304
12359
|
var _this12 = this;
|
|
12305
12360
|
this.service.on(WALLET_EVENT.CHECKOUT_OPEN, function (data) {
|
|
12306
|
-
return _this12.eventEmitter.emit(EVENT$
|
|
12307
|
-
event: EVENT$
|
|
12361
|
+
return _this12.eventEmitter.emit(EVENT$3.ON_CHECKOUT_OPEN, {
|
|
12362
|
+
event: EVENT$3.ON_CHECKOUT_OPEN,
|
|
12308
12363
|
data: data
|
|
12309
12364
|
});
|
|
12310
12365
|
});
|
|
@@ -12314,8 +12369,8 @@
|
|
|
12314
12369
|
value: function setupOnCheckoutCloseCallback() {
|
|
12315
12370
|
var _this13 = this;
|
|
12316
12371
|
this.service.on(WALLET_EVENT.CHECKOUT_CLOSE, function (data) {
|
|
12317
|
-
return _this13.eventEmitter.emit(EVENT$
|
|
12318
|
-
event: EVENT$
|
|
12372
|
+
return _this13.eventEmitter.emit(EVENT$3.ON_CHECKOUT_CLOSE, {
|
|
12373
|
+
event: EVENT$3.ON_CHECKOUT_CLOSE,
|
|
12319
12374
|
data: data
|
|
12320
12375
|
});
|
|
12321
12376
|
});
|
|
@@ -12347,7 +12402,7 @@
|
|
|
12347
12402
|
if (typeof onSuccess === 'function') {
|
|
12348
12403
|
onSuccess();
|
|
12349
12404
|
}
|
|
12350
|
-
var event = captureResult.status === 'inreview' ? EVENT$
|
|
12405
|
+
var event = captureResult.status === 'inreview' ? EVENT$3.PAYMENT_IN_REVIEW : EVENT$3.PAYMENT_SUCCESSFUL;
|
|
12351
12406
|
_this15.eventEmitter.emit(event, {
|
|
12352
12407
|
event: event,
|
|
12353
12408
|
data: _extends(_extends({}, captureResult), data.customer && {
|
|
@@ -12360,8 +12415,8 @@
|
|
|
12360
12415
|
if (typeof onError === 'function') {
|
|
12361
12416
|
onError(err);
|
|
12362
12417
|
}
|
|
12363
|
-
_this15.eventEmitter.emit(EVENT$
|
|
12364
|
-
event: EVENT$
|
|
12418
|
+
_this15.eventEmitter.emit(EVENT$3.PAYMENT_ERROR, {
|
|
12419
|
+
event: EVENT$3.PAYMENT_ERROR,
|
|
12365
12420
|
data: err
|
|
12366
12421
|
});
|
|
12367
12422
|
});
|
|
@@ -12372,8 +12427,8 @@
|
|
|
12372
12427
|
value: function setupPaymentSuccessCallback() {
|
|
12373
12428
|
var _this16 = this;
|
|
12374
12429
|
this.service.on(WALLET_EVENT.PAYMENT_SUCCESS, function (eventData) {
|
|
12375
|
-
return _this16.eventEmitter.emit(EVENT$
|
|
12376
|
-
event: EVENT$
|
|
12430
|
+
return _this16.eventEmitter.emit(EVENT$3.PAYMENT_SUCCESSFUL, {
|
|
12431
|
+
event: EVENT$3.PAYMENT_SUCCESSFUL,
|
|
12377
12432
|
data: eventData
|
|
12378
12433
|
});
|
|
12379
12434
|
});
|
|
@@ -12383,8 +12438,8 @@
|
|
|
12383
12438
|
value: function setupPaymentInReviewCallback() {
|
|
12384
12439
|
var _this17 = this;
|
|
12385
12440
|
this.service.on(WALLET_EVENT.PAYMENT_IN_REVIEW, function (eventData) {
|
|
12386
|
-
return _this17.eventEmitter.emit(EVENT$
|
|
12387
|
-
event: EVENT$
|
|
12441
|
+
return _this17.eventEmitter.emit(EVENT$3.PAYMENT_IN_REVIEW, {
|
|
12442
|
+
event: EVENT$3.PAYMENT_IN_REVIEW,
|
|
12388
12443
|
data: eventData
|
|
12389
12444
|
});
|
|
12390
12445
|
});
|
|
@@ -12394,8 +12449,8 @@
|
|
|
12394
12449
|
value: function setupPaymentErrorCallback() {
|
|
12395
12450
|
var _this18 = this;
|
|
12396
12451
|
this.service.on(WALLET_EVENT.PAYMENT_ERROR, function (eventData) {
|
|
12397
|
-
return _this18.eventEmitter.emit(EVENT$
|
|
12398
|
-
event: EVENT$
|
|
12452
|
+
return _this18.eventEmitter.emit(EVENT$3.PAYMENT_ERROR, {
|
|
12453
|
+
event: EVENT$3.PAYMENT_ERROR,
|
|
12399
12454
|
data: eventData
|
|
12400
12455
|
});
|
|
12401
12456
|
});
|
|
@@ -12405,8 +12460,8 @@
|
|
|
12405
12460
|
value: function setupAuthTokensChangedCallback() {
|
|
12406
12461
|
var _this19 = this;
|
|
12407
12462
|
this.service.on(WALLET_EVENT.AUTH_TOKENS_CHANGED, function (eventData) {
|
|
12408
|
-
return _this19.eventEmitter.emit(EVENT$
|
|
12409
|
-
event: EVENT$
|
|
12463
|
+
return _this19.eventEmitter.emit(EVENT$3.AUTH_TOKENS_CHANGED, {
|
|
12464
|
+
event: EVENT$3.AUTH_TOKENS_CHANGED,
|
|
12410
12465
|
data: eventData
|
|
12411
12466
|
});
|
|
12412
12467
|
});
|
|
@@ -13921,7 +13976,7 @@
|
|
|
13921
13976
|
}, {
|
|
13922
13977
|
key: "handleErrorEvent",
|
|
13923
13978
|
value: function handleErrorEvent(event, error, purpose) {
|
|
13924
|
-
if (Object.values(EVENT$
|
|
13979
|
+
if (Object.values(EVENT$4).includes(event)) {
|
|
13925
13980
|
this.event.emit({
|
|
13926
13981
|
error: error,
|
|
13927
13982
|
event: event,
|
|
@@ -14107,7 +14162,7 @@
|
|
|
14107
14162
|
}, function (error) {
|
|
14108
14163
|
if (error instanceof EventError) {
|
|
14109
14164
|
error.setContextId(_this2.link.getParams().widget_id);
|
|
14110
|
-
_this2.handleErrorEvent(EVENT$
|
|
14165
|
+
_this2.handleErrorEvent(EVENT$4.ERROR, error.toJSON().error, error.purpose);
|
|
14111
14166
|
}
|
|
14112
14167
|
console.error('Error when creating a token, widget will not be loaded');
|
|
14113
14168
|
});
|
|
@@ -14119,7 +14174,7 @@
|
|
|
14119
14174
|
key: "afterLoad",
|
|
14120
14175
|
value: function afterLoad() {
|
|
14121
14176
|
var _this3 = this;
|
|
14122
|
-
this.on(EVENT$
|
|
14177
|
+
this.on(EVENT$4.VALIDATION, function (data) {
|
|
14123
14178
|
_this3.validationData = data;
|
|
14124
14179
|
});
|
|
14125
14180
|
}
|
|
@@ -14378,7 +14433,7 @@
|
|
|
14378
14433
|
}, {
|
|
14379
14434
|
key: "onFinishInsert",
|
|
14380
14435
|
value: function onFinishInsert(selector, dataType) {
|
|
14381
|
-
this.on(EVENT$
|
|
14436
|
+
this.on(EVENT$4.FINISH, function (event) {
|
|
14382
14437
|
Event$1.insertToInput(selector, dataType, event);
|
|
14383
14438
|
});
|
|
14384
14439
|
}
|
|
@@ -14416,7 +14471,7 @@
|
|
|
14416
14471
|
var formInterceptor = new FormInterceptor(selector);
|
|
14417
14472
|
formInterceptor.beforeSubmit(function () {
|
|
14418
14473
|
_this5.triggerElement.push(TRIGGER$1.SUBMIT_FORM, {});
|
|
14419
|
-
_this5.event.on(EVENT$
|
|
14474
|
+
_this5.event.on(EVENT$4.FINISH, _this5.link.getParams().widget_id, function () {
|
|
14420
14475
|
formInterceptor.continueSubmit();
|
|
14421
14476
|
});
|
|
14422
14477
|
});
|
|
@@ -14429,13 +14484,13 @@
|
|
|
14429
14484
|
value: function useCheckoutAutoSubmit() {
|
|
14430
14485
|
var _this6 = this;
|
|
14431
14486
|
this.setHiddenElements([ELEMENT.SUBMIT_BUTTON]);
|
|
14432
|
-
this.on(EVENT$
|
|
14487
|
+
this.on(EVENT$4.CHECKOUT_SUCCESS, function () {
|
|
14433
14488
|
_this6.trigger(TRIGGER$1.SUBMIT_FORM);
|
|
14434
14489
|
});
|
|
14435
|
-
this.on(EVENT$
|
|
14490
|
+
this.on(EVENT$4.VALIDATION_ERROR, function () {
|
|
14436
14491
|
_this6.trigger(TRIGGER$1.REFRESH_CHECKOUT);
|
|
14437
14492
|
});
|
|
14438
|
-
this.on(EVENT$
|
|
14493
|
+
this.on(EVENT$4.SYSTEM_ERROR, function () {
|
|
14439
14494
|
_this6.trigger(TRIGGER$1.REFRESH_CHECKOUT);
|
|
14440
14495
|
});
|
|
14441
14496
|
}
|
|
@@ -14452,7 +14507,7 @@
|
|
|
14452
14507
|
key: "useAutoResize",
|
|
14453
14508
|
value: function useAutoResize() {
|
|
14454
14509
|
var _this7 = this;
|
|
14455
|
-
this.on(EVENT$
|
|
14510
|
+
this.on(EVENT$4.RESIZE, function (data) {
|
|
14456
14511
|
if (_this7.iFrame.getElement()) {
|
|
14457
14512
|
_this7.iFrame.getElement().scrolling = 'no';
|
|
14458
14513
|
if (data.height) {
|
|
@@ -16189,7 +16244,7 @@
|
|
|
16189
16244
|
key: "useAutoResize",
|
|
16190
16245
|
value: function useAutoResize() {
|
|
16191
16246
|
var _this = this;
|
|
16192
|
-
this.event.on(EVENT$
|
|
16247
|
+
this.event.on(EVENT$4.RESIZE, this.link.getParams().widget_id, function (data) {
|
|
16193
16248
|
if (_this.iFrame.getElement()) {
|
|
16194
16249
|
_this.iFrame.getElement().scrolling = 'no';
|
|
16195
16250
|
if (data.height) {
|
|
@@ -17030,7 +17085,7 @@
|
|
|
17030
17085
|
var _this = this;
|
|
17031
17086
|
this.widget = new WalletButtons(this.selector, context.payload.charge_token, context.payload.meta);
|
|
17032
17087
|
this.widget.setEnv(this.getEnv(context.instruction_token));
|
|
17033
|
-
this.widget.on(EVENT$
|
|
17088
|
+
this.widget.on(EVENT$3.ON_WALLET_LOADED, function () {
|
|
17034
17089
|
addGoBackToPaymentsButton(_this.selector, _this.checkoutWidget, _this.api);
|
|
17035
17090
|
});
|
|
17036
17091
|
this.widget.load();
|
|
@@ -17051,7 +17106,7 @@
|
|
|
17051
17106
|
var _this = this;
|
|
17052
17107
|
this.widget = new WalletButtons(this.selector, context === null || context === void 0 ? void 0 : context.payload.charge_token, context === null || context === void 0 ? void 0 : context.payload.meta);
|
|
17053
17108
|
this.widget.setEnv(this.getEnv(context.instruction_token));
|
|
17054
|
-
this.widget.on(EVENT$
|
|
17109
|
+
this.widget.on(EVENT$3.ON_WALLET_LOADED, function () {
|
|
17055
17110
|
addGoBackToPaymentsButton(_this.selector, _this.checkoutWidget, _this.api);
|
|
17056
17111
|
hideLoadingSpinner();
|
|
17057
17112
|
});
|
|
@@ -17384,7 +17439,7 @@
|
|
|
17384
17439
|
this.widget.load();
|
|
17385
17440
|
this.widget.useAutoResize();
|
|
17386
17441
|
this.widget.setHiddenElements(['submit_button']);
|
|
17387
|
-
this.widget.on(EVENT$
|
|
17442
|
+
this.widget.on(EVENT$4.AFTER_LOAD, function () {
|
|
17388
17443
|
_this.timeoutId = setTimeout(function () {
|
|
17389
17444
|
_this.addSubmitButton();
|
|
17390
17445
|
addGoBackToPaymentsButton(_this.selector, _this.checkoutWidget, _this.api);
|
|
@@ -17394,7 +17449,7 @@
|
|
|
17394
17449
|
this.widget.on('submit', function () {
|
|
17395
17450
|
return showLoadingSpinner();
|
|
17396
17451
|
});
|
|
17397
|
-
this.widget.on(EVENT$
|
|
17452
|
+
this.widget.on(EVENT$4.FINISH, function (event) {
|
|
17398
17453
|
var _a;
|
|
17399
17454
|
var get = new Api(context.instruction_token);
|
|
17400
17455
|
(_a = _this.checkoutWidget) === null || _a === void 0 ? void 0 : _a.fetchInstruction();
|
|
@@ -17430,7 +17485,7 @@
|
|
|
17430
17485
|
return console.error('callback.card_form.ott_created: error', error);
|
|
17431
17486
|
});
|
|
17432
17487
|
});
|
|
17433
|
-
this.widget.on(EVENT$
|
|
17488
|
+
this.widget.on(EVENT$4.VALIDATION_ERROR, function (event) {
|
|
17434
17489
|
var _a;
|
|
17435
17490
|
(_a = _this.checkoutWidget) === null || _a === void 0 ? void 0 : _a.fetchInstruction();
|
|
17436
17491
|
_this.api.checkout().callback({
|
|
@@ -17715,7 +17770,7 @@
|
|
|
17715
17770
|
var _this = this;
|
|
17716
17771
|
this.widget = new WalletButtons(this.selector, context === null || context === void 0 ? void 0 : context.payload.charge_token, context === null || context === void 0 ? void 0 : context.payload.meta);
|
|
17717
17772
|
this.widget.setEnv(this.getEnv(context.instruction_token));
|
|
17718
|
-
this.widget.on(EVENT$
|
|
17773
|
+
this.widget.on(EVENT$3.ON_WALLET_LOADED, function () {
|
|
17719
17774
|
addGoBackToPaymentsButton(_this.selector, _this.checkoutWidget, _this.api);
|
|
17720
17775
|
hideLoadingSpinner();
|
|
17721
17776
|
});
|
|
@@ -18030,7 +18085,7 @@
|
|
|
18030
18085
|
standalone: true
|
|
18031
18086
|
}));
|
|
18032
18087
|
this.widget.setEnv(this.getEnv(context.instruction_token));
|
|
18033
|
-
this.widget.on(EVENT$
|
|
18088
|
+
this.widget.on(EVENT$3.ON_WALLET_LOADED, function () {
|
|
18034
18089
|
addGoBackToPaymentsButton(_this.selector, _this.checkoutWidget, _this.api);
|
|
18035
18090
|
hideLoadingSpinner();
|
|
18036
18091
|
});
|
|
@@ -18596,7 +18651,7 @@
|
|
|
18596
18651
|
}
|
|
18597
18652
|
}
|
|
18598
18653
|
|
|
18599
|
-
var EVENT$
|
|
18654
|
+
var EVENT$2 = {
|
|
18600
18655
|
PAYMENT_SUCCESSFUL: 'paymentSuccessful',
|
|
18601
18656
|
PAYMENT_FAILURE: 'paymentFailure',
|
|
18602
18657
|
PAYMENT_EXPIRED: 'paymentExpired'
|
|
@@ -18802,7 +18857,7 @@
|
|
|
18802
18857
|
}, {
|
|
18803
18858
|
key: "onPaymentSuccessful",
|
|
18804
18859
|
value: function onPaymentSuccessful(handler) {
|
|
18805
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
18860
|
+
return this.eventEmitter.subscribe(EVENT$2.PAYMENT_SUCCESSFUL, handler);
|
|
18806
18861
|
}
|
|
18807
18862
|
/**
|
|
18808
18863
|
* If the payment was not successful, the function passed as parameter will be called.
|
|
@@ -18816,7 +18871,7 @@
|
|
|
18816
18871
|
}, {
|
|
18817
18872
|
key: "onPaymentFailure",
|
|
18818
18873
|
value: function onPaymentFailure(handler) {
|
|
18819
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
18874
|
+
return this.eventEmitter.subscribe(EVENT$2.PAYMENT_FAILURE, handler);
|
|
18820
18875
|
}
|
|
18821
18876
|
/**
|
|
18822
18877
|
* If the payment was expired, the function passed as parameter will be called.
|
|
@@ -18830,7 +18885,7 @@
|
|
|
18830
18885
|
}, {
|
|
18831
18886
|
key: "onPaymentExpired",
|
|
18832
18887
|
value: function onPaymentExpired(handler) {
|
|
18833
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
18888
|
+
return this.eventEmitter.subscribe(EVENT$2.PAYMENT_EXPIRED, handler);
|
|
18834
18889
|
}
|
|
18835
18890
|
}, {
|
|
18836
18891
|
key: "createWidgetStructure",
|
|
@@ -18906,7 +18961,7 @@
|
|
|
18906
18961
|
/**
|
|
18907
18962
|
* Events emitted during the OpenWallet payment lifecycle.
|
|
18908
18963
|
*/
|
|
18909
|
-
var EVENT$
|
|
18964
|
+
var EVENT$1;
|
|
18910
18965
|
(function (EVENT) {
|
|
18911
18966
|
/** Emitted when the wallet button is clicked by the user. */
|
|
18912
18967
|
EVENT["ON_CLICK"] = "onClick";
|
|
@@ -18924,7 +18979,7 @@
|
|
|
18924
18979
|
EVENT["ON_SHIPPING_ADDRESS_CHANGE"] = "onShippingAddressChange";
|
|
18925
18980
|
/** Emitted when the customer selects a shipping option. */
|
|
18926
18981
|
EVENT["ON_SHIPPING_OPTIONS_CHANGE"] = "onShippingOptionsChange";
|
|
18927
|
-
})(EVENT$
|
|
18982
|
+
})(EVENT$1 || (EVENT$1 = {}));
|
|
18928
18983
|
|
|
18929
18984
|
/**
|
|
18930
18985
|
* @classdesc Abstract base class for Open Wallet buttons. **Do not instantiate directly.**
|
|
@@ -18946,6 +19001,13 @@
|
|
|
18946
19001
|
_classCallCheck(this, OpenWalletButtons);
|
|
18947
19002
|
this.env = DEFAULT_ENV;
|
|
18948
19003
|
this.onShippingOptionsChangeHandlerRegistered = false;
|
|
19004
|
+
// Runtime guard: TypeScript's `abstract` keyword exists only at compile time.
|
|
19005
|
+
// Without this check, instantiating the base class directly silently fails
|
|
19006
|
+
// later when `this.validateWalletMeta()` resolves to `undefined`, producing
|
|
19007
|
+
// a confusing "is not a function" error far from the actual mistake.
|
|
19008
|
+
if ((this instanceof OpenWalletButtons ? this.constructor : void 0) === OpenWalletButtons) {
|
|
19009
|
+
throw new Error('OpenWalletButtons is an abstract base class and cannot be instantiated directly. ' + 'Use ApplePayOpenWalletButton or GooglePayOpenWalletButton instead.');
|
|
19010
|
+
}
|
|
18949
19011
|
this.eventEmitter = new EventEmitter();
|
|
18950
19012
|
this.container = new Container(selector);
|
|
18951
19013
|
this.api = new ApiInternal(publicKeyOrAccessToken, this.getApiAuthType(publicKeyOrAccessToken));
|
|
@@ -19048,7 +19110,7 @@
|
|
|
19048
19110
|
console.error('Wallet operation error:', error);
|
|
19049
19111
|
}
|
|
19050
19112
|
var errorData = {
|
|
19051
|
-
event: EVENT$
|
|
19113
|
+
event: EVENT$1.ERROR,
|
|
19052
19114
|
data: {
|
|
19053
19115
|
error: error,
|
|
19054
19116
|
context: {
|
|
@@ -19056,7 +19118,7 @@
|
|
|
19056
19118
|
}
|
|
19057
19119
|
}
|
|
19058
19120
|
};
|
|
19059
|
-
this.eventEmitter.emit(EVENT$
|
|
19121
|
+
this.eventEmitter.emit(EVENT$1.ERROR, errorData);
|
|
19060
19122
|
}
|
|
19061
19123
|
/**
|
|
19062
19124
|
* Loads and initializes the wallet button based on the service configuration.
|
|
@@ -19178,7 +19240,7 @@
|
|
|
19178
19240
|
key: "onClick",
|
|
19179
19241
|
value: function onClick(handler) {
|
|
19180
19242
|
if (typeof handler === 'function') {
|
|
19181
|
-
this.eventEmitter.subscribe(EVENT$
|
|
19243
|
+
this.eventEmitter.subscribe(EVENT$1.ON_CLICK, handler);
|
|
19182
19244
|
return;
|
|
19183
19245
|
}
|
|
19184
19246
|
this.handleOnError(new Error('onClick event handler is required.'), exports.ERROR_OPERATION.HANDLER_REGISTRATION);
|
|
@@ -19217,7 +19279,7 @@
|
|
|
19217
19279
|
value: function onSuccess(handler) {
|
|
19218
19280
|
var _this2 = this;
|
|
19219
19281
|
if (typeof handler === 'function') {
|
|
19220
|
-
this.eventEmitter.subscribe(EVENT$
|
|
19282
|
+
this.eventEmitter.subscribe(EVENT$1.SUCCESS, function (data) {
|
|
19221
19283
|
return __awaiter(_this2, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
|
|
19222
19284
|
var _t3;
|
|
19223
19285
|
return _regenerator().w(function (_context2) {
|
|
@@ -19269,7 +19331,7 @@
|
|
|
19269
19331
|
value: function onUnavailable(handler) {
|
|
19270
19332
|
var _this3 = this;
|
|
19271
19333
|
if (typeof handler === 'function') {
|
|
19272
|
-
this.eventEmitter.subscribe(EVENT$
|
|
19334
|
+
this.eventEmitter.subscribe(EVENT$1.UNAVAILABLE, function (data) {
|
|
19273
19335
|
return __awaiter(_this3, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee3() {
|
|
19274
19336
|
var _t4;
|
|
19275
19337
|
return _regenerator().w(function (_context3) {
|
|
@@ -19322,7 +19384,7 @@
|
|
|
19322
19384
|
value: function onError(handler) {
|
|
19323
19385
|
var _this4 = this;
|
|
19324
19386
|
if (typeof handler === 'function') {
|
|
19325
|
-
this.eventEmitter.subscribe(EVENT$
|
|
19387
|
+
this.eventEmitter.subscribe(EVENT$1.ERROR, function (data) {
|
|
19326
19388
|
return __awaiter(_this4, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee4() {
|
|
19327
19389
|
var _t5;
|
|
19328
19390
|
return _regenerator().w(function (_context4) {
|
|
@@ -19374,7 +19436,7 @@
|
|
|
19374
19436
|
value: function onCancel(handler) {
|
|
19375
19437
|
var _this5 = this;
|
|
19376
19438
|
if (typeof handler === 'function') {
|
|
19377
|
-
this.eventEmitter.subscribe(EVENT$
|
|
19439
|
+
this.eventEmitter.subscribe(EVENT$1.CHECKOUT_CLOSE, function (data) {
|
|
19378
19440
|
return __awaiter(_this5, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee5() {
|
|
19379
19441
|
var _t6;
|
|
19380
19442
|
return _regenerator().w(function (_context5) {
|
|
@@ -19419,7 +19481,7 @@
|
|
|
19419
19481
|
value: function onLoaded(handler) {
|
|
19420
19482
|
var _this6 = this;
|
|
19421
19483
|
if (typeof handler === 'function') {
|
|
19422
|
-
this.eventEmitter.subscribe(EVENT$
|
|
19484
|
+
this.eventEmitter.subscribe(EVENT$1.LOADED, function (data) {
|
|
19423
19485
|
return __awaiter(_this6, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee6() {
|
|
19424
19486
|
var _t7;
|
|
19425
19487
|
return _regenerator().w(function (_context6) {
|
|
@@ -19491,7 +19553,7 @@
|
|
|
19491
19553
|
key: "onShippingAddressChange",
|
|
19492
19554
|
value: function onShippingAddressChange(handler) {
|
|
19493
19555
|
if (typeof handler === 'function') {
|
|
19494
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
19556
|
+
return this.eventEmitter.subscribe(EVENT$1.ON_SHIPPING_ADDRESS_CHANGE, handler);
|
|
19495
19557
|
}
|
|
19496
19558
|
this.handleOnError(new Error('onShippingAddressChange event handler is required.'), exports.ERROR_OPERATION.HANDLER_REGISTRATION);
|
|
19497
19559
|
}
|
|
@@ -19536,7 +19598,7 @@
|
|
|
19536
19598
|
value: function onShippingOptionsChange(handler) {
|
|
19537
19599
|
if (typeof handler === 'function') {
|
|
19538
19600
|
this.onShippingOptionsChangeHandlerRegistered = true;
|
|
19539
|
-
return this.eventEmitter.subscribe(EVENT$
|
|
19601
|
+
return this.eventEmitter.subscribe(EVENT$1.ON_SHIPPING_OPTIONS_CHANGE, handler);
|
|
19540
19602
|
}
|
|
19541
19603
|
this.handleOnError(new Error('onShippingOptionsChange event handler is required.'), exports.ERROR_OPERATION.HANDLER_REGISTRATION);
|
|
19542
19604
|
}
|
|
@@ -19650,8 +19712,8 @@
|
|
|
19650
19712
|
return this.api.paymentSource().createOTT(requestData).then(function (response) {
|
|
19651
19713
|
var cleanShipping = stripEmpty(shipping);
|
|
19652
19714
|
var cleanBilling = stripEmpty(billing);
|
|
19653
|
-
_this.eventEmitter.emit(EVENT$
|
|
19654
|
-
event: EVENT$
|
|
19715
|
+
_this.eventEmitter.emit(EVENT$1.SUCCESS, {
|
|
19716
|
+
event: EVENT$1.SUCCESS,
|
|
19655
19717
|
data: _extends(_extends({
|
|
19656
19718
|
token: response,
|
|
19657
19719
|
amount: amount
|
|
@@ -19664,8 +19726,8 @@
|
|
|
19664
19726
|
return response;
|
|
19665
19727
|
})["catch"](function (err) {
|
|
19666
19728
|
var _a, _b, _c, _d;
|
|
19667
|
-
_this.eventEmitter.emit(EVENT$
|
|
19668
|
-
event: EVENT$
|
|
19729
|
+
_this.eventEmitter.emit(EVENT$1.ERROR, {
|
|
19730
|
+
event: EVENT$1.ERROR,
|
|
19669
19731
|
data: {
|
|
19670
19732
|
message: ((_a = err === null || err === void 0 ? void 0 : err.error) === null || _a === void 0 ? void 0 : _a.message) || (err === null || err === void 0 ? void 0 : err.message) || ((_b = err === null || err === void 0 ? void 0 : err.error_summary) === null || _b === void 0 ? void 0 : _b.message),
|
|
19671
19733
|
code: ((_c = err === null || err === void 0 ? void 0 : err.error) === null || _c === void 0 ? void 0 : _c.code) || (err === null || err === void 0 ? void 0 : err.code) || ((_d = err === null || err === void 0 ? void 0 : err.error_summary) === null || _d === void 0 ? void 0 : _d.code)
|
|
@@ -19712,7 +19774,7 @@
|
|
|
19712
19774
|
value: function handleOnUnavailable() {
|
|
19713
19775
|
var reason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Wallet not available';
|
|
19714
19776
|
var unavailableData = {
|
|
19715
|
-
event: EVENT$
|
|
19777
|
+
event: EVENT$1.UNAVAILABLE,
|
|
19716
19778
|
data: {
|
|
19717
19779
|
reason: reason,
|
|
19718
19780
|
details: {
|
|
@@ -19720,7 +19782,7 @@
|
|
|
19720
19782
|
}
|
|
19721
19783
|
}
|
|
19722
19784
|
};
|
|
19723
|
-
this.eventEmitter.emit(EVENT$
|
|
19785
|
+
this.eventEmitter.emit(EVENT$1.UNAVAILABLE, unavailableData);
|
|
19724
19786
|
}
|
|
19725
19787
|
/**
|
|
19726
19788
|
* Emits the {@link EVENT.ERROR} event and logs the error to the console.
|
|
@@ -19736,7 +19798,7 @@
|
|
|
19736
19798
|
console.error('Wallet operation error:', error);
|
|
19737
19799
|
}
|
|
19738
19800
|
var errorData = {
|
|
19739
|
-
event: EVENT$
|
|
19801
|
+
event: EVENT$1.ERROR,
|
|
19740
19802
|
data: {
|
|
19741
19803
|
error: error,
|
|
19742
19804
|
context: {
|
|
@@ -19744,7 +19806,7 @@
|
|
|
19744
19806
|
}
|
|
19745
19807
|
}
|
|
19746
19808
|
};
|
|
19747
|
-
this.eventEmitter.emit(EVENT$
|
|
19809
|
+
this.eventEmitter.emit(EVENT$1.ERROR, errorData);
|
|
19748
19810
|
}
|
|
19749
19811
|
/**
|
|
19750
19812
|
* Removes the wallet button element from the DOM.
|
|
@@ -19794,8 +19856,8 @@
|
|
|
19794
19856
|
_this.serviceConfig = serviceConfig;
|
|
19795
19857
|
_this.latestShippingData = {};
|
|
19796
19858
|
_this.onCancelPayment = function () {
|
|
19797
|
-
return _this.eventEmitter.emit(EVENT$
|
|
19798
|
-
event: EVENT$
|
|
19859
|
+
return _this.eventEmitter.emit(EVENT$1.CHECKOUT_CLOSE, {
|
|
19860
|
+
event: EVENT$1.CHECKOUT_CLOSE
|
|
19799
19861
|
});
|
|
19800
19862
|
};
|
|
19801
19863
|
_this.onValidateMerchant = function () {
|
|
@@ -19875,7 +19937,7 @@
|
|
|
19875
19937
|
while (1) switch (_context.n) {
|
|
19876
19938
|
case 0:
|
|
19877
19939
|
return _context.a(2, this.handleMerchantOnShippingChangedEvent({
|
|
19878
|
-
event: EVENT$
|
|
19940
|
+
event: EVENT$1.ON_SHIPPING_ADDRESS_CHANGE,
|
|
19879
19941
|
data: this.parseShippingContactUpdateEvent(data)
|
|
19880
19942
|
}).then(function (response) {
|
|
19881
19943
|
var _a, _b;
|
|
@@ -19924,7 +19986,7 @@
|
|
|
19924
19986
|
while (1) switch (_context2.n) {
|
|
19925
19987
|
case 0:
|
|
19926
19988
|
return _context2.a(2, this.handleMerchantOnShippingChangedEvent({
|
|
19927
|
-
event: EVENT$
|
|
19989
|
+
event: EVENT$1.ON_SHIPPING_OPTIONS_CHANGE,
|
|
19928
19990
|
data: this.parseShippingMethodUpdateEvent(data)
|
|
19929
19991
|
}).then(function (response) {
|
|
19930
19992
|
var _a;
|
|
@@ -20139,15 +20201,20 @@
|
|
|
20139
20201
|
return;
|
|
20140
20202
|
}
|
|
20141
20203
|
applePayButton.addEventListener('click', this.onApplePayButtonClicked.bind(this));
|
|
20142
|
-
this.eventEmitter.emit(EVENT$
|
|
20143
|
-
event: EVENT$
|
|
20204
|
+
this.eventEmitter.emit(EVENT$1.LOADED, {
|
|
20205
|
+
event: EVENT$1.LOADED
|
|
20144
20206
|
});
|
|
20145
20207
|
}
|
|
20146
20208
|
}, {
|
|
20147
20209
|
key: "onApplePayButtonClicked",
|
|
20148
20210
|
value: function onApplePayButtonClicked() {
|
|
20149
20211
|
var _this7 = this;
|
|
20150
|
-
|
|
20212
|
+
var applePayApiVersion = getSupportedApplePayVersion();
|
|
20213
|
+
if (applePayApiVersion === 0) {
|
|
20214
|
+
this.handleOnUnavailable('Apple Pay version not supported');
|
|
20215
|
+
return;
|
|
20216
|
+
}
|
|
20217
|
+
this.paymentSession = new ApplePaySession(applePayApiVersion, this.mapMetaToApplePayPaymentRequest());
|
|
20151
20218
|
this.paymentSession.onvalidatemerchant = this.onValidateMerchant;
|
|
20152
20219
|
this.paymentSession.onpaymentauthorized = this.onPaymentAuthorized;
|
|
20153
20220
|
this.paymentSession.oncancel = this.onCancelPayment;
|
|
@@ -20193,8 +20260,8 @@
|
|
|
20193
20260
|
while (1) switch (_context4.n) {
|
|
20194
20261
|
case 0:
|
|
20195
20262
|
_context4.n = 1;
|
|
20196
|
-
return this.eventEmitter.emitWithResult(EVENT$
|
|
20197
|
-
event: EVENT$
|
|
20263
|
+
return this.eventEmitter.emitWithResult(EVENT$1.ON_CLICK, {
|
|
20264
|
+
event: EVENT$1.ON_CLICK
|
|
20198
20265
|
});
|
|
20199
20266
|
case 1:
|
|
20200
20267
|
results = _context4.v;
|
|
@@ -20518,8 +20585,8 @@
|
|
|
20518
20585
|
* Used to translate shipping-related Google Pay events to the unified event system.
|
|
20519
20586
|
*/
|
|
20520
20587
|
({
|
|
20521
|
-
SHIPPING_ADDRESS: EVENT$
|
|
20522
|
-
SHIPPING_OPTION: EVENT$
|
|
20588
|
+
SHIPPING_ADDRESS: EVENT$1.ON_SHIPPING_ADDRESS_CHANGE,
|
|
20589
|
+
SHIPPING_OPTION: EVENT$1.ON_SHIPPING_OPTIONS_CHANGE
|
|
20523
20590
|
});
|
|
20524
20591
|
|
|
20525
20592
|
/**
|
|
@@ -20884,8 +20951,8 @@
|
|
|
20884
20951
|
buttonColor: ((_c = this.getMetaStyles()) === null || _c === void 0 ? void 0 : _c.button_color) || 'default'
|
|
20885
20952
|
});
|
|
20886
20953
|
button.appendChild(googlePayButton);
|
|
20887
|
-
this.eventEmitter.emit(EVENT$
|
|
20888
|
-
event: EVENT$
|
|
20954
|
+
this.eventEmitter.emit(EVENT$1.LOADED, {
|
|
20955
|
+
event: EVENT$1.LOADED
|
|
20889
20956
|
});
|
|
20890
20957
|
}
|
|
20891
20958
|
}, {
|
|
@@ -20914,8 +20981,8 @@
|
|
|
20914
20981
|
while (1) switch (_context3.n) {
|
|
20915
20982
|
case 0:
|
|
20916
20983
|
_context3.n = 1;
|
|
20917
|
-
return this.eventEmitter.emitWithResult(EVENT$
|
|
20918
|
-
event: EVENT$
|
|
20984
|
+
return this.eventEmitter.emitWithResult(EVENT$1.ON_CLICK, {
|
|
20985
|
+
event: EVENT$1.ON_CLICK
|
|
20919
20986
|
});
|
|
20920
20987
|
case 1:
|
|
20921
20988
|
results = _context3.v;
|
|
@@ -20941,8 +21008,8 @@
|
|
|
20941
21008
|
while (1) switch (_context4.n) {
|
|
20942
21009
|
case 0:
|
|
20943
21010
|
return _context4.a(2, this.paymentsClient.loadPaymentData(this.createPaymentDataRequest())["catch"](function (err) {
|
|
20944
|
-
_this6.eventEmitter.emit(EVENT$
|
|
20945
|
-
event: EVENT$
|
|
21011
|
+
_this6.eventEmitter.emit(EVENT$1.CHECKOUT_CLOSE, {
|
|
21012
|
+
event: EVENT$1.CHECKOUT_CLOSE
|
|
20946
21013
|
});
|
|
20947
21014
|
_this6.processingButtonClick = false;
|
|
20948
21015
|
throw err;
|
|
@@ -21006,13 +21073,13 @@
|
|
|
21006
21073
|
if (intermediatePaymentData.callbackTrigger === 'INITIALIZE' || intermediatePaymentData.callbackTrigger === 'SHIPPING_ADDRESS') {
|
|
21007
21074
|
callbackIntent = 'SHIPPING_ADDRESS';
|
|
21008
21075
|
eventData = {
|
|
21009
|
-
event: EVENT$
|
|
21076
|
+
event: EVENT$1.ON_SHIPPING_ADDRESS_CHANGE,
|
|
21010
21077
|
data: parsedUpdateData.shipping
|
|
21011
21078
|
};
|
|
21012
21079
|
} else if (intermediatePaymentData.callbackTrigger === 'SHIPPING_OPTION') {
|
|
21013
21080
|
callbackIntent = 'SHIPPING_OPTION';
|
|
21014
21081
|
eventData = {
|
|
21015
|
-
event: EVENT$
|
|
21082
|
+
event: EVENT$1.ON_SHIPPING_OPTIONS_CHANGE,
|
|
21016
21083
|
data: {
|
|
21017
21084
|
shipping_option_id: (_a = parsedUpdateData.selected_shipping_option) === null || _a === void 0 ? void 0 : _a.id,
|
|
21018
21085
|
label: (_b = parsedUpdateData.selected_shipping_option) === null || _b === void 0 ? void 0 : _b.label,
|
|
@@ -21712,7 +21779,7 @@
|
|
|
21712
21779
|
}, {
|
|
21713
21780
|
key: "onSelectInsert",
|
|
21714
21781
|
value: function onSelectInsert(selector, dataType) {
|
|
21715
|
-
this.on(EVENT$
|
|
21782
|
+
this.on(EVENT$4.SELECT, function (event) {
|
|
21716
21783
|
Event$1.insertToInput(selector, dataType, event);
|
|
21717
21784
|
});
|
|
21718
21785
|
}
|
|
@@ -22282,7 +22349,7 @@
|
|
|
22282
22349
|
* @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
|
|
22283
22350
|
* @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
|
|
22284
22351
|
*/
|
|
22285
|
-
var EVENT
|
|
22352
|
+
var EVENT;
|
|
22286
22353
|
(function (EVENT) {
|
|
22287
22354
|
EVENT["IFRAME_LOADED"] = "iframeLoaded";
|
|
22288
22355
|
EVENT["CHECKOUT_READY"] = "checkoutReady";
|
|
@@ -22290,7 +22357,7 @@
|
|
|
22290
22357
|
EVENT["CHECKOUT_ERROR"] = "checkoutError";
|
|
22291
22358
|
EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
|
|
22292
22359
|
EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
|
|
22293
|
-
})(EVENT
|
|
22360
|
+
})(EVENT || (EVENT = {}));
|
|
22294
22361
|
/**
|
|
22295
22362
|
* List of available event data types
|
|
22296
22363
|
* @enum EVENT_DATA_TYPE
|
|
@@ -22460,25 +22527,25 @@
|
|
|
22460
22527
|
var _this = this;
|
|
22461
22528
|
var widgetId = this.link.getParams().widget_id;
|
|
22462
22529
|
if (!widgetId) return;
|
|
22463
|
-
this.iFrameEvent.on(EVENT
|
|
22530
|
+
this.iFrameEvent.on(EVENT.CHECKOUT_READY, widgetId, function (_ref) {
|
|
22464
22531
|
var data = _ref.data;
|
|
22465
|
-
_this.eventEmitter.emit(EVENT
|
|
22532
|
+
_this.eventEmitter.emit(EVENT.CHECKOUT_READY, data);
|
|
22466
22533
|
});
|
|
22467
|
-
this.iFrameEvent.on(EVENT
|
|
22534
|
+
this.iFrameEvent.on(EVENT.CHECKOUT_COMPLETED, widgetId, function (_ref2) {
|
|
22468
22535
|
var data = _ref2.data;
|
|
22469
|
-
_this.eventEmitter.emit(EVENT
|
|
22536
|
+
_this.eventEmitter.emit(EVENT.CHECKOUT_COMPLETED, data);
|
|
22470
22537
|
});
|
|
22471
|
-
this.iFrameEvent.on(EVENT
|
|
22538
|
+
this.iFrameEvent.on(EVENT.CHECKOUT_POPUP_OPEN, widgetId, function (_ref3) {
|
|
22472
22539
|
var data = _ref3.data;
|
|
22473
|
-
_this.eventEmitter.emit(EVENT
|
|
22540
|
+
_this.eventEmitter.emit(EVENT.CHECKOUT_POPUP_OPEN, data);
|
|
22474
22541
|
});
|
|
22475
|
-
this.iFrameEvent.on(EVENT
|
|
22542
|
+
this.iFrameEvent.on(EVENT.CHECKOUT_POPUP_CLOSE, widgetId, function (_ref4) {
|
|
22476
22543
|
var data = _ref4.data;
|
|
22477
|
-
_this.eventEmitter.emit(EVENT
|
|
22544
|
+
_this.eventEmitter.emit(EVENT.CHECKOUT_POPUP_CLOSE, data);
|
|
22478
22545
|
});
|
|
22479
|
-
this.iFrameEvent.on(EVENT
|
|
22546
|
+
this.iFrameEvent.on(EVENT.CHECKOUT_ERROR, widgetId, function (_ref5) {
|
|
22480
22547
|
var data = _ref5.data;
|
|
22481
|
-
_this.eventEmitter.emit(EVENT
|
|
22548
|
+
_this.eventEmitter.emit(EVENT.CHECKOUT_ERROR, data);
|
|
22482
22549
|
});
|
|
22483
22550
|
if (this.autoResize) this.useAutoResize(true);
|
|
22484
22551
|
}
|
|
@@ -22501,7 +22568,7 @@
|
|
|
22501
22568
|
if (iframeElement) {
|
|
22502
22569
|
iframeElement.onload = function () {
|
|
22503
22570
|
_this2.isIframeLoaded = true;
|
|
22504
|
-
_this2.eventEmitter.emit(EVENT
|
|
22571
|
+
_this2.eventEmitter.emit(EVENT.IFRAME_LOADED, {});
|
|
22505
22572
|
if (_this2.injectedCustomerData) {
|
|
22506
22573
|
_this2.injectCustomerData(_this2.injectedCustomerData);
|
|
22507
22574
|
_this2.injectedCustomerData = null;
|
|
@@ -22988,7 +23055,7 @@
|
|
|
22988
23055
|
}]);
|
|
22989
23056
|
}();
|
|
22990
23057
|
|
|
22991
|
-
|
|
23058
|
+
exports.WALLET_BUTTONS_EXPRESS_EVENT = void 0;
|
|
22992
23059
|
(function (EVENT) {
|
|
22993
23060
|
EVENT["UNAVAILABLE"] = "unavailable";
|
|
22994
23061
|
EVENT["ERROR"] = "error";
|
|
@@ -22999,12 +23066,13 @@
|
|
|
22999
23066
|
EVENT["ON_CHECKOUT_CLOSE"] = "onCheckoutClose";
|
|
23000
23067
|
EVENT["ON_SHIPPING_ADDRESS_CHANGE"] = "onShippingAddressChange";
|
|
23001
23068
|
EVENT["ON_SHIPPING_OPTIONS_CHANGE"] = "onShippingOptionsChange";
|
|
23002
|
-
})(
|
|
23069
|
+
})(exports.WALLET_BUTTONS_EXPRESS_EVENT || (exports.WALLET_BUTTONS_EXPRESS_EVENT = {}));
|
|
23003
23070
|
|
|
23004
23071
|
var BaseWalletButton = /*#__PURE__*/function () {
|
|
23005
23072
|
function BaseWalletButton(selector, publicKeyOrAccessToken, gatewayId, meta, requiredMetaFields) {
|
|
23006
23073
|
_classCallCheck(this, BaseWalletButton);
|
|
23007
23074
|
this.env = DEFAULT_ENV;
|
|
23075
|
+
this.isDisabled = false;
|
|
23008
23076
|
this.onShippingOptionsChangeHandlerRegistered = false;
|
|
23009
23077
|
this.eventEmitter = new EventEmitter();
|
|
23010
23078
|
this.container = new Container(selector);
|
|
@@ -23037,6 +23105,30 @@
|
|
|
23037
23105
|
this.env = env;
|
|
23038
23106
|
this.api.setEnv(env, alias);
|
|
23039
23107
|
}
|
|
23108
|
+
/**
|
|
23109
|
+
* Enables the wallet button, restoring interactivity and visual appearance.
|
|
23110
|
+
*
|
|
23111
|
+
* @example
|
|
23112
|
+
* button.enable();
|
|
23113
|
+
*/
|
|
23114
|
+
}, {
|
|
23115
|
+
key: "enable",
|
|
23116
|
+
value: function enable() {
|
|
23117
|
+
this.isDisabled = false;
|
|
23118
|
+
this.applyDisabledStyles();
|
|
23119
|
+
}
|
|
23120
|
+
/**
|
|
23121
|
+
* Disables the wallet button, preventing clicks and applying a visual disabled state.
|
|
23122
|
+
*
|
|
23123
|
+
* @example
|
|
23124
|
+
* button.disable();
|
|
23125
|
+
*/
|
|
23126
|
+
}, {
|
|
23127
|
+
key: "disable",
|
|
23128
|
+
value: function disable() {
|
|
23129
|
+
this.isDisabled = true;
|
|
23130
|
+
this.applyDisabledStyles();
|
|
23131
|
+
}
|
|
23040
23132
|
/**
|
|
23041
23133
|
* Callback for onClick method.
|
|
23042
23134
|
*
|
|
@@ -23064,7 +23156,7 @@
|
|
|
23064
23156
|
key: "onClick",
|
|
23065
23157
|
value: function onClick(handler) {
|
|
23066
23158
|
if (typeof handler === 'function') {
|
|
23067
|
-
return this.eventEmitter.subscribe(
|
|
23159
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CLICK, handler);
|
|
23068
23160
|
}
|
|
23069
23161
|
this.handleOnError(new Error('onClick event handler is required to return the wallet token string.'));
|
|
23070
23162
|
}
|
|
@@ -23093,10 +23185,10 @@
|
|
|
23093
23185
|
value: function onPaymentSuccessful(handler) {
|
|
23094
23186
|
var _this = this;
|
|
23095
23187
|
if (typeof handler === 'function') {
|
|
23096
|
-
return this.eventEmitter.subscribe(
|
|
23188
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_SUCCESSFUL, handler);
|
|
23097
23189
|
}
|
|
23098
23190
|
return new Promise(function (resolve) {
|
|
23099
|
-
return _this.eventEmitter.subscribe(
|
|
23191
|
+
return _this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_SUCCESSFUL, function (data) {
|
|
23100
23192
|
return resolve(data);
|
|
23101
23193
|
});
|
|
23102
23194
|
});
|
|
@@ -23126,10 +23218,10 @@
|
|
|
23126
23218
|
value: function onPaymentInReview(handler) {
|
|
23127
23219
|
var _this2 = this;
|
|
23128
23220
|
if (typeof handler === 'function') {
|
|
23129
|
-
return this.eventEmitter.subscribe(
|
|
23221
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_IN_REVIEW, handler);
|
|
23130
23222
|
}
|
|
23131
23223
|
return new Promise(function (resolve) {
|
|
23132
|
-
return _this2.eventEmitter.subscribe(
|
|
23224
|
+
return _this2.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_IN_REVIEW, function (data) {
|
|
23133
23225
|
return resolve(data);
|
|
23134
23226
|
});
|
|
23135
23227
|
});
|
|
@@ -23159,10 +23251,10 @@
|
|
|
23159
23251
|
value: function onPaymentError(handler) {
|
|
23160
23252
|
var _this3 = this;
|
|
23161
23253
|
if (typeof handler === 'function') {
|
|
23162
|
-
return this.eventEmitter.subscribe(
|
|
23254
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR, handler);
|
|
23163
23255
|
}
|
|
23164
23256
|
return new Promise(function (resolve) {
|
|
23165
|
-
return _this3.eventEmitter.subscribe(
|
|
23257
|
+
return _this3.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR, function (err) {
|
|
23166
23258
|
return resolve(err);
|
|
23167
23259
|
});
|
|
23168
23260
|
});
|
|
@@ -23188,10 +23280,10 @@
|
|
|
23188
23280
|
value: function onCheckoutClose(handler) {
|
|
23189
23281
|
var _this4 = this;
|
|
23190
23282
|
if (typeof handler === 'function') {
|
|
23191
|
-
return this.eventEmitter.subscribe(
|
|
23283
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CHECKOUT_CLOSE, handler);
|
|
23192
23284
|
}
|
|
23193
23285
|
return new Promise(function (resolve) {
|
|
23194
|
-
return _this4.eventEmitter.subscribe(
|
|
23286
|
+
return _this4.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CHECKOUT_CLOSE, function (err) {
|
|
23195
23287
|
return resolve(err);
|
|
23196
23288
|
});
|
|
23197
23289
|
});
|
|
@@ -23222,7 +23314,7 @@
|
|
|
23222
23314
|
key: "onShippingAddressChange",
|
|
23223
23315
|
value: function onShippingAddressChange(handler) {
|
|
23224
23316
|
if (typeof handler === 'function') {
|
|
23225
|
-
return this.eventEmitter.subscribe(
|
|
23317
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_SHIPPING_ADDRESS_CHANGE, handler);
|
|
23226
23318
|
}
|
|
23227
23319
|
this.handleOnError(new Error('onShippingAddressChange event handler is required to return the wallet token string or reject.'));
|
|
23228
23320
|
}
|
|
@@ -23253,7 +23345,7 @@
|
|
|
23253
23345
|
value: function onShippingOptionsChange(handler) {
|
|
23254
23346
|
if (typeof handler === 'function') {
|
|
23255
23347
|
this.onShippingOptionsChangeHandlerRegistered = true;
|
|
23256
|
-
return this.eventEmitter.subscribe(
|
|
23348
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_SHIPPING_OPTIONS_CHANGE, handler);
|
|
23257
23349
|
}
|
|
23258
23350
|
this.handleOnError(new Error('onShippingOptionsChange event handler is required to return the wallet token string or reject.'));
|
|
23259
23351
|
}
|
|
@@ -23278,10 +23370,10 @@
|
|
|
23278
23370
|
value: function onUnavailable(handler) {
|
|
23279
23371
|
var _this5 = this;
|
|
23280
23372
|
if (typeof handler === 'function') {
|
|
23281
|
-
return this.eventEmitter.subscribe(
|
|
23373
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.UNAVAILABLE, handler);
|
|
23282
23374
|
}
|
|
23283
23375
|
return new Promise(function (resolve) {
|
|
23284
|
-
return _this5.eventEmitter.subscribe(
|
|
23376
|
+
return _this5.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.UNAVAILABLE, function (err) {
|
|
23285
23377
|
return resolve(err);
|
|
23286
23378
|
});
|
|
23287
23379
|
});
|
|
@@ -23308,10 +23400,10 @@
|
|
|
23308
23400
|
value: function onError(handler) {
|
|
23309
23401
|
var _this6 = this;
|
|
23310
23402
|
if (typeof handler === 'function') {
|
|
23311
|
-
return this.eventEmitter.subscribe(
|
|
23403
|
+
return this.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ERROR, handler);
|
|
23312
23404
|
}
|
|
23313
23405
|
return new Promise(function (resolve) {
|
|
23314
|
-
return _this6.eventEmitter.subscribe(
|
|
23406
|
+
return _this6.eventEmitter.subscribe(exports.WALLET_BUTTONS_EXPRESS_EVENT.ERROR, function (err) {
|
|
23315
23407
|
return resolve(err);
|
|
23316
23408
|
});
|
|
23317
23409
|
});
|
|
@@ -23348,8 +23440,8 @@
|
|
|
23348
23440
|
var _this8 = this;
|
|
23349
23441
|
return this.api.charge().walletCallback(data)["catch"](function (err) {
|
|
23350
23442
|
var _a;
|
|
23351
|
-
_this8.eventEmitter.emit(
|
|
23352
|
-
event:
|
|
23443
|
+
_this8.eventEmitter.emit(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR, {
|
|
23444
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR,
|
|
23353
23445
|
chargeId: (_a = _this8.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
|
|
23354
23446
|
data: _this8.eventDataFromApiError(err)
|
|
23355
23447
|
});
|
|
@@ -23363,7 +23455,7 @@
|
|
|
23363
23455
|
var _this9 = this;
|
|
23364
23456
|
return this.api.charge().walletCapture(data).then(function (captureResult) {
|
|
23365
23457
|
var _a;
|
|
23366
|
-
var event = captureResult.status === 'inreview' ?
|
|
23458
|
+
var event = captureResult.status === 'inreview' ? exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_IN_REVIEW : exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_SUCCESSFUL;
|
|
23367
23459
|
_this9.eventEmitter.emit(event, {
|
|
23368
23460
|
event: event,
|
|
23369
23461
|
chargeId: (_a = _this9.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
|
|
@@ -23372,8 +23464,8 @@
|
|
|
23372
23464
|
return captureResult;
|
|
23373
23465
|
})["catch"](function (err) {
|
|
23374
23466
|
var _a;
|
|
23375
|
-
_this9.eventEmitter.emit(
|
|
23376
|
-
event:
|
|
23467
|
+
_this9.eventEmitter.emit(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR, {
|
|
23468
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR,
|
|
23377
23469
|
chargeId: (_a = _this9.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
|
|
23378
23470
|
data: _this9.eventDataFromApiError(err)
|
|
23379
23471
|
});
|
|
@@ -23384,8 +23476,8 @@
|
|
|
23384
23476
|
key: "handleMerchantOnExpressButtonClickEvent",
|
|
23385
23477
|
value: function handleMerchantOnExpressButtonClickEvent() {
|
|
23386
23478
|
var _this0 = this;
|
|
23387
|
-
return this.eventEmitter.emitWithResult(
|
|
23388
|
-
event:
|
|
23479
|
+
return this.eventEmitter.emitWithResult(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CLICK, {
|
|
23480
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CLICK
|
|
23389
23481
|
}).then(function (result) {
|
|
23390
23482
|
var _a;
|
|
23391
23483
|
if (!result || result.length === 0) {
|
|
@@ -23462,8 +23554,8 @@
|
|
|
23462
23554
|
value: function handleCheckoutClose() {
|
|
23463
23555
|
var _a;
|
|
23464
23556
|
var chargeId = (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id;
|
|
23465
|
-
this.eventEmitter.emit(
|
|
23466
|
-
event:
|
|
23557
|
+
this.eventEmitter.emit(exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CHECKOUT_CLOSE, _extends({
|
|
23558
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_CHECKOUT_CLOSE
|
|
23467
23559
|
}, chargeId && {
|
|
23468
23560
|
chargeId: chargeId
|
|
23469
23561
|
}));
|
|
@@ -23471,8 +23563,8 @@
|
|
|
23471
23563
|
}, {
|
|
23472
23564
|
key: "handleOnUnavailable",
|
|
23473
23565
|
value: function handleOnUnavailable() {
|
|
23474
|
-
this.eventEmitter.emit(
|
|
23475
|
-
event:
|
|
23566
|
+
this.eventEmitter.emit(exports.WALLET_BUTTONS_EXPRESS_EVENT.UNAVAILABLE, {
|
|
23567
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.UNAVAILABLE
|
|
23476
23568
|
});
|
|
23477
23569
|
}
|
|
23478
23570
|
}, {
|
|
@@ -23483,8 +23575,8 @@
|
|
|
23483
23575
|
console.error(error);
|
|
23484
23576
|
}
|
|
23485
23577
|
var chargeId = (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id;
|
|
23486
|
-
this.eventEmitter.emit(
|
|
23487
|
-
event:
|
|
23578
|
+
this.eventEmitter.emit(exports.WALLET_BUTTONS_EXPRESS_EVENT.ERROR, _extends(_extends({
|
|
23579
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ERROR
|
|
23488
23580
|
}, chargeId && {
|
|
23489
23581
|
chargeId: chargeId
|
|
23490
23582
|
}), {
|
|
@@ -23501,6 +23593,23 @@
|
|
|
23501
23593
|
code: ((_c = err === null || err === void 0 ? void 0 : err.error) === null || _c === void 0 ? void 0 : _c.code) || (err === null || err === void 0 ? void 0 : err.code) || ((_d = err === null || err === void 0 ? void 0 : err.error_summary) === null || _d === void 0 ? void 0 : _d.code)
|
|
23502
23594
|
};
|
|
23503
23595
|
}
|
|
23596
|
+
}, {
|
|
23597
|
+
key: "applyDisabledStyles",
|
|
23598
|
+
value: function applyDisabledStyles() {
|
|
23599
|
+
var element = this.container.getElement();
|
|
23600
|
+
if (!element) {
|
|
23601
|
+
return;
|
|
23602
|
+
}
|
|
23603
|
+
if (this.isDisabled) {
|
|
23604
|
+
element.style.pointerEvents = 'none';
|
|
23605
|
+
element.style.opacity = '0.5';
|
|
23606
|
+
element.setAttribute('aria-disabled', 'true');
|
|
23607
|
+
} else {
|
|
23608
|
+
element.style.pointerEvents = '';
|
|
23609
|
+
element.style.opacity = '';
|
|
23610
|
+
element.removeAttribute('aria-disabled');
|
|
23611
|
+
}
|
|
23612
|
+
}
|
|
23504
23613
|
}, {
|
|
23505
23614
|
key: "validateRequiredMetaFields",
|
|
23506
23615
|
value: function validateRequiredMetaFields(requiredMetaFields) {
|
|
@@ -23543,11 +23652,11 @@
|
|
|
23543
23652
|
return "\n apple-pay-button {\n display: inline-block;\n --apple-pay-button-width: 100%;\n --apple-pay-button-height: 40px;\n --apple-pay-button-border-radius: 5px;\n --apple-pay-button-padding: 5px 0px;\n }\n ";
|
|
23544
23653
|
};
|
|
23545
23654
|
|
|
23546
|
-
|
|
23655
|
+
exports.ContactShippingEditingMode = void 0;
|
|
23547
23656
|
(function (ContactShippingEditingMode) {
|
|
23548
23657
|
ContactShippingEditingMode["AVAILABLE"] = "available";
|
|
23549
23658
|
ContactShippingEditingMode["STORE_PICKUP"] = "store_pickup";
|
|
23550
|
-
})(ContactShippingEditingMode || (ContactShippingEditingMode = {}));
|
|
23659
|
+
})(exports.ContactShippingEditingMode || (exports.ContactShippingEditingMode = {}));
|
|
23551
23660
|
|
|
23552
23661
|
var DEFAULT_APPLE_PAY_CAPABILITIES = ['paymentCredentialsAvailable'];
|
|
23553
23662
|
/**
|
|
@@ -23572,7 +23681,14 @@
|
|
|
23572
23681
|
_classCallCheck(this, ApplePayWalletButtonExpress);
|
|
23573
23682
|
_this = _callSuper(this, ApplePayWalletButtonExpress, [selector, publicKeyOrAccessToken, gatewayId, meta, ['amount_label', 'country']]);
|
|
23574
23683
|
_this.onApplePayButtonClicked = function () {
|
|
23575
|
-
|
|
23684
|
+
if (_this.isDisabled) {
|
|
23685
|
+
return;
|
|
23686
|
+
}
|
|
23687
|
+
var applePayApiVersion = getSupportedApplePayVersion();
|
|
23688
|
+
if (applePayApiVersion === 0) {
|
|
23689
|
+
_this.handleOnUnavailable();
|
|
23690
|
+
return;
|
|
23691
|
+
}
|
|
23576
23692
|
_this.paymentSession = new ApplePaySession(applePayApiVersion, _this.createRequest());
|
|
23577
23693
|
_this.paymentSession.onvalidatemerchant = _this.onValidateMerchant;
|
|
23578
23694
|
_this.paymentSession.onpaymentauthorized = _this.onPaymentAuthorized;
|
|
@@ -23666,8 +23782,8 @@
|
|
|
23666
23782
|
} catch (error) {
|
|
23667
23783
|
// this ensures thatwe always call completePayment and emit error callback even if there's an uncaught exception
|
|
23668
23784
|
_this.paymentSession.completePayment(ApplePaySession.STATUS_FAILURE);
|
|
23669
|
-
_this.eventEmitter.emit(
|
|
23670
|
-
event:
|
|
23785
|
+
_this.eventEmitter.emit(exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR, {
|
|
23786
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.PAYMENT_ERROR,
|
|
23671
23787
|
chargeId: (_k = _this.chargeWalletTokenMeta) === null || _k === void 0 ? void 0 : _k.charge.id,
|
|
23672
23788
|
data: {
|
|
23673
23789
|
message: error instanceof Error ? error.message : 'Payment processing failed',
|
|
@@ -23687,7 +23803,7 @@
|
|
|
23687
23803
|
while (1) switch (_context.n) {
|
|
23688
23804
|
case 0:
|
|
23689
23805
|
return _context.a(2, this.handleMerchantOnShippingChangedEvent({
|
|
23690
|
-
event:
|
|
23806
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_SHIPPING_ADDRESS_CHANGE,
|
|
23691
23807
|
chargeId: (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
|
|
23692
23808
|
data: this.parseShippingContactUpdateEvent(data)
|
|
23693
23809
|
}).then(function (response) {
|
|
@@ -23722,7 +23838,7 @@
|
|
|
23722
23838
|
while (1) switch (_context2.n) {
|
|
23723
23839
|
case 0:
|
|
23724
23840
|
return _context2.a(2, this.handleMerchantOnShippingChangedEvent({
|
|
23725
|
-
event:
|
|
23841
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_SHIPPING_OPTIONS_CHANGE,
|
|
23726
23842
|
chargeId: (_b = this.chargeWalletTokenMeta) === null || _b === void 0 ? void 0 : _b.charge.id,
|
|
23727
23843
|
data: this.parseShippingMethodUpdateEvent(data)
|
|
23728
23844
|
}).then(function (_response) {
|
|
@@ -23850,6 +23966,7 @@
|
|
|
23850
23966
|
return;
|
|
23851
23967
|
}
|
|
23852
23968
|
applePayButton.addEventListener('click', this.onApplePayButtonClicked.bind(this));
|
|
23969
|
+
this.applyDisabledStyles();
|
|
23853
23970
|
}
|
|
23854
23971
|
}, {
|
|
23855
23972
|
key: "createRequest",
|
|
@@ -23858,7 +23975,7 @@
|
|
|
23858
23975
|
// https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest
|
|
23859
23976
|
var shippingContactEditingMode;
|
|
23860
23977
|
if (this.meta.shipping_editing_mode) {
|
|
23861
|
-
shippingContactEditingMode = this.meta.shipping_editing_mode === ContactShippingEditingMode.AVAILABLE ? 'available' : 'storePickup';
|
|
23978
|
+
shippingContactEditingMode = this.meta.shipping_editing_mode === exports.ContactShippingEditingMode.AVAILABLE ? 'available' : 'storePickup';
|
|
23862
23979
|
}
|
|
23863
23980
|
return _extends(_extends({
|
|
23864
23981
|
countryCode: this.meta.country,
|
|
@@ -24042,13 +24159,20 @@
|
|
|
24042
24159
|
key: "load",
|
|
24043
24160
|
value: function load() {
|
|
24044
24161
|
var _this2 = this;
|
|
24045
|
-
if (!window.Promise)
|
|
24162
|
+
if (!window.Promise) {
|
|
24163
|
+
return this.handleOnUnavailable();
|
|
24164
|
+
}
|
|
24046
24165
|
this.getGatewayWalletConfig().then(function (config) {
|
|
24047
|
-
if (!config || config.type !== 'Paypal' || !config.credentials || !config.credentials.client_auth)
|
|
24166
|
+
if (!config || config.type !== 'Paypal' || !config.credentials || !config.credentials.client_auth) {
|
|
24167
|
+
throw new Error('Invalid configuration');
|
|
24168
|
+
}
|
|
24048
24169
|
_this2.config = config;
|
|
24049
24170
|
_this2.renderPaypalButton();
|
|
24171
|
+
_this2.applyDisabledStyles();
|
|
24050
24172
|
})["catch"](function (err) {
|
|
24051
|
-
if (err)
|
|
24173
|
+
if (err) {
|
|
24174
|
+
_this2.handleOnError(err);
|
|
24175
|
+
}
|
|
24052
24176
|
_this2.handleOnUnavailable();
|
|
24053
24177
|
});
|
|
24054
24178
|
}
|
|
@@ -24065,6 +24189,7 @@
|
|
|
24065
24189
|
value: function setMeta(meta) {
|
|
24066
24190
|
this.meta = meta;
|
|
24067
24191
|
this.renderPaypalButton();
|
|
24192
|
+
this.applyDisabledStyles();
|
|
24068
24193
|
}
|
|
24069
24194
|
}, {
|
|
24070
24195
|
key: "renderPaypalButton",
|
|
@@ -24081,7 +24206,7 @@
|
|
|
24081
24206
|
var _this3 = this;
|
|
24082
24207
|
var _a, _b;
|
|
24083
24208
|
var buttonId = ((_a = this.container.getElement()) === null || _a === void 0 ? void 0 : _a.id) || '';
|
|
24084
|
-
var paypalScript = document.createElement(
|
|
24209
|
+
var paypalScript = document.createElement('script');
|
|
24085
24210
|
paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat((_b = this.config.credentials) === null || _b === void 0 ? void 0 : _b.client_auth, "¤cy=").concat(this.meta.currency).concat(this.meta.pay_later === true ? '&enable-funding=paylater&disable-funding=card' : '&disable-funding=credit,card').concat(!this.meta.capture ? '&intent=authorize' : '');
|
|
24086
24211
|
paypalScript.async = true;
|
|
24087
24212
|
paypalScript.onload = function () {
|
|
@@ -24100,7 +24225,7 @@
|
|
|
24100
24225
|
var _this4 = this;
|
|
24101
24226
|
var _a, _b, _c;
|
|
24102
24227
|
var buttonId = ((_a = this.container.getElement()) === null || _a === void 0 ? void 0 : _a.id) || '';
|
|
24103
|
-
var paypalScript = document.createElement(
|
|
24228
|
+
var paypalScript = document.createElement('script');
|
|
24104
24229
|
// buyer-country is only used in Sandbox. It shouldn't be used in production. Based on buyer's geolocation this parameter determine which funding sources are eligible for a given buyer. Refer the link https://developer.paypal.com/sdk/js/configuration/#link-buyercountry
|
|
24105
24230
|
paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat((_b = this.config.credentials) === null || _b === void 0 ? void 0 : _b.client_auth, "¤cy=").concat(this.meta.currency, "&components=buttons,funding-eligibility,messages&enable-funding=paylater").concat(!this.meta.capture ? '&intent=authorize' : '').concat(((_c = this.config) === null || _c === void 0 ? void 0 : _c.mode) === 'live' ? '' : '&buyer-country=AU');
|
|
24106
24231
|
paypalScript.async = true;
|
|
@@ -24141,6 +24266,9 @@
|
|
|
24141
24266
|
style: this.meta.style
|
|
24142
24267
|
}), {
|
|
24143
24268
|
onClick: function onClick(_data, actions) {
|
|
24269
|
+
if (_this5.isDisabled) {
|
|
24270
|
+
return actions.reject();
|
|
24271
|
+
}
|
|
24144
24272
|
return _this5.handleMerchantOnExpressButtonClickEvent().then(function () {
|
|
24145
24273
|
return actions.resolve();
|
|
24146
24274
|
})["catch"](function () {
|
|
@@ -24151,7 +24279,9 @@
|
|
|
24151
24279
|
createOrder: function createOrder() {
|
|
24152
24280
|
return new Promise(function (resolve, reject) {
|
|
24153
24281
|
var _a, _b;
|
|
24154
|
-
if (!_this5.api.auth)
|
|
24282
|
+
if (!_this5.api.auth) {
|
|
24283
|
+
return reject(new Error('Wallet Token not injected. Please handle onClick correctly.'));
|
|
24284
|
+
}
|
|
24155
24285
|
var shipping = (_b = (_a = _this5.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.shipping;
|
|
24156
24286
|
if (shipping) {
|
|
24157
24287
|
var hasCompleteShippingAddress = ['address_line1', 'address_city', 'address_country', 'address_state', 'address_postcode'].every(function (key) {
|
|
@@ -24170,7 +24300,9 @@
|
|
|
24170
24300
|
});
|
|
24171
24301
|
},
|
|
24172
24302
|
onApprove: function onApprove(data) {
|
|
24173
|
-
if (_this5.pendingApprovalPromise)
|
|
24303
|
+
if (_this5.pendingApprovalPromise) {
|
|
24304
|
+
return _this5.pendingApprovalPromise;
|
|
24305
|
+
}
|
|
24174
24306
|
_this5.pendingApprovalPromise = _this5.executeWalletCapture({
|
|
24175
24307
|
payment_method_id: data.orderID,
|
|
24176
24308
|
customer: {
|
|
@@ -24214,7 +24346,7 @@
|
|
|
24214
24346
|
return _context.a(2);
|
|
24215
24347
|
case 1:
|
|
24216
24348
|
return _context.a(2, this.handleMerchantOnShippingChangedEvent({
|
|
24217
|
-
event:
|
|
24349
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_SHIPPING_ADDRESS_CHANGE,
|
|
24218
24350
|
chargeId: (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
|
|
24219
24351
|
data: {
|
|
24220
24352
|
address_city: data.shippingAddress.city,
|
|
@@ -24249,7 +24381,7 @@
|
|
|
24249
24381
|
while (1) switch (_context2.n) {
|
|
24250
24382
|
case 0:
|
|
24251
24383
|
return _context2.a(2, this.handleMerchantOnShippingChangedEvent({
|
|
24252
|
-
event:
|
|
24384
|
+
event: exports.WALLET_BUTTONS_EXPRESS_EVENT.ON_SHIPPING_OPTIONS_CHANGE,
|
|
24253
24385
|
chargeId: (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
|
|
24254
24386
|
data: {
|
|
24255
24387
|
shipping_option_id: data.selectedShippingOption.id,
|
|
@@ -44359,7 +44491,7 @@
|
|
|
44359
44491
|
exports.ClickToPay = ClickToPay;
|
|
44360
44492
|
exports.Configuration = Configuration;
|
|
44361
44493
|
exports.ELEMENT = ELEMENT;
|
|
44362
|
-
exports.EVENT = EVENT$
|
|
44494
|
+
exports.EVENT = EVENT$4;
|
|
44363
44495
|
exports.ExternalCheckoutBuilder = Builder$1;
|
|
44364
44496
|
exports.ExternalCheckoutChecker = Checker;
|
|
44365
44497
|
exports.FORM_FIELD = FORM_FIELD$1;
|
|
@@ -44371,7 +44503,6 @@
|
|
|
44371
44503
|
exports.HtmlWidget = HtmlWidget;
|
|
44372
44504
|
exports.InstructionDebugger = InstructionDebugger;
|
|
44373
44505
|
exports.MultiWidget = MultiWidget;
|
|
44374
|
-
exports.OpenWalletButtons = OpenWalletButtons;
|
|
44375
44506
|
exports.PAYMENT_TYPE = PAYMENT_TYPE;
|
|
44376
44507
|
exports.PayPalDataCollector = PayPalDataCollector;
|
|
44377
44508
|
exports.PayPalSavePaymentSourceWidget = PayPalSavePaymentSourceWidget;
|