@rebilly/instruments 3.0.0-beta.0 → 3.1.2-beta.0
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.js +88 -107
- package/dist/index.min.js +88 -0
- package/package.json +17 -6
- package/rollup.config.js +84 -0
- package/src/functions/mount/fetch-data.js +13 -1
- package/src/functions/mount/index.js +6 -42
- package/src/functions/mount/setup-framepay-theme.js +2 -2
- package/src/functions/mount/setup-options.js +3 -0
- package/src/functions/mount/setup-user-flow.js +49 -0
- package/src/functions/purchase.js +1 -1
- package/src/functions/setup.js +1 -1
- package/src/functions/show.spec.js +1 -1
- package/src/i18n/en.json +3 -0
- package/src/i18n/index.js +1 -1
- package/src/index.js +1 -61
- package/src/instance.js +65 -0
- package/src/{index.spec.js → instance.spec.js} +2 -1
- package/src/loader/index.js +21 -1
- package/src/storefront/models/ready-to-pay-model.js +13 -2
- package/src/storefront/plans.js +8 -4
- package/src/storefront/plans.spec.js +8 -2
- package/src/storefront/products.js +8 -4
- package/src/storefront/products.spec.js +8 -2
- package/src/storefront/ready-to-pay.js +5 -4
- package/src/style/base/__snapshots__/theme.spec.js.snap +34 -2
- package/src/style/base/default-theme.js +106 -3
- package/src/style/components/button.js +17 -1
- package/src/style/components/forms/label.js +0 -5
- package/src/style/components/loader.js +2 -1
- package/src/style/payment-instruments/payment-card.js +2 -1
- package/src/style/utils/remove-empty-null.js +9 -9
- package/src/style/vendor/postmate.js +13 -0
- package/src/style/views/confirmation.js +2 -1
- package/src/views/common/iframe/base-iframe.js +2 -0
- package/src/views/common/iframe/event-listeners.js +10 -0
- package/src/views/common/iframe/method-iframe.js +3 -1
- package/src/views/confirmation.js +1 -0
- package/src/views/method-selector/express-methods/{google-pay.js → index.js} +3 -2
- package/src/views/method-selector/mount-express-methods.js +6 -18
- package/src/views/result.js +1 -0
- package/tests/mocks/rebilly-instruments-mock.js +2 -2
- package/dist/events/base-event.js +0 -66
- package/dist/events/events.spec.js +0 -18
- package/dist/events/index.js +0 -22
- package/dist/functions/destroy.js +0 -34
- package/dist/functions/destroy.spec.js +0 -69
- package/dist/functions/mount/fetch-data.js +0 -187
- package/dist/functions/mount/fetch-data.spec.js +0 -189
- package/dist/functions/mount/index.js +0 -218
- package/dist/functions/mount/mount.spec.js +0 -64
- package/dist/functions/mount/setup-element.js +0 -40
- package/dist/functions/mount/setup-framepay-theme.js +0 -95
- package/dist/functions/mount/setup-framepay.js +0 -46
- package/dist/functions/mount/setup-i18n.js +0 -33
- package/dist/functions/mount/setup-options.js +0 -99
- package/dist/functions/mount/setup-options.spec.js +0 -66
- package/dist/functions/mount/setup-storefront.js +0 -34
- package/dist/functions/mount/setup-styles.js +0 -43
- package/dist/functions/on.js +0 -40
- package/dist/functions/on.spec.js +0 -55
- package/dist/functions/purchase.js +0 -158
- package/dist/functions/purchase.spec.js +0 -74
- package/dist/functions/setup.js +0 -85
- package/dist/functions/setup.spec.js +0 -87
- package/dist/functions/show.js +0 -55
- package/dist/functions/show.spec.js +0 -61
- package/dist/functions/update.js +0 -74
- package/dist/functions/update.spec.js +0 -86
- package/dist/i18n/en.json +0 -22
- package/dist/i18n/es.json +0 -22
- package/dist/i18n/i18n.spec.js +0 -22
- package/dist/i18n/index.js +0 -72
- package/dist/index.spec.js +0 -35
- package/dist/loader/index.js +0 -94
- package/dist/loader/loader.spec.js +0 -69
- package/dist/storefront/index.js +0 -73
- package/dist/storefront/invoices.js +0 -27
- package/dist/storefront/models/base-model.js +0 -18
- package/dist/storefront/models/invoice-model.js +0 -14
- package/dist/storefront/models/plan-model.js +0 -14
- package/dist/storefront/models/product-model.js +0 -14
- package/dist/storefront/models/ready-to-pay-model.js +0 -46
- package/dist/storefront/models/summary-model.js +0 -79
- package/dist/storefront/models/transaction-model.js +0 -31
- package/dist/storefront/payment-instruments.js +0 -47
- package/dist/storefront/payment-instruments.spec.js +0 -55
- package/dist/storefront/plans.js +0 -37
- package/dist/storefront/plans.spec.js +0 -64
- package/dist/storefront/products.js +0 -40
- package/dist/storefront/products.spec.js +0 -65
- package/dist/storefront/purchase.js +0 -43
- package/dist/storefront/purchase.spec.js +0 -48
- package/dist/storefront/ready-to-pay.js +0 -58
- package/dist/storefront/ready-to-pay.spec.js +0 -69
- package/dist/storefront/storefront.spec.js +0 -15
- package/dist/storefront/summary.js +0 -55
- package/dist/storefront/summary.spec.js +0 -124
- package/dist/storefront/transactions.js +0 -27
- package/dist/style/base/__snapshots__/theme.spec.js.snap +0 -195
- package/dist/style/base/default-theme.js +0 -699
- package/dist/style/base/index.js +0 -104
- package/dist/style/base/theme.js +0 -41
- package/dist/style/base/theme.spec.js +0 -19
- package/dist/style/browserslist.js +0 -8
- package/dist/style/components/address.js +0 -64
- package/dist/style/components/button.js +0 -71
- package/dist/style/components/divider.js +0 -48
- package/dist/style/components/forms/checkbox.js +0 -86
- package/dist/style/components/forms/field.js +0 -65
- package/dist/style/components/forms/form.js +0 -28
- package/dist/style/components/forms/input.js +0 -86
- package/dist/style/components/forms/label.js +0 -69
- package/dist/style/components/forms/select.js +0 -95
- package/dist/style/components/forms/validation.js +0 -81
- package/dist/style/components/icons.js +0 -22
- package/dist/style/components/index.js +0 -57
- package/dist/style/components/loader.js +0 -50
- package/dist/style/components/methods.js +0 -108
- package/dist/style/components/overlay.js +0 -33
- package/dist/style/helpers/index.js +0 -59
- package/dist/style/index.js +0 -50
- package/dist/style/payment-instruments/content.js +0 -17
- package/dist/style/payment-instruments/index.js +0 -20
- package/dist/style/payment-instruments/payment-card.js +0 -35
- package/dist/style/utils/border.js +0 -47
- package/dist/style/utils/color-values.js +0 -58
- package/dist/style/utils/remove-empty-null.js +0 -20
- package/dist/style/vendor/framepay.js +0 -37
- package/dist/style/vendor/postmate.js +0 -17
- package/dist/style/views/confirmation.js +0 -85
- package/dist/style/views/index.js +0 -29
- package/dist/style/views/method-selector.js +0 -20
- package/dist/style/views/modal.js +0 -93
- package/dist/style/views/result.js +0 -61
- package/dist/style/views/summary.js +0 -127
- package/dist/utils/add-dom-element.js +0 -26
- package/dist/utils/format-currency.js +0 -15
- package/dist/utils/has-valid-css-selector.js +0 -11
- package/dist/utils/index.js +0 -55
- package/dist/utils/is-dom-element.js +0 -10
- package/dist/utils/process-property-as-dom-element.js +0 -38
- package/dist/utils/sleep.js +0 -10
- package/dist/views/__snapshots__/summary.spec.js.snap +0 -246
- package/dist/views/common/iframe/base-iframe.js +0 -59
- package/dist/views/common/iframe/event-listeners.js +0 -50
- package/dist/views/common/iframe/index.js +0 -19
- package/dist/views/common/iframe/method-iframe.js +0 -33
- package/dist/views/common/iframe/modal-iframe.js +0 -84
- package/dist/views/common/iframe/view-iframe.js +0 -31
- package/dist/views/common/render-utilities.js +0 -11
- package/dist/views/confirmation.js +0 -92
- package/dist/views/method-selector/__snapshots__/method-selector.spec.js.snap +0 -3
- package/dist/views/method-selector/express-methods/apple-pay.js +0 -92
- package/dist/views/method-selector/express-methods/google-pay.js +0 -31
- package/dist/views/method-selector/express-methods/paypal.js +0 -19
- package/dist/views/method-selector/generate-digital-wallet.js +0 -68
- package/dist/views/method-selector/generate-digital-wallet.spec.js +0 -135
- package/dist/views/method-selector/get-method-data.js +0 -25
- package/dist/views/method-selector/get-payment-methods.js +0 -66
- package/dist/views/method-selector/get-payment-methods.spec.js +0 -46
- package/dist/views/method-selector/index.js +0 -122
- package/dist/views/method-selector/method-selector.spec.js +0 -124
- package/dist/views/method-selector/mount-express-methods.js +0 -69
- package/dist/views/method-selector/mount-methods.js +0 -74
- package/dist/views/modal.js +0 -88
- package/dist/views/result.js +0 -40
- package/dist/views/summary.js +0 -215
- package/dist/views/summary.spec.js +0 -134
- package/src/views/method-selector/express-methods/paypal.js +0 -7
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _summaryModel = _interopRequireDefault(require("../storefront/models/summary-model"));
|
|
4
|
-
|
|
5
|
-
var _planModel = _interopRequireDefault(require("../storefront/models/plan-model"));
|
|
6
|
-
|
|
7
|
-
var _productModel = _interopRequireDefault(require("../storefront/models/product-model"));
|
|
8
|
-
|
|
9
|
-
var _loader = require("../loader");
|
|
10
|
-
|
|
11
|
-
var _i18n = require("../i18n");
|
|
12
|
-
|
|
13
|
-
var _summary = require("./summary");
|
|
14
|
-
|
|
15
|
-
var _fetchData = require("../functions/mount/fetch-data");
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
|
|
19
|
-
describe('Summary component', () => {
|
|
20
|
-
let summaryElement;
|
|
21
|
-
beforeEach(() => {
|
|
22
|
-
document.body.innerHTML = '';
|
|
23
|
-
summaryElement = document.createElement('div');
|
|
24
|
-
document.body.append(summaryElement);
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
class TestMountSummaryInstance {
|
|
28
|
-
constructor({
|
|
29
|
-
options = {},
|
|
30
|
-
summary = summaryElement,
|
|
31
|
-
loader = new _loader.Loader(),
|
|
32
|
-
translate = new _i18n.Translate(),
|
|
33
|
-
data = {}
|
|
34
|
-
} = {}) {
|
|
35
|
-
this.options = options;
|
|
36
|
-
this.summary = summary;
|
|
37
|
-
this.loader = loader;
|
|
38
|
-
this.translate = translate;
|
|
39
|
-
this.data = new _fetchData.DataInstance({
|
|
40
|
-
state: {
|
|
41
|
-
options
|
|
42
|
-
},
|
|
43
|
-
previewPurchase: new _summaryModel.default({
|
|
44
|
-
currency: 'USD',
|
|
45
|
-
lineItems: [{
|
|
46
|
-
type: 'debit',
|
|
47
|
-
description: 'My Awesome Product',
|
|
48
|
-
unitPrice: 30,
|
|
49
|
-
quantity: 1,
|
|
50
|
-
price: 30,
|
|
51
|
-
productId: 'test-product-1',
|
|
52
|
-
planId: 'my-awesome-product'
|
|
53
|
-
}, {
|
|
54
|
-
type: 'debit',
|
|
55
|
-
description: 'Awesome T-Shirt',
|
|
56
|
-
unitPrice: 20,
|
|
57
|
-
quantity: 2,
|
|
58
|
-
price: 40,
|
|
59
|
-
productId: 'test-product-2',
|
|
60
|
-
planId: 'awesome-t-shirt'
|
|
61
|
-
}],
|
|
62
|
-
subtotalAmount: 70,
|
|
63
|
-
taxAmount: 0,
|
|
64
|
-
shippingAmount: 0,
|
|
65
|
-
discountsAmount: 0,
|
|
66
|
-
total: 70
|
|
67
|
-
}),
|
|
68
|
-
plans: [new _planModel.default({
|
|
69
|
-
name: 'My Awesome Product',
|
|
70
|
-
id: 'my-awesome-product',
|
|
71
|
-
productId: 'test-product-1'
|
|
72
|
-
}), new _planModel.default({
|
|
73
|
-
name: 'My Awesome T-Shirt',
|
|
74
|
-
id: 'awesome-t-shirt',
|
|
75
|
-
productId: 'test-product-2'
|
|
76
|
-
})],
|
|
77
|
-
products: [new _productModel.default({
|
|
78
|
-
name: 'My Awesome Product',
|
|
79
|
-
id: 'test-product-1'
|
|
80
|
-
}), new _productModel.default({
|
|
81
|
-
name: 'My Awesome T-Shirt',
|
|
82
|
-
id: 'test-product-2'
|
|
83
|
-
})],
|
|
84
|
-
...data
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
const options = {
|
|
91
|
-
websiteId: 'test-website-id',
|
|
92
|
-
countryCode: 'US',
|
|
93
|
-
items: [{
|
|
94
|
-
planId: 'my-awesome-product',
|
|
95
|
-
quantity: 1,
|
|
96
|
-
thumbnail: ''
|
|
97
|
-
}, {
|
|
98
|
-
planId: 'awesome-t-shirt',
|
|
99
|
-
quantity: 2,
|
|
100
|
-
thumbnail: ''
|
|
101
|
-
}]
|
|
102
|
-
};
|
|
103
|
-
it('should render the summary correctly', () => {
|
|
104
|
-
const mountSummaryInstance = new TestMountSummaryInstance({
|
|
105
|
-
options
|
|
106
|
-
}); //TODO: improve design to avoid this manual change
|
|
107
|
-
|
|
108
|
-
mountSummaryInstance.loader.DOM.summary = mountSummaryInstance.summary;
|
|
109
|
-
(0, _summary.mountSummary)({
|
|
110
|
-
state: mountSummaryInstance
|
|
111
|
-
}); // Number of line items
|
|
112
|
-
|
|
113
|
-
const itemsContainer = document.querySelector('.rebilly-instruments-summary-line-items');
|
|
114
|
-
expect(itemsContainer).toMatchSnapshot(); // Breakdown
|
|
115
|
-
|
|
116
|
-
const summaryBreakdown = document.querySelector('.rebilly-instruments-summary-breakdown');
|
|
117
|
-
expect(summaryBreakdown).toMatchSnapshot();
|
|
118
|
-
});
|
|
119
|
-
it('should not render the plan description if its falsy', () => {
|
|
120
|
-
const mountSummaryInstance = new TestMountSummaryInstance({
|
|
121
|
-
options
|
|
122
|
-
}); // Making one product description falsy
|
|
123
|
-
|
|
124
|
-
mountSummaryInstance.data.previewPurchase.lineItems[0].description = null; //TODO: improve design to avoid this manual change
|
|
125
|
-
|
|
126
|
-
mountSummaryInstance.loader.DOM.summary = mountSummaryInstance.summary;
|
|
127
|
-
(0, _summary.mountSummary)({
|
|
128
|
-
state: mountSummaryInstance
|
|
129
|
-
}); // Check that only one description is render
|
|
130
|
-
|
|
131
|
-
const itemsSynopsysDescription = document.querySelectorAll('.rebilly-instruments-summary-line-item-synopsis-description');
|
|
132
|
-
expect(itemsSynopsysDescription.length).toEqual(1);
|
|
133
|
-
});
|
|
134
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
export default async function mountPaypal({ state, METHOD_ID, METHOD_TYPE }) {
|
|
3
|
-
console.log('PayPal - work in progress');
|
|
4
|
-
const container = document.querySelector(`.rebilly-instruments-${METHOD_ID}-method`);
|
|
5
|
-
container.style.display = 'none';
|
|
6
|
-
state.loader.stopLoading({ id: `${METHOD_TYPE}-express` });
|
|
7
|
-
}
|