npm - rebill-web-components-sdk - Versions diffs - 1.10.1 → 1.10.2 - Mend

rebill-web-components-sdk 1.10.1 → 1.10.2

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

package/dist/components/{p-BS5TOpnh.js → p-CNgxCj8J.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { s as state } from './p-Be63Lt_2.js';
 import { d as defineCustomElement$5 } from './p-CLMKPBrB.js';
-import { d as defineCustomElement$4 } from './p-BZaiuF56.js';
+import { d as defineCustomElement$4 } from './p-iueBw_y3.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BLD5qbS8.js';
+import { d as defineCustomElement$2 } from './p-C9-xmJLv.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 const checkoutSingleColumnCss = ".checkout-single-column{min-height:100vh;background:var(--rebill-color-background);display:flex;flex-direction:column;position:relative;overflow-x:hidden;min-width:320px}.checkout-single-column__header{display:flex;justify-content:flex-start;align-items:center;height:72px;width:100%;max-width:1448px;min-width:348px;background:var(--rebill-color-background);margin-left:30px;box-sizing:border-box}.checkout-single-column__main-content{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;width:100%;box-sizing:border-box;max-width:450px;margin:0 auto;gap:2rem}.checkout-single-column__footer-container{margin-top:auto;height:60px;display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.checkout-single-column__footer-content{width:100%;max-width:450px;min-width:auto;flex-shrink:1;flex-basis:auto;box-sizing:border-box}@media (max-width: 1024px){.checkout-single-column__header{width:100%;max-width:100%;justify-content:flex-start}.checkout-single-column__main-content{gap:0;align-items:center;justify-content:center;padding-top:2rem;flex:1;min-height:0;width:100%}.checkout-single-column__footer-container{width:100%;height:auto;min-height:60px;justify-content:center}.checkout-single-column__footer-content{width:100%;min-width:auto;max-width:100%;flex-basis:auto}}@media (max-width: 767px){.checkout-single-column__header{height:60px;margin-left:12px;margin-right:12px;width:100%}.checkout-single-column__main-content{padding-top:1rem;align-items:center;justify-content:center;flex:1;width:100%}.checkout-single-column__footer-container{margin-left:12px;margin-right:12px;height:auto;min-height:60px;width:100%;justify-content:center}}@media (min-width: 1025px){.checkout-single-column{background:var(--rebill-color-background-left)}.checkout-single-column__footer-container{margin-left:16px}.checkout-single-column__header{background:var(--rebill-color-background-left)}}";
@@ -61,6 +61,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LayoutCheckoutSingleColumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-BS5TOpnh.js.map
+//# sourceMappingURL=p-CNgxCj8J.js.map
-//# sourceMappingURL=p-BS5TOpnh.js.map
+//# sourceMappingURL=p-CNgxCj8J.js.map

package/dist/components/{p-BS5TOpnh.js.map → p-CNgxCj8J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BS5TOpnh~~.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,i5DAAi5D;;MCQp6D,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACnD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,wCAAwC,GAAG,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n min-height: 100vh;\n background: var(--rebill-color-background);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n min-width: 320px;\n}\n\n.checkout-single-column__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 72px;\n width: 100%;\n max-width: 1448px;\n min-width: 348px;\n background: var(--rebill-color-background);\n margin-left: 30px;\n box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 0;\n width: 100%;\n box-sizing: border-box;\n /* padding: 0 20px; /\n max-width: 450px;\n\n margin: 0 auto;\n gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n margin-top: auto;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n width: 100%;\n max-width: 450px;\n min-width: auto;\n flex-shrink: 1;\n flex-basis: auto;\n box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n .checkout-single-column__header {\n width: 100%;\n max-width: 100%;\n\n justify-content: flex-start;\n }\n\n .checkout-single-column__main-content {\n / padding: 0 20px; */\n gap: 0;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n flex: 1;\n min-height: 0;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n width: 100%;\n height: auto;\n min-height: 60px;\n justify-content: center;\n }\n\n .checkout-single-column__footer-content {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n flex-basis: auto;\n }\n}\n\n@media (max-width: 767px) {\n .checkout-single-column__header {\n height: 60px;\n margin-left: 12px;\n margin-right: 12px;\n width: 100%;\n }\n\n .checkout-single-column__main-content {\n padding-top: 1rem;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n margin-left: 12px;\n margin-right: 12px;\n height: auto;\n min-height: 60px;\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (min-width: 1025px) {\n .checkout-single-column {\n background: var(--rebill-color-background-left);\n }\n .checkout-single-column__footer-container {\n margin-left: 16px;\n }\n\n .checkout-single-column__header {\n background: var(--rebill-color-background-left);\n }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n tag: 'rebill-checkout-single-column',\n styleUrl: 'checkout-single-column.css',\n shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n render() {\n return (\n <div class=\"checkout-single-column\">\n <header class=\"checkout-single-column__header\">\n <div class=\"header-container\">\n <organization-logo organization={sessionState.data.organization} />\n </div>\n </header>\n <main class=\"checkout-single-column__main-content\">\n <slot />\n </main>\n <div class=\"checkout-single-column__footer-container\">\n <rebill-footer class=\"checkout-single-column__footer-content\" />\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CNgxCj8J.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,i5DAAi5D;;MCQp6D,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACnD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,wCAAwC,GAAG,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n min-height: 100vh;\n background: var(--rebill-color-background);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n min-width: 320px;\n}\n\n.checkout-single-column__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 72px;\n width: 100%;\n max-width: 1448px;\n min-width: 348px;\n background: var(--rebill-color-background);\n margin-left: 30px;\n box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 0;\n width: 100%;\n box-sizing: border-box;\n /* padding: 0 20px; /\n max-width: 450px;\n\n margin: 0 auto;\n gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n margin-top: auto;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n width: 100%;\n max-width: 450px;\n min-width: auto;\n flex-shrink: 1;\n flex-basis: auto;\n box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n .checkout-single-column__header {\n width: 100%;\n max-width: 100%;\n\n justify-content: flex-start;\n }\n\n .checkout-single-column__main-content {\n / padding: 0 20px; */\n gap: 0;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n flex: 1;\n min-height: 0;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n width: 100%;\n height: auto;\n min-height: 60px;\n justify-content: center;\n }\n\n .checkout-single-column__footer-content {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n flex-basis: auto;\n }\n}\n\n@media (max-width: 767px) {\n .checkout-single-column__header {\n height: 60px;\n margin-left: 12px;\n margin-right: 12px;\n width: 100%;\n }\n\n .checkout-single-column__main-content {\n padding-top: 1rem;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n margin-left: 12px;\n margin-right: 12px;\n height: auto;\n min-height: 60px;\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (min-width: 1025px) {\n .checkout-single-column {\n background: var(--rebill-color-background-left);\n }\n .checkout-single-column__footer-container {\n margin-left: 16px;\n }\n\n .checkout-single-column__header {\n background: var(--rebill-color-background-left);\n }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n tag: 'rebill-checkout-single-column',\n styleUrl: 'checkout-single-column.css',\n shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n render() {\n return (\n <div class=\"checkout-single-column\">\n <header class=\"checkout-single-column__header\">\n <div class=\"header-container\">\n <organization-logo organization={sessionState.data.organization} />\n </div>\n </header>\n <main class=\"checkout-single-column__main-content\">\n <slot />\n </main>\n <div class=\"checkout-single-column__footer-container\">\n <rebill-footer class=\"checkout-single-column__footer-content\" />\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CYv4ffn1.js → p-CSgNGaiV.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { I as I18nService, c as formatAmountWithoutCurrency, s as state } from './p-Be63Lt_2.js';
 import { c as copyToClipboard } from './p-OxmhgFET.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
-import { d as defineCustomElement$4 } from './p-DwZ2ffr1.js';
+import { d as defineCustomElement$4 } from './p-wMEGQ8Q5.js';
 import { d as defineCustomElement$3 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$2 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
@@ -95,6 +95,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { BankTransfer as B, defineCustomElement as d };
-//# sourceMappingURL=p-CYv4ffn1.js.map
+//# sourceMappingURL=p-CSgNGaiV.js.map
-//# sourceMappingURL=p-CYv4ffn1.js.map
+//# sourceMappingURL=p-CSgNGaiV.js.map

package/dist/components/{p-CYv4ffn1.js.map → p-CSgNGaiV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CYv4ffn1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/apm/bank-transfer/bank-transfer.css?tag=bank-transfer","src/components/checkout/apm/bank-transfer/bank-transfer.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.bank-transfer-data-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n\n.bank-transfer-data {\n padding: 0 16px;\n background: transparent;\n border: none;\n border-radius: 0;\n}\n\n.bank-transfer-steps {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.instruction-step {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 8px;\n}\n\n.step-number {\n background: var(--rebill-color-background-right);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n text-align: center;\n line-height: 1;\n}\n\n.step-number rebill-typography {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n.step-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.bank-data-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n padding: 8px 0;\n border-bottom: none;\n}\n\n.value-with-copy {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* Bank transfer simple styles /\n.bank-data-simple {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 0 16px;\n}\n\n.instruction-text {\n margin-bottom: 16px;\n}\n\n.data-section {\n margin-bottom: 16px;\n}\n\n.transfer-data-title {\n text-align: center;\n margin-bottom: 16px;\n padding-bottom: 8px;\n}\n\n.bank-data-item-simple {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/ Bank logos styles /\n.bank-logos-container {\n margin-top: 16px;\n padding-top: 16px;\n}\n\n.bank-logos-row {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 11px;\n align-self: stretch;\n flex-wrap: wrap;\n}\n\n.bank-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n border-radius: 4px;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-border);\n transition: all 0.2s ease;\n}\n\n.bank-logo:hover {\n background: var(--rebill-color-background-secondary);\n transform: translateY(-1px);\n}\n.bank-transfer-data-container {\n border: 1px solid var(--rebill-color-background-right);\n border-radius: 8px;\n background: var(--rebill-color-background);\n overflow: hidden;\n font-family: var(--rebill-font-family);\n margin-top: 24px;\n}\n\n.transfer-data-header {\n display: flex;\n padding: 16px 0;\n flex-direction: column;\n align-items: center;\n gap: var(--Spacing-s, 8px);\n align-self: stretch;\n border: 1px solid var(--Neutrals-Neutrals-50, #f4f5f6);\n background: var(--Primary-Base-White, #fafafa);\n}\n\n.transfer-data-header rebill-typography {\n color: var(--Primary-Base-Black, #000) !important;\n text-align: center;\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n/ Mobile responsive */\n@media (max-width: 768px) {\n .bank-transfer-data-container {\n gap: 12px;\n }\n\n .instruction-step {\n gap: 6px;\n }\n\n .step-number {\n width: 18px;\n height: 18px;\n }\n\n .bank-logos-row {\n gap: 8px;\n }\n\n .bank-logo {\n padding: 6px;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState } from '../../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../../utils';\nimport { copyToClipboard } from '../../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n tag: 'bank-transfer',\n styleUrl: 'bank-transfer.css',\n shadow: false,\n})\nexport class BankTransfer {\n @Prop() bankTransferData: any;\n\n private renderSimpleBankData(data: any) {\n return (\n <div class=\"bank-data-simple\">\n <div class=\"bank-data-item-simple\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.clabe')}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {data.account}\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => copyToClipboard(data.account)}\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n\n <div class=\"bank-data-item-simple\" style={{ height: '32px', boxSizing: 'border-box' }}>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.nameSurname')}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n Rebill Payments\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => copyToClipboard('Rebill Payments')}\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n\n <div class=\"bank-data-item-simple\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('summary.totalAmount')}\n {': '}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {formatAmountWithoutCurrency(\n sessionState.data?.pricing?.total,\n sessionState.data?.pricing?.currency,\n )}\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() =>\n copyToClipboard(\n formatAmountWithoutCurrency(\n sessionState.data?.pricing?.total,\n sessionState.data?.pricing?.currency,\n ),\n )\n }\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n <div class=\"bank-data-item-simple\" style={{ height: '32px', boxSizing: 'border-box' }}>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.destinationBank')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.paymentTransferSystem')}\n </rebill-typography>\n </div>\n\n <div class=\"bank-data-item-simple\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.paymentReference')}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {data.reference}\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => copyToClipboard(data.reference)}\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n </div>\n );\n }\n\n private renderInstructions() {\n const instructions = [\n I18nService.translate('bankTransfer.step1Instruction'),\n I18nService.translate('bankTransfer.step2Instruction'),\n I18nService.translate('bankTransfer.step3Instruction'),\n I18nService.translate('bankTransfer.step4Instruction'),\n I18nService.translate('bankTransfer.step5Instruction'),\n I18nService.translate('bankTransfer.step6Instruction'),\n ];\n\n return (\n <div class=\"bank-transfer-steps\">\n {instructions.map((instruction, index) => (\n <div class=\"instruction-step\" key={index}>\n <div class=\"step-number\">\n <rebill-typography variant=\"caption\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {index + 1}\n </rebill-typography>\n </div>\n <div class=\"step-content\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {instruction}\n </rebill-typography>\n </div>\n </div>\n ))}\n </div>\n );\n }\n\n private renderBankLogos() {\n const bankLogos = [\n 'banco-azteca',\n 'banamex',\n 'inbursa',\n 'banco-santander',\n 'banorte',\n 'hsbc',\n 'scotiabank',\n ];\n\n return (\n <div class=\"bank-logos-container\">\n <div class=\"bank-logos-row\">\n {bankLogos.map(logoName => (\n <div class=\"bank-logo\" key={logoName}>\n <rebill-icon name={logoName} size=\"32px\" />\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n render() {\n if (!this.bankTransferData) {\n return null;\n }\n\n const bankData = Array.isArray(this.bankTransferData)\n ? this.bankTransferData\n : [this.bankTransferData];\n\n if (bankData.length === 0) {\n return null;\n }\n\n return (\n <div class=\"bank-transfer-data-container\">\n <div class=\"transfer-data-header\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} align=\"center\">\n {I18nService.translate('bankTransfer.transferData')}\n </rebill-typography>\n </div>\n <div class=\"bank-transfer-data\">{this.renderSimpleBankData(bankData[0])}</div>\n <collapsible-card\n header={I18nService.translate('apmCheckout.viewInstructions')}\n open={true}\n variant=\"flat\"\n >\n {this.renderInstructions()}\n {this.renderBankLogos()}\n </collapsible-card>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CSgNGaiV.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,2+EAA2+E;;MCYt/E,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;AACf,IAAA,gBAAgB;AAEhB,IAAA,oBAAoB,CAAC,IAAS,EAAA;AACpC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,WAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC,CACzB,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,IAAI,CAAC,OAAO,CACK,EACpB,CACE,CAAA,eAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CACzB,CACZ,CACF,EAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EAAA,EACnF,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,WAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAC/B,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAEnD,EAAA,iBAAA,CAAA,EACpB,CACE,CAAA,eAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,eAAe,CAAC,iBAAiB,CAAC,EACjD,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CACzB,CACZ,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,WAAW,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAC5C,IAAI,CACa,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,2BAA2B,CAC1BC,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EACjCA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CACrC,CACiB,EACpB,CAAA,CAAA,eAAA,EAAA,EACE,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MACP,eAAe,CACb,2BAA2B,CACzBA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EACjCA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CACrC,CACF,EAEH,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CACzB,CACZ,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,EAAA,EACnF,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,WAAW,CAAC,SAAS,CAAC,6BAA6B,CAAC,CACnC,EACpB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,WAAW,CAAC,SAAS,CAAC,mCAAmC,CAAC,CACzC,CAChB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,WAAW,CAAC,SAAS,CAAC,8BAA8B,CAAC,CACpC,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAA,EACpE,IAAI,CAAC,SAAS,CACG,EACpB,CACE,CAAA,eAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,EAC9C,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CACzB,CACZ,CACF,CACF;;IAIF,kBAAkB,GAAA;AACxB,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;AACtD,YAAA,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;AACtD,YAAA,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;AACtD,YAAA,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;AACtD,YAAA,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;AACtD,YAAA,WAAW,CAAC,SAAS,CAAC,+BAA+B,CAAC;SACvD;QAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,IAC7B,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,MACnC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAC,GAAG,EAAE,KAAK,EAAA,EACtC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EACtE,EAAA,KAAK,GAAG,CAAC,CACQ,CAChB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EACpE,EAAA,WAAW,CACM,CAChB,CACF,CACP,CAAC,CACE;;IAIF,eAAe,GAAA;AACrB,QAAA,MAAM,SAAS,GAAG;YAChB,cAAc;YACd,SAAS;YACT,SAAS;YACT,iBAAiB;YACjB,SAAS;YACT,MAAM;YACN,YAAY;SACb;AAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,SAAS,CAAC,GAAG,CAAC,QAAQ,KACrB,WAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,QAAQ,EAAA,EAClC,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAG,CAAA,CACvC,CACP,CAAC,CACE,CACF;;IAIV,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AAC1B,YAAA,OAAO,IAAI;;QAGb,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;cAChD,IAAI,CAAC;AACP,cAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC;AAE3B,QAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,YAAA,OAAO,IAAI;;QAGb,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,EAAE,KAAK,EAAC,QAAQ,IACpF,WAAW,CAAC,SAAS,CAAC,2BAA2B,CAAC,CACjC,CAChB,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAAE,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAO,EAC9E,CAAA,CAAA,kBAAA,EAAA,EACE,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,8BAA8B,CAAC,EAC7D,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,MAAM,EAAA,EAEb,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,eAAe,EAAE,CACN,CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/apm/bank-transfer/bank-transfer.css?tag=bank-transfer","src/components/checkout/apm/bank-transfer/bank-transfer.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.bank-transfer-data-container {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n}\n\n.bank-transfer-data {\n padding: 0 16px;\n background: transparent;\n border: none;\n border-radius: 0;\n}\n\n.bank-transfer-steps {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.instruction-step {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 8px;\n}\n\n.step-number {\n background: var(--rebill-color-background-right);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n text-align: center;\n line-height: 1;\n}\n\n.step-number rebill-typography {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n.step-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.bank-data-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n padding: 8px 0;\n border-bottom: none;\n}\n\n.value-with-copy {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* Bank transfer simple styles /\n.bank-data-simple {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 0 16px;\n}\n\n.instruction-text {\n margin-bottom: 16px;\n}\n\n.data-section {\n margin-bottom: 16px;\n}\n\n.transfer-data-title {\n text-align: center;\n margin-bottom: 16px;\n padding-bottom: 8px;\n}\n\n.bank-data-item-simple {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/ Bank logos styles /\n.bank-logos-container {\n margin-top: 16px;\n padding-top: 16px;\n}\n\n.bank-logos-row {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 11px;\n align-self: stretch;\n flex-wrap: wrap;\n}\n\n.bank-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n border-radius: 4px;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-border);\n transition: all 0.2s ease;\n}\n\n.bank-logo:hover {\n background: var(--rebill-color-background-secondary);\n transform: translateY(-1px);\n}\n.bank-transfer-data-container {\n border: 1px solid var(--rebill-color-background-right);\n border-radius: 8px;\n background: var(--rebill-color-background);\n overflow: hidden;\n font-family: var(--rebill-font-family);\n margin-top: 24px;\n}\n\n.transfer-data-header {\n display: flex;\n padding: 16px 0;\n flex-direction: column;\n align-items: center;\n gap: var(--Spacing-s, 8px);\n align-self: stretch;\n border: 1px solid var(--Neutrals-Neutrals-50, #f4f5f6);\n background: var(--Primary-Base-White, #fafafa);\n}\n\n.transfer-data-header rebill-typography {\n color: var(--Primary-Base-Black, #000) !important;\n text-align: center;\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n/ Mobile responsive */\n@media (max-width: 768px) {\n .bank-transfer-data-container {\n gap: 12px;\n }\n\n .instruction-step {\n gap: 6px;\n }\n\n .step-number {\n width: 18px;\n height: 18px;\n }\n\n .bank-logos-row {\n gap: 8px;\n }\n\n .bank-logo {\n padding: 6px;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState } from '../../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../../utils';\nimport { copyToClipboard } from '../../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\n\n@Component({\n tag: 'bank-transfer',\n styleUrl: 'bank-transfer.css',\n shadow: false,\n})\nexport class BankTransfer {\n @Prop() bankTransferData: any;\n\n private renderSimpleBankData(data: any) {\n return (\n <div class=\"bank-data-simple\">\n <div class=\"bank-data-item-simple\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.clabe')}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {data.account}\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => copyToClipboard(data.account)}\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n\n <div class=\"bank-data-item-simple\" style={{ height: '32px', boxSizing: 'border-box' }}>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.nameSurname')}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n Rebill Payments\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => copyToClipboard('Rebill Payments')}\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n\n <div class=\"bank-data-item-simple\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('summary.totalAmount')}\n {': '}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {formatAmountWithoutCurrency(\n sessionState.data?.pricing?.total,\n sessionState.data?.pricing?.currency,\n )}\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() =>\n copyToClipboard(\n formatAmountWithoutCurrency(\n sessionState.data?.pricing?.total,\n sessionState.data?.pricing?.currency,\n ),\n )\n }\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n <div class=\"bank-data-item-simple\" style={{ height: '32px', boxSizing: 'border-box' }}>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.destinationBank')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.paymentTransferSystem')}\n </rebill-typography>\n </div>\n\n <div class=\"bank-data-item-simple\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('apmCheckout.paymentReference')}\n </rebill-typography>\n <div class=\"value-with-copy\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {data.reference}\n </rebill-typography>\n <rebill-button\n variant=\"text\"\n size=\"small\"\n onClick={() => copyToClipboard(data.reference)}\n type=\"button\"\n >\n <rebill-icon name=\"copy\" size=\"16px\" />\n </rebill-button>\n </div>\n </div>\n </div>\n );\n }\n\n private renderInstructions() {\n const instructions = [\n I18nService.translate('bankTransfer.step1Instruction'),\n I18nService.translate('bankTransfer.step2Instruction'),\n I18nService.translate('bankTransfer.step3Instruction'),\n I18nService.translate('bankTransfer.step4Instruction'),\n I18nService.translate('bankTransfer.step5Instruction'),\n I18nService.translate('bankTransfer.step6Instruction'),\n ];\n\n return (\n <div class=\"bank-transfer-steps\">\n {instructions.map((instruction, index) => (\n <div class=\"instruction-step\" key={index}>\n <div class=\"step-number\">\n <rebill-typography variant=\"caption\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {index + 1}\n </rebill-typography>\n </div>\n <div class=\"step-content\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {instruction}\n </rebill-typography>\n </div>\n </div>\n ))}\n </div>\n );\n }\n\n private renderBankLogos() {\n const bankLogos = [\n 'banco-azteca',\n 'banamex',\n 'inbursa',\n 'banco-santander',\n 'banorte',\n 'hsbc',\n 'scotiabank',\n ];\n\n return (\n <div class=\"bank-logos-container\">\n <div class=\"bank-logos-row\">\n {bankLogos.map(logoName => (\n <div class=\"bank-logo\" key={logoName}>\n <rebill-icon name={logoName} size=\"32px\" />\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n render() {\n if (!this.bankTransferData) {\n return null;\n }\n\n const bankData = Array.isArray(this.bankTransferData)\n ? this.bankTransferData\n : [this.bankTransferData];\n\n if (bankData.length === 0) {\n return null;\n }\n\n return (\n <div class=\"bank-transfer-data-container\">\n <div class=\"transfer-data-header\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} align=\"center\">\n {I18nService.translate('bankTransfer.transferData')}\n </rebill-typography>\n </div>\n <div class=\"bank-transfer-data\">{this.renderSimpleBankData(bankData[0])}</div>\n <collapsible-card\n header={I18nService.translate('apmCheckout.viewInstructions')}\n open={true}\n variant=\"flat\"\n >\n {this.renderInstructions()}\n {this.renderBankLogos()}\n </collapsible-card>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Dk3CTNMK.js → p-CYy5NAoy.js} RENAMED Viewed

@@ -4,11 +4,11 @@ import { s as state, I as I18nService, S as SessionStore } from './p-Be63Lt_2.js
 import { r as renewalState } from './p-Bl2UnoKG.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$6 } from './p-N5kDm5Y3.js';
-import { d as defineCustomElement$5 } from './p-BS5TOpnh.js';
+import { d as defineCustomElement$5 } from './p-CNgxCj8J.js';
 import { d as defineCustomElement$7 } from './p-CLMKPBrB.js';
-import { d as defineCustomElement$4 } from './p-BZaiuF56.js';
+import { d as defineCustomElement$4 } from './p-iueBw_y3.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BLD5qbS8.js';
+import { d as defineCustomElement$2 } from './p-C9-xmJLv.js';
 const ChangeCardSuccess = /*@__PURE__*/ proxyCustomElement(class ChangeCardSuccess extends H {
     constructor(registerHost) {
@@ -108,6 +108,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { ChangeCardSuccess as C, defineCustomElement as d };
-//# sourceMappingURL=p-Dk3CTNMK.js.map
+//# sourceMappingURL=p-CYy5NAoy.js.map
-//# sourceMappingURL=p-Dk3CTNMK.js.map
+//# sourceMappingURL=p-CYy5NAoy.js.map

package/dist/components/{p-Dk3CTNMK.js.map → p-CYy5NAoy.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Dk3CTNMK~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/change-card/change-card-success.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport '../../components/shared/typography/typography';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { renewalState } from '../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../store/session.store';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport '../shared/card-icon/card-icon';\nimport '../shared/layouts/custom/single-column/checkout-single-column';\n\n@Component({\n tag: 'change-card-success',\n shadow: false,\n})\nexport class ChangeCardSuccess {\n @Prop() customerName?: string;\n @Prop() cardLastFour?: string \| null;\n @Prop() cardBrand?: string \| null;\n @Prop() paymentDate?: string \| null;\n @Prop() customerEmail?: string \| null;\n @State() currentLocale: string = sessionState.currentLocale;\n private unsubscribeCurrentLocaleStore?: () => void;\n\n private getPaymentMethodLabel() {\n const label =\n this.cardBrand \|\|\n renewalState.data.cardInformation?.brand \|\|\n I18nService.translate('changeCard.defaultBrand');\n const lastFour = this.cardLastFour \|\| renewalState.data.cardInformation?.lastFour \|\| '****';\n return `${label} - ${lastFour}`;\n }\n\n private getCardBrand() {\n return this.cardBrand \|\| renewalState.data.cardInformation?.brand \|\| '';\n }\n\n componentWillLoad() {\n // Listen for language changes\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n }\n\n disconnectedCallback() {\n // Clean up language change subscription\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n\n render() {\n return (\n <rebill-checkout-single-column>\n <div class=\"success-page__success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('changeCard.successTitle')}\n </rebill-typography>\n <div class=\"success-page__success-icon\">\n <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n fill=\"#35B093\"\n />\n </svg>\n </div>\n\n <div class=\"success-page__info-card\">\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentMethod')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n <div class=\"success-page__payment-method-display\">\n <rebill-card-icon card-brand={this.getCardBrand()} />\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getPaymentMethodLabel()}\n </rebill-typography>\n </div>\n </div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentDate')}\n </rebill-typography>\n <div class=\"success-page__card-value\">{this.paymentDate \|\| '—'}</div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.customerEmail')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n {this.customerEmail \|\| I18nService.translate('changeCard.defaultEmail')}\n </div>\n </div>\n </div>\n </div>\n </rebill-checkout-single-column>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CYy5NAoy.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/change-card/change-card-success.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport '../../components/shared/typography/typography';\nimport { I18nService } from '../../i18n/i18n.service';\nimport { renewalState } from '../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../store/session.store';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport '../shared/card-icon/card-icon';\nimport '../shared/layouts/custom/single-column/checkout-single-column';\n\n@Component({\n tag: 'change-card-success',\n shadow: false,\n})\nexport class ChangeCardSuccess {\n @Prop() customerName?: string;\n @Prop() cardLastFour?: string \| null;\n @Prop() cardBrand?: string \| null;\n @Prop() paymentDate?: string \| null;\n @Prop() customerEmail?: string \| null;\n @State() currentLocale: string = sessionState.currentLocale;\n private unsubscribeCurrentLocaleStore?: () => void;\n\n private getPaymentMethodLabel() {\n const label =\n this.cardBrand \|\|\n renewalState.data.cardInformation?.brand \|\|\n I18nService.translate('changeCard.defaultBrand');\n const lastFour = this.cardLastFour \|\| renewalState.data.cardInformation?.lastFour \|\| '****';\n return `${label} - ${lastFour}`;\n }\n\n private getCardBrand() {\n return this.cardBrand \|\| renewalState.data.cardInformation?.brand \|\| '';\n }\n\n componentWillLoad() {\n // Listen for language changes\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n }\n\n disconnectedCallback() {\n // Clean up language change subscription\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\n }\n\n render() {\n return (\n <rebill-checkout-single-column>\n <div class=\"success-page__success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('changeCard.successTitle')}\n </rebill-typography>\n <div class=\"success-page__success-icon\">\n <svg width=\"96\" height=\"96\" viewBox=\"0 0 96 96\" fill=\"none\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n fill=\"#35B093\"\n />\n </svg>\n </div>\n\n <div class=\"success-page__info-card\">\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentMethod')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n <div class=\"success-page__payment-method-display\">\n <rebill-card-icon card-brand={this.getCardBrand()} />\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getPaymentMethodLabel()}\n </rebill-typography>\n </div>\n </div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.paymentDate')}\n </rebill-typography>\n <div class=\"success-page__card-value\">{this.paymentDate \|\| '—'}</div>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('changeCard.customerEmail')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n {this.customerEmail \|\| I18nService.translate('changeCard.defaultEmail')}\n </div>\n </div>\n </div>\n </div>\n </rebill-checkout-single-column>\n );\n }\n}\n"],"version":3}

package/dist/components/p-Cb2XT9Pi.js ADDED Viewed

@@ -0,0 +1,206 @@
+import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
+const autofillDetectorCss = "";
+const AutofillDetector = /*@__PURE__*/ proxyCustomElement(class AutofillDetector extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.autofillDetected = createEvent(this, "autofillDetected");
+        this.manualEntryRequested = createEvent(this, "manualEntryRequested");
+    }
+    get el() { return this; }
+    targetSelector = 'input[type="text"]';
+    disabled = false;
+    autofillDetected;
+    manualEntryRequested;
+    browserAutocompleteDetected = false;
+    disabledDetector = false;
+    async componentDidLoad() {
+        if (!this.disabled) {
+            await this.setupBrowserAutocompleteDetection();
+        }
+    }
+    async setupBrowserAutocompleteDetection() {
+        try {
+            const inputElement = await this.getInputElement();
+            if (!inputElement)
+                return;
+            let lastValue = '';
+            let isUserTyping = false;
+            // Detectar cuando el usuario está escribiendo (para no interferir con Google)
+            inputElement.addEventListener('keydown', event => {
+                if (event.key && event.key.length === 1) {
+                    isUserTyping = true;
+                    this.disabledDetector = true;
+                    setTimeout(() => {
+                        isUserTyping = false;
+                        this.disabledDetector = false;
+                    }, 1000);
+                }
+            });
+            // Detectar autocompletado del navegador
+            const detectAutocomplete = () => {
+                const currentValue = inputElement.value;
+                if (currentValue !== lastValue &&
+                    currentValue.length > 0 &&
+                    !this.disabled &&
+                    !this.disabledDetector &&
+                    !isUserTyping) {
+                    console.log('✅ AutofillDetector - Autocomplete detected:', currentValue);
+                    setTimeout(() => {
+                        if (inputElement.value === currentValue && !this.browserAutocompleteDetected) {
+                            this.browserAutocompleteDetected = true;
+                            this.handleBrowserAutocomplete(currentValue);
+                        }
+                    }, 100);
+                }
+                lastValue = currentValue;
+            };
+            // Eventos para detectar autocompletado
+            inputElement.addEventListener('input', () => detectAutocomplete());
+            inputElement.addEventListener('change', () => detectAutocomplete());
+            inputElement.addEventListener('focus', () => {
+                this.browserAutocompleteDetected = false;
+                isUserTyping = false;
+            });
+            inputElement.addEventListener('blur', () => {
+            });
+        }
+        catch (error) { }
+    }
+    async getInputElement() {
+        try {
+            const inputElement = this.el.querySelector(this.targetSelector);
+            return inputElement;
+        }
+        catch (error) {
+            return null;
+        }
+    }
+    handleBrowserAutocomplete(addressString) {
+        const allAutocompleteData = this.detectAllAutocompleteFields();
+        // Parsear la dirección autocompletada
+        const addressComponents = this.parseBrowserAutocompleteAddress(addressString);
+        if (addressComponents) {
+            // Combinar la información parseada con TODOS los datos del autocompletado
+            const enhancedComponents = {
+                ...addressComponents,
+                city: addressComponents.city || allAutocompleteData.city || '',
+                state: addressComponents.state || allAutocompleteData.state || '',
+                country: addressComponents.country || allAutocompleteData.country || '',
+                zip: addressComponents.zip || allAutocompleteData.zip || '',
+            };
+            // Emitir evento con los datos detectados
+            this.autofillDetected.emit(enhancedComponents);
+            // Cambiar a vista manual
+            this.handleManualEntry();
+        }
+    }
+    detectAllAutocompleteFields() {
+        const info = {};
+        try {
+            // Buscar todos los campos del formulario que se autocompletaron
+            const form = this.el.closest('form') || document;
+            // Buscar TODOS los inputs y selects que tengan valores
+            const allInputs = form.querySelectorAll('input, select');
+            for (let i = 0; i < allInputs.length; i++) {
+                const field = allInputs[i];
+                const value = field.value;
+                const id = field.id || '';
+                const name = field.name || '';
+                const className = field.className || '';
+                // Buscar campos de ciudad
+                if (value && (id.includes('city') || name.includes('city') || className.includes('city'))) {
+                    info.city = value;
+                }
+                // Buscar campos de código postal
+                if (value &&
+                    (id.includes('zip') ||
+                        name.includes('zip') ||
+                        className.includes('zip') ||
+                        id.includes('postal') ||
+                        name.includes('postal') ||
+                        className.includes('postal'))) {
+                    info.zip = value;
+                }
+                // Buscar campos de país
+                if (value &&
+                    (id.includes('country') || name.includes('country') || className.includes('country'))) {
+                    info.country = value;
+                }
+                // Buscar campos de estado
+                if (value &&
+                    (id.includes('state') || name.includes('state') || className.includes('state'))) {
+                    info.state = value;
+                }
+            }
+        }
+        catch (error) {
+            // Silently handle errors
+        }
+        return info;
+    }
+    parseBrowserAutocompleteAddress(addressString) {
+        if (!addressString || addressString.trim().length === 0) {
+            return null;
+        }
+        const cleanAddress = addressString.trim();
+        // Si es una dirección de una sola parte (sin comas)
+        if (!cleanAddress.includes(',')) {
+            return this.parseSinglePartAddress(cleanAddress);
+        }
+        // Parseo simple para direcciones con comas
+        const addressParts = cleanAddress.split(',').map(part => part.trim());
+        return {
+            address: addressParts[0] || '',
+            city: addressParts[1] || '',
+            state: addressParts[2] || '',
+            country: addressParts[3] || '',
+            zip: addressParts[4] || '',
+        };
+    }
+    parseSinglePartAddress(address) {
+        // Para direcciones de una sola parte, solo devolver la dirección
+        return {
+            address: address,
+            city: '',
+            state: '',
+            country: '',
+            zip: '',
+        };
+    }
+    handleManualEntry = () => {
+        this.manualEntryRequested.emit();
+    };
+    render() {
+        return h("slot", { key: '60aa28de56b48a704b51286fa433131f9efd3d26' });
+    }
+    static get style() { return autofillDetectorCss; }
+}, [260, "rebill-autofill-detector", {
+        "targetSelector": [1, "target-selector"],
+        "disabled": [4],
+        "browserAutocompleteDetected": [32],
+        "disabledDetector": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["rebill-autofill-detector"];
+    components.forEach(tagName => { switch (tagName) {
+        case "rebill-autofill-detector":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AutofillDetector);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { AutofillDetector as A, defineCustomElement as d };
+//# sourceMappingURL=p-Cb2XT9Pi.js.map
+//# sourceMappingURL=p-Cb2XT9Pi.js.map

package/dist/components/p-Cb2XT9Pi.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-Cb2XT9Pi.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/address/autofill-detector/autofill-detector.css?tag=rebill-autofill-detector","src/components/checkout/address/autofill-detector/autofill-detector.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { AddressComponents } from '../../../../utils/google-maps.service';\n\n@Component({\n tag: 'rebill-autofill-detector',\n styleUrl: 'autofill-detector.css',\n shadow: false,\n})\nexport class AutofillDetector {\n @Element() el: HTMLElement;\n\n @Prop() targetSelector: string = 'input[type=\"text\"]';\n @Prop() disabled: boolean = false;\n\n @Event() autofillDetected: EventEmitter<AddressComponents>;\n @Event() manualEntryRequested: EventEmitter<void>;\n\n @State() browserAutocompleteDetected: boolean = false;\n @State() disabledDetector: boolean = false;\n\n async componentDidLoad() {\n if (!this.disabled) {\n await this.setupBrowserAutocompleteDetection();\n }\n }\n\n private async setupBrowserAutocompleteDetection() {\n try {\n const inputElement = await this.getInputElement();\n if (!inputElement) return;\n\n let lastValue = '';\n let isUserTyping = false;\n let autocompleteCheckInterval: number | null = null;\n\n // Detectar cuando el usuario está escribiendo (para no interferir con Google)\n inputElement.addEventListener('keydown', event => {\n if (event.key && event.key.length === 1) {\n isUserTyping = true;\n this.disabledDetector = true;\n setTimeout(() => {\n isUserTyping = false;\n this.disabledDetector = false;\n }, 1000);\n }\n });\n\n // Detectar autocompletado del navegador\n const detectAutocomplete = () => {\n const currentValue = inputElement.value;\n if (\n currentValue !== lastValue &&\n currentValue.length > 0 &&\n !this.disabled &&\n !this.disabledDetector &&\n !isUserTyping\n ) {\n console.log('✅ AutofillDetector - Autocomplete detected:', currentValue);\n setTimeout(() => {\n if (inputElement.value === currentValue && !this.browserAutocompleteDetected) {\n this.browserAutocompleteDetected = true;\n this.handleBrowserAutocomplete(currentValue);\n }\n }, 100);\n }\n\n lastValue = currentValue;\n };\n\n // Eventos para detectar autocompletado\n inputElement.addEventListener('input', () => detectAutocomplete());\n inputElement.addEventListener('change', () => detectAutocomplete());\n inputElement.addEventListener('focus', () => {\n this.browserAutocompleteDetected = false;\n isUserTyping = false;\n });\n inputElement.addEventListener('blur', () => {\n if (autocompleteCheckInterval) {\n clearInterval(autocompleteCheckInterval);\n autocompleteCheckInterval = null;\n }\n });\n } catch (error) {}\n }\n\n private async getInputElement(): Promise<HTMLInputElement | null> {\n try {\n const inputElement = this.el.querySelector(this.targetSelector) as HTMLInputElement;\n return inputElement;\n } catch (error) {\n return null;\n }\n }\n\n private handleBrowserAutocomplete(addressString: string) {\n const allAutocompleteData = this.detectAllAutocompleteFields();\n\n // Parsear la dirección autocompletada\n const addressComponents = this.parseBrowserAutocompleteAddress(addressString);\n\n if (addressComponents) {\n // Combinar la información parseada con TODOS los datos del autocompletado\n const enhancedComponents = {\n ...addressComponents,\n city: addressComponents.city || allAutocompleteData.city || '',\n state: addressComponents.state || allAutocompleteData.state || '',\n country: addressComponents.country || allAutocompleteData.country || '',\n zip: addressComponents.zip || allAutocompleteData.zip || '',\n };\n\n // Emitir evento con los datos detectados\n this.autofillDetected.emit(enhancedComponents);\n\n // Cambiar a vista manual\n this.handleManualEntry();\n }\n }\n\n private detectAllAutocompleteFields(): {\n city?: string;\n state?: string;\n country?: string;\n zip?: string;\n } {\n const info: {\n city?: string;\n state?: string;\n country?: string;\n zip?: string;\n } = {};\n\n try {\n // Buscar todos los campos del formulario que se autocompletaron\n const form = this.el.closest('form') || document;\n\n // Buscar TODOS los inputs y selects que tengan valores\n const allInputs = form.querySelectorAll('input, select');\n\n for (let i = 0; i < allInputs.length; i++) {\n const field = allInputs[i] as HTMLInputElement | HTMLSelectElement;\n const value = field.value;\n const id = field.id || '';\n const name = field.name || '';\n const className = field.className || '';\n\n // Buscar campos de ciudad\n if (value && (id.includes('city') || name.includes('city') || className.includes('city'))) {\n info.city = value;\n }\n\n // Buscar campos de código postal\n if (\n value &&\n (id.includes('zip') ||\n name.includes('zip') ||\n className.includes('zip') ||\n id.includes('postal') ||\n name.includes('postal') ||\n className.includes('postal'))\n ) {\n info.zip = value;\n }\n\n // Buscar campos de país\n if (\n value &&\n (id.includes('country') || name.includes('country') || className.includes('country'))\n ) {\n info.country = value;\n }\n\n // Buscar campos de estado\n if (\n value &&\n (id.includes('state') || name.includes('state') || className.includes('state'))\n ) {\n info.state = value;\n }\n }\n } catch (error) {\n // Silently handle errors\n }\n\n return info;\n }\n\n private parseBrowserAutocompleteAddress(addressString: string): AddressComponents | null {\n if (!addressString || addressString.trim().length === 0) {\n return null;\n }\n\n const cleanAddress = addressString.trim();\n\n // Si es una dirección de una sola parte (sin comas)\n if (!cleanAddress.includes(',')) {\n return this.parseSinglePartAddress(cleanAddress);\n }\n\n // Parseo simple para direcciones con comas\n const addressParts = cleanAddress.split(',').map(part => part.trim());\n\n return {\n address: addressParts[0] || '',\n city: addressParts[1] || '',\n state: addressParts[2] || '',\n country: addressParts[3] || '',\n zip: addressParts[4] || '',\n };\n }\n\n private parseSinglePartAddress(address: string): AddressComponents | null {\n // Para direcciones de una sola parte, solo devolver la dirección\n return {\n address: address,\n city: '',\n state: '',\n country: '',\n zip: '',\n };\n }\n\n private handleManualEntry = () => {\n this.manualEntryRequested.emit();\n };\n\n render() {\n return <slot />;\n }\n}\n"],"version":3}

package/dist/components/{p-cS0M4sWc.js → p-Ccqq4BcO.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { r as renewalState } from './p-Bl2UnoKG.js';
 import { s as state, b as SESSION_ITEM_TYPE_ENUM } from './p-Be63Lt_2.js';
-import { d as defineCustomElement$8 } from './p-qx8yDlp3.js';
-import { d as defineCustomElement$7 } from './p-BrxxkM_7.js';
-import { d as defineCustomElement$6 } from './p-hR7xARTs.js';
+import { d as defineCustomElement$8 } from './p-z3joV5yV.js';
+import { d as defineCustomElement$7 } from './p-DcndzUFT.js';
+import { d as defineCustomElement$6 } from './p-BoKyp_AW.js';
 import { d as defineCustomElement$5 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$4 } from './p-OIK5VUVA.js';
-import { d as defineCustomElement$3 } from './p-BLD5qbS8.js';
-import { d as defineCustomElement$2 } from './p-COYitAD7.js';
+import { d as defineCustomElement$4 } from './p-CtrJsF6L.js';
+import { d as defineCustomElement$3 } from './p-C9-xmJLv.js';
+import { d as defineCustomElement$2 } from './p-DdSBiiVX.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 const CardFieldsWrapper = /*@__PURE__*/ proxyCustomElement(class CardFieldsWrapper extends H {
@@ -23,9 +23,9 @@ const CardFieldsWrapper = /*@__PURE__*/ proxyCustomElement(class CardFieldsWrapp
     showDocument;
     customCSS;
     render() {
-        return (h("div", { key: '475cc2c6587cc8be54bd57a0c1d7e671aa8edb9c', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("card-iframe", { key: '3480c89afadb9ba070b0c79a1ccd044d0a0c9862', customCSS: this.customCSS }), !renewalState.isInitialized &&
+        return (h("div", { key: 'd2d13c8b43ac83c032a20a27cd26a35a27478270', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("card-iframe", { key: '88bedb4599965f2e811d21a015c503e468a421cd', customCSS: this.customCSS }), !renewalState.isInitialized &&
             state.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN &&
-            state.data.cardInformation?.installments?.installments.length > 0 && (h("rebill-installments", { key: 'd91afd60efd4ad18762339569dbeea4573aa2235', error: this.installmentsError })), this.showDocument && (h("card-identification", { key: '4ea5405c165c38dab857f64427624d98b307a08e', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
+            state.data.cardInformation?.installments?.installments.length > 0 && (h("rebill-installments", { key: 'e5e2f139eb7b0e857d48b7e8ae20b1deba4e4bf3', error: this.installmentsError })), this.showDocument && (h("card-identification", { key: '150f5355fe805e3ec12aa91f322a2096a43ee9ca', documentTypeError: this.documentTypeError, documentNumberError: this.documentNumberError }))));
     }
 }, [256, "card-fields-wrapper", {
         "installmentsError": [1, "installments-error"],
@@ -90,6 +90,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { CardFieldsWrapper as C, defineCustomElement as d };
-//# sourceMappingURL=p-cS0M4sWc.js.map
+//# sourceMappingURL=p-Ccqq4BcO.js.map
-//# sourceMappingURL=p-cS0M4sWc.js.map
+//# sourceMappingURL=p-Ccqq4BcO.js.map

package/dist/components/{p-cS0M4sWc.js.map → p-Ccqq4BcO.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~cS0M4sWc~~.js","mappings":";;;;;;;;;;;;MAUa,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;AACpB,IAAA,iBAAiB;AACjB,IAAA,iBAAiB;AACjB,IAAA,mBAAmB;AACnB,IAAA,YAAY;AACZ,IAAA,SAAS;IACjB,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,EACnE,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,SAAS,EAAE,IAAI,CAAC,SAAS,EAAI,CAAA,EACzC,CAAC,YAAY,CAAC,aAAa;YAC1BC,KAAY,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,KAAK,sBAAsB,CAAC,IAAI;AACxE,YAAAA,KAAY,CAAC,IAAI,CAAC,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,KACtE,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAA,CAAI,CACvD,EACF,IAAI,CAAC,YAAY,KAChB,4EACE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,GAC7C,CACH,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/card-fields/card-fields-wrapper.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../../models';\nimport { renewalState } from '../../../../store/renewal.store';\nimport { sessionState } from '../../../../store/session.store';\n\n@Component({\n tag: 'card-fields-wrapper',\n shadow: false,\n})\nexport class CardFieldsWrapper {\n @Prop() installmentsError?: string;\n @Prop() documentTypeError?: string;\n @Prop() documentNumberError?: string;\n @Prop() showDocument?: boolean;\n @Prop() customCSS?: string;\n render() {\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <card-iframe customCSS={this.customCSS} />\n {!renewalState.isInitialized &&\n sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data.cardInformation?.installments?.installments.length > 0 && (\n <rebill-installments error={this.installmentsError} />\n )}\n {this.showDocument && (\n <card-identification\n documentTypeError={this.documentTypeError}\n documentNumberError={this.documentNumberError}\n />\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Ccqq4BcO.js","mappings":";;;;;;;;;;;;MAUa,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;AACpB,IAAA,iBAAiB;AACjB,IAAA,iBAAiB;AACjB,IAAA,mBAAmB;AACnB,IAAA,YAAY;AACZ,IAAA,SAAS;IACjB,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,EACnE,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,SAAS,EAAE,IAAI,CAAC,SAAS,EAAI,CAAA,EACzC,CAAC,YAAY,CAAC,aAAa;YAC1BC,KAAY,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,KAAK,sBAAsB,CAAC,IAAI;AACxE,YAAAA,KAAY,CAAC,IAAI,CAAC,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,KACtE,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAA,CAAI,CACvD,EACF,IAAI,CAAC,YAAY,KAChB,4EACE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,GAC7C,CACH,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/card-fields/card-fields-wrapper.tsx"],"sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../../models';\nimport { renewalState } from '../../../../store/renewal.store';\nimport { sessionState } from '../../../../store/session.store';\n\n@Component({\n tag: 'card-fields-wrapper',\n shadow: false,\n})\nexport class CardFieldsWrapper {\n @Prop() installmentsError?: string;\n @Prop() documentTypeError?: string;\n @Prop() documentNumberError?: string;\n @Prop() showDocument?: boolean;\n @Prop() customCSS?: string;\n render() {\n return (\n <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n <card-iframe customCSS={this.customCSS} />\n {!renewalState.isInitialized &&\n sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data.cardInformation?.installments?.installments.length > 0 && (\n <rebill-installments error={this.installmentsError} />\n )}\n {this.showDocument && (\n <card-identification\n documentTypeError={this.documentTypeError}\n documentNumberError={this.documentNumberError}\n />\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-yRI_ZFvd.js → p-ChtneCGm.js} RENAMED Viewed

@@ -58,7 +58,7 @@ const ReferenceCode = /*@__PURE__*/ proxyCustomElement(class ReferenceCode exten
     };
     render() {
         const instructionLines = this.getCurrentLanguageInstructions();
-        return (h("div", { key: '284bf280b5b420242da41c9d3fabb966ba4d2951', class: "reference-code" }, h("div", { key: '0d084693f67df1b3385d9454a6f638481221b0f5', class: "reference-code-header" }, h("div", { key: 'f878cb9a47e659eb8612dac2321d0b173540dc53', class: "expiration-section" }, h("rebill-icon", { key: '2c9c878a5e0fe24c0696cc6f1a1357d813d25c17', name: "calendar-clock" }), h("span", { key: 'fe06b6d44523983f2d49df5cdcfc15602f9a87d4', class: "expiration-text" }, I18nService.translate('referenceCode.expirationLabel'), ' ', this.formatExpirationDate(this.expirationDate)))), h("div", { key: '98748c75a8c24995efce64d507bacdad21ffcec9', class: "reference-code-content" }, h("div", { key: '13e878d0d82ce07ddb69a090713b2b9477df95e1', class: "reference-section" }, h("div", { key: '688492a0e2ee5cdee815c71cca05aa54163d4f40', class: "reference-label" }, I18nService.translate('referenceCode.referenceLabel')), h("div", { key: 'b1cd920c722f7cf83f3670e7d0ba91145594514e', class: "reference-value" }, this.referenceId)), h("div", { key: '6e3a0a53c9cb5360500bfacaa6e3d1c5cda16a5a', class: "provider-section" }, h("div", { key: 'b7d6d966b2262d3af483cd91a814e7cc4b6b9253', class: "provider-label" }, I18nService.translate('referenceCode.providerLabel')), h("div", { key: '8346b462e7f916262b92c89006fef26e30f34e49', class: "provider-value" }, getProviderName(this.providerName)))), this.instructions.length > 0 && (h("div", { key: '503e6d0266216ac66bbc83ff0973fff2da795cb9', class: "instructions-section" }, h("button", { key: '163ebeb781c236ae08f8c222a8da1a0ca85eeb07', class: "instructions-toggle", onClick: this.toggleInstructions, type: "button", "aria-expanded": this.showInstructions.toString(), "aria-controls": "instructions-content" }, h("span", { key: 'a8dff1d327ced9af633c3ab35e29b85100ca2519' }, I18nService.translate('referenceCode.instructionsLabel')), h("rebill-icon", { key: '04ded3a1765ef30202e7d449ac636ce7703a6f7b', name: "chevron-down" })), this.showInstructions && (h("div", { key: '10e6eb34d5f083c7cff8ad3afe9b89a5e0e60700', class: "instructions-content", id: "instructions-content", role: "region", "aria-labelledby": "instructions-toggle" }, h("div", { key: '2936ec75f05385bf919647eb3e22cb410c8070b3', class: "instructions-text" }, h("ol", { key: '1f80b17fe202e9ff2b944b99d6e5eb314b0f2101', class: "instructions-list" }, instructionLines.map((line, index) => (h("li", { key: index }, line)))))))))));
+        return (h("div", { key: '53eee612963a28548807c9a075aba17e8d022c37', class: "reference-code" }, h("div", { key: '1927fa9dd4c75a280391ba34b8d3f5900157a48f', class: "reference-code-header" }, h("div", { key: 'b02617217021eef14a42598f84e2c4ff20273d84', class: "expiration-section" }, h("rebill-icon", { key: '784ff624d90a2a952d97d02ad13f864afaca1413', name: "calendar-clock" }), h("span", { key: 'a95abc010c10f8d9d07a805d5fcd62f8069ead68', class: "expiration-text" }, I18nService.translate('referenceCode.expirationLabel'), ' ', this.formatExpirationDate(this.expirationDate)))), h("div", { key: 'b2f86a07b2bd9067c31ddd3e58b2495fc2da7670', class: "reference-code-content" }, h("div", { key: 'c6bcee134d966077dcc2b06bcd32d142273c27e6', class: "reference-section" }, h("div", { key: 'd607744363e0b5118c59996f776cd91d91471818', class: "reference-label" }, I18nService.translate('referenceCode.referenceLabel')), h("div", { key: 'c472e96e09146f2f13a476897ef92052e0a6affe', class: "reference-value" }, this.referenceId)), h("div", { key: '8cfc3186e62bbefd12fda2aa52e1fbe64e1f531a', class: "provider-section" }, h("div", { key: 'd8bc3af4a73e6f0f6a7f70e5a2b6c10d7b1e7901', class: "provider-label" }, I18nService.translate('referenceCode.providerLabel')), h("div", { key: '82e0ffc5faca1890b56a92d2bf4c695c9b720426', class: "provider-value" }, getProviderName(this.providerName)))), this.instructions.length > 0 && (h("div", { key: '615d197ef8278a2f1008ed9b99392b070decbcd3', class: "instructions-section" }, h("button", { key: 'e3cec3b4c0179b77b4d2ec5c9b992c1303e3782f', class: "instructions-toggle", onClick: this.toggleInstructions, type: "button", "aria-expanded": this.showInstructions.toString(), "aria-controls": "instructions-content" }, h("span", { key: 'e4ce3f249d33d62db9ca4f2f15e7e86b2e5b00b4' }, I18nService.translate('referenceCode.instructionsLabel')), h("rebill-icon", { key: '3533bfaf4cd3a5847b4cf34aa5845fd280de2e0f', name: "chevron-down" })), this.showInstructions && (h("div", { key: '707ba7303831e205c3cbd248e29e336db1fc1ef7', class: "instructions-content", id: "instructions-content", role: "region", "aria-labelledby": "instructions-toggle" }, h("div", { key: 'defce52b328d0c0a76a3ef7274d027e26a2c304a', class: "instructions-text" }, h("ol", { key: '3341cdb16fa13eefd16544e1c200c3bab2e7282d', class: "instructions-list" }, instructionLines.map((line, index) => (h("li", { key: index }, line)))))))))));
     }
     static get style() { return referenceCodeCss; }
 }, [256, "reference-code", {
@@ -89,6 +89,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { ReferenceCode as R, defineCustomElement as d };
-//# sourceMappingURL=p-yRI_ZFvd.js.map
+//# sourceMappingURL=p-ChtneCGm.js.map
-//# sourceMappingURL=p-yRI_ZFvd.js.map
+//# sourceMappingURL=p-ChtneCGm.js.map

package/dist/components/{p-yRI_ZFvd.js.map → p-ChtneCGm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-yRI_ZFvd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/get-provider-name.ts","src/components/checkout/apm/reference-code/reference-code.css?tag=reference-code","src/components/checkout/apm/reference-code/reference-code.tsx"],"sourcesContent":["const providers = {\n bamboo_payment: 'Bamboo Payment',\n fiserv: 'Fiserv',\n kushki: 'Kushki',\n payway: 'Payway',\n cybersource: 'Cybersource',\n cobre: 'Cobre',\n yakare: 'Yakare',\n dock: 'Dock',\n klap: 'Klap',\n movii: 'Movii',\n stripe: 'Stripe',\n};\n\nexport const getProviderName = (providerKey: string) => {\n return providers[providerKey as keyof typeof providers] \|\| providerKey;\n};\n",".reference-code {\n border: 1px solid var(--rebill-color-border);\n border-radius: 8px;\n background: var(--rebill-color-background);\n overflow: hidden;\n font-family: var(--rebill-font-family);\n margin-top: 24px;\n}\n\n.reference-code-header {\n padding: 16px 24px;\n background: var(--rebill-color-background-secondary);\n border-bottom: 1px solid var(--rebill-color-border);\n}\n\n.expiration-section {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n\n.expiration-text {\n font-size: 12px;\n font-weight: 400;\n color: var(--rebill-color-text-secondary);\n}\n\n.reference-code-content {\n padding: 32px 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 32px;\n border-bottom: 1px solid var(--rebill-color-border);\n}\n\n.reference-section {\n flex: 1;\n text-align: center;\n position: relative;\n}\n\n.reference-section::after {\n content: '';\n position: absolute;\n right: -16px;\n top: 50%;\n transform: translateY(-50%);\n width: 1px;\n height: 60px;\n background: var(--rebill-color-border);\n}\n\n.provider-section {\n flex: 1;\n text-align: center;\n}\n\n.reference-label,\n.provider-label {\n font-size: 12px;\n color: var(--rebill-color-text-secondary-light);\n margin-bottom: 12px;\n text-transform: uppercase;\n font-weight: 400;\n letter-spacing: 0%;\n}\n\n.reference-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--rebill-color-text-primary);\n}\n\n.provider-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--rebill-color-text-primary);\n}\n\n.instructions-section {\n background: var(--rebill-color-background-secondary);\n}\n\n.instructions-toggle {\n width: 100%;\n padding: 20px 24px;\n background: none;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n font-size: 15px;\n font-weight: 500;\n color: var(--rebill-color-text-primary);\n transition: background-color 0.2s ease;\n}\n\n.instructions-toggle:hover {\n background: var(--rebill-color-background-secondary);\n}\n\n.instructions-toggle rebill-icon {\n transition: transform 0.2s ease;\n}\n\n.instructions-toggle[aria-expanded='true'] rebill-icon {\n transform: rotate(180deg);\n}\n\n.instructions-content {\n padding: 16px 16px 16px 16px;\n background: var(--rebill-color-background);\n border-top: 1px solid var(--rebill-color-border);\n}\n\n.instructions-title {\n margin: 20px 0 16px 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--rebill-color-text-primary);\n}\n\n.instructions-text {\n color: var(--rebill-color-text-secondary);\n}\n\n.instructions-list {\n list-style: none;\n padding: 0;\n margin: 0;\n counter-reset: instruction-counter;\n}\n\n.instructions-list li {\n counter-increment: instruction-counter;\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-bottom: 16px;\n font-size: 14px;\n line-height: 1.5;\n}\n\n.instructions-list li::before {\n content: counter(instruction-counter);\n background: #f4f5f6;\n color: black;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 400;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.instructions-list li:last-child {\n margin-bottom: 0;\n}\n\n@media (max-width: 768px) {\n .reference-code-content {\n flex-direction: column;\n gap: 24px;\n padding: 24px 20px;\n }\n\n .reference-section::after {\n display: none;\n }\n\n .reference-section,\n .provider-section {\n text-align: center;\n width: 100%;\n }\n\n .reference-section {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--rebill-color-border);\n }\n\n .instructions-toggle {\n padding: 16px 20px;\n }\n\n .instructions-content {\n padding: 0 20px 20px 20px;\n }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { PaymentInstruction } from '../../../../api/entities/checkout/types';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { getProviderName } from '../../../../utils/get-provider-name';\n\n@Component({\n tag: 'reference-code',\n styleUrl: 'reference-code.css',\n shadow: false,\n})\nexport class ReferenceCode {\n @Prop() referenceId: string;\n @Prop() providerName: string;\n @Prop() expirationDate: string;\n @Prop() instructions: PaymentInstruction[] = [];\n\n @State() showInstructions = false;\n\n private toggleInstructions = () => {\n this.showInstructions = !this.showInstructions;\n };\n\n private formatExpirationDate = (dateString: string): string => {\n try {\n const date = new Date(dateString);\n return date.toLocaleDateString('es-ES', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n });\n } catch (error) {\n return dateString;\n }\n };\n\n private getCurrentLanguageInstructions = (): string[] => {\n const currentLanguage = I18nService.getCurrentLanguage();\n const instruction = this.instructions.find(inst => inst.language === currentLanguage);\n const instructionText = instruction?.text \|\| this.instructions[0]?.text \|\| '';\n\n // Split by line breaks and filter out empty lines\n return instructionText.split('\\n').filter(line => line.trim().length > 0);\n };\n\n render() {\n const instructionLines = this.getCurrentLanguageInstructions();\n\n return (\n <div class=\"reference-code\">\n {/* Header with expiration /}\n <div class=\"reference-code-header\">\n <div class=\"expiration-section\">\n <rebill-icon name=\"calendar-clock\" />\n <span class=\"expiration-text\">\n {I18nService.translate('referenceCode.expirationLabel')}{' '}\n {this.formatExpirationDate(this.expirationDate)}\n </span>\n </div>\n </div>\n\n {/ Reference code and provider /}\n <div class=\"reference-code-content\">\n <div class=\"reference-section\">\n <div class=\"reference-label\">\n {I18nService.translate('referenceCode.referenceLabel')}\n </div>\n <div class=\"reference-value\">{this.referenceId}</div>\n </div>\n\n <div class=\"provider-section\">\n <div class=\"provider-label\">{I18nService.translate('referenceCode.providerLabel')}</div>\n <div class=\"provider-value\">{getProviderName(this.providerName)}</div>\n </div>\n </div>\n\n {/ Collapsible instructions */}\n {this.instructions.length > 0 && (\n <div class=\"instructions-section\">\n <button\n class=\"instructions-toggle\"\n onClick={this.toggleInstructions}\n type=\"button\"\n aria-expanded={this.showInstructions.toString()}\n aria-controls=\"instructions-content\"\n >\n <span>{I18nService.translate('referenceCode.instructionsLabel')}</span>\n <rebill-icon name=\"chevron-down\" />\n </button>\n\n {this.showInstructions && (\n <div\n class=\"instructions-content\"\n id=\"instructions-content\"\n role=\"region\"\n aria-labelledby=\"instructions-toggle\"\n >\n <div class=\"instructions-text\">\n <ol class=\"instructions-list\">\n {instructionLines.map((line, index) => (\n <li key={index}>{line}</li>\n ))}\n </ol>\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-ChtneCGm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/get-provider-name.ts","src/components/checkout/apm/reference-code/reference-code.css?tag=reference-code","src/components/checkout/apm/reference-code/reference-code.tsx"],"sourcesContent":["const providers = {\n bamboo_payment: 'Bamboo Payment',\n fiserv: 'Fiserv',\n kushki: 'Kushki',\n payway: 'Payway',\n cybersource: 'Cybersource',\n cobre: 'Cobre',\n yakare: 'Yakare',\n dock: 'Dock',\n klap: 'Klap',\n movii: 'Movii',\n stripe: 'Stripe',\n};\n\nexport const getProviderName = (providerKey: string) => {\n return providers[providerKey as keyof typeof providers] \|\| providerKey;\n};\n",".reference-code {\n border: 1px solid var(--rebill-color-border);\n border-radius: 8px;\n background: var(--rebill-color-background);\n overflow: hidden;\n font-family: var(--rebill-font-family);\n margin-top: 24px;\n}\n\n.reference-code-header {\n padding: 16px 24px;\n background: var(--rebill-color-background-secondary);\n border-bottom: 1px solid var(--rebill-color-border);\n}\n\n.expiration-section {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n\n.expiration-text {\n font-size: 12px;\n font-weight: 400;\n color: var(--rebill-color-text-secondary);\n}\n\n.reference-code-content {\n padding: 32px 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 32px;\n border-bottom: 1px solid var(--rebill-color-border);\n}\n\n.reference-section {\n flex: 1;\n text-align: center;\n position: relative;\n}\n\n.reference-section::after {\n content: '';\n position: absolute;\n right: -16px;\n top: 50%;\n transform: translateY(-50%);\n width: 1px;\n height: 60px;\n background: var(--rebill-color-border);\n}\n\n.provider-section {\n flex: 1;\n text-align: center;\n}\n\n.reference-label,\n.provider-label {\n font-size: 12px;\n color: var(--rebill-color-text-secondary-light);\n margin-bottom: 12px;\n text-transform: uppercase;\n font-weight: 400;\n letter-spacing: 0%;\n}\n\n.reference-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--rebill-color-text-primary);\n}\n\n.provider-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--rebill-color-text-primary);\n}\n\n.instructions-section {\n background: var(--rebill-color-background-secondary);\n}\n\n.instructions-toggle {\n width: 100%;\n padding: 20px 24px;\n background: none;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n font-size: 15px;\n font-weight: 500;\n color: var(--rebill-color-text-primary);\n transition: background-color 0.2s ease;\n}\n\n.instructions-toggle:hover {\n background: var(--rebill-color-background-secondary);\n}\n\n.instructions-toggle rebill-icon {\n transition: transform 0.2s ease;\n}\n\n.instructions-toggle[aria-expanded='true'] rebill-icon {\n transform: rotate(180deg);\n}\n\n.instructions-content {\n padding: 16px 16px 16px 16px;\n background: var(--rebill-color-background);\n border-top: 1px solid var(--rebill-color-border);\n}\n\n.instructions-title {\n margin: 20px 0 16px 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--rebill-color-text-primary);\n}\n\n.instructions-text {\n color: var(--rebill-color-text-secondary);\n}\n\n.instructions-list {\n list-style: none;\n padding: 0;\n margin: 0;\n counter-reset: instruction-counter;\n}\n\n.instructions-list li {\n counter-increment: instruction-counter;\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-bottom: 16px;\n font-size: 14px;\n line-height: 1.5;\n}\n\n.instructions-list li::before {\n content: counter(instruction-counter);\n background: #f4f5f6;\n color: black;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 400;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.instructions-list li:last-child {\n margin-bottom: 0;\n}\n\n@media (max-width: 768px) {\n .reference-code-content {\n flex-direction: column;\n gap: 24px;\n padding: 24px 20px;\n }\n\n .reference-section::after {\n display: none;\n }\n\n .reference-section,\n .provider-section {\n text-align: center;\n width: 100%;\n }\n\n .reference-section {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--rebill-color-border);\n }\n\n .instructions-toggle {\n padding: 16px 20px;\n }\n\n .instructions-content {\n padding: 0 20px 20px 20px;\n }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { PaymentInstruction } from '../../../../api/entities/checkout/types';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { getProviderName } from '../../../../utils/get-provider-name';\n\n@Component({\n tag: 'reference-code',\n styleUrl: 'reference-code.css',\n shadow: false,\n})\nexport class ReferenceCode {\n @Prop() referenceId: string;\n @Prop() providerName: string;\n @Prop() expirationDate: string;\n @Prop() instructions: PaymentInstruction[] = [];\n\n @State() showInstructions = false;\n\n private toggleInstructions = () => {\n this.showInstructions = !this.showInstructions;\n };\n\n private formatExpirationDate = (dateString: string): string => {\n try {\n const date = new Date(dateString);\n return date.toLocaleDateString('es-ES', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n });\n } catch (error) {\n return dateString;\n }\n };\n\n private getCurrentLanguageInstructions = (): string[] => {\n const currentLanguage = I18nService.getCurrentLanguage();\n const instruction = this.instructions.find(inst => inst.language === currentLanguage);\n const instructionText = instruction?.text \|\| this.instructions[0]?.text \|\| '';\n\n // Split by line breaks and filter out empty lines\n return instructionText.split('\\n').filter(line => line.trim().length > 0);\n };\n\n render() {\n const instructionLines = this.getCurrentLanguageInstructions();\n\n return (\n <div class=\"reference-code\">\n {/* Header with expiration /}\n <div class=\"reference-code-header\">\n <div class=\"expiration-section\">\n <rebill-icon name=\"calendar-clock\" />\n <span class=\"expiration-text\">\n {I18nService.translate('referenceCode.expirationLabel')}{' '}\n {this.formatExpirationDate(this.expirationDate)}\n </span>\n </div>\n </div>\n\n {/ Reference code and provider /}\n <div class=\"reference-code-content\">\n <div class=\"reference-section\">\n <div class=\"reference-label\">\n {I18nService.translate('referenceCode.referenceLabel')}\n </div>\n <div class=\"reference-value\">{this.referenceId}</div>\n </div>\n\n <div class=\"provider-section\">\n <div class=\"provider-label\">{I18nService.translate('referenceCode.providerLabel')}</div>\n <div class=\"provider-value\">{getProviderName(this.providerName)}</div>\n </div>\n </div>\n\n {/ Collapsible instructions */}\n {this.instructions.length > 0 && (\n <div class=\"instructions-section\">\n <button\n class=\"instructions-toggle\"\n onClick={this.toggleInstructions}\n type=\"button\"\n aria-expanded={this.showInstructions.toString()}\n aria-controls=\"instructions-content\"\n >\n <span>{I18nService.translate('referenceCode.instructionsLabel')}</span>\n <rebill-icon name=\"chevron-down\" />\n </button>\n\n {this.showInstructions && (\n <div\n class=\"instructions-content\"\n id=\"instructions-content\"\n role=\"region\"\n aria-labelledby=\"instructions-toggle\"\n >\n <div class=\"instructions-text\">\n <ol class=\"instructions-list\">\n {instructionLines.map((line, index) => (\n <li key={index}>{line}</li>\n ))}\n </ol>\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}