rebill-web-components-sdk 1.8.10 → 1.8.12

package/dist/components/{p-C46Y_yrU.js → p-Bp-N_G2i.js}

@@ -18,7 +18,7 @@ const SinglePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SinglePayment
     paymentMethodDetails;
     icons = [];
     render() {
-        return (h("div", { key: '1b67f3ad6f8c124d38702bb02310b389856cba33', class: "single-payment-method" }, h("div", { key: '67fd4d2d50e6d9105a7ee68f45fbc2471fed0508', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: '241a57e9c0ac45ea1d95d0267ec094b4d62ffaad', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && h("rebill-icon", { key: '24565cd588fb71671535f6cd6a5d9c4083e4817d', name: "bank" }), h("rebill-typography", { key: '1140874b8bdeb47558371fe875e48a63cf7726be', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700 }, I18nService.translate(`paymentMethods.${this.paymentMethod === PAYMENT_METHOD_ENUM.CARD ? 'cardDescription' : this.paymentMethod}`))), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'f91ab8fa6596637bedeb56787e8ee3f253ad2550', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
+        return (h("div", { key: '1b67f3ad6f8c124d38702bb02310b389856cba33', class: "single-payment-method" }, h("div", { key: '67fd4d2d50e6d9105a7ee68f45fbc2471fed0508', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: '241a57e9c0ac45ea1d95d0267ec094b4d62ffaad', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && h("rebill-icon", { key: '24565cd588fb71671535f6cd6a5d9c4083e4817d', name: "bank" }), h("rebill-typography", { key: '5376b30092e68b43ce714f1b5cc39696784299fc', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, I18nService.translate(`paymentMethods.${this.paymentMethod === PAYMENT_METHOD_ENUM.CARD ? 'cardDescription' : this.paymentMethod}`))), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: '255168b75a2d349c92b204adfeac42645eb26636', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
     }
     static get style() { return singlePaymentMethodCss; }
 }, [256, "single-payment-method", {
@@ -53,6 +53,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SinglePaymentMethod as S, defineCustomElement as d };
-//# sourceMappingURL=p-C46Y_yrU.js.map
+//# sourceMappingURL=p-Bp-N_G2i.js.map
 
-//# sourceMappingURL=p-C46Y_yrU.js.map
+//# sourceMappingURL=p-Bp-N_G2i.js.map

package/dist/components/p-Bp-N_G2i.js.map

@@ -0,0 +1 @@
+{"file":"p-Bp-N_G2i.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,4nBAA4nB;;MCW9oB,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB,IAAA,aAAa;AACb,IAAA,eAAe;AACf,IAAA,oBAAoB;IACpB,KAAK,GAAa,EAAE;IAC5B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EAC9E,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EACxF,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAE/C,EAAA,WAAW,CAAC,SAAS,CACpB,CAAA,eAAA,EAAkB,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI,GAAG,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAE,CAAA,CAC7G,CACiB,CAChB,EAEL,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,aAAa,KACvD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IACpB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAA,CAAI,CAAC,KAE1E,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,CAC5B,CACG,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/singlePaymentMethod/single-payment-method.css?tag=single-payment-method","src/components/shared/singlePaymentMethod/singlePaymentMethod.tsx"],"sourcesContent":[".single-payment-method {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  height: 40px;\n  width: 100%;\n  border-radius: 8px;\n  background-color: var(--rebill-color-background-right);\n  padding: 2px 4px 2px 4px;\n  box-sizing: border-box;\n}\n\n.payment-method {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 100%;\n}\n\n.icon-container {\n  height: 32px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon-container rebill-icon {\n  height: 32px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.payment-method rebill-icon {\n  height: 32px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { PaymentMethodDetails } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'single-payment-method',\n  styleUrl: 'single-payment-method.css',\n  shadow: false,\n})\nexport class SinglePaymentMethod {\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() currencyCountry: string;\n  @Prop() paymentMethodDetails: PaymentMethodDetails[];\n  @Prop() icons: string[] = [];\n  render() {\n    return (\n      <div class=\"single-payment-method\">\n        <div class=\"payment-method\">\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && <rebill-icon name=\"card\" />}\n          {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && <rebill-icon name=\"bank\" />}\n          <rebill-typography\n            variant=\"body2-small\"\n            color={COLORS_ENUM.NEUTRALS_700}\n            style={{ display: 'flex', alignItems: 'center' }}\n          >\n            {I18nService.translate(\n              `paymentMethods.${this.paymentMethod === PAYMENT_METHOD_ENUM.CARD ? 'cardDescription' : this.paymentMethod}`,\n            )}\n          </rebill-typography>\n        </div>\n\n        {this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n          <div class=\"icon-container\">\n            {this.icons.length > 0 ? (\n              this.icons.map(iconName => <rebill-icon name={iconName} key={iconName} />)\n            ) : (\n              <rebill-icon name=\"card\" />\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-TnX37Ths.js → p-Buh4lAbF.js}

@@ -1,5 +1,5 @@
 import { c as commonjsGlobal, a as getAugmentedNamespace, g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
-import { s as slicedToArray, _ as _typeof$2, a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './p-B05hShHO.js';
+import { s as slicedToArray, _ as _typeof$2, a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './p-BFKOns7K.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -16536,6 +16536,6 @@ var index$1 = /*#__PURE__*/_mergeNamespaces({
 }, [libExports]);
 
 export { index$1 as i };
-//# sourceMappingURL=p-TnX37Ths.js.map
+//# sourceMappingURL=p-Buh4lAbF.js.map
 
-//# sourceMappingURL=p-TnX37Ths.js.map
+//# sourceMappingURL=p-Buh4lAbF.js.map