npm - rebill-web-components-sdk - Versions diffs - 1.8.6 → 1.8.7 - Mend

rebill-web-components-sdk 1.8.6 → 1.8.7

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 (63) hide show

package/dist/components/{p-CHIajnDg.js.map → p-DljAUFZC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CHIajnDg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox.css?tag=rebill-mode-sandbox","src/components/shared/mode-sandbox/mode-sandbox.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n\n.test-mode-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n}\n.info-icon {\n margin-right: 4px;\n display: flex;\n align-items: center;\n}\n\n.test-mode-chip {\n display: flex;\n min-width: 149px;\n height: 40px;\n background: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 20px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n position: relative;\n z-index: 10;\n}\n\n.test-mode-chip.expanded {\n max-width: 579px;\n height: 40px;\n flex-direction: row;\n border-radius: 20px;\n justify-content: space-between;\n}\n\n.test-mode-container.cards-visible .test-mode-chip.expanded {\n border-radius: 0 0 20px 20px;\n width: 579px;\n}\n\n.chip-content {\n display: flex;\n align-items: center;\n gap: 2px;\n justify-content: space-between;\n min-height: 24px;\n flex-shrink: 0;\n margin-left: 18px;\n margin-right: 8px;\n}\n\n.chip-content .info-icon {\n display: flex !important;\n align-items: center !important;\n vertical-align: middle !important;\n}\n\n.chip-content rebill-typography {\n display: flex !important;\n align-items: center !important;\n line-height: 1.5 !important;\n}\n\n.test-mode-chip.expanded .chip-content {\n justify-content: flex-start;\n width: auto;\n margin-right: 12px;\n}\n\n.test-mode-panel {\n display: flex;\n align-items: center;\n width: 100%;\n justify-content: space-between;\n animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.test-mode-panel.closing {\n animation: slideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.panel-sections {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n justify-content: space-between;\n margin: 8px;\n}\n\n/* Sección de Cards /\n.cards-section {\n display: flex;\n align-items: center;\n cursor: pointer;\n border-radius: 8px;\n transition: background-color 0.2s ease;\n}\n\n.cards-section .cards-button {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-start !important;\n margin-left: 4px !important;\n}\n\n.cards-section .cards-button .card-icon {\n display: flex !important;\n align-items: center !important;\n margin-right: 8px !important;\n vertical-align: middle !important;\n}\n\n.cards-section .cards-button rebill-typography {\n display: flex !important;\n align-items: center !important;\n line-height: 1 !important;\n}\n\n/ Sección de Docs /\n/ .docs-section {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n} /\n\n/ Sección de Registration /\n.registration-section {\n display: flex;\n align-items: center;\n gap: 2px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n flex: 1;\n min-width: 0;\n}\n\n.cards-dropdown-panel {\n position: absolute;\n bottom: 40px;\n left: 0;\n width: 579px;\n background: #ffffff;\n border-top: 1px solid #e5e7eb;\n border-left: 1px solid #e5e7eb;\n border-right: 1px solid #e5e7eb;\n border-bottom: none;\n border-radius: 16px 16px 0 0;\n z-index: 15;\n animation: expandUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n transform-origin: bottom center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cards-dropdown-panel.closing {\n animation: collapseDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-section {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.header-content {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 8px;\n}\n\n.card-details {\n background: #fafafa;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n margin: 8px;\n min-height: 223.7px;\n\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n padding: 16px;\n}\n\n.card-row {\n display: flex;\n flex-direction: row;\n gap: 24px;\n align-items: center;\n background: #ffffff;\n justify-content: space-around;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n width: 531px;\n height: 68px;\n}\n\n.card-field {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n\n.field-value {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n max-height: 20px;\n}\n\n.copy-button {\n align-items: center;\n}\n\n/ Animaciones /\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideOut {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-20px);\n }\n}\n\n@keyframes expandUp {\n from {\n opacity: 0;\n transform: translateY(10px) scaleY(0.9);\n }\n to {\n opacity: 1;\n transform: translateY(0) scaleY(1);\n }\n}\n\n@keyframes collapseDown {\n from {\n opacity: 1;\n transform: translateY(0) scaleY(1);\n }\n to {\n opacity: 0;\n transform: translateY(10px) scaleY(0.9);\n }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-mode-sandbox',\n styleUrl: 'mode-sandbox.css',\n shadow: false,\n})\nexport class RebillTestModeChip {\n @Element() el: HTMLElement;\n @State() isPanelVisible = false;\n @State() isPanelClosing = false;\n @State() isCardsPanelVisible = false;\n @State() isCardsPanelClosing = false;\n @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n componentWillLoad() {\n i18n.on('languageChanged', this.handleLanguageChange);\n }\n\n disconnectedCallback() {\n i18n.off('languageChanged', this.handleLanguageChange);\n }\n\n private handleLanguageChange = () => {\n this.currentLanguage = I18nService.getCurrentLanguage();\n };\n\n private togglePanel = () => {\n if (this.isPanelVisible) {\n this.isPanelClosing = true;\n if (this.isCardsPanelVisible) {\n this.isCardsPanelClosing = true;\n }\n setTimeout(() => {\n this.isPanelVisible = false;\n this.isPanelClosing = false;\n this.isCardsPanelVisible = false;\n this.isCardsPanelClosing = false;\n }, 300);\n } else {\n this.isPanelVisible = true;\n }\n };\n\n private togglePanelCards = () => {\n if (this.isCardsPanelVisible) {\n this.isCardsPanelClosing = true;\n setTimeout(() => {\n this.isCardsPanelVisible = false;\n this.isCardsPanelClosing = false;\n }, 300);\n } else {\n this.isCardsPanelVisible = true;\n }\n };\n\n private handleCopy = (text: string) => {\n copyToClipboard(text);\n this.isCardsPanelClosing = true;\n setTimeout(() => {\n this.isCardsPanelVisible = false;\n this.isCardsPanelClosing = false;\n }, 300);\n };\n private handleDocsClick = () => {\n window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n };\n\n private renderBasicChip() {\n return (\n <div class=\"chip-content\">\n <div class=\"info-icon\">\n <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n </div>\n <rebill-typography\n variant=\"subtitle2\"\n color={COLORS_ENUM.PRIMARY_DARK}\n style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n >\n {I18nService.translate('sandbox.testMode')}\n </rebill-typography>\n {!this.isPanelVisible && (\n <div class=\"arrow-icon\">\n <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n <rebill-icon name=\"arrow-right-circle\" />\n </rebill-button>\n </div>\n )}\n </div>\n );\n }\n\n private renderExpandedChip() {\n return (\n <div class={`test-mode-panel ${this.isPanelClosing ? 'closing' : ''}`}>\n <div class=\"panel-sections\">\n <div class=\"cards-section\" onClick={this.togglePanelCards}>\n <rebill-button variant=\"text\" size=\"small\" class=\"cards-button\">\n <rebill-icon name=\"card-test\" class=\"card-icon\" />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n {`${I18nService.translate('sandbox.cards')} `}\n </rebill-typography>\n <rebill-icon\n key={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n name={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n style={{ marginLeft: '8px' }}\n />\n </rebill-button>\n </div>\n {/ TODO: Add docs and registration sections when we have endpoints /}\n <div class=\"docs-section\">\n <rebill-button variant=\"text\" size=\"small\" onClick={this.handleDocsClick}>\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n {I18nService.translate('sandbox.docs')}\n </rebill-typography>\n <rebill-icon name=\"external-link\" style={{ marginLeft: '8px' }} />\n </rebill-button>\n </div>\n {/\n <div class=\"registration-section\" onClick={this.handleRegistrationClick}>\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n {I18nService.translate('sandbox.completeMyAccountRegistration')}\n </rebill-typography>\n <rebill-icon name=\"external-link\" />\n </div> */}\n <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n <rebill-icon name=\"close\" />\n </rebill-button>\n </div>\n </div>\n );\n }\n\n private renderCardsPanel() {\n return (\n <div class={`cards-dropdown-panel ${this.isCardsPanelClosing ? 'closing' : ''}`}>\n <div class=\"card-details\">\n <div class=\"card-section\">\n <div class=\"header-content\">\n <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n {I18nService.translate('sandbox.successPayment')}\n </rebill-typography>\n </div>\n <div class=\"card-row\">\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cardNumber')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-icon name=\"visa\" />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 4539148803436467\n </rebill-typography>\n </div>\n </div>\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.expiryDate')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 01/99\n </rebill-typography>\n </div>\n </div>\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cvv')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 123\n </rebill-typography>\n <div class=\"copy-button\">\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n >\n <rebill-icon name=\"copy\" />\n </rebill-button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"card-section\">\n <div class=\"header-content\">\n <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n {I18nService.translate('sandbox.rejectedPayment')}\n </rebill-typography>\n </div>\n <div class=\"card-row\">\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cardNumber')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-icon name=\"visa\" />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 4485364739527352\n </rebill-typography>\n </div>\n </div>\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.expiryDate')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 01/99\n </rebill-typography>\n </div>\n </div>\n\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cvv')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 123\n </rebill-typography>\n <div class=\"copy-button\">\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n >\n <rebill-icon name=\"copy\" />\n </rebill-button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n render() {\n return (\n <div\n class={`test-mode-container ${this.isCardsPanelVisible \|\| this.isCardsPanelClosing ? 'cards-visible' : ''}`}\n >\n <div class={`test-mode-chip ${this.isPanelVisible ? 'expanded' : ''}`}>\n {this.renderBasicChip()}\n {(this.isPanelVisible \|\| this.isPanelClosing) && this.renderExpandedChip()}\n </div>\n {(this.isPanelVisible \|\| this.isCardsPanelClosing) &&\n (this.isCardsPanelVisible \|\| this.isCardsPanelClosing) &&\n this.renderCardsPanel()}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DljAUFZC.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox.css?tag=rebill-mode-sandbox","src/components/shared/mode-sandbox/mode-sandbox.tsx"],"sourcesContent":[":host {\n display: block;\n position: relative;\n}\n\n.test-mode-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n}\n.info-icon {\n margin-right: 4px;\n display: flex;\n align-items: center;\n}\n\n.test-mode-chip {\n display: flex;\n min-width: 149px;\n height: 40px;\n background: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 20px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n position: relative;\n z-index: 10;\n}\n\n.test-mode-chip.expanded {\n max-width: 579px;\n height: 40px;\n flex-direction: row;\n border-radius: 20px;\n justify-content: space-between;\n}\n\n.test-mode-container.cards-visible .test-mode-chip.expanded {\n border-radius: 0 0 20px 20px;\n width: 579px;\n}\n\n.chip-content {\n display: flex;\n align-items: center;\n gap: 2px;\n justify-content: space-between;\n min-height: 24px;\n flex-shrink: 0;\n margin-left: 18px;\n margin-right: 8px;\n}\n\n.chip-content .info-icon {\n display: flex !important;\n align-items: center !important;\n vertical-align: middle !important;\n}\n\n.chip-content rebill-typography {\n display: flex !important;\n align-items: center !important;\n line-height: 1.5 !important;\n}\n\n.test-mode-chip.expanded .chip-content {\n justify-content: flex-start;\n width: auto;\n margin-right: 12px;\n}\n\n.test-mode-panel {\n display: flex;\n align-items: center;\n width: 100%;\n justify-content: space-between;\n animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.test-mode-panel.closing {\n animation: slideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.panel-sections {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n justify-content: space-between;\n margin: 8px;\n}\n\n/* Sección de Cards /\n.cards-section {\n display: flex;\n align-items: center;\n cursor: pointer;\n border-radius: 8px;\n transition: background-color 0.2s ease;\n}\n\n.cards-section .cards-button {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-start !important;\n margin-left: 4px !important;\n}\n\n.cards-section .cards-button .card-icon {\n display: flex !important;\n align-items: center !important;\n margin-right: 8px !important;\n vertical-align: middle !important;\n}\n\n.cards-section .cards-button rebill-typography {\n display: flex !important;\n align-items: center !important;\n line-height: 1 !important;\n}\n\n/ Sección de Docs /\n/ .docs-section {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n} /\n\n/ Sección de Registration /\n.registration-section {\n display: flex;\n align-items: center;\n gap: 2px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n flex: 1;\n min-width: 0;\n}\n\n.cards-dropdown-panel {\n position: absolute;\n bottom: 40px;\n left: 0;\n width: 579px;\n background: #ffffff;\n border-top: 1px solid #e5e7eb;\n border-left: 1px solid #e5e7eb;\n border-right: 1px solid #e5e7eb;\n border-bottom: none;\n border-radius: 16px 16px 0 0;\n z-index: 15;\n animation: expandUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n transform-origin: bottom center;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cards-dropdown-panel.closing {\n animation: collapseDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-section {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.header-content {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 8px;\n}\n\n.card-details {\n background: #fafafa;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n margin: 8px;\n min-height: 223.7px;\n\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n padding: 16px;\n}\n\n.card-row {\n display: flex;\n flex-direction: row;\n gap: 24px;\n align-items: center;\n background: #ffffff;\n justify-content: space-around;\n border-radius: 8px;\n border: 1px solid #e5e7eb;\n width: 531px;\n height: 68px;\n}\n\n.card-field {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n\n.field-value {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n max-height: 20px;\n}\n\n.copy-button {\n align-items: center;\n}\n\n/ Animaciones /\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideOut {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-20px);\n }\n}\n\n@keyframes expandUp {\n from {\n opacity: 0;\n transform: translateY(10px) scaleY(0.9);\n }\n to {\n opacity: 1;\n transform: translateY(0) scaleY(1);\n }\n}\n\n@keyframes collapseDown {\n from {\n opacity: 1;\n transform: translateY(0) scaleY(1);\n }\n to {\n opacity: 0;\n transform: translateY(10px) scaleY(0.9);\n }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-mode-sandbox',\n styleUrl: 'mode-sandbox.css',\n shadow: false,\n})\nexport class RebillTestModeChip {\n @Element() el: HTMLElement;\n @State() isPanelVisible = false;\n @State() isPanelClosing = false;\n @State() isCardsPanelVisible = false;\n @State() isCardsPanelClosing = false;\n @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n componentWillLoad() {\n i18n.on('languageChanged', this.handleLanguageChange);\n }\n\n disconnectedCallback() {\n i18n.off('languageChanged', this.handleLanguageChange);\n }\n\n private handleLanguageChange = () => {\n this.currentLanguage = I18nService.getCurrentLanguage();\n };\n\n private togglePanel = () => {\n if (this.isPanelVisible) {\n this.isPanelClosing = true;\n if (this.isCardsPanelVisible) {\n this.isCardsPanelClosing = true;\n }\n setTimeout(() => {\n this.isPanelVisible = false;\n this.isPanelClosing = false;\n this.isCardsPanelVisible = false;\n this.isCardsPanelClosing = false;\n }, 300);\n } else {\n this.isPanelVisible = true;\n }\n };\n\n private togglePanelCards = () => {\n if (this.isCardsPanelVisible) {\n this.isCardsPanelClosing = true;\n setTimeout(() => {\n this.isCardsPanelVisible = false;\n this.isCardsPanelClosing = false;\n }, 300);\n } else {\n this.isCardsPanelVisible = true;\n }\n };\n\n private handleCopy = (text: string) => {\n copyToClipboard(text);\n this.isCardsPanelClosing = true;\n setTimeout(() => {\n this.isCardsPanelVisible = false;\n this.isCardsPanelClosing = false;\n }, 300);\n };\n private handleDocsClick = () => {\n window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n };\n\n private renderBasicChip() {\n return (\n <div class=\"chip-content\">\n <div class=\"info-icon\">\n <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n </div>\n <rebill-typography\n variant=\"subtitle2\"\n color={COLORS_ENUM.PRIMARY_DARK}\n style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}\n >\n {I18nService.translate('sandbox.testMode')}\n </rebill-typography>\n {!this.isPanelVisible && (\n <div class=\"arrow-icon\">\n <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n <rebill-icon name=\"arrow-right-circle\" />\n </rebill-button>\n </div>\n )}\n </div>\n );\n }\n\n private renderExpandedChip() {\n return (\n <div class={`test-mode-panel ${this.isPanelClosing ? 'closing' : ''}`}>\n <div class=\"panel-sections\">\n <div class=\"cards-section\" onClick={this.togglePanelCards}>\n <rebill-button variant=\"text\" size=\"small\" class=\"cards-button\">\n <rebill-icon name=\"card-test\" class=\"card-icon\" />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n {`${I18nService.translate('sandbox.cards')} `}\n </rebill-typography>\n <rebill-icon\n key={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n name={this.isCardsPanelVisible ? 'chevron-up' : 'chevron-down'}\n style={{ marginLeft: '8px' }}\n />\n </rebill-button>\n </div>\n {/ TODO: Add docs and registration sections when we have endpoints /}\n <div class=\"docs-section\">\n <rebill-button variant=\"text\" size=\"small\" onClick={this.handleDocsClick}>\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n {I18nService.translate('sandbox.docs')}\n </rebill-typography>\n <rebill-icon name=\"external-link\" style={{ marginLeft: '8px' }} />\n </rebill-button>\n </div>\n {/\n <div class=\"registration-section\" onClick={this.handleRegistrationClick}>\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n {I18nService.translate('sandbox.completeMyAccountRegistration')}\n </rebill-typography>\n <rebill-icon name=\"external-link\" />\n </div> */}\n <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n <rebill-icon name=\"close\" />\n </rebill-button>\n </div>\n </div>\n );\n }\n\n private renderCardsPanel() {\n return (\n <div class={`cards-dropdown-panel ${this.isCardsPanelClosing ? 'closing' : ''}`}>\n <div class=\"card-details\">\n <div class=\"card-section\">\n <div class=\"header-content\">\n <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n {I18nService.translate('sandbox.successPayment')}\n </rebill-typography>\n </div>\n <div class=\"card-row\">\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cardNumber')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-icon name=\"visa\" />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 4539148803436467\n </rebill-typography>\n </div>\n </div>\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.expiryDate')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 01/99\n </rebill-typography>\n </div>\n </div>\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cvv')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 123\n </rebill-typography>\n <div class=\"copy-button\">\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n >\n <rebill-icon name=\"copy\" />\n </rebill-button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"card-section\">\n <div class=\"header-content\">\n <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n {I18nService.translate('sandbox.rejectedPayment')}\n </rebill-typography>\n </div>\n <div class=\"card-row\">\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cardNumber')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-icon name=\"visa\" />\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 4485364739527352\n </rebill-typography>\n </div>\n </div>\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.expiryDate')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 01/99\n </rebill-typography>\n </div>\n </div>\n\n <div class=\"card-value\">\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n {I18nService.translate('sandbox.cvv')}\n </rebill-typography>\n <div class=\"field-value\">\n <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n 123\n </rebill-typography>\n <div class=\"copy-button\">\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n >\n <rebill-icon name=\"copy\" />\n </rebill-button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n render() {\n return (\n <div\n class={`test-mode-container ${this.isCardsPanelVisible \|\| this.isCardsPanelClosing ? 'cards-visible' : ''}`}\n >\n <div class={`test-mode-chip ${this.isPanelVisible ? 'expanded' : ''}`}>\n {this.renderBasicChip()}\n {(this.isPanelVisible \|\| this.isPanelClosing) && this.renderExpandedChip()}\n </div>\n {(this.isPanelVisible \|\| this.isCardsPanelClosing) &&\n (this.isCardsPanelVisible \|\| this.isCardsPanelClosing) &&\n this.renderCardsPanel()}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-djD6Hoxd.js → p-Dum_FpHV.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
 import { I as I18nService, d as instance, s as state, P as PAYMENT_METHOD_ENUM, b as SESSION_ITEM_TYPE_ENUM } from './p-DRQAoEdx.js';
 import { g as getPaymentMethodDisplayName } from './p-DmfeFBZH.js';
 import { c as createCountdownTimer } from './p-bcHxwlBu.js';
-import { d as defineCustomElement$2 } from './p-Cp7iacZh.js';
+import { d as defineCustomElement$2 } from './p-DgIOuUN1.js';
 import { d as defineCustomElement$1 } from './p-CTgkZUJ9.js';
 const paymentButtonCss = "";
@@ -171,6 +171,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PaymentButton as P, defineCustomElement as d };
-//# sourceMappingURL=p-djD6Hoxd.js.map
+//# sourceMappingURL=p-Dum_FpHV.js.map
-//# sourceMappingURL=p-djD6Hoxd.js.map
+//# sourceMappingURL=p-Dum_FpHV.js.map

package/dist/components/{p-djD6Hoxd.js.map → p-Dum_FpHV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~djD6Hoxd~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/components/checkout/payment-button/payment-button.css?tag=payment-button","src/components/checkout/payment-button/payment-button.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport { createCountdownTimer } from '../../../utils/timer';\nimport '../../shared/button/button';\n\n@Component({\n tag: 'payment-button',\n styleUrl: 'payment-button.css',\n shadow: false,\n})\nexport class PaymentButton {\n @Prop() isDisabled: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n @Prop() isRenewal: boolean = false;\n @Prop() trialPeriodDays?: number;\n @Prop() redirectUrl?: boolean;\n @Prop() timeToRedirect?: number;\n @Prop() country?: string;\n\n @State() currentLanguage: string = I18nService.getCurrentLanguage();\n @State() countdownSeconds: number = 0;\n @State() paymentMethodDisplayName: string = '';\n\n @Event() submit: EventEmitter<void>;\n\n @Watch('redirectUrl')\n @Watch('timeToRedirect')\n onRedirectPropsChange() {\n this.initializeCountdown();\n }\n\n private countdownTimer: ReturnType<typeof createCountdownTimer> \| null = null;\n\n private lastPaymentMethod: PAYMENT_METHOD_ENUM \| undefined = undefined;\n private lastCountry: string \| undefined = undefined;\n\n componentWillLoad() {\n i18n.on('languageChanged', this.handleLanguageChange);\n this.updatePaymentMethodDisplayName();\n }\n\n componentDidLoad() {\n this.initializeCountdown();\n }\n\n componentWillUpdate() {\n if (this.paymentMethod !== this.lastPaymentMethod \|\| this.country !== this.lastCountry) {\n this.lastPaymentMethod = this.paymentMethod;\n this.lastCountry = this.country;\n this.updatePaymentMethodDisplayName();\n }\n }\n\n disconnectedCallback() {\n i18n.off('languageChanged', this.handleLanguageChange);\n this.stopCountdown();\n }\n\n private handleLanguageChange = () => {\n this.currentLanguage = I18nService.getCurrentLanguage();\n };\n\n private updatePaymentMethodDisplayName = () => {\n this.paymentMethodDisplayName = getPaymentMethodDisplayName(this.paymentMethod, this.country);\n };\n\n private handleSubmit = () => {\n this.submit.emit();\n };\n\n private initializeCountdown = () => {\n if (this.redirectUrl === true && this.timeToRedirect != null) {\n const seconds = Math.ceil(this.timeToRedirect / 1000);\n this.countdownSeconds = seconds;\n\n this.stopCountdown();\n\n this.countdownTimer = createCountdownTimer({\n duration: seconds,\n onTick: timeLeft => {\n this.countdownSeconds = timeLeft;\n },\n onComplete: () => {\n this.countdownSeconds = 0;\n },\n });\n\n this.countdownTimer.start();\n } else {\n this.stopCountdown();\n this.countdownSeconds = 0;\n }\n };\n\n private stopCountdown = () => {\n if (this.countdownTimer) {\n this.countdownTimer.stop();\n this.countdownTimer = null;\n }\n };\n\n private shouldShowLoading = (): boolean => {\n return this.isLoading \|\| (this.redirectUrl === true && this.timeToRedirect != null);\n };\n\n private getButtonText = (): string => {\n if (this.redirectUrl === true && this.timeToRedirect != null) {\n return I18nService.translate('buttons.redirecting', {\n seconds: this.countdownSeconds,\n });\n }\n\n if (this.trialPeriodDays) {\n return I18nService.translate('buttons.startTrial', {\n trialDays: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n });\n }\n if (\n this.paymentMethod === PAYMENT_METHOD_ENUM.CASH \|\|\n this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n ) {\n if (this.paymentMethodDisplayName) {\n return I18nService.translate('buttons.continueWithPaymentMethod', {\n paymentMethod: this.paymentMethodDisplayName,\n });\n } else {\n return I18nService.translate('buttons.continue');\n }\n }\n\n // Check if it's renewal to use different translation\n if (this.isRenewal) {\n return I18nService.translate('buttons.renewSubscription');\n }\n if (sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN) {\n return I18nService.translate('buttons.subscribe');\n }\n return I18nService.translate('buttons.payNow');\n };\n\n render() {\n return (\n <rebill-button\n type=\"submit\"\n disabled={this.isDisabled}\n loading={this.shouldShowLoading()}\n showSpinnerWithText={this.redirectUrl === true && this.timeToRedirect != null}\n nonClickable={this.redirectUrl === true && this.timeToRedirect != null}\n variant=\"filled\"\n theme=\"primary-dark\"\n onClick={this.handleSubmit}\n id=\"payment-button\"\n >\n {this.getButtonText()}\n </rebill-button>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Dum_FpHV.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/components/checkout/payment-button/payment-button.css?tag=payment-button","src/components/checkout/payment-button/payment-button.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport { createCountdownTimer } from '../../../utils/timer';\nimport '../../shared/button/button';\n\n@Component({\n tag: 'payment-button',\n styleUrl: 'payment-button.css',\n shadow: false,\n})\nexport class PaymentButton {\n @Prop() isDisabled: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n @Prop() isRenewal: boolean = false;\n @Prop() trialPeriodDays?: number;\n @Prop() redirectUrl?: boolean;\n @Prop() timeToRedirect?: number;\n @Prop() country?: string;\n\n @State() currentLanguage: string = I18nService.getCurrentLanguage();\n @State() countdownSeconds: number = 0;\n @State() paymentMethodDisplayName: string = '';\n\n @Event() submit: EventEmitter<void>;\n\n @Watch('redirectUrl')\n @Watch('timeToRedirect')\n onRedirectPropsChange() {\n this.initializeCountdown();\n }\n\n private countdownTimer: ReturnType<typeof createCountdownTimer> \| null = null;\n\n private lastPaymentMethod: PAYMENT_METHOD_ENUM \| undefined = undefined;\n private lastCountry: string \| undefined = undefined;\n\n componentWillLoad() {\n i18n.on('languageChanged', this.handleLanguageChange);\n this.updatePaymentMethodDisplayName();\n }\n\n componentDidLoad() {\n this.initializeCountdown();\n }\n\n componentWillUpdate() {\n if (this.paymentMethod !== this.lastPaymentMethod \|\| this.country !== this.lastCountry) {\n this.lastPaymentMethod = this.paymentMethod;\n this.lastCountry = this.country;\n this.updatePaymentMethodDisplayName();\n }\n }\n\n disconnectedCallback() {\n i18n.off('languageChanged', this.handleLanguageChange);\n this.stopCountdown();\n }\n\n private handleLanguageChange = () => {\n this.currentLanguage = I18nService.getCurrentLanguage();\n };\n\n private updatePaymentMethodDisplayName = () => {\n this.paymentMethodDisplayName = getPaymentMethodDisplayName(this.paymentMethod, this.country);\n };\n\n private handleSubmit = () => {\n this.submit.emit();\n };\n\n private initializeCountdown = () => {\n if (this.redirectUrl === true && this.timeToRedirect != null) {\n const seconds = Math.ceil(this.timeToRedirect / 1000);\n this.countdownSeconds = seconds;\n\n this.stopCountdown();\n\n this.countdownTimer = createCountdownTimer({\n duration: seconds,\n onTick: timeLeft => {\n this.countdownSeconds = timeLeft;\n },\n onComplete: () => {\n this.countdownSeconds = 0;\n },\n });\n\n this.countdownTimer.start();\n } else {\n this.stopCountdown();\n this.countdownSeconds = 0;\n }\n };\n\n private stopCountdown = () => {\n if (this.countdownTimer) {\n this.countdownTimer.stop();\n this.countdownTimer = null;\n }\n };\n\n private shouldShowLoading = (): boolean => {\n return this.isLoading \|\| (this.redirectUrl === true && this.timeToRedirect != null);\n };\n\n private getButtonText = (): string => {\n if (this.redirectUrl === true && this.timeToRedirect != null) {\n return I18nService.translate('buttons.redirecting', {\n seconds: this.countdownSeconds,\n });\n }\n\n if (this.trialPeriodDays) {\n return I18nService.translate('buttons.startTrial', {\n trialDays: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n });\n }\n if (\n this.paymentMethod === PAYMENT_METHOD_ENUM.CASH \|\|\n this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n ) {\n if (this.paymentMethodDisplayName) {\n return I18nService.translate('buttons.continueWithPaymentMethod', {\n paymentMethod: this.paymentMethodDisplayName,\n });\n } else {\n return I18nService.translate('buttons.continue');\n }\n }\n\n // Check if it's renewal to use different translation\n if (this.isRenewal) {\n return I18nService.translate('buttons.renewSubscription');\n }\n if (sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN) {\n return I18nService.translate('buttons.subscribe');\n }\n return I18nService.translate('buttons.payNow');\n };\n\n render() {\n return (\n <rebill-button\n type=\"submit\"\n disabled={this.isDisabled}\n loading={this.shouldShowLoading()}\n showSpinnerWithText={this.redirectUrl === true && this.timeToRedirect != null}\n nonClickable={this.redirectUrl === true && this.timeToRedirect != null}\n variant=\"filled\"\n theme=\"primary-dark\"\n onClick={this.handleSubmit}\n id=\"payment-button\"\n >\n {this.getButtonText()}\n </rebill-button>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DJEotc3n.js → p-FFCF5_17.js} RENAMED Viewed

@@ -4,9 +4,9 @@ import { B as BREAKPOINT_ENUM, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as getInstallmentDescription } from './p-BdgS9aV1.js';
 import { d as defineCustomElement$b } from './p-D-dSMSHx.js';
-import { d as defineCustomElement$a } from './p-BBiYeY9C.js';
+import { d as defineCustomElement$a } from './p-LoXXimMi.js';
 import { d as defineCustomElement$9 } from './p-Dnq2iRjk.js';
-import { d as defineCustomElement$8 } from './p-Cp7iacZh.js';
+import { d as defineCustomElement$8 } from './p-DgIOuUN1.js';
 import { d as defineCustomElement$7 } from './p-Bo2OAFkr.js';
 import { d as defineCustomElement$6 } from './p-CTgkZUJ9.js';
 import { d as defineCustomElement$5 } from './p-CCuYHwTH.js';
@@ -781,6 +781,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Summary as S, defineCustomElement as d };
-//# sourceMappingURL=p-DJEotc3n.js.map
+//# sourceMappingURL=p-FFCF5_17.js.map
-//# sourceMappingURL=p-DJEotc3n.js.map
+//# sourceMappingURL=p-FFCF5_17.js.map