npm - rebill-web-components-sdk - Versions diffs - 1.10.5 → 1.10.7-beta.0 - Mend

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.

Files changed (77) hide show

package/dist/collection/components/change-card/rebill-change-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rebill-change-card.js","sourceRoot":"","sources":["../../../src/components/change-card/rebill-change-card.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
1	+ {"version":3,"file":"rebill-change-card.js","sourceRoot":"","sources":["../../../src/components/change-card/rebill-change-card.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/checkout/rebill-checkout.js CHANGED Viewed

@@ -747,6 +747,13 @@ export class RebillCheckout {
                 .matches(/^[a-zA-ZÀ-ÿ\u00f1\u00d1\s]{2,}\s+[a-zA-ZÀ-ÿ\u00f1\u00d1\s]{2,}$/, 'validation.fullNameInvalid'),
             otherwise: schema => schema.notRequired(),
         }),
+        // Asegura error en submit si el teléfono es requerido y está vacío
+        'phoneNumber': yup.string().when([], {
+            is: () => (isFieldRequired('phoneNumber', this.currentRequiredFields) && !this.otpVerified) ||
+                (this.otpVerified && this.cardMode === 'input'),
+            then: schema => schema.required('validation.phoneRequired'),
+            otherwise: schema => schema.notRequired(),
+        }),
         'isValidPhoneNumber': yup.string().when([], {
             is: () => (isFieldRequired('phoneNumber', this.currentRequiredFields) && !this.otpVerified) ||
                 (this.otpVerified && this.cardMode === 'input'),
@@ -918,8 +925,8 @@ export class RebillCheckout {
             label: country.country,
             value: country.isoCountryCode,
         }));
-        const renderRebillSummary = (props = {}) => (h("rebill-summary", { key: '54af32d7bb0d51734d8066cd7a1c2d608948304c', totalAmount: sessionState.data.pricing.total, currency: sessionState.data.pricing.currency, itemTitle: sessionState._session?.getTitle(), itemDescription: sessionState._session?.getDescription(), itemAmount: sessionState.data.pricing.subtotal, subtotal: sessionState.data.pricing.subtotal, allowCoupon: sessionState._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: sessionState._session?.getPlanFrequency(), planFrequencyCount: sessionState._session?.getPlanFrequencyCount(), discountType: sessionState.data.discount.discountType, discountedPercentage: sessionState.data.discount.discountedPercentage, discountDuration: sessionState.data.discount.discountDuration, discountAmount: sessionState.data.discount.discountAmount, ...props }));
-        return (sessionState.isInitialized && (h(h.Fragment, null, this.showRefreshModal && h("rebill-modal-overlay", { key: 'f62b661e9ebd58c3d8187d05820f2e1b778cc73a' }), this.displayConfig.processingPayment && (h("rebill-processing-payment", { key: 'a2611d09bdfeb17a499b1f1c590342975cbe25cf', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
+        const renderRebillSummary = (props = {}) => (h("rebill-summary", { key: '4b1db10c60e123202a604f64dc89990eace6325b', totalAmount: sessionState.data.pricing.total, currency: sessionState.data.pricing.currency, itemTitle: sessionState._session?.getTitle(), itemDescription: sessionState._session?.getDescription(), itemAmount: sessionState.data.pricing.subtotal, subtotal: sessionState.data.pricing.subtotal, allowCoupon: sessionState._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: sessionState._session?.getPlanFrequency(), planFrequencyCount: sessionState._session?.getPlanFrequencyCount(), discountType: sessionState.data.discount.discountType, discountedPercentage: sessionState.data.discount.discountedPercentage, discountDuration: sessionState.data.discount.discountDuration, discountAmount: sessionState.data.discount.discountAmount, ...props }));
+        return (sessionState.isInitialized && (h(h.Fragment, null, this.showRefreshModal && h("rebill-modal-overlay", { key: '479d5fbdd896241eadf43771c112d683fdafd54b' }), this.displayConfig.processingPayment && (h("rebill-processing-payment", { key: '29f1f76748c8603b97537e62fd6c973b17fecff7', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
             this.isPaymentApproved() &&
             sessionState.isInitialized ? (h("success-page", { typePaymentMethod: sessionState.data.paymentMethodSelected, paymentMethodName: PaymentMethodMapper.mapToAPMPaymentMethod(sessionState.data.paymentMethodSelected ||
                 sessionState.data.payment?.paymentMethodType, sessionState.data?.pricing?.country), country: sessionState.data?.pricing?.country, bank: sessionState.data.payment?.paymentMethodMetadata?.bank ||
@@ -995,7 +1002,7 @@ export class RebillCheckout {
                         'billing-city': errors['billing-city'],
                         'billing-zip': errors['billing-zip'],
                     } }))), this.displayConfig.customerInformation &&
-                    isFieldRequired('phoneNumber', this.currentRequiredFields) && (h("div", { class: "animated-component fade-in" }, h("user-information-phone", { disabled: this.isSubmitting, error: errors?.phoneNumber, countryCode: sessionState.data.userInformation?.countryCode ||
+                    isFieldRequired('phoneNumber', this.currentRequiredFields) && (h("div", { class: "animated-component fade-in" }, h("user-information-phone", { disabled: this.isSubmitting, error: errors?.phoneNumber || errors?.isValidPhoneNumber, countryCode: sessionState.data.userInformation?.countryCode ||
                         sessionState.data.country }))))), isAPMCheckoutVisible &&
                     (() => {
                         const isBoleto = this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH &&