plac-micro-common 1.3.23 → 1.3.24

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 (3) hide show
  1. package/dist/libs/pdf-form/templates/sio-form-en.template.d.ts +1 -1
  2. package/dist/libs/pdf-form/templates/sio-form-en.template.js +10 -8
  3. package/package.json +1 -1
package/dist/libs/pdf-form/templates/sio-form-en.template.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SIO_FORM_EN_TEMPLATE = "\n<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>SIO Insurance Application Form</title>\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <style>\n body {\n font-family: Arial, Helvetica, system-ui, sans-serif;\n font-size: 12px;\n line-height: 1.4;\n margin: 1rem;\n /* Reduced from 2rem */\n background: #fff;\n color: #000;\n }\n\n .space {\n width: 8px;\n }\n\n /* margin */\n .ml-4 {margin-left: 1rem; }\n .ml-8 {margin-left: 2rem; }\n\n .mr-4 {margin-right: 1rem; }\n .mr-8 {margin-right: 2rem; }\n\n .mt-4 {margin-top: 1rem; }\n .mt-8 {margin-top: 2rem; }\n\n .mb-4 {margin-bottom: 1rem; }\n .mb-8 {margin-bottom: 2rem; }\n\n /* alignment */\n .align-left { justify-content: flex-start !important; text-align: left; padding-left: 16px; }\n .align-right { justify-content: flex-end !important; text-align: right; padding-right: 16px; }\n .align-center { justify-content: center !important; text-align: center; }\n\n .space-height {\n height: 60px;\n align-items: center;\n }\n\n .signature-space {\n height: 100px;\n margin-top: 10px;\n }\n\n /* === Page header === */\n .page-header {\n margin-bottom: 0.5rem;\n page-break-inside: avoid;\n }\n\n .header-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .title-logo {\n width: 125px;\n height: auto;\n }\n\n .title {\n font-weight: 700;\n font-size: 16px;\n line-height: 1;\n }\n\n .title-container {\n text-align: center;\n font-weight: 700;\n font-size: 14px;\n line-height: 1.4;\n margin: 0;\n }\n\n /* === Card Header === */\n .card-header {\n background-color: #0d6efd;\n color: white;\n text-align: center;\n padding: 0.1rem 0;\n border-radius: 6px 6px 0 0;\n font-size: 14px;\n font-weight: bold;\n margin-bottom: 0.5rem;\n /* Reduced */\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n /* === Form Text === */\n .form-container {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n gap: 0.5rem;\n }\n\n .form-item {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n width: 100%;\n }\n\n .label,\n .question-label {\n word-wrap: break-word;\n white-space: normal;\n font-weight: 500;\n color: #444;\n }\n\n /* Underline for blanks */\n .underline {\n border-bottom: 1px dashed #000;\n flex: 1;\n min-width: 60px;\n min-height: 1em;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n word-break: break-word;\n white-space: normal;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n align-self: flex-end;\n color: #000;\n }\n\n /* size variants */\n .underline.xs { flex: none; width: 30px; min-width: unset; }\n .underline.sm { flex: none; width: 80px; min-width: unset; }\n .underline.md { flex: none; width: 180px; min-width: unset; }\n .underline.lg { flex: 2; }\n\n .underline.with-unit {\n flex: 1;\n min-width: 0;\n display: block;\n word-break: break-word;\n white-space: normal;\n border-bottom: none;\n line-height: 1.6em;\n text-align: left;\n padding-left: 4px;\n }\n\n .with-unit .value {\n display: inline;\n text-decoration: underline;\n text-decoration-style: dashed;\n text-decoration-color: #000; \n text-underline-offset: 3px; \n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n vertical-align: baseline;\n }\n\n .unit {\n display: inline;\n white-space: nowrap;\n margin-left: 4px;\n text-decoration: none; \n }\n\n /* Checkbox labels */\n .checkbox-label {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n position: relative;\n cursor: pointer;\n padding-left: 0.2rem;\n user-select: none;\n }\n\n .checkbox-label::before {\n content: \"\";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: 2px solid #555;\n border-radius: 3px;\n background-color: #fff;\n box-sizing: border-box;\n flex-shrink: 0;\n }\n\n .checkbox-label.checked::after {\n content: \"\u2714\";\n position: absolute;\n top: 50%;\n left: 0.2rem;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #0d6efd;\n transform: translateY(-50%);\n pointer-events: none;\n }\n\n .page-break {\n page-break-before: always;\n }\n\n /* === Table data === */\n .table-container {\n margin: auto;\n margin-bottom: 4px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n th,\n td {\n border: 1px solid #ccc;\n padding: 0;\n }\n\n .cell {\n min-height: 10px;\n padding: 4px 8px;\n display: flex;\n justify-content: center;\n text-align: center;\n }\n\n th {\n font-weight: 600;\n }\n\n /* === Print-specific: Footer with Page Numbers on the RIGHT === */\n @media print {\n body {\n margin: 0;\n padding-top: 10mm;\n }\n\n /* Make room for footer on the right side */\n @page {\n size: A4 portrait;\n margin: 15mm 15mm 20mm 10mm;\n /* increased right margin slightly for better spacing */\n\n @bottom-right {\n content: \"Page \" counter(page) \" of \" counter(pages);\n font-size: 11px;\n color: #555;\n font-family: \"Battambang\", sans-serif;\n }\n }\n\n /* Increment page counter */\n body {\n counter-increment: page;\n }\n\n .page-header,\n .title-container,\n table {\n page-break-inside: avoid;\n }\n\n .card-header {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n </style>\n </head>\n\n <body>\n <div class=\"page-header mb-8\">\n <img src=\"data:image/png;base64,<%= logo_base64 %>\" alt=\"Logo\" class=\"title-logo\" />\n <div class=\"title-container\">\n <h1 class=\"title\">LIFE ASSURANCE APPLICATION FORM</h1>\n <h1 class=\"title\">\n SIMPLIFY FORM FOR CHOKCHEY FINANCE PLC (SIO)\n </h1>\n </div>\n </div>\n\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">Branch Name and Code:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.branch_name %> / <%= branch_staff_app_info.branch_code %>\n </span>\n <span class=\"label\">Advisor's Name and Code:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.advisor_name %> / <%= branch_staff_app_info.advisor_code %>\n </span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">Bank staff's name and code:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.bank_staff_name %> / <%= branch_staff_app_info.bank_staff_code %>\n </span>\n <span class=\"label\">Application Number:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.application_no %>\n </span>\n </div>\n </div>\n\n <!-- Section 1 -->\n <div class=\"card-header mt-4\">INFORMATION ABOUT THE APPLICANT</div>\n\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">Full Name as shown in identity documents: in KH Language:</span>\n <span class=\"underline\"><%= applicant_info.full_name_kh %></span>\n <span class=\"label\">EN Language:</span>\n <span class=\"underline\"><%= applicant_info.full_name %></span>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Gender:</span>\n <label class=\"checkbox-label <%= applicant_info.gender === 'M' ? 'checked' : '' %>\">M</label>\n <label class=\"checkbox-label <%= applicant_info.gender === 'F' ? 'checked' : '' %>\">F</label>\n\n <div class=\"ml-8\"></div>\n\n <div>\n <span class=\"label\">Marital Status:</span>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'single' ? 'checked' : '' %>\">\n Single\n </label>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'married' ? 'checked' : '' %>\">\n Married\n </label>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'divorced' ? 'checked' : '' %>\">\n Divorced\n </label>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'widowed' ? 'checked' : '' %>\">\n Widowed\n </label>\n </div>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Job Title and Nature of Work:</span>\n <span class=\"underline align-left\"><%= applicant_info.occupation %></span>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Identity documents:</span>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'nid' ? 'checked' : '' %>\">\n National ID Card\n </label>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'passport' ? 'checked' : '' %>\">\n Passport\n </label>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'birth' ? 'checked' : '' %>\">\n Birth Certificate\n </label>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'other' ? 'checked' : '' %>\">\n Others :\n </label>\n\n\n <!-- other field stays separate since it has extra input -->\n <label class=\"underline\"><%= applicant_info.identity_other_description %></label>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Identity #</span>\n <span class=\"underline\"><%= applicant_info.identity_no %></span>\n <span class=\"label\">DOB:</span>\n <span class=\"underline\"><%= applicant_info.date_of_birth %></span>\n <span class=\"label\">Age:</span>\n <span class=\"underline xs\"><%= applicant_info.age %></span>\n <span class=\"label\">Nationality:</span>\n <span class=\"underline\"><%= applicant_info.nationality %></span>\n <span class=\"label\">Phone #:</span>\n <span class=\"underline\"><%= applicant_info.phone_number %></span>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Current Address:</span>\n <span class=\"underline align-left\"><%= applicant_info.current_address %></span>\n </div>\n\n\n </div>\n\n\n\n <div class=\"form-container\">\n <div class=\"form-item mt-4\">\n <span class=\"label\">Declaration on FATCA implementation</span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">\n The Policyholder is not USA citizen / USA resident for tax purpose or holding Green Card.\n </span>\n </div>\n <div class=\"form-item\">\n <label class=\"checkbox-label <%= fatca_info.is_fatca === false ? 'checked' : '' %>\">No</label>\n <label class=\"checkbox-label <%= fatca_info.is_fatca === true ? 'checked' : '' %>\">Yes</label>\n <span class=\"label\">US TIN #:</span>\n <span class=\"underline\"><%= fatca_info.us_tin_no %></span>\n <span class=\"label\">FATCA Exemption Code (If have):</span>\n <span class=\"underline\"><%= fatca_info.fatca_exempt_code %></span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">\n If any of the certifications I have provided are incorrect, I will submit a new document within 30 days, and I certify that I am not subject to U.S. withholding tax.\n </span>\n </div>\n </div>\n\n\n\n <!-- Section 2 -->\n <div class=\"card-header mt-4\">INFORMATION ABOUT THE PRODUCT\n </div>\n <div class=\"table-container\">\n <table>\n <thead>\n <tr>\n <th><div class=\"cell\">NAME OF PRODUCT AND TERMS</div></th>\n <th><div class=\"cell\">SUM ASSURED (USD)</div></th>\n <th><div class=\"cell\">MODE OF PAYMENT</div></th>\n <th>\n <div class=\"cell\">PREMIUM (USD)</div>\n </th>\n </tr>\n </thead>\n <tbody>\n <% product_payment_info?.products?.forEach(function(product) { %>\n <tr>\n <td><div class=\"cell\"><%= product.name %> <%= product.term %></div></td>\n <td><div class=\"cell\"><%= product.sum_assured %></div></td>\n <td><div class=\"cell\"><%= product.payment_mode %></div></td>\n <td><div class=\"cell\"><%= product.premium %></div></td>\n </tr>\n <% }) %>\n </tbody>\n </table>\n </div>\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"question-label\">Method of payment:</span>\n <label class=\"checkbox-label <%= product_payment_info.payment_method === 'transfer_to_plac' ? 'checked' : '' %>\">\n Credit to Phillip Life Account\n </label>\n <label class=\"checkbox-label <%= product_payment_info.payment_method === 'other' ? 'checked' : '' %>\">\n Through Phillip Life's partner\n </label>\n </div>\n </div>\n\n <!-- Section 3 -->\n <div class=\"card-header mt-4\">INFORMATION ABOUT THE BENEFICIARY(IES)</div>\n <div class=\"table-container\">\n <table>\n <thead>\n <tr>\n <th><div class=\"cell\">FULL NAME OF BENEFICIARY</div></th>\n <th><div class=\"cell\">AGE</div></th>\n <th><div class=\"cell\">RELATIONSHIP</div></th>\n <th><div class=\"cell\">IDENTITY NUMBER</div></th>\n <th><div class=\"cell\">% OF SHARE</div></th>\n </tr>\n </thead>\n <tbody>\n <% beneficiary_info?.forEach(function(beneficiary) { %>\n <tr>\n <td><div class=\"cell\"><%= beneficiary.full_name %></div></td>\n <td><div class=\"cell\"><%= beneficiary.age %></div></td>\n <td><div class=\"cell\"><%= beneficiary.relationship %></div></td>\n <td><div class=\"cell\"><%= beneficiary.id_number %></div></td>\n <td><div class=\"cell\"><%= beneficiary.percentage %></div></td>\n </tr>\n <% }) %>\n <tr>\n <td colspan=\"4\">\n <div class=\"cell\">\n Note:\n If the percentage is not specified the amount will be shared equally\n </div>\n </td>\n <td><div class=\"cell\">% Total 100 %</div></td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Section 4 -->\n <div class=\"page-break\"></div>\n <div class=\"card-header\">\n HEALTH RELATED QUESTIONS\n </div>\n\n <!-- Question 1 -->\n <div class=\"form-container mt-8\">\n <div class=\"form-item\">\n <span class=\"label\">1) Height:</span>\n <span class=\"underline sm\"><%= health_info.height %></span>\n <span class=\"label\">cm</span>\n <div class=\"space\"></div>\n <span class=\"label\">Weight:</span>\n <span class=\"underline sm\"><%= health_info.weight %></span>\n <span class=\"label\">Kg</span>\n <div class=\"space\"></div>\n <span class=\"question-label\">A) Do you smoke?</span>\n <label class=\"checkbox-label <%= health_info.is_smoke === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_smoke === true ? 'checked' : '' %>\">\n Yes\n </label>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">How many</span>\n <% if (health_info.smoke_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.smoke_detail %></span>\n <span class=\"unit\">per day</span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Question 2 -->\n <div class=\"form-container mt-8\">\n <div class=\"form-item\">\n <span class=\"question-label\">2) Do you drink alcohol?</span>\n <label class=\"checkbox-label <%= health_info.is_drink_alcohol === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_drink_alcohol === true ? 'checked' : '' %>\">\n Yes\n </label>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">Please specify amount of drink per week</span>\n <% if (health_info.drink_alcohol_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.drink_alcohol_detail %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Question 3 -->\n <div class=\"form-container mt-8\">\n <span class=\"question-label\">\n 3) In the past 2 years, have you ever been hospitalized, undergone any surgical operation, or had abnormal results such as: Blood test, Urine test, X-ray, ECG, Ultrasound, Scan, Biopsy or any other test results.\n </span>\n <div class=\"form-item\">\n <label class=\"checkbox-label <%= health_info.is_hospitalized === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_hospitalized === true ? 'checked' : '' %>\">\n Yes\n </label>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">provided more details:</span>\n <% if (health_info.hospitalized_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.hospitalized_detail %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Question 4 -->\n <div class=\"form-container mt-8\"> \n <span class=\"question-label\">\n 4) Have you ever been diagnosed with, consulted a medical practitioner or been given treatment for any of the following conditions: Hypertension, Diabetes, Heart diseases, Chest pain, Lung diseases, Liver disease, Renal diseases, Cancer, Stroke, AIDS, Mental illness, Disability or Deformity, Drug or Alcohol Abuse or Any other diseases are not mentioned above.\n </span>\n <div class=\"form-item\">\n <label class=\"checkbox-label <%= health_info.is_diagnosed === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_diagnosed === true ? 'checked' : '' %>\">\n Yes\n </label>\n \n </div>\n <div class=\"form-item\">\n <span class=\"label\">if yes, please provided more details:</span>\n <% if (health_info.diagnosed_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.diagnosed_detail %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Section 5 -->\n <div class=\"card-header mt-4\">DECLARATION BY THE APPLICANT</div>\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">\n 1) I authorize and consent the Company to use all of my information provided in my application form for legal purposes such as marketing, market survey and customer service by company, affiliate, or business partner without my prior consent or notification. The Company shall not allow to disclose any information of any other purpose not related to the above-mentioned purpose without prior consent in writing.\n </span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">\n 2) I hereby confirm that I have read and understood all the information in this document. I declare that all the information provided in this application form is complete, accurate, and true.\n </span>\n </div>\n </div>\n <div class=\"table-container mt-4\">\n <table>\n <thead>\n <tr>\n <th style=\"width: 50%\">\n <div class=\"cell\">\n Signature or Thumb print of the Applicant\n </div>\n <div class=\"signature-space\"></div>\n </th>\n <th style=\"width: 50%\">\n <div class=\"cell\">Signature or Thumb print of the witness</div>\n <div class=\"signature-space\"></div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Name</span>\n <% if (signature_info.applicant_name) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= signature_info.applicant_name %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Name</span>\n <% if (signature_info.witness_name) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= signature_info.witness_name %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n </tr>\n <tr>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Date</span>\n <% if (signature_info.applicant_signature_date) { %>\n <span class=\"underline with-unit\" >\n <span class=\"value\"><%= signature_info.applicant_signature_date %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Date</span>\n <% if (signature_info.witness_signature_date) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= signature_info.witness_signature_date %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </body>\n</html>\n";
1
+ export declare const SIO_FORM_EN_TEMPLATE = "\n<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>SIO Insurance Application Form</title>\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <style>\n body {\n font-family: Arial, Helvetica, system-ui, sans-serif;\n font-size: 12px;\n line-height: 1.4;\n margin: 1rem;\n /* Reduced from 2rem */\n background: #fff;\n color: #000;\n }\n\n .space {\n width: 8px;\n }\n\n /* margin */\n .ml-4 {margin-left: 1rem; }\n .ml-8 {margin-left: 2rem; }\n\n .mr-4 {margin-right: 1rem; }\n .mr-8 {margin-right: 2rem; }\n\n .mt-4 {margin-top: 1rem; }\n .mt-8 {margin-top: 2rem; }\n\n .mb-4 {margin-bottom: 1rem; }\n .mb-8 {margin-bottom: 2rem; }\n\n /* alignment */\n .align-left { justify-content: flex-start !important; text-align: left; padding-left: 16px; }\n .align-right { justify-content: flex-end !important; text-align: right; padding-right: 16px; }\n .align-center { justify-content: center !important; text-align: center; }\n\n .space-height {\n height: 60px;\n align-items: center;\n }\n\n .signature-space {\n height: 100px;\n margin-top: 10px;\n }\n\n /* === Page header === */\n .page-header {\n margin-bottom: 0.5rem;\n page-break-inside: avoid;\n }\n\n .header-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .title-logo {\n width: 125px;\n height: auto;\n }\n\n .title {\n font-weight: 700;\n font-size: 16px;\n line-height: 1;\n }\n\n .title-container {\n text-align: center;\n font-weight: 700;\n font-size: 14px;\n line-height: 1.4;\n margin: 0;\n }\n\n /* === Card Header === */\n .card-header {\n background-color: #0d6efd;\n color: white;\n text-align: center;\n padding: 0.1rem 0;\n border-radius: 6px 6px 0 0;\n font-size: 14px;\n font-weight: bold;\n margin-bottom: 0.5rem;\n /* Reduced */\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n /* === Form Text === */\n .form-container {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n gap: 0.5rem;\n }\n\n .form-item {\n display: flex;\n align-items: flex-start;\n flex-wrap: wrap;\n width: 100%;\n }\n\n .label,\n .question-label {\n word-wrap: break-word;\n white-space: normal;\n font-weight: 500;\n color: #444;\n }\n\n /* Underline for blanks */\n .underline {\n border-bottom: 1px dashed #000;\n flex: 1;\n min-width: 60px;\n min-height: 1em;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n word-break: break-word;\n white-space: normal;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n align-self: flex-end;\n color: #000;\n }\n\n /* size variants */\n .underline.xs { flex: none; width: 30px; min-width: unset; }\n .underline.sm { flex: none; width: 80px; min-width: unset; }\n .underline.md { flex: none; width: 180px; min-width: unset; }\n .underline.lg { flex: 2; }\n\n .underline.with-unit {\n flex: 1;\n min-width: 0;\n display: block;\n word-break: break-word;\n white-space: normal;\n border-bottom: none;\n line-height: 1.6em;\n text-align: left;\n padding-left: 4px;\n }\n\n .with-unit .value {\n display: inline;\n text-decoration: underline;\n text-decoration-style: dashed;\n text-decoration-color: #000; \n text-underline-offset: 3px; \n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n vertical-align: baseline;\n }\n\n .unit {\n display: inline;\n white-space: nowrap;\n margin-left: 4px;\n text-decoration: none; \n }\n\n /* Checkbox labels */\n .checkbox-label {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n position: relative;\n cursor: pointer;\n padding-left: 0.2rem;\n user-select: none;\n margin-right: 0.5rem;\n }\n\n .checkbox-label::before {\n content: \"\";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n border: 2px solid #555;\n border-radius: 3px;\n background-color: #fff;\n box-sizing: border-box;\n flex-shrink: 0;\n }\n\n .checkbox-label.checked::after {\n content: \"\u2714\";\n position: absolute;\n top: 50%;\n left: 0.2rem;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #0d6efd;\n transform: translateY(-50%);\n pointer-events: none;\n }\n\n .page-break {\n page-break-before: always;\n }\n\n /* === Table data === */\n .table-container {\n margin: auto;\n margin-bottom: 4px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n th,\n td {\n border: 1px solid #ccc;\n padding: 0;\n }\n\n .cell {\n min-height: 10px;\n padding: 4px 8px;\n display: flex;\n justify-content: center;\n text-align: center;\n font-size: 12px;\n }\n\n th {\n font-weight: 600;\n }\n\n /* === Print-specific: Footer with Page Numbers on the RIGHT === */\n @media print {\n body {\n margin: 0;\n padding-top: 10mm;\n }\n\n /* Make room for footer on the right side */\n @page {\n size: A4 portrait;\n margin: 15mm 15mm 20mm 10mm;\n /* increased right margin slightly for better spacing */\n\n @bottom-right {\n content: \"Page \" counter(page) \" of \" counter(pages);\n font-size: 11px;\n color: #555;\n font-family: \"Battambang\", sans-serif;\n }\n }\n\n /* Increment page counter */\n body {\n counter-increment: page;\n }\n\n .page-header,\n .title-container,\n table {\n page-break-inside: avoid;\n }\n\n .card-header {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n </style>\n </head>\n\n <body>\n <div class=\"page-header mb-8\">\n <img src=\"data:image/png;base64,<%= logo_base64 %>\" alt=\"Logo\" class=\"title-logo\" />\n <div class=\"title-container\">\n <h1 class=\"title\">LIFE ASSURANCE APPLICATION FORM</h1>\n <h1 class=\"title\">\n SIMPLIFY FORM FOR CHOKCHEY FINANCE PLC (SIO)\n </h1>\n </div>\n </div>\n\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">Branch Name and Code:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.branch_name %> / <%= branch_staff_app_info.branch_code %>\n </span>\n <span class=\"label\">Advisor's Name and Code:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.advisor_name %> / <%= branch_staff_app_info.advisor_code %>\n </span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">Bank staff's name and code:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.bank_staff_name %> / <%= branch_staff_app_info.bank_staff_code %>\n </span>\n <span class=\"label\">Application Number:</span>\n <span class=\"underline\">\n <%= branch_staff_app_info.application_no %>\n </span>\n </div>\n </div>\n\n <!-- Section 1 -->\n <div class=\"card-header mt-4\">INFORMATION ABOUT THE APPLICANT</div>\n\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">Full Name as shown in identity documents: in KH Language:</span>\n <span class=\"underline\"><%= applicant_info.full_name_kh %></span>\n <span class=\"label\">EN Language:</span>\n <span class=\"underline\"><%= applicant_info.full_name %></span>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Gender:</span>\n <label class=\"checkbox-label <%= applicant_info.gender === 'M' ? 'checked' : '' %>\">M</label>\n <label class=\"checkbox-label <%= applicant_info.gender === 'F' ? 'checked' : '' %>\">F</label>\n\n <div class=\"ml-8\"></div>\n\n <div>\n <span class=\"label\">Marital Status:</span>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'single' ? 'checked' : '' %>\">\n Single\n </label>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'married' ? 'checked' : '' %>\">\n Married\n </label>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'divorced' ? 'checked' : '' %>\">\n Divorced\n </label>\n <label class=\"checkbox-label <%= applicant_info.marital_status === 'widowed' ? 'checked' : '' %>\">\n Widowed\n </label>\n </div>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Job Title and Nature of Work:</span>\n <span class=\"underline align-left\"><%= applicant_info.occupation %></span>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Identity documents:</span>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'nid' ? 'checked' : '' %>\">\n National ID Card\n </label>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'passport' ? 'checked' : '' %>\">\n Passport\n </label>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'birth' ? 'checked' : '' %>\">\n Birth Certificate\n </label>\n <label class=\"checkbox-label <%= applicant_info.identity_type === 'other' ? 'checked' : '' %>\">\n Others :\n </label>\n\n\n <!-- other field stays separate since it has extra input -->\n <label class=\"underline\"><%= applicant_info.identity_other_description %></label>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Identity #</span>\n <span class=\"underline\"><%= applicant_info.identity_no %></span>\n <span class=\"label\">DOB:</span>\n <span class=\"underline\"><%= applicant_info.date_of_birth %></span>\n <span class=\"label\">Age:</span>\n <span class=\"underline xs\"><%= applicant_info.age %></span>\n <span class=\"label\">Nationality:</span>\n <span class=\"underline\"><%= applicant_info.nationality %></span>\n <span class=\"label\">Phone #:</span>\n <span class=\"underline\"><%= applicant_info.phone_number %></span>\n </div>\n\n <div class=\"form-item\">\n <span class=\"label\">Current Address:</span>\n <span class=\"underline align-left\"><%= applicant_info.current_address %></span>\n </div>\n\n\n </div>\n\n\n\n <div class=\"form-container\">\n <div class=\"form-item mt-4\">\n <span class=\"label\">Declaration on FATCA implementation</span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">\n The Policyholder is not USA citizen / USA resident for tax purpose or holding Green Card.\n </span>\n </div>\n <div class=\"form-item\">\n <label class=\"checkbox-label <%= fatca_info.is_fatca === false ? 'checked' : '' %>\">No</label>\n <label class=\"checkbox-label <%= fatca_info.is_fatca === true ? 'checked' : '' %>\">Yes</label>\n <span class=\"label\">US TIN #:</span>\n <span class=\"underline\"><%= fatca_info.us_tin_no %></span>\n <span class=\"label\">FATCA Exemption Code (If have):</span>\n <span class=\"underline\"><%= fatca_info.fatca_exempt_code %></span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">\n If any of the certifications I have provided are incorrect, I will submit a new document within 30 days, and I certify that I am not subject to U.S. withholding tax.\n </span>\n </div>\n </div>\n\n\n\n <!-- Section 2 -->\n <div class=\"card-header mt-4\">INFORMATION ABOUT THE PRODUCT\n </div>\n <div class=\"table-container\">\n <table>\n <thead>\n <tr>\n <th><div class=\"cell\">NAME OF PRODUCT AND TERMS</div></th>\n <th><div class=\"cell\">SUM ASSURED (USD)</div></th>\n <th><div class=\"cell\">MODE OF PAYMENT</div></th>\n <th>\n <div class=\"cell\">PREMIUM (USD)</div>\n </th>\n </tr>\n </thead>\n <tbody>\n <% product_payment_info?.products?.forEach(function(product) { %>\n <tr>\n <td><div class=\"cell\"><%= product.name %> <%= product.term %></div></td>\n <td><div class=\"cell\"><%= product.sum_assured %></div></td>\n <td><div class=\"cell\"><%= product.payment_mode %></div></td>\n <td><div class=\"cell\"><%= product.premium %></div></td>\n </tr>\n <% }) %>\n </tbody>\n </table>\n </div>\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"question-label\">Method of payment:</span>\n <label class=\"checkbox-label <%= product_payment_info.payment_method === 'transfer_to_plac' ? 'checked' : '' %>\">\n Credit to Phillip Life Account\n </label>\n <label class=\"checkbox-label <%= product_payment_info.payment_method === 'other' ? 'checked' : '' %>\">\n Through Phillip Life's partner\n </label>\n </div>\n </div>\n\n <!-- Section 3 -->\n <div class=\"card-header mt-4\">INFORMATION ABOUT THE BENEFICIARY(IES)</div>\n <div class=\"table-container\">\n <table>\n <thead>\n <tr>\n <th><div class=\"cell\">FULL NAME OF BENEFICIARY</div></th>\n <th><div class=\"cell\">AGE</div></th>\n <th><div class=\"cell\">RELATIONSHIP</div></th>\n <th><div class=\"cell\">IDENTITY NUMBER</div></th>\n <th><div class=\"cell\">% OF SHARE</div></th>\n </tr>\n </thead>\n <tbody>\n <% beneficiary_info?.forEach(function(beneficiary) { %>\n <tr>\n <td><div class=\"cell\"><%= beneficiary.full_name %></div></td>\n <td><div class=\"cell\"><%= beneficiary.age %></div></td>\n <td><div class=\"cell\"><%= beneficiary.relationship %></div></td>\n <td><div class=\"cell\"><%= beneficiary.id_number %></div></td>\n <td><div class=\"cell\"><%= beneficiary.percentage %></div></td>\n </tr>\n <% }) %>\n <tr>\n <td colspan=\"4\">\n <div class=\"cell\">\n Note:\n If the percentage is not specified the amount will be shared equally\n </div>\n </td>\n <td><div class=\"cell\">% Total 100 %</div></td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Section 4 -->\n <div class=\"page-break\"></div>\n <div class=\"card-header\">\n HEALTH RELATED QUESTIONS\n </div>\n\n <!-- Question 1 -->\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">1) Height:</span>\n <span class=\"underline sm\"><%= health_info.height %></span>\n <span class=\"label\">cm</span>\n <div class=\"space\"></div>\n <span class=\"label\">Weight:</span>\n <span class=\"underline sm\"><%= health_info.weight %></span>\n <span class=\"label\">Kg</span>\n <div class=\"space\"></div>\n <span class=\"question-label\">A) Do you smoke?</span>\n <label class=\"checkbox-label <%= health_info.is_smoke === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_smoke === true ? 'checked' : '' %>\">\n Yes\n </label>\n </div>\n\n <div class=\"form-item mb-4\">\n <span class=\"label\">How many</span>\n <% if (health_info.smoke_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.smoke_detail %></span>\n <span class=\"unit\">per day</span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Question 2 -->\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"question-label\">2) Do you drink alcohol?</span>\n <label class=\"checkbox-label <%= health_info.is_drink_alcohol === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_drink_alcohol === true ? 'checked' : '' %>\">\n Yes\n </label>\n </div>\n <div class=\"form-item mb-4\">\n <span class=\"label\">Please specify amount of drink per week</span>\n <% if (health_info.drink_alcohol_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.drink_alcohol_detail %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Question 3 -->\n <div class=\"form-container\">\n <span class=\"question-label\">\n 3) In the past 2 years, have you ever been hospitalized, undergone any surgical operation, or had abnormal results such as: Blood test, Urine test, X-ray, ECG, Ultrasound, Scan, Biopsy or any other test results.\n </span>\n <div class=\"form-item\">\n <label class=\"checkbox-label <%= health_info.is_hospitalized === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_hospitalized === true ? 'checked' : '' %>\">\n Yes\n </label>\n </div>\n\n <div class=\"form-item mb-4\">\n <span class=\"label\">provided more details:</span>\n <% if (health_info.hospitalized_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.hospitalized_detail %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Question 4 -->\n <div class=\"form-container\"> \n <span class=\"question-label\">\n 4) Have you ever been diagnosed with, consulted a medical practitioner or been given treatment for any of the following conditions: Hypertension, Diabetes, Heart diseases, Chest pain, Lung diseases, Liver disease, Renal diseases, Cancer, Stroke, AIDS, Mental illness, Disability or Deformity, Drug or Alcohol Abuse or Any other diseases are not mentioned above.\n </span>\n <div class=\"form-item\">\n <label class=\"checkbox-label <%= health_info.is_diagnosed === false ? 'checked' : '' %>\">\n No\n </label>\n <label class=\"checkbox-label <%= health_info.is_diagnosed === true ? 'checked' : '' %>\">\n Yes\n </label>\n \n </div>\n <div class=\"form-item mb-4\">\n <span class=\"label\">if yes, please provided more details:</span>\n <% if (health_info.diagnosed_detail) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= health_info.diagnosed_detail %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n </div>\n </div>\n\n <!-- Section 5 -->\n <div class=\"card-header mt-4\">DECLARATION BY THE APPLICANT</div>\n <div class=\"form-container\">\n <div class=\"form-item\">\n <span class=\"label\">\n 1) I authorize and consent the Company to use all of my information provided in my application form for legal purposes such as marketing, market survey and customer service by company, affiliate, or business partner without my prior consent or notification. The Company shall not allow to disclose any information of any other purpose not related to the above-mentioned purpose without prior consent in writing.\n </span>\n </div>\n <div class=\"form-item\">\n <span class=\"label\">\n 2) I hereby confirm that I have read and understood all the information in this document. I declare that all the information provided in this application form is complete, accurate, and true.\n </span>\n </div>\n </div>\n <div class=\"table-container mt-4\">\n <table>\n <thead>\n <tr>\n <th style=\"width: 50%\">\n <div class=\"cell\">\n Signature or Thumb print of the Applicant\n </div>\n <div class=\"signature-space\"></div>\n </th>\n <th style=\"width: 50%\">\n <div class=\"cell\">Signature or Thumb print of the witness</div>\n <div class=\"signature-space\"></div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Name</span>\n <% if (signature_info.applicant_name) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= signature_info.applicant_name %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Name</span>\n <% if (signature_info.witness_name) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= signature_info.witness_name %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n </tr>\n <tr>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Date</span>\n <% if (signature_info.applicant_signature_date) { %>\n <span class=\"underline with-unit\" >\n <span class=\"value\"><%= signature_info.applicant_signature_date %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n <td>\n <div class=\"form-container space-height\">\n <div class=\"form-item\">\n <div class=\"space\"></div>\n <span class=\"label\">Date</span>\n <% if (signature_info.witness_signature_date) { %>\n <span class=\"underline with-unit\">\n <span class=\"value\"><%= signature_info.witness_signature_date %></span>\n </span>\n <% } else { %>\n <span class=\"underline\"></span>\n <% } %>\n <div class=\"space\"></div> \n </div>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </body>\n</html>\n";
package/dist/libs/pdf-form/templates/sio-form-en.template.js CHANGED
@@ -186,6 +186,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
186
186
  cursor: pointer;
187
187
  padding-left: 0.2rem;
188
188
  user-select: none;
189
+ margin-right: 0.5rem;
189
190
  }
190
191
 
191
192
  .checkbox-label::before {
@@ -244,6 +245,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
244
245
  display: flex;
245
246
  justify-content: center;
246
247
  text-align: center;
248
+ font-size: 12px;
247
249
  }
248
250
 
249
251
  th {
@@ -515,7 +517,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
515
517
  </div>
516
518
 
517
519
  <!-- Question 1 -->
518
- <div class="form-container mt-8">
520
+ <div class="form-container">
519
521
  <div class="form-item">
520
522
  <span class="label">1) Height:</span>
521
523
  <span class="underline sm"><%= health_info.height %></span>
@@ -534,7 +536,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
534
536
  </label>
535
537
  </div>
536
538
 
537
- <div class="form-item">
539
+ <div class="form-item mb-4">
538
540
  <span class="label">How many</span>
539
541
  <% if (health_info.smoke_detail) { %>
540
542
  <span class="underline with-unit">
@@ -548,7 +550,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
548
550
  </div>
549
551
 
550
552
  <!-- Question 2 -->
551
- <div class="form-container mt-8">
553
+ <div class="form-container">
552
554
  <div class="form-item">
553
555
  <span class="question-label">2) Do you drink alcohol?</span>
554
556
  <label class="checkbox-label <%= health_info.is_drink_alcohol === false ? 'checked' : '' %>">
@@ -558,7 +560,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
558
560
  Yes
559
561
  </label>
560
562
  </div>
561
- <div class="form-item">
563
+ <div class="form-item mb-4">
562
564
  <span class="label">Please specify amount of drink per week</span>
563
565
  <% if (health_info.drink_alcohol_detail) { %>
564
566
  <span class="underline with-unit">
@@ -571,7 +573,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
571
573
  </div>
572
574
 
573
575
  <!-- Question 3 -->
574
- <div class="form-container mt-8">
576
+ <div class="form-container">
575
577
  <span class="question-label">
576
578
  3) In the past 2 years, have you ever been hospitalized, undergone any surgical operation, or had abnormal results such as: Blood test, Urine test, X-ray, ECG, Ultrasound, Scan, Biopsy or any other test results.
577
579
  </span>
@@ -584,7 +586,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
584
586
  </label>
585
587
  </div>
586
588
 
587
- <div class="form-item">
589
+ <div class="form-item mb-4">
588
590
  <span class="label">provided more details:</span>
589
591
  <% if (health_info.hospitalized_detail) { %>
590
592
  <span class="underline with-unit">
@@ -597,7 +599,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
597
599
  </div>
598
600
 
599
601
  <!-- Question 4 -->
600
- <div class="form-container mt-8">
602
+ <div class="form-container">
601
603
  <span class="question-label">
602
604
  4) Have you ever been diagnosed with, consulted a medical practitioner or been given treatment for any of the following conditions: Hypertension, Diabetes, Heart diseases, Chest pain, Lung diseases, Liver disease, Renal diseases, Cancer, Stroke, AIDS, Mental illness, Disability or Deformity, Drug or Alcohol Abuse or Any other diseases are not mentioned above.
603
605
  </span>
@@ -610,7 +612,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
610
612
  </label>
611
613
 
612
614
  </div>
613
- <div class="form-item">
615
+ <div class="form-item mb-4">
614
616
  <span class="label">if yes, please provided more details:</span>
615
617
  <% if (health_info.diagnosed_detail) { %>
616
618
  <span class="underline with-unit">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "plac-micro-common",
3
- "version": "1.3.23",
3
+ "version": "1.3.24",
4
4
  "types": "dist/index.d.ts",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {