rebill-web-components-sdk 1.10.5 → 1.10.7-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/cjs/card-fields-wrapper.card-identification.card-iframe.card-skeleton.rebill-address-form.rebill-address-search.rebill-input-combo.rebill-input-phone.rebill-installments.selectable-card.single-payment-method.entry.cjs.js.map +1 -1
- package/dist/cjs/card-fields-wrapper_11.cjs.entry.js +9 -12
- package/dist/cjs/index-C-VTnc0I.js.map +1 -1
- package/dist/cjs/rebill-change-card.cjs.entry.js +1 -2
- package/dist/cjs/rebill-change-card.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-checkout.cjs.entry.js +10 -3
- package/dist/cjs/rebill-checkout.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-form.cjs.entry.js +5 -2
- package/dist/cjs/rebill-form.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-renewal.cjs.entry.js +26 -2
- package/dist/cjs/rebill-renewal.entry.cjs.js.map +1 -1
- package/dist/collection/components/change-card/rebill-change-card.js +1 -2
- package/dist/collection/components/change-card/rebill-change-card.js.map +1 -1
- package/dist/collection/components/checkout/rebill-checkout.js +10 -3
- package/dist/collection/components/checkout/rebill-checkout.js.map +1 -1
- package/dist/collection/components/renewal/rebill-renewal.js +27 -2
- package/dist/collection/components/renewal/rebill-renewal.js.map +1 -1
- package/dist/collection/components/shared/form/form.js +5 -2
- package/dist/collection/components/shared/form/form.js.map +1 -1
- package/dist/collection/components/shared/inputs/input-phone/input-phone.js +9 -12
- package/dist/collection/components/shared/inputs/input-phone/input-phone.js.map +1 -1
- package/dist/components/p-8BpuJ_V5.js.map +1 -1
- package/dist/components/{p-0y1EkPsV.js → p-CRMAYXj0.js} +3 -3
- package/dist/components/{p-0y1EkPsV.js.map → p-CRMAYXj0.js.map} +1 -1
- package/dist/components/{p-BFqhozQ0.js → p-DKPrueOT.js} +3 -3
- package/dist/components/{p-BFqhozQ0.js.map → p-DKPrueOT.js.map} +1 -1
- package/dist/components/{p-Cs-pA3OO.js → p-DVaxhIJe.js} +7 -4
- package/dist/components/p-DVaxhIJe.js.map +1 -0
- package/dist/components/{p-RbKsk0NK.js → p-Dsv10JVE.js} +11 -14
- package/dist/components/p-Dsv10JVE.js.map +1 -0
- package/dist/components/rebill-change-card.js +5 -6
- package/dist/components/rebill-change-card.js.map +1 -1
- package/dist/components/rebill-checkout-form.js +1 -1
- package/dist/components/rebill-checkout.js +14 -7
- package/dist/components/rebill-checkout.js.map +1 -1
- package/dist/components/rebill-form.js +1 -1
- package/dist/components/rebill-input-phone.js +1 -1
- package/dist/components/rebill-renewal.js +31 -7
- package/dist/components/rebill-renewal.js.map +1 -1
- package/dist/components/root-component.js +1 -1
- package/dist/components/user-information-phone.js +1 -1
- package/dist/esm/card-fields-wrapper.card-identification.card-iframe.card-skeleton.rebill-address-form.rebill-address-search.rebill-input-combo.rebill-input-phone.rebill-installments.selectable-card.single-payment-method.entry.js.map +1 -1
- package/dist/esm/card-fields-wrapper_11.entry.js +9 -12
- package/dist/esm/index-BTZ7D7jU.js.map +1 -1
- package/dist/esm/rebill-change-card.entry.js +1 -2
- package/dist/esm/rebill-change-card.entry.js.map +1 -1
- package/dist/esm/rebill-checkout.entry.js +10 -3
- package/dist/esm/rebill-checkout.entry.js.map +1 -1
- package/dist/esm/rebill-form.entry.js +5 -2
- package/dist/esm/rebill-form.entry.js.map +1 -1
- package/dist/esm/rebill-renewal.entry.js +27 -3
- package/dist/esm/rebill-renewal.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/card-fields-wrapper.card-identification.card-iframe.card-skeleton.rebill-address-form.rebill-address-search.rebill-input-combo.rebill-input-phone.rebill-installments.selectable-card.single-payment-method.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-a8726b6d.entry.js → p-85e7cd6f.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-a8726b6d.entry.js.map → p-85e7cd6f.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/{p-d827e221.entry.js → p-90c50e5b.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-90c50e5b.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/p-BTZ7D7jU.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-14fb1c5c.entry.js → p-ae158592.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-ae158592.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/p-d2d7500e.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-d2d7500e.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/{p-1a99d53d.entry.js → p-e6df1fe2.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-1a99d53d.entry.js.map → p-e6df1fe2.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/rebill-change-card.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-checkout.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-form.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-renewal.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/dist/types/components/renewal/rebill-renewal.d.ts +5 -0
- package/package.json +1 -1
- package/dist/components/p-Cs-pA3OO.js.map +0 -1
- package/dist/components/p-RbKsk0NK.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-14fb1c5c.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-84a8160a.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-84a8160a.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-d827e221.entry.js.map +0 -1
|
@@ -270,7 +270,6 @@ const RebillChangeCard = class {
|
|
|
270
270
|
const organizationId = renewal_store.renewalState.data?.organization?.id;
|
|
271
271
|
return organizationId ? organizationId.startsWith('test') : false;
|
|
272
272
|
}
|
|
273
|
-
;
|
|
274
273
|
render() {
|
|
275
274
|
if (!renewal_store.renewalState.isInitialized) {
|
|
276
275
|
return index.h("div", { class: "loading" }, i18n_service.I18nService.translate('renewal.loading'));
|
|
@@ -314,7 +313,7 @@ const RebillChangeCard = class {
|
|
|
314
313
|
'billing-city': errors['billing-city'],
|
|
315
314
|
'billing-zip': errors['billing-zip'],
|
|
316
315
|
} }))), this.cardMode === 'input' &&
|
|
317
|
-
requiredFieldsMappers.isFieldRequired('phoneNumber', this.currentRequiredFields) && (index.h("div", { class: "animated-component fade-in" }, index.h("user-information-phone", { error: errors?.phoneNumber }))), breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) &&
|
|
316
|
+
requiredFieldsMappers.isFieldRequired('phoneNumber', this.currentRequiredFields) && (index.h("div", { class: "animated-component fade-in" }, index.h("user-information-phone", { error: errors?.phoneNumber || errors?.isValidPhoneNumber }))), breakpoint.isBreakpointBelow(this.breakpoint, breakpoint.BREAKPOINT_ENUM.DESKTOP) &&
|
|
318
317
|
renderSummary({
|
|
319
318
|
displayedComponents: 'summary',
|
|
320
319
|
}), index.h("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("payment-button", { paymentMethod: i18n_service.PAYMENT_METHOD_ENUM.CARD, isLoading: this.isSubmitting, isChangeCard: true, country: renewal_store.renewalState.data.price.country, isDisabled: renewal_store.renewalState.fetchingInstallments, onSubmit: () => submit() }), index.h("rebill-alert", { type: "secure", variant: "variant-secure", icon: "lock-outline", message: i18n_service.I18nService.translate('otp.secureMessage') }))), this.isSandboxMode &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rebill-change-card.entry.cjs.js","sources":["src/components/change-card/rebill-change-card.css?tag=rebill-change-card","src/components/change-card/rebill-change-card.tsx"],"sourcesContent":["@import '../renewal/rebill-renewal.css';\n@import '../checkout/card-success-page/success-page.css';\n\n.success-page__success-icon {\n background: rgba(27, 167, 122, 0.15);\n width: 96px;\n height: 96px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.success-page__info-card {\n margin-top: 24px;\n background: white;\n}\n\n.success-page__payment-method-display {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport * as yup from 'yup';\nimport { api, Country } from '../../api';\nimport { ChangeCardRequest } from '../../api/entities/subscriptions/types';\nimport '../../components/checkout/apm/apm-checkout/apm-checkout';\nimport '../../components/checkout/payment-button/payment-button';\nimport '../../components/checkout/payment-method-selector/payment-method-selector';\nimport '../../components/checkout/processing-payment/processing-payment';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../models/enums/payment-methods.enum';\nimport { PaymentMessageE } from '../../models/enums/payment-status.enum';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from '../../store/renewal.store';\nimport { SessionStore } from '../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../utils/breakpoint';\nimport { formatDateTime } from '../../utils/date-formatter';\nimport { GoogleMapsService } from '../../utils/google-maps.service';\nimport { AlertErrorKeys } from '../../utils/payment-error-mapper';\nimport { isFieldRequired } from '../../utils/required-fields-mappers';\nimport '../renewal/renewal-summary/renewal-summary';\nimport {\n AllRequiredFieldsMap,\n getAllRequiredFieldsRenewal,\n getRequiredFieldsForMethod,\n} from '../renewal/utils/getRequiredFieldsRenewal';\nimport '../shared/mode-sandbox/mode-sandbox';\nimport './change-card-success';\nimport './rebill-change-card.css';\n\n@Component({\n tag: 'rebill-change-card',\n styleUrl: 'rebill-change-card.css',\n shadow: false,\n})\nexport class RebillChangeCard {\n @Prop() changeCardData!: string;\n @Prop() changeCardToken!: string;\n\n @State() isSubmitting: boolean = false;\n @State() isCardSubmitting: boolean = false;\n @State() isCardSuccess: boolean = false;\n @State() errorMessage: AlertErrorKeys | null = null;\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n @State() errorPaymentCard: boolean = false;\n @State() initialData: any = {};\n @State() countries: Country[] = [];\n @State() allRequiredFields: AllRequiredFieldsMap = {};\n @State() currentRequiredFields: string[] = [];\n @State() errorCardInvalid: boolean = false;\n @State() cardMode: 'input' | 'select' | null = 'input';\n @State() completedAt: string | null = null;\n\n @Event() success: EventEmitter<any>;\n @Event() paymentError: EventEmitter<any>;\n\n private currentPaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n\n private validationSchema = {\n 'phoneNumber': yup.string().when([], {\n is: () =>\n isFieldRequired('phoneNumber', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.phoneRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-country': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-country', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.countryRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-state': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-state', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.stateRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-address': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-address', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.addressRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-city': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-city', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.cityRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-zip': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-zip', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.zipRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'documentType': yup.string().when([], {\n is: () =>\n isFieldRequired('documentType', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.documentTypeRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'documentNumber': yup.string().when([], {\n is: () =>\n isFieldRequired('documentNumber', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => {\n const baseSchema = schema\n .required('validation.documentNumberRequired')\n .min(7, 'validation.documentInvalid');\n if (renewalState.data?.price?.country === 'BR') {\n return baseSchema.test('numeric-only', 'validation.documentNumberNumericOnly', value => {\n if (!value) return true;\n return /^\\d+$/.test(value);\n });\n }\n\n return baseSchema;\n },\n otherwise: schema => schema.notRequired(),\n }),\n };\n\n private resizeHandler = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n async componentWillLoad() {\n this.resizeHandler();\n window.addEventListener('resize', this.resizeHandler);\n\n const changeCardProps =\n typeof this.changeCardData === 'string'\n ? JSON.parse(this.changeCardData)\n : this.changeCardData;\n\n RenewalStore.initializeRenewal({\n ...changeCardProps,\n token: this.changeCardToken,\n });\n renewalState.data.subscription.customerId = '';\n RenewalStore.setCardId(null);\n RenewalStore.setCardTokenId(null);\n RenewalStore.setCardInformation(null);\n SessionStore.setCustomerId(null);\n SessionStore.setCardId(null);\n SessionStore.setCardTokenId(null);\n RenewalStore.setCardMode('input');\n this.cardMode = 'input';\n RenewalStore.setSelectedPaymentMethod(PAYMENT_METHOD_ENUM.CARD);\n\n GoogleMapsService.loadGoogleMapsScript();\n\n try {\n const response = await api.data.getCountries();\n this.countries = response.data;\n } catch (error) {\n console.error('Error loading countries:', error);\n }\n\n try {\n this.allRequiredFields = await getAllRequiredFieldsRenewal();\n } catch (error) {\n console.error('Error loading required fields:', error);\n }\n\n try {\n this.currentRequiredFields = getRequiredFieldsForMethod(\n PAYMENT_METHOD_ENUM.CARD,\n this.allRequiredFields,\n ).fields;\n } catch (error) {\n console.error('Error getting required fields for card:', error);\n }\n\n await this.initializeFingerprint();\n this.initialData = this.getInitialData();\n\n renewalOnChange('cardMode', () => {\n if (renewalState.cardMode !== 'input') {\n RenewalStore.setCardMode('input');\n return;\n }\n this.cardMode = 'input';\n });\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n\n private async initializeFingerprint() {\n if (!renewalState.deviceId) {\n try {\n const uuid = crypto.randomUUID();\n const fingerprintResponse = await api.fingerPrint.getFingerPrint(uuid);\n RenewalStore.setDeviceId(uuid);\n const script = fingerprintResponse.result.script;\n const scriptElement = document.createElement('script');\n scriptElement.innerHTML = script;\n document.body.appendChild(scriptElement);\n } catch (error) {\n console.error('Failed to initialize fingerprint:', error);\n }\n }\n }\n\n private async handleSubmit(event?: CustomEvent) {\n if (this.isSubmitting) {\n return;\n }\n\n await this.handleChangeCard(event);\n }\n\n private async handleChangeCard(event?: CustomEvent) {\n const formData = event?.detail || this.getInitialData();\n\n if (!renewalState.data.cardTokenId || !renewalState.data.cardInformation) {\n this.errorCardInvalid = true;\n return;\n }\n\n this.errorCardInvalid = false;\n this.isSubmitting = true;\n this.isCardSubmitting = true;\n RenewalStore.setLoading(true);\n\n try {\n const changeCardRequest: ChangeCardRequest = {};\n\n changeCardRequest.cardTokenId = renewalState.data.cardTokenId;\n changeCardRequest.billingDetails = {\n address: {\n lineOne: formData['billing-address'] || '',\n city: formData['billing-city'] || '',\n state: formData['billing-state'] || '',\n country: formData['billing-country'] || '',\n zipCode: formData['billing-zip'] || '',\n },\n identification: {\n type: formData.documentType || '',\n value: formData.documentNumber || '',\n },\n };\n\n const response = await api.subscriptions.changeCard(\n renewalState.data.subscription.id,\n changeCardRequest,\n this.changeCardToken,\n );\n\n // Update card information from response if available\n if (response.data?.card) {\n RenewalStore.setCardInformation({\n brand: response.data.card.brand,\n type: renewalState.data.cardInformation?.type || '',\n isoCountry: renewalState.data.cardInformation?.isoCountry || '',\n bank: renewalState.data.cardInformation?.bank || '',\n lastFour: response.data.card.lastFour,\n installments: renewalState.data.cardInformation?.installments || {\n installments: [],\n },\n });\n }\n\n this.completedAt = new Date().toISOString();\n this.isSubmitting = false;\n this.isCardSubmitting = false;\n RenewalStore.setLoading(false);\n this.isCardSuccess = true;\n this.success.emit(response.data);\n } catch (error: any) {\n this.isSubmitting = false;\n this.isCardSubmitting = false;\n RenewalStore.setLoading(false);\n\n this.errorPaymentCard = true;\n this.errorMessage = {\n message: error.data?.error?.message as PaymentMessageE,\n };\n this.paymentError.emit(error);\n }\n }\n\n private getInitialData = () => {\n return {\n 'email': renewalState.data.subscription.customerEmail,\n 'fullName': renewalState.data.subscription.customerName,\n 'card': '',\n 'billing-country': '',\n 'billing-state': '',\n 'billing-address': '',\n 'billing-city': '',\n 'billing-zip': '',\n 'bankId': '',\n 'phoneNumber': '',\n 'countryCodePhoneNumber': '',\n 'documentType': '',\n 'documentNumber': '',\n };\n };\n\n private hasPrefilledAddress = () => {\n const billingFields = [\n 'billing-country',\n 'billing-state',\n 'billing-address',\n 'billing-city',\n 'billing-zip',\n ];\n return billingFields.some(key => {\n const value = this.initialData[key];\n return value && value.trim() !== '';\n });\n };\n\n private getFormattedCompletionDate = () => {\n if (!this.completedAt) {\n return '';\n }\n return formatDateTime(this.completedAt);\n };\n\n private get isSandboxMode(): boolean {\n const organizationId = renewalState.data?.organization?.id;\n return organizationId ? organizationId.startsWith('test') : false;\n };\n\n render() {\n if (!renewalState.isInitialized) {\n return <div class=\"loading\">{I18nService.translate('renewal.loading')}</div>;\n }\n\n const renderSummary = props => (\n <renewal-summary\n titleKey=\"changeCard.title\"\n totalAmount={renewalState.data.price.amount}\n subTotalAmount={renewalState.data.subscription.subTotalAmount}\n currency={renewalState.data.price.currency}\n subscriptionTitle={renewalState.data.subscription.name[0]?.text || 'Subscription'}\n subscriptionAmount={renewalState.data.subscription.amount}\n nextChargeDate={renewalState.data.subscription.nextChargeDate}\n frequency={renewalState.data.subscription.frequency}\n couponCode={renewalState.data.price.couponCode}\n discountAmount={renewalState.data.price.discountedAmount}\n discountPercentage={renewalState.data.price.discountPercentage}\n {...props}\n />\n );\n\n return (\n <>\n <rebill-processing-payment\n style={{ display: this.isCardSubmitting ? 'block' : 'none' }}\n titleKey=\"changeCard.processingTitle\"\n subtitleKey=\"changeCard.processingSubtitle\"\n />\n {this.isCardSuccess ? (\n <change-card-success\n customerName={renewalState.data.subscription.customerName}\n cardBrand={renewalState.data.cardInformation?.brand}\n cardLastFour={renewalState.data.cardInformation?.lastFour || '****'}\n paymentDate={this.getFormattedCompletionDate()}\n customerEmail={renewalState.data.subscription.customerEmail}\n />\n ) : (\n <rebill-checkout-form\n style={{ display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block' }}\n validationSchema={this.validationSchema}\n initialData={this.initialData}\n onSubmit={(args: any) => this.handleSubmit(args)}\n renderForm={({ submit, errors }) => (\n <div class=\"rebill-checkout-renewal\">\n <div class=\"left-section\">\n <div class=\"left-section-container\">\n {/* Modo sandbox para mobile - posicionado arriba del logo */}\n {this.isSandboxMode &&\n isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <div\n class=\"mode-sandbox-mobile-container\"\n style={{\n display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block',\n }}\n >\n <rebill-mode-sandbox-mobile />\n </div>\n )}\n <organization-logo organization={renewalState.data.organization} />\n\n <div class=\"checkout-form-section\">\n <user-information-static\n userInfo={{\n customerName: renewalState.data.subscription.customerName,\n customerEmail: renewalState.data.subscription.customerEmail,\n }}\n />\n\n {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n renderSummary({\n displayedComponents: 'header',\n })}\n\n {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n renderSummary({\n displayedComponents: 'details',\n })}\n\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <payment-method-selector\n enabledPaymentMethods={[PAYMENT_METHOD_ENUM.CARD]}\n defaultSelected={this.currentPaymentMethod}\n errorComponent={{\n showErrorComponent: this.errorPaymentCard,\n alertTitle:\n this.errorMessage?.alertTitle ||\n I18nService.translate('changeCard.errorTitle'),\n message:\n this.errorMessage?.message ||\n I18nService.translate('changeCard.errorDescription'),\n }}\n cardError={{\n showCardInvalid: this.errorCardInvalid,\n type: null,\n }}\n country={renewalState.data.price.country}\n documentTypeError={errors?.documentType}\n documentNumberError={errors?.documentNumber}\n showDocument={\n this.cardMode === 'input' &&\n (isFieldRequired('documentType', this.currentRequiredFields) ||\n isFieldRequired('documentNumber', this.currentRequiredFields))\n }\n />\n </div>\n\n {this.cardMode === 'input' &&\n (isFieldRequired('billing-country', this.currentRequiredFields) ||\n isFieldRequired('billing-state', this.currentRequiredFields) ||\n isFieldRequired('billing-address', this.currentRequiredFields) ||\n isFieldRequired('billing-city', this.currentRequiredFields) ||\n isFieldRequired('billing-zip', this.currentRequiredFields)) && (\n <div class=\"animated-component slide-in\">\n <rebill-address\n countryOptions={this.countries.map(country => ({\n label: country.country,\n value: country.isoCountryCode,\n }))}\n billingView={this.hasPrefilledAddress() ? 'form' : 'search'}\n errors={{\n 'billing-country': errors['billing-country'],\n 'billing-state': errors['billing-state'],\n 'billing-address': errors['billing-address'],\n 'billing-city': errors['billing-city'],\n 'billing-zip': errors['billing-zip'],\n }}\n />\n </div>\n )}\n {this.cardMode === 'input' &&\n isFieldRequired('phoneNumber', this.currentRequiredFields) && (\n <div class=\"animated-component fade-in\">\n <user-information-phone error={errors?.phoneNumber} />\n </div>\n )}\n\n {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n renderSummary({\n displayedComponents: 'summary',\n })}\n\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <payment-button\n paymentMethod={PAYMENT_METHOD_ENUM.CARD}\n isLoading={this.isSubmitting}\n isChangeCard={true}\n country={renewalState.data.price.country}\n isDisabled={renewalState.fetchingInstallments}\n onSubmit={() => submit()}\n />\n\n <rebill-alert\n type=\"secure\"\n variant=\"variant-secure\"\n icon=\"lock-outline\"\n message={I18nService.translate('otp.secureMessage')}\n />\n </div>\n </div>\n {this.isSandboxMode &&\n !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-mode-sandbox />\n )}\n <rebill-footer\n style={{\n marginTop: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? '24px'\n : 'auto',\n }}\n />\n </div>\n </div>\n\n {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <div class=\"right-section\">\n <div class=\"checkout-summary-section\">\n {renderSummary({\n displayedComponents: ['header', 'details', 'summary'],\n })}\n </div>\n </div>\n )}\n </div>\n )}\n />\n )}\n </>\n );\n }\n}\n"],"names":["BREAKPOINT_ENUM","PAYMENT_METHOD_ENUM","yup.string","isFieldRequired","renewalState","getBreakpoint","RenewalStore","SessionStore","GoogleMapsService","api","getAllRequiredFieldsRenewal","getRequiredFieldsForMethod","renewalOnChange","formatDateTime","h","I18nService","isBreakpointBelow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rebill-change-card.entry.cjs.js","sources":["src/components/change-card/rebill-change-card.css?tag=rebill-change-card","src/components/change-card/rebill-change-card.tsx"],"sourcesContent":["@import '../renewal/rebill-renewal.css';\n@import '../checkout/card-success-page/success-page.css';\n\n.success-page__success-icon {\n background: rgba(27, 167, 122, 0.15);\n width: 96px;\n height: 96px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.success-page__info-card {\n margin-top: 24px;\n background: white;\n}\n\n.success-page__payment-method-display {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport * as yup from 'yup';\nimport { api, Country } from '../../api';\nimport { ChangeCardRequest } from '../../api/entities/subscriptions/types';\nimport '../../components/checkout/apm/apm-checkout/apm-checkout';\nimport '../../components/checkout/payment-button/payment-button';\nimport '../../components/checkout/payment-method-selector/payment-method-selector';\nimport '../../components/checkout/processing-payment/processing-payment';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../models/enums/payment-methods.enum';\nimport { PaymentMessageE } from '../../models/enums/payment-status.enum';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from '../../store/renewal.store';\nimport { SessionStore } from '../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../utils/breakpoint';\nimport { formatDateTime } from '../../utils/date-formatter';\nimport { GoogleMapsService } from '../../utils/google-maps.service';\nimport { AlertErrorKeys } from '../../utils/payment-error-mapper';\nimport { isFieldRequired } from '../../utils/required-fields-mappers';\nimport '../renewal/renewal-summary/renewal-summary';\nimport {\n AllRequiredFieldsMap,\n getAllRequiredFieldsRenewal,\n getRequiredFieldsForMethod,\n} from '../renewal/utils/getRequiredFieldsRenewal';\nimport '../shared/mode-sandbox/mode-sandbox';\nimport './change-card-success';\nimport './rebill-change-card.css';\n\n@Component({\n tag: 'rebill-change-card',\n styleUrl: 'rebill-change-card.css',\n shadow: false,\n})\nexport class RebillChangeCard {\n @Prop() changeCardData!: string;\n @Prop() changeCardToken!: string;\n\n @State() isSubmitting: boolean = false;\n @State() isCardSubmitting: boolean = false;\n @State() isCardSuccess: boolean = false;\n @State() errorMessage: AlertErrorKeys | null = null;\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n @State() errorPaymentCard: boolean = false;\n @State() initialData: any = {};\n @State() countries: Country[] = [];\n @State() allRequiredFields: AllRequiredFieldsMap = {};\n @State() currentRequiredFields: string[] = [];\n @State() errorCardInvalid: boolean = false;\n @State() cardMode: 'input' | 'select' | null = 'input';\n @State() completedAt: string | null = null;\n\n @Event() success: EventEmitter<any>;\n @Event() paymentError: EventEmitter<any>;\n\n private currentPaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n\n private validationSchema = {\n 'phoneNumber': yup.string().when([], {\n is: () =>\n isFieldRequired('phoneNumber', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.phoneRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-country': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-country', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.countryRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-state': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-state', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.stateRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-address': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-address', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.addressRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-city': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-city', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.cityRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'billing-zip': yup.string().when([], {\n is: () =>\n isFieldRequired('billing-zip', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.zipRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'documentType': yup.string().when([], {\n is: () =>\n isFieldRequired('documentType', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => schema.required('validation.documentTypeRequired'),\n otherwise: schema => schema.notRequired(),\n }),\n 'documentNumber': yup.string().when([], {\n is: () =>\n isFieldRequired('documentNumber', this.currentRequiredFields) && this.cardMode === 'input',\n then: schema => {\n const baseSchema = schema\n .required('validation.documentNumberRequired')\n .min(7, 'validation.documentInvalid');\n if (renewalState.data?.price?.country === 'BR') {\n return baseSchema.test('numeric-only', 'validation.documentNumberNumericOnly', value => {\n if (!value) return true;\n return /^\\d+$/.test(value);\n });\n }\n\n return baseSchema;\n },\n otherwise: schema => schema.notRequired(),\n }),\n };\n\n private resizeHandler = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n async componentWillLoad() {\n this.resizeHandler();\n window.addEventListener('resize', this.resizeHandler);\n\n const changeCardProps =\n typeof this.changeCardData === 'string'\n ? JSON.parse(this.changeCardData)\n : this.changeCardData;\n\n RenewalStore.initializeRenewal({\n ...changeCardProps,\n token: this.changeCardToken,\n });\n renewalState.data.subscription.customerId = '';\n RenewalStore.setCardId(null);\n RenewalStore.setCardTokenId(null);\n RenewalStore.setCardInformation(null);\n SessionStore.setCustomerId(null);\n SessionStore.setCardId(null);\n SessionStore.setCardTokenId(null);\n RenewalStore.setCardMode('input');\n this.cardMode = 'input';\n RenewalStore.setSelectedPaymentMethod(PAYMENT_METHOD_ENUM.CARD);\n\n GoogleMapsService.loadGoogleMapsScript();\n\n try {\n const response = await api.data.getCountries();\n this.countries = response.data;\n } catch (error) {\n console.error('Error loading countries:', error);\n }\n\n try {\n this.allRequiredFields = await getAllRequiredFieldsRenewal();\n } catch (error) {\n console.error('Error loading required fields:', error);\n }\n\n try {\n this.currentRequiredFields = getRequiredFieldsForMethod(\n PAYMENT_METHOD_ENUM.CARD,\n this.allRequiredFields,\n ).fields;\n } catch (error) {\n console.error('Error getting required fields for card:', error);\n }\n\n await this.initializeFingerprint();\n this.initialData = this.getInitialData();\n\n renewalOnChange('cardMode', () => {\n if (renewalState.cardMode !== 'input') {\n RenewalStore.setCardMode('input');\n return;\n }\n this.cardMode = 'input';\n });\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n\n private async initializeFingerprint() {\n if (!renewalState.deviceId) {\n try {\n const uuid = crypto.randomUUID();\n const fingerprintResponse = await api.fingerPrint.getFingerPrint(uuid);\n RenewalStore.setDeviceId(uuid);\n const script = fingerprintResponse.result.script;\n const scriptElement = document.createElement('script');\n scriptElement.innerHTML = script;\n document.body.appendChild(scriptElement);\n } catch (error) {\n console.error('Failed to initialize fingerprint:', error);\n }\n }\n }\n\n private async handleSubmit(event?: CustomEvent) {\n if (this.isSubmitting) {\n return;\n }\n\n await this.handleChangeCard(event);\n }\n\n private async handleChangeCard(event?: CustomEvent) {\n const formData = event?.detail || this.getInitialData();\n\n if (!renewalState.data.cardTokenId || !renewalState.data.cardInformation) {\n this.errorCardInvalid = true;\n return;\n }\n\n this.errorCardInvalid = false;\n this.isSubmitting = true;\n this.isCardSubmitting = true;\n RenewalStore.setLoading(true);\n\n try {\n const changeCardRequest: ChangeCardRequest = {};\n\n changeCardRequest.cardTokenId = renewalState.data.cardTokenId;\n changeCardRequest.billingDetails = {\n address: {\n lineOne: formData['billing-address'] || '',\n city: formData['billing-city'] || '',\n state: formData['billing-state'] || '',\n country: formData['billing-country'] || '',\n zipCode: formData['billing-zip'] || '',\n },\n identification: {\n type: formData.documentType || '',\n value: formData.documentNumber || '',\n },\n };\n\n const response = await api.subscriptions.changeCard(\n renewalState.data.subscription.id,\n changeCardRequest,\n this.changeCardToken,\n );\n\n // Update card information from response if available\n if (response.data?.card) {\n RenewalStore.setCardInformation({\n brand: response.data.card.brand,\n type: renewalState.data.cardInformation?.type || '',\n isoCountry: renewalState.data.cardInformation?.isoCountry || '',\n bank: renewalState.data.cardInformation?.bank || '',\n lastFour: response.data.card.lastFour,\n installments: renewalState.data.cardInformation?.installments || {\n installments: [],\n },\n });\n }\n\n this.completedAt = new Date().toISOString();\n this.isSubmitting = false;\n this.isCardSubmitting = false;\n RenewalStore.setLoading(false);\n this.isCardSuccess = true;\n this.success.emit(response.data);\n } catch (error: any) {\n this.isSubmitting = false;\n this.isCardSubmitting = false;\n RenewalStore.setLoading(false);\n\n this.errorPaymentCard = true;\n this.errorMessage = {\n message: error.data?.error?.message as PaymentMessageE,\n };\n this.paymentError.emit(error);\n }\n }\n\n private getInitialData = () => {\n return {\n 'email': renewalState.data.subscription.customerEmail,\n 'fullName': renewalState.data.subscription.customerName,\n 'card': '',\n 'billing-country': '',\n 'billing-state': '',\n 'billing-address': '',\n 'billing-city': '',\n 'billing-zip': '',\n 'bankId': '',\n 'phoneNumber': '',\n 'countryCodePhoneNumber': '',\n 'documentType': '',\n 'documentNumber': '',\n };\n };\n\n private hasPrefilledAddress = () => {\n const billingFields = [\n 'billing-country',\n 'billing-state',\n 'billing-address',\n 'billing-city',\n 'billing-zip',\n ];\n return billingFields.some(key => {\n const value = this.initialData[key];\n return value && value.trim() !== '';\n });\n };\n\n private getFormattedCompletionDate = () => {\n if (!this.completedAt) {\n return '';\n }\n return formatDateTime(this.completedAt);\n };\n\n private get isSandboxMode(): boolean {\n const organizationId = renewalState.data?.organization?.id;\n return organizationId ? organizationId.startsWith('test') : false;\n }\n\n render() {\n if (!renewalState.isInitialized) {\n return <div class=\"loading\">{I18nService.translate('renewal.loading')}</div>;\n }\n\n const renderSummary = props => (\n <renewal-summary\n titleKey=\"changeCard.title\"\n totalAmount={renewalState.data.price.amount}\n subTotalAmount={renewalState.data.subscription.subTotalAmount}\n currency={renewalState.data.price.currency}\n subscriptionTitle={renewalState.data.subscription.name[0]?.text || 'Subscription'}\n subscriptionAmount={renewalState.data.subscription.amount}\n nextChargeDate={renewalState.data.subscription.nextChargeDate}\n frequency={renewalState.data.subscription.frequency}\n couponCode={renewalState.data.price.couponCode}\n discountAmount={renewalState.data.price.discountedAmount}\n discountPercentage={renewalState.data.price.discountPercentage}\n {...props}\n />\n );\n\n return (\n <>\n <rebill-processing-payment\n style={{ display: this.isCardSubmitting ? 'block' : 'none' }}\n titleKey=\"changeCard.processingTitle\"\n subtitleKey=\"changeCard.processingSubtitle\"\n />\n {this.isCardSuccess ? (\n <change-card-success\n customerName={renewalState.data.subscription.customerName}\n cardBrand={renewalState.data.cardInformation?.brand}\n cardLastFour={renewalState.data.cardInformation?.lastFour || '****'}\n paymentDate={this.getFormattedCompletionDate()}\n customerEmail={renewalState.data.subscription.customerEmail}\n />\n ) : (\n <rebill-checkout-form\n style={{ display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block' }}\n validationSchema={this.validationSchema}\n initialData={this.initialData}\n onSubmit={(args: any) => this.handleSubmit(args)}\n renderForm={({ submit, errors }) => (\n <div class=\"rebill-checkout-renewal\">\n <div class=\"left-section\">\n <div class=\"left-section-container\">\n {/* Modo sandbox para mobile - posicionado arriba del logo */}\n {this.isSandboxMode &&\n isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <div\n class=\"mode-sandbox-mobile-container\"\n style={{\n display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block',\n }}\n >\n <rebill-mode-sandbox-mobile />\n </div>\n )}\n <organization-logo organization={renewalState.data.organization} />\n\n <div class=\"checkout-form-section\">\n <user-information-static\n userInfo={{\n customerName: renewalState.data.subscription.customerName,\n customerEmail: renewalState.data.subscription.customerEmail,\n }}\n />\n\n {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n renderSummary({\n displayedComponents: 'header',\n })}\n\n {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n renderSummary({\n displayedComponents: 'details',\n })}\n\n <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n <payment-method-selector\n enabledPaymentMethods={[PAYMENT_METHOD_ENUM.CARD]}\n defaultSelected={this.currentPaymentMethod}\n errorComponent={{\n showErrorComponent: this.errorPaymentCard,\n alertTitle:\n this.errorMessage?.alertTitle ||\n I18nService.translate('changeCard.errorTitle'),\n message:\n this.errorMessage?.message ||\n I18nService.translate('changeCard.errorDescription'),\n }}\n cardError={{\n showCardInvalid: this.errorCardInvalid,\n type: null,\n }}\n country={renewalState.data.price.country}\n documentTypeError={errors?.documentType}\n documentNumberError={errors?.documentNumber}\n showDocument={\n this.cardMode === 'input' &&\n (isFieldRequired('documentType', this.currentRequiredFields) ||\n isFieldRequired('documentNumber', this.currentRequiredFields))\n }\n />\n </div>\n\n {this.cardMode === 'input' &&\n (isFieldRequired('billing-country', this.currentRequiredFields) ||\n isFieldRequired('billing-state', this.currentRequiredFields) ||\n isFieldRequired('billing-address', this.currentRequiredFields) ||\n isFieldRequired('billing-city', this.currentRequiredFields) ||\n isFieldRequired('billing-zip', this.currentRequiredFields)) && (\n <div class=\"animated-component slide-in\">\n <rebill-address\n countryOptions={this.countries.map(country => ({\n label: country.country,\n value: country.isoCountryCode,\n }))}\n billingView={this.hasPrefilledAddress() ? 'form' : 'search'}\n errors={{\n 'billing-country': errors['billing-country'],\n 'billing-state': errors['billing-state'],\n 'billing-address': errors['billing-address'],\n 'billing-city': errors['billing-city'],\n 'billing-zip': errors['billing-zip'],\n }}\n />\n </div>\n )}\n {this.cardMode === 'input' &&\n isFieldRequired('phoneNumber', this.currentRequiredFields) && (\n <div class=\"animated-component fade-in\">\n <user-information-phone\n error={errors?.phoneNumber || errors?.isValidPhoneNumber}\n />\n </div>\n )}\n\n {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n renderSummary({\n displayedComponents: 'summary',\n })}\n\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <payment-button\n paymentMethod={PAYMENT_METHOD_ENUM.CARD}\n isLoading={this.isSubmitting}\n isChangeCard={true}\n country={renewalState.data.price.country}\n isDisabled={renewalState.fetchingInstallments}\n onSubmit={() => submit()}\n />\n\n <rebill-alert\n type=\"secure\"\n variant=\"variant-secure\"\n icon=\"lock-outline\"\n message={I18nService.translate('otp.secureMessage')}\n />\n </div>\n </div>\n {this.isSandboxMode &&\n !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-mode-sandbox />\n )}\n <rebill-footer\n style={{\n marginTop: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? '24px'\n : 'auto',\n }}\n />\n </div>\n </div>\n\n {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <div class=\"right-section\">\n <div class=\"checkout-summary-section\">\n {renderSummary({\n displayedComponents: ['header', 'details', 'summary'],\n })}\n </div>\n </div>\n )}\n </div>\n )}\n />\n )}\n </>\n );\n }\n}\n"],"names":["BREAKPOINT_ENUM","PAYMENT_METHOD_ENUM","yup.string","isFieldRequired","renewalState","getBreakpoint","RenewalStore","SessionStore","GoogleMapsService","api","getAllRequiredFieldsRenewal","getRequiredFieldsForMethod","renewalOnChange","formatDateTime","h","I18nService","isBreakpointBelow"],"mappings":"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"}
|
|
@@ -875,6 +875,13 @@ const RebillCheckout = class {
|
|
|
875
875
|
.matches(/^[a-zA-ZÀ-ÿ\u00f1\u00d1\s]{2,}\s+[a-zA-ZÀ-ÿ\u00f1\u00d1\s]{2,}$/, 'validation.fullNameInvalid'),
|
|
876
876
|
otherwise: schema => schema.notRequired(),
|
|
877
877
|
}),
|
|
878
|
+
// Asegura error en submit si el teléfono es requerido y está vacío
|
|
879
|
+
'phoneNumber': index_esm.create$6().when([], {
|
|
880
|
+
is: () => (requiredFieldsMappers.isFieldRequired('phoneNumber', this.currentRequiredFields) && !this.otpVerified) ||
|
|
881
|
+
(this.otpVerified && this.cardMode === 'input'),
|
|
882
|
+
then: schema => schema.required('validation.phoneRequired'),
|
|
883
|
+
otherwise: schema => schema.notRequired(),
|
|
884
|
+
}),
|
|
878
885
|
'isValidPhoneNumber': index_esm.create$6().when([], {
|
|
879
886
|
is: () => (requiredFieldsMappers.isFieldRequired('phoneNumber', this.currentRequiredFields) && !this.otpVerified) ||
|
|
880
887
|
(this.otpVerified && this.cardMode === 'input'),
|
|
@@ -1046,8 +1053,8 @@ const RebillCheckout = class {
|
|
|
1046
1053
|
label: country.country,
|
|
1047
1054
|
value: country.isoCountryCode,
|
|
1048
1055
|
}));
|
|
1049
|
-
const renderRebillSummary = (props = {}) => (index$1.h("rebill-summary", { key: '
|
|
1050
|
-
return (i18n_service.state.isInitialized && (index$1.h(index$1.h.Fragment, null, this.showRefreshModal && index$1.h("rebill-modal-overlay", { key: '
|
|
1056
|
+
const renderRebillSummary = (props = {}) => (index$1.h("rebill-summary", { key: '4b1db10c60e123202a604f64dc89990eace6325b', totalAmount: i18n_service.state.data.pricing.total, currency: i18n_service.state.data.pricing.currency, itemTitle: i18n_service.state._session?.getTitle(), itemDescription: i18n_service.state._session?.getDescription(), itemAmount: i18n_service.state.data.pricing.subtotal, subtotal: i18n_service.state.data.pricing.subtotal, allowCoupon: i18n_service.state._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: i18n_service.state._session?.getPlanFrequency(), planFrequencyCount: i18n_service.state._session?.getPlanFrequencyCount(), discountType: i18n_service.state.data.discount.discountType, discountedPercentage: i18n_service.state.data.discount.discountedPercentage, discountDuration: i18n_service.state.data.discount.discountDuration, discountAmount: i18n_service.state.data.discount.discountAmount, ...props }));
|
|
1057
|
+
return (i18n_service.state.isInitialized && (index$1.h(index$1.h.Fragment, null, this.showRefreshModal && index$1.h("rebill-modal-overlay", { key: '479d5fbdd896241eadf43771c112d683fdafd54b' }), this.displayConfig.processingPayment && (index$1.h("rebill-processing-payment", { key: '29f1f76748c8603b97537e62fd6c973b17fecff7', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
|
|
1051
1058
|
this.isPaymentApproved() &&
|
|
1052
1059
|
i18n_service.state.isInitialized ? (index$1.h("success-page", { typePaymentMethod: i18n_service.state.data.paymentMethodSelected, paymentMethodName: paymentMethodMapper.PaymentMethodMapper.mapToAPMPaymentMethod(i18n_service.state.data.paymentMethodSelected ||
|
|
1053
1060
|
i18n_service.state.data.payment?.paymentMethodType, i18n_service.state.data?.pricing?.country), country: i18n_service.state.data?.pricing?.country, bank: i18n_service.state.data.payment?.paymentMethodMetadata?.bank ||
|
|
@@ -1123,7 +1130,7 @@ const RebillCheckout = class {
|
|
|
1123
1130
|
'billing-city': errors['billing-city'],
|
|
1124
1131
|
'billing-zip': errors['billing-zip'],
|
|
1125
1132
|
} }))), this.displayConfig.customerInformation &&
|
|
1126
|
-
requiredFieldsMappers.isFieldRequired('phoneNumber', this.currentRequiredFields) && (index$1.h("div", { class: "animated-component fade-in" }, index$1.h("user-information-phone", { disabled: this.isSubmitting, error: errors?.phoneNumber, countryCode: i18n_service.state.data.userInformation?.countryCode ||
|
|
1133
|
+
requiredFieldsMappers.isFieldRequired('phoneNumber', this.currentRequiredFields) && (index$1.h("div", { class: "animated-component fade-in" }, index$1.h("user-information-phone", { disabled: this.isSubmitting, error: errors?.phoneNumber || errors?.isValidPhoneNumber, countryCode: i18n_service.state.data.userInformation?.countryCode ||
|
|
1127
1134
|
i18n_service.state.data.country }))))), isAPMCheckoutVisible &&
|
|
1128
1135
|
(() => {
|
|
1129
1136
|
const isBoleto = this.currentPaymentMethod === i18n_service.PAYMENT_METHOD_ENUM.CASH &&
|