rebill-web-components-sdk 1.10.0 → 1.10.1
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/cjs/change-card-success.cjs.entry.js +15 -1
- package/dist/cjs/change-card-success.entry.cjs.js.map +1 -1
- package/dist/cjs/index-C-VTnc0I.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/rebill-web-components-sdk.cjs.js +1 -1
- package/dist/collection/components/change-card/change-card-success.js +21 -1
- package/dist/collection/components/change-card/change-card-success.js.map +1 -1
- package/dist/components/change-card-success.js +1 -1
- package/dist/components/p-8BpuJ_V5.js.map +1 -1
- package/dist/components/{p-FjbFSzY2.js → p-Dk3CTNMK.js} +20 -5
- package/dist/components/p-Dk3CTNMK.js.map +1 -0
- package/dist/components/rebill-change-card.js +1 -1
- package/dist/esm/change-card-success.entry.js +16 -2
- package/dist/esm/change-card-success.entry.js.map +1 -1
- package/dist/esm/index-BTZ7D7jU.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/rebill-web-components-sdk.js +1 -1
- package/dist/rebill-web-components-sdk/change-card-success.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/p-BTZ7D7jU.js.map +1 -1
- package/dist/rebill-web-components-sdk/p-eb5a43f1.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-eb5a43f1.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/dist/types/components/change-card/change-card-success.d.ts +4 -0
- package/package.json +1 -1
- package/dist/components/p-FjbFSzY2.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-2a57ff1e.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-2a57ff1e.entry.js.map +0 -1
|
@@ -14,6 +14,8 @@ const ChangeCardSuccess = class {
|
|
|
14
14
|
cardBrand;
|
|
15
15
|
paymentDate;
|
|
16
16
|
customerEmail;
|
|
17
|
+
currentLocale = i18n_service.state.currentLocale;
|
|
18
|
+
unsubscribeCurrentLocaleStore;
|
|
17
19
|
getPaymentMethodLabel() {
|
|
18
20
|
const label = this.cardBrand ||
|
|
19
21
|
renewal_store.renewalState.data.cardInformation?.brand ||
|
|
@@ -24,8 +26,20 @@ const ChangeCardSuccess = class {
|
|
|
24
26
|
getCardBrand() {
|
|
25
27
|
return this.cardBrand || renewal_store.renewalState.data.cardInformation?.brand || '';
|
|
26
28
|
}
|
|
29
|
+
componentWillLoad() {
|
|
30
|
+
// Listen for language changes
|
|
31
|
+
this.unsubscribeCurrentLocaleStore = i18n_service.SessionStore.onChange('currentLocale', () => {
|
|
32
|
+
this.currentLocale = i18n_service.state.currentLocale;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
disconnectedCallback() {
|
|
36
|
+
// Clean up language change subscription
|
|
37
|
+
if (this.unsubscribeCurrentLocaleStore) {
|
|
38
|
+
this.unsubscribeCurrentLocaleStore();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
27
41
|
render() {
|
|
28
|
-
return (index.h("rebill-checkout-single-column", { key: '
|
|
42
|
+
return (index.h("rebill-checkout-single-column", { key: '5909b6dfe0626a93567cb7bd2e9c7f195da19093' }, index.h("div", { key: '9867e831b8cf8cd1825b61366ad7aaeb4e5e3095', class: "success-page__success-content" }, index.h("rebill-typography", { key: 'cc30b11371091803a45c0462511a61ccbeef2679', variant: "h3", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('changeCard.successTitle')), index.h("div", { key: 'a79ee482ffd451a1c93d1324cc81a9ab1fe84301', class: "success-page__success-icon" }, index.h("svg", { key: '2d5e11f621b100c3757f3e0da43f78b3da8d4505', width: "96", height: "96", viewBox: "0 0 96 96", fill: "none" }, index.h("path", { key: 'fdbc12ff2662fc937e24f86113a2cee4377b27a7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), index.h("div", { key: 'a1f511643bd70599c3c00b9b468aa016f9ba0370', class: "success-page__info-card" }, index.h("div", { key: 'c40cf53572343cfca97d07ffd3a19a15f782f1b3', class: "success-page__card-row" }, index.h("rebill-typography", { key: '6980ac069fd7685ffc34fd55cb1d59688714b020', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('changeCard.paymentMethod')), index.h("div", { key: '044039c0b048b4eb8251b57e62d44bf000e53c5f', class: "success-page__card-value" }, index.h("div", { key: '85dcf92d00bec6cc830948be6aa22f278422529b', class: "success-page__payment-method-display" }, index.h("rebill-card-icon", { key: '9a095cf50a964a74f8eb357b1d0dab91a8e319ec', "card-brand": this.getCardBrand() }), index.h("rebill-typography", { key: 'b307161ecaf45928f89351218e9b0d5b5d8d8038', variant: "body2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getPaymentMethodLabel())))), index.h("div", { key: '498cd733743fe875466371f7f940591016e3dc9b', class: "success-page__card-row" }, index.h("rebill-typography", { key: '5c6350f7098a4f27a26310e53a130e79718da8e5', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('changeCard.paymentDate')), index.h("div", { key: '9da78e0b3ef6a2651c1c4f3a5b4dd296ab53feb2', class: "success-page__card-value" }, this.paymentDate || '—')), index.h("div", { key: '6c5cc226f2cc1699d0b659d40c58394a19903fbf', class: "success-page__card-row" }, index.h("rebill-typography", { key: 'b06de08b8ce93775d674024c4ff3db6ff063f444', variant: "body2", color: colorClassMapper.COLORS_ENUM.SECONDARY }, i18n_service.I18nService.translate('changeCard.customerEmail')), index.h("div", { key: '3c492b5fc04af605f44f15de7a5c754edfca78fd', class: "success-page__card-value" }, this.customerEmail || i18n_service.I18nService.translate('changeCard.defaultEmail')))))));
|
|
29
43
|
}
|
|
30
44
|
};
|
|
31
45
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"change-card-success.entry.cjs.js","sources":["src/components/change-card/change-card-success.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport '../../components/shared/typography/typography';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { renewalState } from '../../store/renewal.store';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport '../shared/card-icon/card-icon';\nimport '../shared/layouts/custom/single-column/checkout-single-column';\n\n@Component({\n tag: 'change-card-success',\n shadow: false,\n})\nexport class ChangeCardSuccess {\n @Prop() customerName?: string;\n @Prop() cardLastFour?: string | null;\n @Prop() cardBrand?: string | null;\n @Prop() paymentDate?: string | null;\n @Prop() customerEmail?: string | null;\n\n private getPaymentMethodLabel() {\n const label =\n this.cardBrand ||\n renewalState.data.cardInformation?.brand ||\n I18nService.translate('changeCard.defaultBrand');\n const lastFour = this.cardLastFour || renewalState.data.cardInformation?.lastFour || '****';\n return `${label} - ${lastFour}`;\n }\n\n private getCardBrand() {\n return this.cardBrand || renewalState.data.cardInformation?.brand || '';\n }\n\n render() {\n return (\n <rebill-checkout-single-column>\n <div class=\"success-page__success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('changeCard.successTitle')}\n </rebill-typography>\n <div class=\"success-page__success-icon\">\n <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n fill=\"#35B093\"\n />\n </svg>\n </div>\n\n <div class=\"success-page__info-card\">\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentMethod')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n <div class=\"success-page__payment-method-display\">\n <rebill-card-icon card-brand={this.getCardBrand()} />\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getPaymentMethodLabel()}\n </rebill-typography>\n </div>\n </div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentDate')}\n </rebill-typography>\n <div class=\"success-page__card-value\">{this.paymentDate || '—'}</div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.customerEmail')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n {this.customerEmail || I18nService.translate('changeCard.defaultEmail')}\n </div>\n </div>\n </div>\n </div>\n </rebill-checkout-single-column>\n );\n }\n}\n"],"names":["renewalState","I18nService","h","COLORS_ENUM"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"change-card-success.entry.cjs.js","sources":["src/components/change-card/change-card-success.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport '../../components/shared/typography/typography';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { renewalState } from '../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../store/session.store';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport '../shared/card-icon/card-icon';\nimport '../shared/layouts/custom/single-column/checkout-single-column';\n\n@Component({\n tag: 'change-card-success',\n shadow: false,\n})\nexport class ChangeCardSuccess {\n @Prop() customerName?: string;\n @Prop() cardLastFour?: string | null;\n @Prop() cardBrand?: string | null;\n @Prop() paymentDate?: string | null;\n @Prop() customerEmail?: string | null;\n @State() currentLocale: string = sessionState.currentLocale;\n private unsubscribeCurrentLocaleStore?: () => void;\n\n private getPaymentMethodLabel() {\n const label =\n this.cardBrand ||\n renewalState.data.cardInformation?.brand ||\n I18nService.translate('changeCard.defaultBrand');\n const lastFour = this.cardLastFour || renewalState.data.cardInformation?.lastFour || '****';\n return `${label} - ${lastFour}`;\n }\n\n private getCardBrand() {\n return this.cardBrand || renewalState.data.cardInformation?.brand || '';\n }\n\n componentWillLoad() {\n // Listen for language changes\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n }\n\n disconnectedCallback() {\n // Clean up language change subscription\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n\n render() {\n return (\n <rebill-checkout-single-column>\n <div class=\"success-page__success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('changeCard.successTitle')}\n </rebill-typography>\n <div class=\"success-page__success-icon\">\n <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n fill=\"#35B093\"\n />\n </svg>\n </div>\n\n <div class=\"success-page__info-card\">\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentMethod')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n <div class=\"success-page__payment-method-display\">\n <rebill-card-icon card-brand={this.getCardBrand()} />\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getPaymentMethodLabel()}\n </rebill-typography>\n </div>\n </div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentDate')}\n </rebill-typography>\n <div class=\"success-page__card-value\">{this.paymentDate || '—'}</div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.customerEmail')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n {this.customerEmail || I18nService.translate('changeCard.defaultEmail')}\n </div>\n </div>\n </div>\n </div>\n </rebill-checkout-single-column>\n );\n }\n}\n"],"names":["sessionState","renewalState","I18nService","SessionStore","h","COLORS_ENUM"],"mappings":"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"}
|