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

rebill-web-components-sdk 1.8.5 → 1.8.6

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

package/dist/cjs/otp-component_7.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ var timer = require('./timer-YTImGFi7.js');
 var breakpoint = require('./breakpoint-CWd4pcNv.js');
 var installmentUtils = require('./installment-utils-rLbihvh5.js');
 var assets = require('./assets-Bp8hbwFO.js');
-var html2canvas = require('./get-payment-method-display-name-oo6lOpoC.js');
+var html2canvas = require('./get-payment-method-display-name-C6mdzTEs.js');
 var dateFormatter = require('./date-formatter-L8HvuOay.js');
 require('./_commonjsHelpers-B83fTs8d.js');
 require('./config-ClgjQet_.js');

package/dist/cjs/renewal-success-page_2.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ var i18n_service = require('./i18n.service-CBqStnfo.js');
 var renewal_store = require('./renewal.store-CuNyxFHU.js');
 var breakpoint = require('./breakpoint-CWd4pcNv.js');
 var colorClassMapper = require('./color-class-mapper-CtKnrxwI.js');
-var html2canvas = require('./get-payment-method-display-name-oo6lOpoC.js');
+var html2canvas = require('./get-payment-method-display-name-C6mdzTEs.js');
 var dateFormatter = require('./date-formatter-L8HvuOay.js');
 require('./_commonjsHelpers-B83fTs8d.js');
 require('./assets-Bp8hbwFO.js');

package/dist/collection/utils/pdf-generator.js CHANGED Viewed

@@ -80,7 +80,7 @@ export class PDFGenerator {
             // Add to DOM temporarily
             document.body.appendChild(tempContainer);
             // Generate canvas from HTML
-            const canvas = await html2canvas(tempContainer.querySelector('.container'), {
+            const canvas = await html2canvas(tempContainer.querySelector('.rb-receipt-container'), {
                 backgroundColor: '#ffffff',
                 scale: 2,
                 useCORS: true,

package/dist/collection/utils/pdf-generator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pdf-generator.js","sourceRoot":"","sources":["../../src/utils/pdf-generator.ts"],"names":[],"mappings":"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","sourcesContent":["import html2canvas from 'html2canvas';\nimport { DownloadTemplate, DownloadTemplateData } from './download-template';\nimport { ReceiptTemplate, ReceiptTemplateData } from './receipt-Cardtemplate';\n\nexport class PDFGenerator {\n /*\n Generates and downloads a PDF from the payment instructions\n /\n public static async generateAndDownloadPDF(data: DownloadTemplateData): Promise<void> {\n try {\n // Dynamically import jsPDF to avoid build issues\n const { jsPDF } = await import('jspdf');\n // Create a temporary container for the HTML content\n const tempContainer = document.createElement('div');\n tempContainer.style.position = 'absolute';\n tempContainer.style.left = '-9999px';\n tempContainer.style.top = '-9999px';\n tempContainer.style.width = '600px';\n tempContainer.innerHTML = await DownloadTemplate.generateHTML(data);\n\n // Add to DOM temporarily\n document.body.appendChild(tempContainer);\n\n // Generate canvas from HTML\n const canvas = await html2canvas(tempContainer.querySelector('.container') as HTMLElement, {\n backgroundColor: '#ffffff',\n scale: 2,\n useCORS: true,\n allowTaint: false,\n width: 600,\n windowWidth: 600,\n });\n\n // Remove temporary container\n document.body.removeChild(tempContainer);\n\n // Create PDF\n const pdf = new jsPDF({\n orientation: 'portrait',\n unit: 'mm',\n format: 'a4',\n });\n\n // Calculate dimensions\n const imgData = canvas.toDataURL('image/png');\n const imgWidth = 190; // A4 width minus margins\n const pageHeight = 290; // A4 height minus margins\n const imgHeight = (canvas.height imgWidth) / canvas.width;\n\n let heightLeft = imgHeight;\n let position = 10; // Top margin\n\n // Add first page\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n\n // Add additional pages if needed\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight + 10;\n pdf.addPage();\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n\n // Download the PDF\n const paymentMethodType = data.paymentMethod.toLowerCase();\n const filename = `payment-instructions-${paymentMethodType}.pdf`;\n pdf.save(filename);\n } catch (error) {\n console.error('Error generating PDF:', error);\n // Fallback: open in new window if PDF generation fails\n await this.fallbackToNewWindow(data);\n }\n }\n\n /*\n Generates and downloads a PDF receipt for successful payments\n /\n public static async generateAndDownloadReceipt(data: ReceiptTemplateData): Promise<void> {\n try {\n // Dynamically import jsPDF to avoid build issues\n const { jsPDF } = await import('jspdf');\n // Create a temporary container for the HTML content\n const tempContainer = document.createElement('div');\n tempContainer.style.position = 'absolute';\n tempContainer.style.left = '-9999px';\n tempContainer.style.top = '-9999px';\n tempContainer.style.width = '360px';\n tempContainer.innerHTML = await ReceiptTemplate.generateHTML(data);\n\n // Add to DOM temporarily\n document.body.appendChild(tempContainer);\n\n // Generate canvas from HTML\n const canvas = await html2canvas(tempContainer.querySelector('.container') as HTMLElement, {\n backgroundColor: '#ffffff',\n scale: 2,\n useCORS: true,\n allowTaint: false,\n width: 360,\n windowWidth: 360,\n });\n\n // Remove temporary container\n document.body.removeChild(tempContainer);\n\n // Create PDF with custom size (smaller than A4)\n const pdf = new jsPDF({\n orientation: 'portrait',\n unit: 'mm',\n format: [120, 200], // Custom size: 120mm width x 200mm height\n });\n\n // Calculate dimensions for the smaller page\n const imgData = canvas.toDataURL('image/png');\n const imgWidth = 100; // Page width minus margins\n const pageHeight = 180; // Page height minus margins\n const imgHeight = (canvas.height imgWidth) / canvas.width;\n\n let heightLeft = imgHeight;\n let position = 10; // Top margin\n\n // Add first page\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n\n // Add additional pages if needed\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight + 10;\n pdf.addPage();\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n\n // Download the PDF\n const filename = `payment-receipt-${new Date().getTime()}.pdf`;\n pdf.save(filename);\n } catch (error) {\n console.error('Error generating receipt PDF:', error);\n // Fallback: open in new window if PDF generation fails\n await this.fallbackToNewWindowReceipt(data);\n }\n }\n\n /*\n Fallback method to open payment instructions in a new window\n /\n private static async fallbackToNewWindow(data: DownloadTemplateData): Promise<void> {\n const newWindow = window.open('', '_blank');\n if (newWindow) {\n newWindow.document.write(await DownloadTemplate.generateHTML(data));\n newWindow.document.close();\n }\n }\n\n /\n Fallback method to open receipt in a new window\n */\n private static async fallbackToNewWindowReceipt(data: ReceiptTemplateData): Promise<void> {\n const newWindow = window.open('', '_blank');\n if (newWindow) {\n const html = await ReceiptTemplate.generateHTML(data);\n newWindow.document.write(html);\n newWindow.document.close();\n }\n }\n}\n"]}
1	+ {"version":3,"file":"pdf-generator.js","sourceRoot":"","sources":["../../src/utils/pdf-generator.ts"],"names":[],"mappings":"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","sourcesContent":["import html2canvas from 'html2canvas';\nimport { DownloadTemplate, DownloadTemplateData } from './download-template';\nimport { ReceiptTemplate, ReceiptTemplateData } from './receipt-Cardtemplate';\n\nexport class PDFGenerator {\n /*\n Generates and downloads a PDF from the payment instructions\n /\n public static async generateAndDownloadPDF(data: DownloadTemplateData): Promise<void> {\n try {\n // Dynamically import jsPDF to avoid build issues\n const { jsPDF } = await import('jspdf');\n // Create a temporary container for the HTML content\n const tempContainer = document.createElement('div');\n tempContainer.style.position = 'absolute';\n tempContainer.style.left = '-9999px';\n tempContainer.style.top = '-9999px';\n tempContainer.style.width = '600px';\n tempContainer.innerHTML = await DownloadTemplate.generateHTML(data);\n\n // Add to DOM temporarily\n document.body.appendChild(tempContainer);\n\n // Generate canvas from HTML\n const canvas = await html2canvas(tempContainer.querySelector('.container') as HTMLElement, {\n backgroundColor: '#ffffff',\n scale: 2,\n useCORS: true,\n allowTaint: false,\n width: 600,\n windowWidth: 600,\n });\n\n // Remove temporary container\n document.body.removeChild(tempContainer);\n\n // Create PDF\n const pdf = new jsPDF({\n orientation: 'portrait',\n unit: 'mm',\n format: 'a4',\n });\n\n // Calculate dimensions\n const imgData = canvas.toDataURL('image/png');\n const imgWidth = 190; // A4 width minus margins\n const pageHeight = 290; // A4 height minus margins\n const imgHeight = (canvas.height imgWidth) / canvas.width;\n\n let heightLeft = imgHeight;\n let position = 10; // Top margin\n\n // Add first page\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n\n // Add additional pages if needed\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight + 10;\n pdf.addPage();\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n\n // Download the PDF\n const paymentMethodType = data.paymentMethod.toLowerCase();\n const filename = `payment-instructions-${paymentMethodType}.pdf`;\n pdf.save(filename);\n } catch (error) {\n console.error('Error generating PDF:', error);\n // Fallback: open in new window if PDF generation fails\n await this.fallbackToNewWindow(data);\n }\n }\n\n /*\n Generates and downloads a PDF receipt for successful payments\n /\n public static async generateAndDownloadReceipt(data: ReceiptTemplateData): Promise<void> {\n try {\n // Dynamically import jsPDF to avoid build issues\n const { jsPDF } = await import('jspdf');\n // Create a temporary container for the HTML content\n const tempContainer = document.createElement('div');\n tempContainer.style.position = 'absolute';\n tempContainer.style.left = '-9999px';\n tempContainer.style.top = '-9999px';\n tempContainer.style.width = '360px';\n tempContainer.innerHTML = await ReceiptTemplate.generateHTML(data);\n\n // Add to DOM temporarily\n document.body.appendChild(tempContainer);\n\n // Generate canvas from HTML\n const canvas = await html2canvas(\n tempContainer.querySelector('.rb-receipt-container') as HTMLElement,\n {\n backgroundColor: '#ffffff',\n scale: 2,\n useCORS: true,\n allowTaint: false,\n width: 360,\n windowWidth: 360,\n },\n );\n\n // Remove temporary container\n document.body.removeChild(tempContainer);\n\n // Create PDF with custom size (smaller than A4)\n const pdf = new jsPDF({\n orientation: 'portrait',\n unit: 'mm',\n format: [120, 200], // Custom size: 120mm width x 200mm height\n });\n\n // Calculate dimensions for the smaller page\n const imgData = canvas.toDataURL('image/png');\n const imgWidth = 100; // Page width minus margins\n const pageHeight = 180; // Page height minus margins\n const imgHeight = (canvas.height imgWidth) / canvas.width;\n\n let heightLeft = imgHeight;\n let position = 10; // Top margin\n\n // Add first page\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n\n // Add additional pages if needed\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight + 10;\n pdf.addPage();\n pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n\n // Download the PDF\n const filename = `payment-receipt-${new Date().getTime()}.pdf`;\n pdf.save(filename);\n } catch (error) {\n console.error('Error generating receipt PDF:', error);\n // Fallback: open in new window if PDF generation fails\n await this.fallbackToNewWindowReceipt(data);\n }\n }\n\n /*\n Fallback method to open payment instructions in a new window\n /\n private static async fallbackToNewWindow(data: DownloadTemplateData): Promise<void> {\n const newWindow = window.open('', '_blank');\n if (newWindow) {\n newWindow.document.write(await DownloadTemplate.generateHTML(data));\n newWindow.document.close();\n }\n }\n\n /\n Fallback method to open receipt in a new window\n */\n private static async fallbackToNewWindowReceipt(data: ReceiptTemplateData): Promise<void> {\n const newWindow = window.open('', '_blank');\n if (newWindow) {\n const html = await ReceiptTemplate.generateHTML(data);\n newWindow.document.write(html);\n newWindow.document.close();\n }\n }\n}\n"]}

package/dist/collection/utils/receipt-Cardtemplate.js CHANGED Viewed

@@ -57,7 +57,7 @@ export class ReceiptTemplate {
             justify-content: center;
           }
-          .container {
+          .rb-receipt-container {
             max-width: 360px;
             width: 100%;
             background: white;
@@ -67,7 +67,7 @@ export class ReceiptTemplate {
             margin: 20px;
           }
-          .header {
+          .rb-receipt-header {
             display: flex;
             justify-content: flex-start;
             align-items: center;
@@ -77,7 +77,7 @@ export class ReceiptTemplate {
             border-bottom: 1px solid #e5e7eb;
           }
-          .logo {
+          .rb-receipt-logo {
             display: flex;
             align-items: center;
             gap: 6px;
@@ -86,12 +86,12 @@ export class ReceiptTemplate {
             height: 24px;
           }
-          .logo img {
+          .rb-receipt-logo img {
             max-height: 24px;
             max-width: 72px;
           }
-          .main-content {
+          .rb-receipt-main-content {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -99,7 +99,7 @@ export class ReceiptTemplate {
             min-height: 180px;
           }
-          .success-content {
+          .rb-receipt-success-content {
             display: flex;
             flex-direction: column;
             align-items: center;
@@ -108,7 +108,7 @@ export class ReceiptTemplate {
             width: 100%;
           }
-          .success-title {
+          .rb-receipt-success-title {
             font-size: 12px;
             font-weight: 700;
             color: #1f2937;
@@ -117,18 +117,18 @@ export class ReceiptTemplate {
             text-align: center;
           }
-          .success-icon {
+          .rb-receipt-success-icon {
             display: flex;
             justify-content: center;
             margin: 3px 0;
           }
-          .success-icon svg {
+          .rb-receipt-success-icon svg {
             width: 48px;
             height: 48px;
           }
-          .info-card {
+          .rb-receipt-info-card {
             padding: 10px;
             gap: 6px;
             width: 270px;
@@ -140,7 +140,7 @@ export class ReceiptTemplate {
             margin-bottom: 6px;
           }
-          .card-row {
+          .rb-receipt-card-row {
             display: flex;
             justify-content: space-between;
             align-items: center;
@@ -148,29 +148,29 @@ export class ReceiptTemplate {
             padding: 1px 0;
           }
-          .card-row:last-of-type {
+          .rb-receipt-card-row:last-of-type {
             margin-bottom: 0;
           }
-          .card-value {
+          .rb-receipt-card-value {
             display: flex;
             align-items: center;
             gap: 4px;
           }
-          .card-label {
+          .rb-receipt-card-label {
             font-size: 7px;
             color: #6b7280;
             font-weight: 500;
           }
-          .card-text {
+          .rb-receipt-card-text {
             font-size: 7px;
             color: #6b7280;
             font-weight: 600;
           }
-          .installments-text {
+          .rb-receipt-installments-text {
             font-size: 7px;
             color: #6b7280;
             font-weight: 600;
@@ -179,31 +179,31 @@ export class ReceiptTemplate {
             line-height: 1.2;
           }
-          .card-divider {
+          .rb-receipt-card-divider {
             height: 1px;
             background: #e5e7eb;
             margin: 6px 0;
           }
-          .contact-info {
+          .rb-receipt-contact-info {
             text-align: left;
             margin-top: 6px;
           }
-          .contact-text {
+          .rb-receipt-contact-text {
             font-size: 6px;
             color: #6b7280;
             margin-bottom: 1px;
           }
-          .contact-email {
+          .rb-receipt-contact-email {
             font-size: 6px;
             color: #35B093;
             text-decoration: none;
             font-weight: 600;
           }
-          .trial-pill {
+          .rb-receipt-trial-pill {
             background-color: #d1fae5;
             border-radius: 3px;
             padding: 2px 4px;
@@ -213,13 +213,13 @@ export class ReceiptTemplate {
             margin-right: 4px;
           }
-          .trial-pill-text {
+          .rb-receipt-trial-pill-text {
             font-size: 6px;
             color: #059669;
             font-weight: 600;
           }
-          .total-amount-container {
+          .rb-receipt-total-amount-container {
             display: flex;
             align-items: center;
             justify-content: flex-end;
@@ -227,32 +227,32 @@ export class ReceiptTemplate {
             flex-direction: row;
           }
-          .next-charge-section {
+          .rb-receipt-next-charge-section {
             margin-top: 6px;
             padding-top: 6px;
           }
-          .next-charge-header {
+          .rb-receipt-next-charge-header {
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
             margin-bottom: 4px;
           }
-          .next-charge-title {
+          .rb-receipt-next-charge-title {
             font-size: 7px;
             font-weight: 600;
             color: #1f2937;
           }
-          .next-charge-date {
+          .rb-receipt-next-charge-date {
             font-size: 7px;
             font-weight: 600;
             color: #1f2937;
             text-align: right;
           }
-          .next-charge-row {
+          .rb-receipt-next-charge-row {
             display: flex;
             justify-content: space-between;
             align-items: center;
@@ -260,13 +260,13 @@ export class ReceiptTemplate {
             padding: 1px 0;
           }
-          .next-charge-description {
+          .rb-receipt-next-charge-description {
             font-size: 6px;
             color: #6b7280;
             font-weight: 500;
           }
-          .next-charge-amount {
+          .rb-receipt-next-charge-amount {
             font-size: 6px;
             color: #6b7280;
             font-weight: 600;
@@ -278,7 +278,7 @@ export class ReceiptTemplate {
               padding: 0;
             }
-            .container {
+            .rb-receipt-container {
               box-shadow: none;
               border: 1px solid #ddd;
             }
@@ -286,12 +286,12 @@ export class ReceiptTemplate {
         </style>
       </head>
       <body>
-        <div class="container">
-          <div class="main-content">
-            <div class="success-content">
-              <div class="success-title">${I18nService.translate('processing.successTitle')}</div>
+        <div class="rb-receipt-container">
+          <div class="rb-receipt-main-content">
+            <div class="rb-receipt-success-content">
+              <div class="rb-receipt-success-title">${I18nService.translate('processing.successTitle')}</div>
-              <div class="success-icon">
+              <div class="rb-receipt-success-icon">
                 <svg viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path
                     fill-rule="evenodd"
@@ -302,103 +302,103 @@ export class ReceiptTemplate {
                 </svg>
               </div>
-              <div class="info-card">
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.paymentMethod')}</div>
-                  <div class="card-value">
+              <div class="rb-receipt-info-card">
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.paymentMethod')}</div>
+                  <div class="rb-receipt-card-value">
                     ${data.isBankTransfer ? '' : getCardIconSVG(data.cardBrand)}
-                    <span class="card-text">${data.isBankTransfer ? I18nService.translate('paymentMethods.bank_transfer') : data.cardBrand && data.cardLastFour ? `${data.cardBrand} - ${data.cardLastFour}` : data.cardBrand || ''}</span>
+                    <span class="rb-receipt-card-text">${data.isBankTransfer ? I18nService.translate('paymentMethods.bank_transfer') : data.cardBrand && data.cardLastFour ? `${data.cardBrand} - ${data.cardLastFour}` : data.cardBrand || ''}</span>
                   </div>
                 </div>
                 ${data.installments
             ? `
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('summary.installments')}</div>
-                  <div class="installments-text">${data.installments}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('summary.installments')}</div>
+                  <div class="rb-receipt-installments-text">${data.installments}</div>
                 </div>
                 `
             : ''}
                 ${data.discountAmount
             ? `
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('summary.discount')}</div>
-                  <div class="card-text">${data.discountAmount}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('summary.discount')}</div>
+                  <div class="rb-receipt-card-text">${data.discountAmount}</div>
                 </div>
                 `
             : ''}
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.paymentDate')}</div>
-                  <div class="card-text">${data.paymentDate}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.paymentDate')}</div>
+                  <div class="rb-receipt-card-text">${data.paymentDate}</div>
                 </div>
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.paymentEmail')}</div>
-                  <div class="card-text">${data.email}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.paymentEmail')}</div>
+                  <div class="rb-receipt-card-text">${data.email}</div>
                 </div>
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.paymentReference')}</div>
-                  <div class="card-text">${data.referenceNumber}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.paymentReference')}</div>
+                  <div class="rb-receipt-card-text">${data.referenceNumber}</div>
                 </div>
               </div>
-              <div class="info-card">
-                <div class="card-label" style="font-size: 8px; font-weight: 600; color: #1f2937; margin-bottom: 6px;">
+              <div class="rb-receipt-info-card">
+                <div class="rb-receipt-card-label" style="font-size: 8px; font-weight: 600; color: #1f2937; margin-bottom: 6px;">
                   ${I18nService.translate('processing.purchaseDetails')}
                 </div>
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.purchaseDetail')}</div>
-                  <div class="card-text">${data.productTitle}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.purchaseDetail')}</div>
+                  <div class="rb-receipt-card-text">${data.productTitle}</div>
                 </div>
                 ${!data.trialPeriodDays
             ? `
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.purchaseSubtotal')}</div>
-                  <div class="card-text">${data.subtotal}</div>
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.purchaseSubtotal')}</div>
+                  <div class="rb-receipt-card-text">${data.subtotal}</div>
                 </div>
                 `
             : ''}
-                <div class="card-row">
-                  <div class="card-label">${I18nService.translate('processing.purchaseTotal')}</div>
-                  <div class="total-amount-container">
+                <div class="rb-receipt-card-row">
+                  <div class="rb-receipt-card-label">${I18nService.translate('processing.purchaseTotal')}</div>
+                  <div class="rb-receipt-total-amount-container">
                     ${data.trialPeriodDays && data.trialPeriodDays > 0
             ? `
-                    <div class="trial-pill">
-                      <span class="trial-pill-text">${I18nService.translate('processing.trialPill', {
+                    <div class="rb-receipt-trial-pill">
+                      <span class="rb-receipt-trial-pill-text">${I18nService.translate('processing.trialPill', {
                 days: data.trialPeriodDays,
                 count: data.trialPeriodDays,
             })}</span>
                     </div>
                     `
             : ''}
-                    <div class="card-text">${data.total}</div>
+                    <div class="rb-receipt-card-text">${data.total}</div>
                   </div>
                 </div>
                 ${(data.trialPeriodDays && data.trialPeriodDays > 0) ||
             (data.debitDay && data.debitDay > 0)
             ? `
-                <div class="card-divider"></div>
+                <div class="rb-receipt-card-divider"></div>
-                <div class="next-charge-section">
-                  <div class="next-charge-header">
-                    <div class="next-charge-title">${I18nService.translate('processing.nextCharge')}</div>
-                    <div class="next-charge-date">${I18nService.translate('processing.onDate', {
+                <div class="rb-receipt-next-charge-section">
+                  <div class="rb-receipt-next-charge-header">
+                    <div class="rb-receipt-next-charge-title">${I18nService.translate('processing.nextCharge')}</div>
+                    <div class="rb-receipt-next-charge-date">${I18nService.translate('processing.onDate', {
                 date: data.trialPeriodDays && data.trialPeriodDays > 0
                     ? data.trialEndDate
                     : data.debitDate,
             })}</div>
                   </div>
-                  <div class="next-charge-row">
-                    <div class="next-charge-description">
+                  <div class="rb-receipt-next-charge-row">
+                    <div class="rb-receipt-next-charge-description">
                       ${data.trialPeriodDays && data.trialPeriodDays > 0 ? I18nService.translate('processing.atEndOfTrial') : ''}
                     </div>
-                    <div class="next-charge-amount">
+                    <div class="rb-receipt-next-charge-amount">
                       ${data.planAmount} ${I18nService.translate('processing.perMonth')}
                     </div>
                   </div>
@@ -406,10 +406,10 @@ export class ReceiptTemplate {
                 `
             : ''}
-                <div class="card-divider"></div>
+                <div class="rb-receipt-card-divider"></div>
-                <div class="contact-info">
-                  <div class="contact-text">${I18nService.translate('processing.downloadDescription')}</div>
+                <div class="rb-receipt-contact-info">
+                  <div class="rb-receipt-contact-text">${I18nService.translate('processing.downloadDescription')}</div>
                 </div>
               </div>
             </div>

package/dist/collection/utils/receipt-Cardtemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"receipt-Cardtemplate.js","sourceRoot":"","sources":["../../src/utils/receipt-Cardtemplate.ts"],"names":[],"mappings":"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","sourcesContent":["import { I18nService } from '../i18n/i18n.service';\n\nexport interface ReceiptTemplateData {\n paymentMethod: string;\n bank?: string;\n cardBrand?: string;\n cardLastFour?: string;\n paymentDate: string;\n email: string;\n referenceNumber: string;\n productTitle: string;\n subtotal: string;\n total: string;\n currency: string;\n discountAmount?: string;\n installments?: string;\n trialPeriodDays?: number;\n debitDay?: number;\n planAmount?: string;\n trialEndDate?: string;\n debitDate?: string;\n isBankTransfer?: boolean;\n}\n\nfunction getCardIconSVG(cardBrand?: string): string {\n if (!cardBrand) return '';\n\n const brandLower = cardBrand.toLowerCase();\n\n switch (brandLower) {\n case 'visa':\n return `<svg width=\"23\" height=\"16\" viewBox=\"0 0 23 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0.5\" y=\"0.5\" width=\"22\" height=\"15\" rx=\"2\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.02517 10.8392H5.63182L4.58697 6.79524C4.53738 6.60922 4.43208 6.44477 4.27718 6.36726C3.89063 6.17248 3.46468 6.01746 3 5.93928V5.78359H5.24458C5.55437 5.78359 5.78671 6.01746 5.82543 6.28908L6.36756 9.20609L7.76023 5.78359H9.11486L7.02517 10.8392ZM9.88932 10.8392H8.57341L9.65698 5.78359H10.9729L9.88932 10.8392ZM12.6754 7.18413C12.7141 6.91184 12.9464 6.75615 13.2175 6.75615C13.6434 6.71706 14.1074 6.79524 14.4947 6.98935L14.727 5.90087C14.3398 5.74517 13.9138 5.66699 13.5273 5.66699C12.2501 5.66699 11.3207 6.36726 11.3207 7.33915C11.3207 8.07851 11.979 8.46673 12.4437 8.7006C12.9464 8.9338 13.14 9.08949 13.1013 9.32269C13.1013 9.67249 12.7141 9.82818 12.3275 9.82818C11.8629 9.82818 11.3982 9.71158 10.9729 9.5168L10.7406 10.606C11.2052 10.8001 11.708 10.8783 12.1726 10.8783C13.6047 10.9167 14.4947 10.2171 14.4947 9.167C14.4947 7.84464 12.6754 7.76713 12.6754 7.18413ZM19.1 10.8392L18.0552 5.78359H16.9329C16.7005 5.78359 16.4682 5.93928 16.3907 6.17248L14.4559 10.8392H15.8106L16.081 10.1005H17.7454L17.9003 10.8392H19.1ZM17.1265 7.14505L17.513 9.05041H16.4294L17.1265 7.14505Z\" fill=\"#172B85\"/>\n </svg>`;\n\n case 'mastercard':\n return `<svg width=\"35\" height=\"25\" viewBox=\"0 0 35 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0.5\" y=\"1.01758\" width=\"34\" height=\"23\" rx=\"3.5\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4864 19.3231 18.9416 18.7007 17.75 17.6719C16.5584 18.7007 15.0137 19.3231 13.3242 19.3232C9.55566 19.3232 6.50018 16.2332 6.5 12.4209C6.5 8.60848 9.55555 5.51758 13.3242 5.51758C15.0134 5.51769 16.5584 6.13943 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\" fill=\"#ED0006\"/>\n <path d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4863 19.3231 18.9416 18.7007 17.75 17.6719C19.2164 16.4058 20.1474 14.524 20.1475 12.4209C20.1475 10.3174 19.2168 8.4341 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\" fill=\"#F9A000\"/>\n <path d=\"M17.75 7.16895C19.2166 8.43507 20.1475 10.3176 20.1475 12.4209C20.1475 14.524 19.2163 16.4058 17.75 17.6719C16.2837 16.4058 15.3525 14.524 15.3525 12.4209C15.3525 10.3176 16.2834 8.43507 17.75 7.16895Z\" fill=\"#FF5E00\"/>\n </svg>`;\n\n case 'american-express':\n case 'amex':\n return `<svg width=\"23\" height=\"16\" viewBox=\"0 0 23 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0.216981\" y=\"0.216981\" width=\"22.566\" height=\"15.566\" rx=\"0.867925\" fill=\"#1F72CD\" stroke=\"#D9D9D9\" stroke-width=\"0.433962\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.1443 5.62012L2 10.5758H4.56703L4.88527 9.78562H5.61269L5.93093 10.5758H8.75651V9.9727L9.00828 10.5758H10.4699L10.7217 9.95995V10.5758H16.5981L17.3127 9.80614L17.9817 10.5758L21 10.5821L18.8489 8.11177L21 5.62012H18.0285L17.333 6.37551L16.685 5.62012H10.2922L9.74322 6.89921L9.18139 5.62012H6.61972V6.20265L6.33475 5.62012H4.1443ZM12.9196 6.32403H16.2941L17.3262 7.48832L18.3916 6.32403H19.4237L17.8555 8.11127L19.4237 9.87792H18.3448L17.3127 8.7001L16.2419 9.87792H12.9196V6.32403ZM13.7529 7.70949V7.06035V7.05973H15.8585L16.7772 8.09788L15.8178 9.1417H13.7529V8.43302H15.5938V7.70949H13.7529ZM4.64096 6.32403H5.89225L7.31456 9.68447V6.32403H8.68531L9.78388 8.73345L10.7963 6.32403H12.1602V9.88002H11.3303L11.3236 7.09356L10.1137 9.88002H9.37127L8.15459 7.09356V9.88002H6.4473L6.12363 9.08281H4.37497L4.05197 9.87932H3.13722L4.64096 6.32403ZM4.67357 8.34576L5.24969 6.9256L5.82513 8.34576H4.67357Z\" fill=\"white\"/>\n </svg>`;\n\n default:\n return `<svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.833984 4.50036V10.1644C0.833984 10.5326 1.13246 10.8311 1.50065 10.8311L12.498 10.8311C12.8662 10.8311 13.1647 10.5326 13.1647 10.1644V4.50036M0.833984 4.50036V1.83561C0.833984 1.46742 1.13246 1.16895 1.50065 1.16895H12.4974C12.8648 1.16895 13.163 1.46624 13.1636 1.83367C13.1651 2.72257 13.1647 3.61146 13.1647 4.50036M0.833984 4.50036H13.1647\" stroke=\"#788191\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`;\n }\n}\n\nexport class ReceiptTemplate {\n public static async generateHTML(data: ReceiptTemplateData): Promise<string> {\n // const organizationName = sessionState.data.organization.name;\n\n return `\n <!DOCTYPE html>\n <html lang=\"${I18nService.getCurrentLanguage()}\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${I18nService.translate('processing.successTitle')}</title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: #f8fafc;\n padding: 0;\n line-height: 1.6;\n margin: 0;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .container {\n max-width: 360px;\n width: 100%;\n background: white;\n border-radius: 7px;\n box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n margin: 20px;\n }\n\n .header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 43px;\n padding: 0 18px;\n background: white;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n width: 72px;\n height: 24px;\n }\n\n .logo img {\n max-height: 24px;\n max-width: 72px;\n }\n\n .main-content {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 16px 8px;\n min-height: 180px;\n }\n\n .success-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n max-width: 270px;\n width: 100%;\n }\n\n .success-title {\n font-size: 12px;\n font-weight: 700;\n color: #1f2937;\n margin: 0;\n padding: 0;\n text-align: center;\n }\n\n .success-icon {\n display: flex;\n justify-content: center;\n margin: 3px 0;\n }\n\n .success-icon svg {\n width: 48px;\n height: 48px;\n }\n\n .info-card {\n padding: 10px;\n gap: 6px;\n width: 270px;\n border: 1px solid #ebedef;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n background: white;\n margin-bottom: 6px;\n }\n\n .card-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 10px;\n padding: 1px 0;\n }\n\n .card-row:last-of-type {\n margin-bottom: 0;\n }\n\n .card-value {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .card-label {\n font-size: 7px;\n color: #6b7280;\n font-weight: 500;\n }\n\n .card-text {\n font-size: 7px;\n color: #6b7280;\n font-weight: 600;\n }\n\n .installments-text {\n font-size: 7px;\n color: #6b7280;\n font-weight: 600;\n white-space: pre-line;\n text-align: right;\n line-height: 1.2;\n }\n\n .card-divider {\n height: 1px;\n background: #e5e7eb;\n margin: 6px 0;\n }\n\n .contact-info {\n text-align: left;\n margin-top: 6px;\n }\n\n .contact-text {\n font-size: 6px;\n color: #6b7280;\n margin-bottom: 1px;\n }\n\n .contact-email {\n font-size: 6px;\n color: #35B093;\n text-decoration: none;\n font-weight: 600;\n }\n\n .trial-pill {\n background-color: #d1fae5;\n border-radius: 3px;\n padding: 2px 4px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 4px;\n }\n\n .trial-pill-text {\n font-size: 6px;\n color: #059669;\n font-weight: 600;\n }\n\n .total-amount-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 4px;\n flex-direction: row;\n }\n\n .next-charge-section {\n margin-top: 6px;\n padding-top: 6px;\n }\n\n .next-charge-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 4px;\n }\n\n .next-charge-title {\n font-size: 7px;\n font-weight: 600;\n color: #1f2937;\n }\n\n .next-charge-date {\n font-size: 7px;\n font-weight: 600;\n color: #1f2937;\n text-align: right;\n }\n\n .next-charge-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 10px;\n padding: 1px 0;\n }\n\n .next-charge-description {\n font-size: 6px;\n color: #6b7280;\n font-weight: 500;\n }\n\n .next-charge-amount {\n font-size: 6px;\n color: #6b7280;\n font-weight: 600;\n }\n\n @media print {\n body {\n background: white;\n padding: 0;\n }\n\n .container {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n }\n </style>\n </head>\n <body>\n <div class=\"container\">\n <div class=\"main-content\">\n <div class=\"success-content\">\n <div class=\"success-title\">${I18nService.translate('processing.successTitle')}</div>\n\n <div class=\"success-icon\">\n <svg viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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=\"info-card\">\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.paymentMethod')}</div>\n <div class=\"card-value\">\n ${data.isBankTransfer ? '' : getCardIconSVG(data.cardBrand)}\n <span class=\"card-text\">${data.isBankTransfer ? I18nService.translate('paymentMethods.bank_transfer') : data.cardBrand && data.cardLastFour ? `${data.cardBrand} - ${data.cardLastFour}` : data.cardBrand \|\| ''}</span>\n </div>\n </div>\n\n ${\n data.installments\n ? `\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('summary.installments')}</div>\n <div class=\"installments-text\">${data.installments}</div>\n </div>\n `\n : ''\n }\n\n ${\n data.discountAmount\n ? `\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('summary.discount')}</div>\n <div class=\"card-text\">${data.discountAmount}</div>\n </div>\n `\n : ''\n }\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.paymentDate')}</div>\n <div class=\"card-text\">${data.paymentDate}</div>\n </div>\n\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.paymentEmail')}</div>\n <div class=\"card-text\">${data.email}</div>\n </div>\n\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.paymentReference')}</div>\n <div class=\"card-text\">${data.referenceNumber}</div>\n </div>\n </div>\n\n <div class=\"info-card\">\n <div class=\"card-label\" style=\"font-size: 8px; font-weight: 600; color: #1f2937; margin-bottom: 6px;\">\n ${I18nService.translate('processing.purchaseDetails')}\n </div>\n\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.purchaseDetail')}</div>\n <div class=\"card-text\">${data.productTitle}</div>\n </div>\n\n ${\n !data.trialPeriodDays\n ? `\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.purchaseSubtotal')}</div>\n <div class=\"card-text\">${data.subtotal}</div>\n </div>\n `\n : ''\n }\n\n <div class=\"card-row\">\n <div class=\"card-label\">${I18nService.translate('processing.purchaseTotal')}</div>\n <div class=\"total-amount-container\">\n ${\n data.trialPeriodDays && data.trialPeriodDays > 0\n ? `\n <div class=\"trial-pill\">\n <span class=\"trial-pill-text\">${I18nService.translate(\n 'processing.trialPill',\n {\n days: data.trialPeriodDays,\n count: data.trialPeriodDays,\n },\n )}</span>\n </div>\n `\n : ''\n }\n <div class=\"card-text\">${data.total}</div>\n </div>\n </div>\n\n ${\n (data.trialPeriodDays && data.trialPeriodDays > 0) \|\|\n (data.debitDay && data.debitDay > 0)\n ? `\n <div class=\"card-divider\"></div>\n\n <div class=\"next-charge-section\">\n <div class=\"next-charge-header\">\n <div class=\"next-charge-title\">${I18nService.translate('processing.nextCharge')}</div>\n <div class=\"next-charge-date\">${I18nService.translate('processing.onDate', {\n date:\n data.trialPeriodDays && data.trialPeriodDays > 0\n ? data.trialEndDate\n : data.debitDate,\n })}</div>\n </div>\n <div class=\"next-charge-row\">\n <div class=\"next-charge-description\">\n ${data.trialPeriodDays && data.trialPeriodDays > 0 ? I18nService.translate('processing.atEndOfTrial') : ''}\n </div>\n <div class=\"next-charge-amount\">\n ${data.planAmount} ${I18nService.translate('processing.perMonth')}\n </div>\n </div>\n </div>\n `\n : ''\n }\n\n <div class=\"card-divider\"></div>\n\n <div class=\"contact-info\">\n <div class=\"contact-text\">${I18nService.translate('processing.downloadDescription')}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </body>\n </html>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"receipt-Cardtemplate.js","sourceRoot":"","sources":["../../src/utils/receipt-Cardtemplate.ts"],"names":[],"mappings":"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","sourcesContent":["import { I18nService } from '../i18n/i18n.service';\n\nexport interface ReceiptTemplateData {\n paymentMethod: string;\n bank?: string;\n cardBrand?: string;\n cardLastFour?: string;\n paymentDate: string;\n email: string;\n referenceNumber: string;\n productTitle: string;\n subtotal: string;\n total: string;\n currency: string;\n discountAmount?: string;\n installments?: string;\n trialPeriodDays?: number;\n debitDay?: number;\n planAmount?: string;\n trialEndDate?: string;\n debitDate?: string;\n isBankTransfer?: boolean;\n}\n\nfunction getCardIconSVG(cardBrand?: string): string {\n if (!cardBrand) return '';\n\n const brandLower = cardBrand.toLowerCase();\n\n switch (brandLower) {\n case 'visa':\n return `<svg width=\"23\" height=\"16\" viewBox=\"0 0 23 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0.5\" y=\"0.5\" width=\"22\" height=\"15\" rx=\"2\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.02517 10.8392H5.63182L4.58697 6.79524C4.53738 6.60922 4.43208 6.44477 4.27718 6.36726C3.89063 6.17248 3.46468 6.01746 3 5.93928V5.78359H5.24458C5.55437 5.78359 5.78671 6.01746 5.82543 6.28908L6.36756 9.20609L7.76023 5.78359H9.11486L7.02517 10.8392ZM9.88932 10.8392H8.57341L9.65698 5.78359H10.9729L9.88932 10.8392ZM12.6754 7.18413C12.7141 6.91184 12.9464 6.75615 13.2175 6.75615C13.6434 6.71706 14.1074 6.79524 14.4947 6.98935L14.727 5.90087C14.3398 5.74517 13.9138 5.66699 13.5273 5.66699C12.2501 5.66699 11.3207 6.36726 11.3207 7.33915C11.3207 8.07851 11.979 8.46673 12.4437 8.7006C12.9464 8.9338 13.14 9.08949 13.1013 9.32269C13.1013 9.67249 12.7141 9.82818 12.3275 9.82818C11.8629 9.82818 11.3982 9.71158 10.9729 9.5168L10.7406 10.606C11.2052 10.8001 11.708 10.8783 12.1726 10.8783C13.6047 10.9167 14.4947 10.2171 14.4947 9.167C14.4947 7.84464 12.6754 7.76713 12.6754 7.18413ZM19.1 10.8392L18.0552 5.78359H16.9329C16.7005 5.78359 16.4682 5.93928 16.3907 6.17248L14.4559 10.8392H15.8106L16.081 10.1005H17.7454L17.9003 10.8392H19.1ZM17.1265 7.14505L17.513 9.05041H16.4294L17.1265 7.14505Z\" fill=\"#172B85\"/>\n </svg>`;\n\n case 'mastercard':\n return `<svg width=\"35\" height=\"25\" viewBox=\"0 0 35 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0.5\" y=\"1.01758\" width=\"34\" height=\"23\" rx=\"3.5\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4864 19.3231 18.9416 18.7007 17.75 17.6719C16.5584 18.7007 15.0137 19.3231 13.3242 19.3232C9.55566 19.3232 6.50018 16.2332 6.5 12.4209C6.5 8.60848 9.55555 5.51758 13.3242 5.51758C15.0134 5.51769 16.5584 6.13943 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\" fill=\"#ED0006\"/>\n <path d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4863 19.3231 18.9416 18.7007 17.75 17.6719C19.2164 16.4058 20.1474 14.524 20.1475 12.4209C20.1475 10.3174 19.2168 8.4341 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\" fill=\"#F9A000\"/>\n <path d=\"M17.75 7.16895C19.2166 8.43507 20.1475 10.3176 20.1475 12.4209C20.1475 14.524 19.2163 16.4058 17.75 17.6719C16.2837 16.4058 15.3525 14.524 15.3525 12.4209C15.3525 10.3176 16.2834 8.43507 17.75 7.16895Z\" fill=\"#FF5E00\"/>\n </svg>`;\n\n case 'american-express':\n case 'amex':\n return `<svg width=\"23\" height=\"16\" viewBox=\"0 0 23 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"0.216981\" y=\"0.216981\" width=\"22.566\" height=\"15.566\" rx=\"0.867925\" fill=\"#1F72CD\" stroke=\"#D9D9D9\" stroke-width=\"0.433962\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.1443 5.62012L2 10.5758H4.56703L4.88527 9.78562H5.61269L5.93093 10.5758H8.75651V9.9727L9.00828 10.5758H10.4699L10.7217 9.95995V10.5758H16.5981L17.3127 9.80614L17.9817 10.5758L21 10.5821L18.8489 8.11177L21 5.62012H18.0285L17.333 6.37551L16.685 5.62012H10.2922L9.74322 6.89921L9.18139 5.62012H6.61972V6.20265L6.33475 5.62012H4.1443ZM12.9196 6.32403H16.2941L17.3262 7.48832L18.3916 6.32403H19.4237L17.8555 8.11127L19.4237 9.87792H18.3448L17.3127 8.7001L16.2419 9.87792H12.9196V6.32403ZM13.7529 7.70949V7.06035V7.05973H15.8585L16.7772 8.09788L15.8178 9.1417H13.7529V8.43302H15.5938V7.70949H13.7529ZM4.64096 6.32403H5.89225L7.31456 9.68447V6.32403H8.68531L9.78388 8.73345L10.7963 6.32403H12.1602V9.88002H11.3303L11.3236 7.09356L10.1137 9.88002H9.37127L8.15459 7.09356V9.88002H6.4473L6.12363 9.08281H4.37497L4.05197 9.87932H3.13722L4.64096 6.32403ZM4.67357 8.34576L5.24969 6.9256L5.82513 8.34576H4.67357Z\" fill=\"white\"/>\n </svg>`;\n\n default:\n return `<svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.833984 4.50036V10.1644C0.833984 10.5326 1.13246 10.8311 1.50065 10.8311L12.498 10.8311C12.8662 10.8311 13.1647 10.5326 13.1647 10.1644V4.50036M0.833984 4.50036V1.83561C0.833984 1.46742 1.13246 1.16895 1.50065 1.16895H12.4974C12.8648 1.16895 13.163 1.46624 13.1636 1.83367C13.1651 2.72257 13.1647 3.61146 13.1647 4.50036M0.833984 4.50036H13.1647\" stroke=\"#788191\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`;\n }\n}\n\nexport class ReceiptTemplate {\n public static async generateHTML(data: ReceiptTemplateData): Promise<string> {\n // const organizationName = sessionState.data.organization.name;\n\n return `\n <!DOCTYPE html>\n <html lang=\"${I18nService.getCurrentLanguage()}\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${I18nService.translate('processing.successTitle')}</title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background-color: #f8fafc;\n padding: 0;\n line-height: 1.6;\n margin: 0;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rb-receipt-container {\n max-width: 360px;\n width: 100%;\n background: white;\n border-radius: 7px;\n box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n margin: 20px;\n }\n\n .rb-receipt-header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 43px;\n padding: 0 18px;\n background: white;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .rb-receipt-logo {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n width: 72px;\n height: 24px;\n }\n\n .rb-receipt-logo img {\n max-height: 24px;\n max-width: 72px;\n }\n\n .rb-receipt-main-content {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 16px 8px;\n min-height: 180px;\n }\n\n .rb-receipt-success-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n max-width: 270px;\n width: 100%;\n }\n\n .rb-receipt-success-title {\n font-size: 12px;\n font-weight: 700;\n color: #1f2937;\n margin: 0;\n padding: 0;\n text-align: center;\n }\n\n .rb-receipt-success-icon {\n display: flex;\n justify-content: center;\n margin: 3px 0;\n }\n\n .rb-receipt-success-icon svg {\n width: 48px;\n height: 48px;\n }\n\n .rb-receipt-info-card {\n padding: 10px;\n gap: 6px;\n width: 270px;\n border: 1px solid #ebedef;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n background: white;\n margin-bottom: 6px;\n }\n\n .rb-receipt-card-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 10px;\n padding: 1px 0;\n }\n\n .rb-receipt-card-row:last-of-type {\n margin-bottom: 0;\n }\n\n .rb-receipt-card-value {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .rb-receipt-card-label {\n font-size: 7px;\n color: #6b7280;\n font-weight: 500;\n }\n\n .rb-receipt-card-text {\n font-size: 7px;\n color: #6b7280;\n font-weight: 600;\n }\n\n .rb-receipt-installments-text {\n font-size: 7px;\n color: #6b7280;\n font-weight: 600;\n white-space: pre-line;\n text-align: right;\n line-height: 1.2;\n }\n\n .rb-receipt-card-divider {\n height: 1px;\n background: #e5e7eb;\n margin: 6px 0;\n }\n\n .rb-receipt-contact-info {\n text-align: left;\n margin-top: 6px;\n }\n\n .rb-receipt-contact-text {\n font-size: 6px;\n color: #6b7280;\n margin-bottom: 1px;\n }\n\n .rb-receipt-contact-email {\n font-size: 6px;\n color: #35B093;\n text-decoration: none;\n font-weight: 600;\n }\n\n .rb-receipt-trial-pill {\n background-color: #d1fae5;\n border-radius: 3px;\n padding: 2px 4px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 4px;\n }\n\n .rb-receipt-trial-pill-text {\n font-size: 6px;\n color: #059669;\n font-weight: 600;\n }\n\n .rb-receipt-total-amount-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 4px;\n flex-direction: row;\n }\n\n .rb-receipt-next-charge-section {\n margin-top: 6px;\n padding-top: 6px;\n }\n\n .rb-receipt-next-charge-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 4px;\n }\n\n .rb-receipt-next-charge-title {\n font-size: 7px;\n font-weight: 600;\n color: #1f2937;\n }\n\n .rb-receipt-next-charge-date {\n font-size: 7px;\n font-weight: 600;\n color: #1f2937;\n text-align: right;\n }\n\n .rb-receipt-next-charge-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 10px;\n padding: 1px 0;\n }\n\n .rb-receipt-next-charge-description {\n font-size: 6px;\n color: #6b7280;\n font-weight: 500;\n }\n\n .rb-receipt-next-charge-amount {\n font-size: 6px;\n color: #6b7280;\n font-weight: 600;\n }\n\n @media print {\n body {\n background: white;\n padding: 0;\n }\n\n .rb-receipt-container {\n box-shadow: none;\n border: 1px solid #ddd;\n }\n }\n </style>\n </head>\n <body>\n <div class=\"rb-receipt-container\">\n <div class=\"rb-receipt-main-content\">\n <div class=\"rb-receipt-success-content\">\n <div class=\"rb-receipt-success-title\">${I18nService.translate('processing.successTitle')}</div>\n\n <div class=\"rb-receipt-success-icon\">\n <svg viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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=\"rb-receipt-info-card\">\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.paymentMethod')}</div>\n <div class=\"rb-receipt-card-value\">\n ${data.isBankTransfer ? '' : getCardIconSVG(data.cardBrand)}\n <span class=\"rb-receipt-card-text\">${data.isBankTransfer ? I18nService.translate('paymentMethods.bank_transfer') : data.cardBrand && data.cardLastFour ? `${data.cardBrand} - ${data.cardLastFour}` : data.cardBrand \|\| ''}</span>\n </div>\n </div>\n\n ${\n data.installments\n ? `\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('summary.installments')}</div>\n <div class=\"rb-receipt-installments-text\">${data.installments}</div>\n </div>\n `\n : ''\n }\n\n ${\n data.discountAmount\n ? `\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('summary.discount')}</div>\n <div class=\"rb-receipt-card-text\">${data.discountAmount}</div>\n </div>\n `\n : ''\n }\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.paymentDate')}</div>\n <div class=\"rb-receipt-card-text\">${data.paymentDate}</div>\n </div>\n\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.paymentEmail')}</div>\n <div class=\"rb-receipt-card-text\">${data.email}</div>\n </div>\n\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.paymentReference')}</div>\n <div class=\"rb-receipt-card-text\">${data.referenceNumber}</div>\n </div>\n </div>\n\n <div class=\"rb-receipt-info-card\">\n <div class=\"rb-receipt-card-label\" style=\"font-size: 8px; font-weight: 600; color: #1f2937; margin-bottom: 6px;\">\n ${I18nService.translate('processing.purchaseDetails')}\n </div>\n\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.purchaseDetail')}</div>\n <div class=\"rb-receipt-card-text\">${data.productTitle}</div>\n </div>\n\n ${\n !data.trialPeriodDays\n ? `\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.purchaseSubtotal')}</div>\n <div class=\"rb-receipt-card-text\">${data.subtotal}</div>\n </div>\n `\n : ''\n }\n\n <div class=\"rb-receipt-card-row\">\n <div class=\"rb-receipt-card-label\">${I18nService.translate('processing.purchaseTotal')}</div>\n <div class=\"rb-receipt-total-amount-container\">\n ${\n data.trialPeriodDays && data.trialPeriodDays > 0\n ? `\n <div class=\"rb-receipt-trial-pill\">\n <span class=\"rb-receipt-trial-pill-text\">${I18nService.translate(\n 'processing.trialPill',\n {\n days: data.trialPeriodDays,\n count: data.trialPeriodDays,\n },\n )}</span>\n </div>\n `\n : ''\n }\n <div class=\"rb-receipt-card-text\">${data.total}</div>\n </div>\n </div>\n\n ${\n (data.trialPeriodDays && data.trialPeriodDays > 0) \|\|\n (data.debitDay && data.debitDay > 0)\n ? `\n <div class=\"rb-receipt-card-divider\"></div>\n\n <div class=\"rb-receipt-next-charge-section\">\n <div class=\"rb-receipt-next-charge-header\">\n <div class=\"rb-receipt-next-charge-title\">${I18nService.translate('processing.nextCharge')}</div>\n <div class=\"rb-receipt-next-charge-date\">${I18nService.translate(\n 'processing.onDate',\n {\n date:\n data.trialPeriodDays && data.trialPeriodDays > 0\n ? data.trialEndDate\n : data.debitDate,\n },\n )}</div>\n </div>\n <div class=\"rb-receipt-next-charge-row\">\n <div class=\"rb-receipt-next-charge-description\">\n ${data.trialPeriodDays && data.trialPeriodDays > 0 ? I18nService.translate('processing.atEndOfTrial') : ''}\n </div>\n <div class=\"rb-receipt-next-charge-amount\">\n ${data.planAmount} ${I18nService.translate('processing.perMonth')}\n </div>\n </div>\n </div>\n `\n : ''\n }\n\n <div class=\"rb-receipt-card-divider\"></div>\n\n <div class=\"rb-receipt-contact-info\">\n <div class=\"rb-receipt-contact-text\">${I18nService.translate('processing.downloadDescription')}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </body>\n </html>\n `;\n }\n}\n"]}

package/dist/components/apm-checkout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as APMCheckout, d as defineCustomElement$1 } from './p-BBEMTBwW.js';
+import { A as APMCheckout, d as defineCustomElement$1 } from './p-C69QonMT.js';
 const ApmCheckout = APMCheckout;
 const defineCustomElement = defineCustomElement$1;