update pay office UI

src/pages/Proof/Payment/Pay_Office.js

@@ -68,11 +68,27 @@ const Index = ({ record }) => {
                                             },
                                         )
                                     }} />
-                                    <br />
+                                     <br />
                                     <div dangerouslySetInnerHTML={{
                                         __html: intl.formatMessage(
                                             {
                                                 id: 'proofPaymentBody_office3'
+                                            }
+                                        )
+                                    }} />
+                                     <br />
+                                    <div dangerouslySetInnerHTML={{
+                                        __html: intl.formatMessage(
+                                            {
+                                                id: 'proofPaymentBody_office4'
+                                            }
+                                        )
+                                    }} />
+                                    <br />
+                                    <div dangerouslySetInnerHTML={{
+                                        __html: intl.formatMessage(
+                                            {
+                                                id: 'proofPaymentBody_office5'
                                             },
                                             {
                                                 paymentDeadline: DateUtils.dateStr(record?.closingDate),
@@ -83,7 +99,7 @@ const Index = ({ record }) => {
                                     <div dangerouslySetInnerHTML={{
                                         __html: intl.formatMessage(
                                             {
-                                                id: 'proofPaymentBody_office4'
+                                                id: 'proofPaymentBody_office6'
                                             }
                                         )
                                     }} />

src/translations/en.json

@@ -119,8 +119,10 @@
   "proofPaymentHeader_office": "Public Notice: Proofreading Completed and Payment Means Selected",
   "proofPaymentBody_office": "We have received the manuscript proofreading confirmation and printing instructions for application number: {appNo}",
   "proofPaymentBody_office2": "You have selected to make payment at North Point Government Offices Collection Office:<center><br/>Collection Office at Accounts Section<br/>10/F North Point Government Offices<br/>333 Java Road North Point</center>",
-  "proofPaymentBody_office3": "Please print out this page or present your application details on screen at our Collection Office, and complete the payment by {paymentDeadline}.",
-  "proofPaymentBody_office4": "We will process the publication after receiving payment confirmation.",
+  "proofPaymentBody_office3": "The office hours of the Collection Office is from Monday to Friday: 8:30 a.m. to 1 p.m., 2 p.m. to 5 p.m.",
+  "proofPaymentBody_office4": "Cheques, drafts or cashier’s orders should be made payable to “The Government of the Hong Kong Special Administrative Region” or “The Government of the HKSAR” and crossed. They must not be made payable to any individual officer. Payment is valid only after the cheque, draft or cashier’s order is cleared.",
+  "proofPaymentBody_office5": "Please print out this page or present your application details on screen at our Collection Office, and complete the payment by {paymentDeadline}.",
+  "proofPaymentBody_office6": "We will process the publication after receiving payment confirmation.",
 
   "proofPaymentHeader_online": "Public Notice: Proofreading Completed and Payment Means Selected",
   "proofPaymentBody_online": "We have received the manuscript proofreading confirmation and printing instructions for application number: {appNo}",
@@ -312,6 +314,7 @@
   "pwRemark2": "A mix of letters and numbers",
   "pwRemark3": "A mix of uppercase and lowercase English letters",
   "pwRemark4": "Contains at least one special symbol, for example, @ # ?",
+  "pwRemark5": "Please be informed that using dictionary words, usernames, or obvious phrases as password contents is strictly forbidden.",
   "pwWeak": "Weak",
   "pwNormal": "Normal",
   "pwGood": "Good",

src/translations/zh-CN.json

@@ -148,8 +148,10 @@
   "proofPaymentHeader_office": "公共启事: 已完成校对并已选择付款方式",
   "proofPaymentBody_office": "我们已收到以下申请编号的稿件校对确认和印刷指示。<br/>{appNo}",
   "proofPaymentBody_office2": "您已选择在北角政府合署收款处付款：<center><br/>香港北角渣华道333号<br/>北角政府合署10楼<br/>会计部收款处</center>",
-  "proofPaymentBody_office3": "请打印此页面或使用电子屏幕设备向收款处职员展示申请详情，并在{paymentDeadline}前完成付款。",
-  "proofPaymentBody_office4": "我们将在收到付款确认通知后处理刊登事宜。",
+  "proofPaymentBody_office3": "收款处的办公时间为星期一至五上午八时三十分至下午一时及下午二时至五时。",
+  "proofPaymentBody_office4": "凡支票、汇票或本票均须书明支付「香港特别行政区政府」并加划线，抬头人不应为个别职员。客户以支票、汇票或本票方式付款，须待其兑现后方为有效。",
+  "proofPaymentBody_office5": "请打印此页面或使用电子屏幕设备向收款处职员展示申请详情，并在{paymentDeadline}前完成付款。",
+  "proofPaymentBody_office6": "我们将在收到付款确认通知后处理刊登事宜。",
 
   "proofPaymentHeader_online": "公共启事: 已完成校对并已选择付款方式",
   "proofPaymentBody_online": "我们已收到以下申请编号的稿件校对确认和印刷指示。<br/>{appNo}",
@@ -334,6 +336,7 @@
   "pwRemark2": "字母和数字的混合",
   "pwRemark3": "英文字母大写与小写的混合",
   "pwRemark4": "至少包含一个特殊符号，例如，@ # ?",
+  "pwRemark5": "請注意，嚴禁使用字典單字、使用者名稱或明顯短語作為密碼內容。",
   "pwWeak": "弱",
   "pwNormal": "普通",
   "pwGood": "良好",

src/translations/zh-HK.json

@@ -146,8 +146,10 @@
   "proofPaymentHeader_office": "公共啟事: 已完成校對並已選擇付款方式",
   "proofPaymentBody_office": "我們已收到以下申請編號的稿件校對確認和印刷指示。<br/>{appNo}",
   "proofPaymentBody_office2": "您已選擇在北角政府合署收款處付款：<center><br/>香港北角渣華道333號<br/>北角政府合署10樓<br/>會計部收款處</center>",
-  "proofPaymentBody_office3": "請列印此頁面或使用電子屏幕設備向收款處職員展示申請詳情，並在{paymentDeadline}之前完成付款。",
-  "proofPaymentBody_office4": "我們將在收到付款確認通知後處理刊登事宜。",
+  "proofPaymentBody_office3": "收款處的辦公時間為星期一至五上午八時三十分至下午一時及下午二時至五時。",
+  "proofPaymentBody_office4": "凡支票、匯票或本票均須書明支付「香港特別行政區政府」並加劃線，抬頭人不應為個別職員。客戶以支票、匯票或本票方式付款，須待其兌現後方為有效。",
+  "proofPaymentBody_office5": "請列印此頁面或使用電子屏幕設備向收款處職員展示申請詳情，並在{paymentDeadline}之前完成付款。",
+  "proofPaymentBody_office6": "我們將在收到付款確認通知後處理刊登事宜。",
 
   "proofPaymentHeader_online": "公共啟事: 已完成校對並已選擇付款方式",
   "proofPaymentBody_online": "我們已收到以下申請編號的稿件校對確認和印刷指示。<br/>{appNo}",
@@ -337,6 +339,7 @@
   "pwRemark2": "字母和數字的混合",
   "pwRemark3": "英文字母大寫與小寫的混合",
   "pwRemark4": "至少包含一個特殊符號，例如，@ # ?",
+  "pwRemark5": "请注意，严禁使用字典单词、用户名或明显的短语作为密码内容。",
   "pwWeak": "弱",
   "pwNormal": "普通",
   "pwGood": "良好",