plac-micro-common 1.3.21 → 1.3.23

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 +11 -14
  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 <link href=\"https://fonts.googleapis.com/css2?family=Hanuman:wght@100..900&family=Moul&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: \"Hanuman\", system-ui, sans-serif;\n font-size: 14px;\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: 18px;\n line-height: 1;\n }\n\n .title-container {\n text-align: center;\n font-weight: 700;\n font-size: 16px;\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: 1rem;\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 font-size: 14px;\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 font-size: 14px;\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: \"\u1791\u17C6\u1796\u17D0\u179A \" counter(page) \" \u1793\u17C3 \" 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-4\">\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-4\">\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-4\">\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-4\"> \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-8\">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 }\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";
package/dist/libs/pdf-form/templates/sio-form-en.template.js CHANGED
@@ -10,11 +10,10 @@ exports.SIO_FORM_EN_TEMPLATE = `
10
10
  <title>SIO Insurance Application Form</title>
11
11
  <link rel="preconnect" href="https://fonts.googleapis.com">
12
12
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13
- <link href="https://fonts.googleapis.com/css2?family=Hanuman:wght@100..900&family=Moul&display=swap" rel="stylesheet">
14
13
  <style>
15
14
  body {
16
- font-family: "Hanuman", system-ui, sans-serif;
17
- font-size: 14px;
15
+ font-family: Arial, Helvetica, system-ui, sans-serif;
16
+ font-size: 12px;
18
17
  line-height: 1.4;
19
18
  margin: 1rem;
20
19
  /* Reduced from 2rem */
@@ -73,14 +72,14 @@ exports.SIO_FORM_EN_TEMPLATE = `
73
72
 
74
73
  .title {
75
74
  font-weight: 700;
76
- font-size: 18px;
75
+ font-size: 16px;
77
76
  line-height: 1;
78
77
  }
79
78
 
80
79
  .title-container {
81
80
  text-align: center;
82
81
  font-weight: 700;
83
- font-size: 16px;
82
+ font-size: 14px;
84
83
  line-height: 1.4;
85
84
  margin: 0;
86
85
  }
@@ -92,7 +91,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
92
91
  text-align: center;
93
92
  padding: 0.1rem 0;
94
93
  border-radius: 6px 6px 0 0;
95
- font-size: 1rem;
94
+ font-size: 14px;
96
95
  font-weight: bold;
97
96
  margin-bottom: 0.5rem;
98
97
  /* Reduced */
@@ -213,7 +212,6 @@ exports.SIO_FORM_EN_TEMPLATE = `
213
212
  display: flex;
214
213
  align-items: center;
215
214
  justify-content: center;
216
- font-size: 14px;
217
215
  color: #0d6efd;
218
216
  transform: translateY(-50%);
219
217
  pointer-events: none;
@@ -238,7 +236,6 @@ exports.SIO_FORM_EN_TEMPLATE = `
238
236
  td {
239
237
  border: 1px solid #ccc;
240
238
  padding: 0;
241
- font-size: 14px;
242
239
  }
243
240
 
244
241
  .cell {
@@ -267,7 +264,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
267
264
  /* increased right margin slightly for better spacing */
268
265
 
269
266
  @bottom-right {
270
- content: "ទំព័រ " counter(page) " នៃ " counter(pages);
267
+ content: "Page " counter(page) " of " counter(pages);
271
268
  font-size: 11px;
272
269
  color: #555;
273
270
  font-family: "Battambang", sans-serif;
@@ -518,7 +515,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
518
515
  </div>
519
516
 
520
517
  <!-- Question 1 -->
521
- <div class="form-container mt-4">
518
+ <div class="form-container mt-8">
522
519
  <div class="form-item">
523
520
  <span class="label">1) Height:</span>
524
521
  <span class="underline sm"><%= health_info.height %></span>
@@ -551,7 +548,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
551
548
  </div>
552
549
 
553
550
  <!-- Question 2 -->
554
- <div class="form-container mt-4">
551
+ <div class="form-container mt-8">
555
552
  <div class="form-item">
556
553
  <span class="question-label">2) Do you drink alcohol?</span>
557
554
  <label class="checkbox-label <%= health_info.is_drink_alcohol === false ? 'checked' : '' %>">
@@ -574,7 +571,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
574
571
  </div>
575
572
 
576
573
  <!-- Question 3 -->
577
- <div class="form-container mt-4">
574
+ <div class="form-container mt-8">
578
575
  <span class="question-label">
579
576
  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.
580
577
  </span>
@@ -600,7 +597,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
600
597
  </div>
601
598
 
602
599
  <!-- Question 4 -->
603
- <div class="form-container mt-4">
600
+ <div class="form-container mt-8">
604
601
  <span class="question-label">
605
602
  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.
606
603
  </span>
@@ -626,7 +623,7 @@ exports.SIO_FORM_EN_TEMPLATE = `
626
623
  </div>
627
624
 
628
625
  <!-- Section 5 -->
629
- <div class="card-header mt-8">DECLARATION BY THE APPLICANT</div>
626
+ <div class="card-header mt-4">DECLARATION BY THE APPLICANT</div>
630
627
  <div class="form-container">
631
628
  <div class="form-item">
632
629
  <span class="label">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "plac-micro-common",
3
- "version": "1.3.21",
3
+ "version": "1.3.23",
4
4
  "types": "dist/index.d.ts",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {