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

rebill-web-components-sdk 1.10.1 → 1.10.2-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (303) hide show

package/dist/cjs/apm-checkout_14.cjs.entry.js CHANGED Viewed

@@ -881,13 +881,13 @@ const QrCode = class {
     };
     render() {
         const instructionLines = this.getCurrentLanguageInstructions();
-        return (index$1.h("div", { key: '7e6d0f240af1acf4732e8e0e421972422fcb42b3', class: "qr-code" }, index$1.h("div", { key: '3fc0e1591bc4feda98b5ea2865989799b74de56e', class: "qr-code-header" }, index$1.h("div", { key: '3cbcaa7fced65b2aebc1c1df9f18d6cd32a6909b', class: "expiration-section" }, index$1.h("rebill-icon", { key: '29a8095174d45117f5ddb775db1146feb78facab', name: "calendar-clock" }), index$1.h("span", { key: 'b83d5b95ca7db70d19c4e9659a3b7c9a65e507a8', class: "expiration-text" }, i18n_service.I18nService.translate('qrCode.expirationLabel', { time: this.formattedTime })))), index$1.h("div", { key: '7c393844eeebc1eccc95aa7f633e28afc021258f', class: "qr-code-content" }, index$1.h("div", { key: '54f2f3d6c4ce14bed018c78b4e70a4e5defe8187', class: "qr-section" }, index$1.h("div", { key: '724bd8e6f0c23b771e1718738476063cbace3218', class: "qr-instruction" }, index$1.h("rebill-typography", { key: 'a473b566d82278f454c19c4b682fcaae77638c85', variant: "subtitle-bold", style: { fontSize: '12px' }, color: colorClassMapper.COLORS_ENUM.GREY_300 }, i18n_service.I18nService.translate('qrCode.scanInstruction'))), index$1.h("div", { key: 'dce1c21a945780937c88b680aa36c4eca994ce81', class: "qr-container" }, this.isImage ? (index$1.h("img", { src: `data:image/png;base64,${this.qrCodeData}`, alt: "QR Code", class: "qr-image" })) : (index$1.h("div", { class: "qr-image", innerHTML: this.qrCodeSvg })), index$1.h("div", { key: '70d8375d521aceea4988186d5e6b21ef582d72cd', class: "scanner-line" }), index$1.h("div", { key: '1acd7c628854a8c1ae3552f58d83a7f9835dd267', class: "corner-bottom-left" }), index$1.h("div", { key: '94153fc3acdc4f237fdb78e1942f5910fe7661d9', class: "corner-bottom-right" })), this.code && (index$1.h("rebill-button", { key: 'e002848f069a1e4c6810f2241eef604fbe47a872', class: "copy-btn", variant: "secondary", size: "small", onClick: async () => {
+        return (index$1.h("div", { key: 'af12b0e17de3e9d15b3d50f6a775cfec0634c57d', class: "qr-code" }, index$1.h("div", { key: '049ac6a40747350848ab4de7b733ce0c3264b63d', class: "qr-code-header" }, index$1.h("div", { key: '25014acd9e5bfd42b7e67abc035b52703929732c', class: "expiration-section" }, index$1.h("rebill-icon", { key: 'f4892dd1c4e6cbfc58fe9a0768e72e3afa286010', name: "calendar-clock" }), index$1.h("span", { key: '74395a35eb90ab22fa8efcc763b5819e2b465b57', class: "expiration-text" }, i18n_service.I18nService.translate('qrCode.expirationLabel', { time: this.formattedTime })))), index$1.h("div", { key: '27b777bbba15c3a224e9c9d07ec6194f40caaa7b', class: "qr-code-content" }, index$1.h("div", { key: '38862683c888d46db81a5df22345024fdcc22fcc', class: "qr-section" }, index$1.h("div", { key: '2abcbbfad2d8031b2cfd0eca9daab29e8c65b2f7', class: "qr-instruction" }, index$1.h("rebill-typography", { key: '79f2500a17995c2f5b66be7a3afeab8ff1df01e9', variant: "subtitle-bold", style: { fontSize: '12px' }, color: colorClassMapper.COLORS_ENUM.GREY_300 }, i18n_service.I18nService.translate('qrCode.scanInstruction'))), index$1.h("div", { key: '181bd27896fb77c5afa1614a622242bb8b399167', class: "qr-container" }, this.isImage ? (index$1.h("img", { src: `data:image/png;base64,${this.qrCodeData}`, alt: "QR Code", class: "qr-image" })) : (index$1.h("div", { class: "qr-image", innerHTML: this.qrCodeSvg })), index$1.h("div", { key: '44a910457a4462bce56ee04fd7421b38c80f5701', class: "scanner-line" }), index$1.h("div", { key: '5ab93aeea71f4288525cc5c0ef7e864d322d625f', class: "corner-bottom-left" }), index$1.h("div", { key: '2dfa93e3952df855b38692caa5e446e67477ba78', class: "corner-bottom-right" })), this.code && (index$1.h("rebill-button", { key: '1a6e620bb374c27dccf12b910864920f2c7151ac', class: "copy-btn", variant: "secondary", size: "small", onClick: async () => {
                 if (!this.code)
                     return;
                 await clipboard.copyToClipboard(this.code);
                 this.hasCopied = true;
                 setTimeout(() => (this.hasCopied = false), 2000);
-            }, type: "button" }, index$1.h("rebill-typography", { key: 'e87c283e7e80169a4bcfc6c3bb5a8d9e29182697', variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('qrCode.copyCode')), this.hasCopied ? (index$1.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { d: "M5.62256 10.8855L8.24756 13.5418L14.3726 6.45844", stroke: "#35B093", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index$1.h("rebill-icon", { name: "copy", size: "16px" })))))), instructionLines.length > 0 && (index$1.h("collapsible-card", { key: 'dbdd98362a19f07f2dee48415c9c5a6bfeefdd56', variant: "flat", header: i18n_service.I18nService.translate('qrCode.instructionsLabel'), open: false }, index$1.h("div", { key: '5603d323dc517cdb1020ee7e0d365a16ecb2753d' }, index$1.h("ol", { key: 'dcc4bf4b9c919b012a70fac52622475d97dca92e', class: "instructions-list" }, instructionLines.map((line, index) => (index$1.h("li", { key: index, class: "instruction-item" }, index$1.h("div", { class: "instruction-number" }, index$1.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.GREY_300 }, index + 1)), index$1.h("div", { class: "instruction-text" }, index$1.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.GREY_300 }, line)))))))))));
+            }, type: "button" }, index$1.h("rebill-typography", { key: '0bd8ad17dd4010b231889a3781686911638ad96d', variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.PRIMARY_DARK_TEXT }, i18n_service.I18nService.translate('qrCode.copyCode')), this.hasCopied ? (index$1.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { d: "M5.62256 10.8855L8.24756 13.5418L14.3726 6.45844", stroke: "#35B093", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index$1.h("rebill-icon", { name: "copy", size: "16px" })))))), instructionLines.length > 0 && (index$1.h("collapsible-card", { key: '4e69b59086fab349bdbe54aaa7908d03f6af72e2', variant: "flat", header: i18n_service.I18nService.translate('qrCode.instructionsLabel'), open: false }, index$1.h("div", { key: 'a535d50416b7d0ad635c5c24f7c35258bf3ebbac' }, index$1.h("ol", { key: '0bcae653181b6f9bb62d43417d8811226ad135db', class: "instructions-list" }, instructionLines.map((line, index) => (index$1.h("li", { key: index, class: "instruction-item" }, index$1.h("div", { class: "instruction-number" }, index$1.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.GREY_300 }, index + 1)), index$1.h("div", { class: "instruction-text" }, index$1.h("rebill-typography", { variant: "subtitle2", color: colorClassMapper.COLORS_ENUM.GREY_300 }, line)))))))))));
     }
 };
 QrCode.style = qrCodeCss;
@@ -1308,7 +1308,7 @@ const CheckoutForm = class {
         }
     }
     render() {
-        return (index$1.h("rebill-form", { key: '8bccdc58eef029f6ed82b4fe76413079e082389b', ref: el => (this.formElement = el), validationSchema: this.validationSchema, initialData: this.initialData, onSubmit: (event) => this.handleSubmit(event.detail), onChange: (event) => this.handleChange(event.detail), renderForm: this.renderForm }));
+        return (index$1.h("rebill-form", { key: '913b8b648f75c30fe3ee82b877c71b73e8e7a9ef', ref: el => (this.formElement = el), validationSchema: this.validationSchema, initialData: this.initialData, onSubmit: (event) => this.handleSubmit(event.detail), onChange: (event) => this.handleChange(event.detail), renderForm: this.renderForm }));
     }
 };
@@ -1365,7 +1365,7 @@ const ReferenceCode = class {
     };
     render() {
         const instructionLines = this.getCurrentLanguageInstructions();
-        return (index$1.h("div", { key: '284bf280b5b420242da41c9d3fabb966ba4d2951', class: "reference-code" }, index$1.h("div", { key: '0d084693f67df1b3385d9454a6f638481221b0f5', class: "reference-code-header" }, index$1.h("div", { key: 'f878cb9a47e659eb8612dac2321d0b173540dc53', class: "expiration-section" }, index$1.h("rebill-icon", { key: '2c9c878a5e0fe24c0696cc6f1a1357d813d25c17', name: "calendar-clock" }), index$1.h("span", { key: 'fe06b6d44523983f2d49df5cdcfc15602f9a87d4', class: "expiration-text" }, i18n_service.I18nService.translate('referenceCode.expirationLabel'), ' ', this.formatExpirationDate(this.expirationDate)))), index$1.h("div", { key: '98748c75a8c24995efce64d507bacdad21ffcec9', class: "reference-code-content" }, index$1.h("div", { key: '13e878d0d82ce07ddb69a090713b2b9477df95e1', class: "reference-section" }, index$1.h("div", { key: '688492a0e2ee5cdee815c71cca05aa54163d4f40', class: "reference-label" }, i18n_service.I18nService.translate('referenceCode.referenceLabel')), index$1.h("div", { key: 'b1cd920c722f7cf83f3670e7d0ba91145594514e', class: "reference-value" }, this.referenceId)), index$1.h("div", { key: '6e3a0a53c9cb5360500bfacaa6e3d1c5cda16a5a', class: "provider-section" }, index$1.h("div", { key: 'b7d6d966b2262d3af483cd91a814e7cc4b6b9253', class: "provider-label" }, i18n_service.I18nService.translate('referenceCode.providerLabel')), index$1.h("div", { key: '8346b462e7f916262b92c89006fef26e30f34e49', class: "provider-value" }, getProviderName(this.providerName)))), this.instructions.length > 0 && (index$1.h("div", { key: '503e6d0266216ac66bbc83ff0973fff2da795cb9', class: "instructions-section" }, index$1.h("button", { key: '163ebeb781c236ae08f8c222a8da1a0ca85eeb07', class: "instructions-toggle", onClick: this.toggleInstructions, type: "button", "aria-expanded": this.showInstructions.toString(), "aria-controls": "instructions-content" }, index$1.h("span", { key: 'a8dff1d327ced9af633c3ab35e29b85100ca2519' }, i18n_service.I18nService.translate('referenceCode.instructionsLabel')), index$1.h("rebill-icon", { key: '04ded3a1765ef30202e7d449ac636ce7703a6f7b', name: "chevron-down" })), this.showInstructions && (index$1.h("div", { key: '10e6eb34d5f083c7cff8ad3afe9b89a5e0e60700', class: "instructions-content", id: "instructions-content", role: "region", "aria-labelledby": "instructions-toggle" }, index$1.h("div", { key: '2936ec75f05385bf919647eb3e22cb410c8070b3', class: "instructions-text" }, index$1.h("ol", { key: '1f80b17fe202e9ff2b944b99d6e5eb314b0f2101', class: "instructions-list" }, instructionLines.map((line, index) => (index$1.h("li", { key: index }, line)))))))))));
+        return (index$1.h("div", { key: '53eee612963a28548807c9a075aba17e8d022c37', class: "reference-code" }, index$1.h("div", { key: '1927fa9dd4c75a280391ba34b8d3f5900157a48f', class: "reference-code-header" }, index$1.h("div", { key: 'b02617217021eef14a42598f84e2c4ff20273d84', class: "expiration-section" }, index$1.h("rebill-icon", { key: '784ff624d90a2a952d97d02ad13f864afaca1413', name: "calendar-clock" }), index$1.h("span", { key: 'a95abc010c10f8d9d07a805d5fcd62f8069ead68', class: "expiration-text" }, i18n_service.I18nService.translate('referenceCode.expirationLabel'), ' ', this.formatExpirationDate(this.expirationDate)))), index$1.h("div", { key: 'b2f86a07b2bd9067c31ddd3e58b2495fc2da7670', class: "reference-code-content" }, index$1.h("div", { key: 'c6bcee134d966077dcc2b06bcd32d142273c27e6', class: "reference-section" }, index$1.h("div", { key: 'd607744363e0b5118c59996f776cd91d91471818', class: "reference-label" }, i18n_service.I18nService.translate('referenceCode.referenceLabel')), index$1.h("div", { key: 'c472e96e09146f2f13a476897ef92052e0a6affe', class: "reference-value" }, this.referenceId)), index$1.h("div", { key: '8cfc3186e62bbefd12fda2aa52e1fbe64e1f531a', class: "provider-section" }, index$1.h("div", { key: 'd8bc3af4a73e6f0f6a7f70e5a2b6c10d7b1e7901', class: "provider-label" }, i18n_service.I18nService.translate('referenceCode.providerLabel')), index$1.h("div", { key: '82e0ffc5faca1890b56a92d2bf4c695c9b720426', class: "provider-value" }, getProviderName(this.providerName)))), this.instructions.length > 0 && (index$1.h("div", { key: '615d197ef8278a2f1008ed9b99392b070decbcd3', class: "instructions-section" }, index$1.h("button", { key: 'e3cec3b4c0179b77b4d2ec5c9b992c1303e3782f', class: "instructions-toggle", onClick: this.toggleInstructions, type: "button", "aria-expanded": this.showInstructions.toString(), "aria-controls": "instructions-content" }, index$1.h("span", { key: 'e4ce3f249d33d62db9ca4f2f15e7e86b2e5b00b4' }, i18n_service.I18nService.translate('referenceCode.instructionsLabel')), index$1.h("rebill-icon", { key: '3533bfaf4cd3a5847b4cf34aa5845fd280de2e0f', name: "chevron-down" })), this.showInstructions && (index$1.h("div", { key: '707ba7303831e205c3cbd248e29e336db1fc1ef7', class: "instructions-content", id: "instructions-content", role: "region", "aria-labelledby": "instructions-toggle" }, index$1.h("div", { key: 'defce52b328d0c0a76a3ef7274d027e26a2c304a', class: "instructions-text" }, index$1.h("ol", { key: '3341cdb16fa13eefd16544e1c200c3bab2e7282d', class: "instructions-list" }, instructionLines.map((line, index) => (index$1.h("li", { key: index }, line)))))))))));
     }
 };
 ReferenceCode.style = referenceCodeCss;
@@ -1430,7 +1430,7 @@ const UserInformationPhone = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '8055d21e666b3d2678c413a1ccf5624059fbaa8b' }, index$1.h("div", { key: '4a39e79589f206ff2db4f644583645662f53554e' }, index$1.h("rebill-input-phone", { key: 'bb94d618d16788b120bb16978cb78efbf03c06d1', disabled: this.disabled, validationErrorId: "isValidPhoneNumber", phoneNumberId: "phoneNumber", countryCodeId: "countryCodePhoneNumber", placeholder: i18n_service.I18nService.translate('userInformation.phoneNumberPlaceholder'), "initial-country": this.countryCode?.toLowerCase() || 'ar', error: this.error, required: true, searchable: true, searchPlaceholder: i18n_service.I18nService.translate('userInformation.searchCountriesPlaceholder') }))));
+        return (index$1.h(index$1.Host, { key: '22a19f5259c0c44af49eccf475a23f2184f86aa7' }, index$1.h("div", { key: '936709bd5c83400535819879936335948358d0dd' }, index$1.h("rebill-input-phone", { key: '65163b7395a0219ced0b86bd65041afe4ca07dee', disabled: this.disabled, validationErrorId: "isValidPhoneNumber", phoneNumberId: "phoneNumber", countryCodeId: "countryCodePhoneNumber", placeholder: i18n_service.I18nService.translate('userInformation.phoneNumberPlaceholder'), "initial-country": this.countryCode?.toLowerCase() || 'ar', error: this.error, required: true, searchable: true, searchPlaceholder: i18n_service.I18nService.translate('userInformation.searchCountriesPlaceholder') }))));
     }
 };
 UserInformationPhone.style = userInformationCss;