diginet-core-ui 1.4.64 → 1.4.65

package/assets/images/menu/dhr/MHRM09N1404.svg

@@ -0,0 +1,18 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2643_24)">
+<path d="M29 20C28.7 25.3717 24.5 28.2565 19.5 28.2565C14.5 28.2565 10.3 25.3717 10 20H0V23.1832C0 23.3822 0.1 23.5812 0.3 23.5812L3.1 24.377C3.6 25.6702 3.9 26.1675 4.4 27.4607C3.9 28.2565 3.5 29.1518 2.9 30.0471C2.8 30.2461 2.8 30.445 3 30.5445C4.8 32.3351 6.6 34.0262 8.5 35.8168C8.5 35.9162 8.7 36.0157 8.9 35.9162C9.8 35.4188 10.8 34.822 11.7 34.3246C11.8 34.2251 12 34.2251 12.1 34.3246C12.8 34.623 13.5 34.9215 14.2 35.2199C14.3 35.3194 14.4 35.3194 14.4 35.5183C14.7 36.6126 15 37.6073 15.3 38.7016C15.3 38.9005 15.5 39 15.7 39C18.3 39 20.8 39 23.3 39C23.5 39 23.7 38.9005 23.7 38.7016L24.6 35.5183C24.6 35.4188 24.7 35.3194 24.8 35.2199L26.9 34.3246C27 34.3246 27.2 34.3246 27.3 34.3246C28.3 34.822 29.2 35.4188 30.1 35.9162C30.3 36.0157 30.5 36.0157 30.6 35.8168C32 34.623 35.2 31.3403 36 30.3456C36.1 30.2461 36.1 30.0471 36 29.8482L34.4 27.1623C34.3 27.0628 34.3 26.8639 34.4 26.7644C34.7 26.0681 35 25.3717 35.3 24.6754C35.3 24.5759 35.4 24.4764 35.6 24.377L38.7 23.4817C38.9 23.4817 39 23.2827 39 23.0838V20H29Z" fill="#FF8C00"/>
+<path d="M39 17V17.6C38.9 18.2 38.6 18.6 38.2 19H28.9C28.8 18.2 28.6 17.4 28.4 16.5C28.2 15.6 27.7 14.9 27 14.4C26.9 14.4 26.9 14.3 26.8 14.3C26.2 13.9 26.1 13.6 26.2 12.9C26.4 12.2 27 11.6 27.7 11.6H36.6C37.4 11.6 38 12.2 38.1 12.9C38.4 14.2 38.6 15.5 38.9 16.8C39 16.9 39 17 39 17Z" fill="#2680EB"/>
+<path d="M32.2 9.9C29.5 9.9 27.3 7.7 27.3 4.9C27.3 2.2 29.5 0 32.2 0C34.9 0 37.1 2.2 37.1 5C37.1 7.7 34.9 9.9 32.2 9.9Z" fill="#2680EB"/>
+<path d="M12.2 14.3C12.1 14.3 12.1 14.4 12 14.4C11.2 14.9 10.7 15.6 10.6 16.5C10.5 17.3 10.3 18.2 10.1 19H0.8C0.4 18.6 0.1 18.2 0 17.6V17C0 16.9 0 16.9 0 16.8C0.3 15.5 0.5 14.2 0.8 12.9C1 12.1 1.6 11.6 2.3 11.6H11.2C11.9 11.6 12.6 12.1 12.7 12.9C12.9 13.6 12.8 13.9 12.2 14.3Z" fill="#2680EB"/>
+<path d="M6.8 9.9C9.5 9.9 11.7 7.7 11.7 4.9C11.7 2.2 9.5 0 6.8 0C4.1 0 1.9 2.2 1.9 5C1.9 7.7 4.1 9.9 6.8 9.9Z" fill="#2680EB"/>
+<path d="M19.5 12.3C16.3 12.3 13.7 9.6 13.7 6.3C13.7 3 16.3 0.4 19.6 0.4C22.8 0.4 25.4 3.1 25.4 6.4C25.3 9.7 22.7 12.3 19.5 12.3Z" fill="#2680EB"/>
+<path d="M18.3 18.6L18.4 19H11.8C11.8 18.9 11.8 18.9 11.8 18.8L12.2 17C12.5 16.3 12.9 15.8 13.8 15.5C14.7 15.1 15.5 14.8 16 14.5C16.5 14.2 16.8 14.1 16.8 14L18.3 18.6Z" fill="#2680EB"/>
+<path d="M19.9 17.4L20.5 19H18.6L19.2 17.4C17.7 15.3 19.3 15.2 19.6 15.2C19.8 15.2 21.4 15.3 19.9 17.4Z" fill="#2680EB"/>
+<path d="M27.2 19H20.6L20.7 18.6L22.1 14.1C22.1 14.1 23.2 14.8 25.1 15.5C26.2 15.9 26.6 16.6 26.9 17.6L27.2 19Z" fill="#2680EB"/>
+</g>
+<defs>
+<clipPath id="clip0_2643_24">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/dhr/MHRP25N0010.svg

@@ -0,0 +1,16 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2650_33)">
+<path d="M15.8999 15.4999C16.0999 15.6999 16.3999 15.8999 16.5999 16.0999C17.0999 16.3999 17.7999 16.6999 18.3999 16.8999C18.7999 16.9999 19.6999 16.9999 19.8999 16.8999C20.3999 16.8999 20.7999 16.6999 21.2999 16.5999C21.7999 16.3999 22.2999 16.0999 22.6999 15.6999C22.5999 15.1999 22.4999 14.5999 22.3999 14.0999C22.2999 13.6999 21.9999 13.3999 21.5999 13.3999H16.9999C16.4999 13.3999 16.1999 13.6999 16.0999 14.0999C15.9999 14.5999 15.9999 14.9999 15.8999 15.4999Z" fill="#2680EB"/>
+<path d="M19.1999 12.5999C20.5999 12.5999 21.7999 11.3999 21.7999 9.9999C21.7999 8.5999 20.5999 7.3999 19.1999 7.3999C17.7999 7.3999 16.5999 8.5999 16.5999 9.9999C16.6999 11.4999 17.7999 12.6999 19.1999 12.5999Z" fill="#2680EB"/>
+<path d="M32.2 0H8.4C7.1 0 6 1.1 6 2.4V19H8V2.4C8 2.2 8.2 2 8.4 2H30.8V7.8C30.8 8.3 31.3 8.8 31.8 8.8H37V36.6C37 36.8 36.8 37 36.6 37H11.3C10.5 37.4 9.7 37.7 8.7 37.9V39H36.6C37.9 39 39 37.9 39 36.6V7.4L32.2 0ZM32.8 6.8V3.6L35.8 6.8H32.8Z" fill="#2680EB"/>
+<path d="M34.5001 23.3L29.1001 19.1L25.7001 16.5C26.7001 15.1 27.3001 13.5 27.3001 11.8C27.3001 9.7 26.4001 7.7 24.9001 6.2C23.4001 4.8 21.4001 4 19.2001 4C17.0001 4 15.0001 4.8 13.5001 6.3C12.0001 7.8 11.1001 9.8 11.1001 11.9C11.1001 14 12.0001 16 13.5001 17.5C15.0001 19 17.1001 19.8 19.3001 19.8C20.8001 19.8 22.3001 19.4 23.6001 18.6L29.1001 25.2L30.7001 27.1C30.8001 27.2 30.8001 27.2 30.9001 27.3C31.5001 27.8 32.3001 28.1 33.0001 28.1C33.7001 28.1 34.3001 27.9 34.8001 27.4C35.8001 26.3 35.7001 24.5 34.5001 23.3ZM22.9001 17.1C21.8001 17.8 20.5001 18.2 19.2001 18.2C18.3001 18.2 17.5001 18 16.7001 17.7C15.9001 17.4 15.2001 16.9 14.6001 16.3C14.0001 15.7 13.5001 15 13.2001 14.2C12.9001 13.4 12.7001 12.6 12.7001 11.8C12.7001 10.5 13.1001 9.3 13.8001 8.2C14.5001 7.2 15.5001 6.3 16.8001 5.8C17.6001 5.5 18.5001 5.3 19.4001 5.3C19.8001 5.3 20.2001 5.3 20.7001 5.4C22.0001 5.6 23.2001 6.2 24.1001 7.1C25.0001 8 25.7001 9.1 25.9001 10.4C26.2001 11.6 26.0001 12.9 25.5001 14.1C24.8001 15.4 24.0001 16.4 22.9001 17.1Z" fill="#FF8C00"/>
+<path d="M29.8 34H16.2C15.5 34 15 33.5 15 32.8C15 32.1 15.5 31.6 16.2 31.6H29.8C30.5 31.6 31 32.1 31 32.8C31 33.5 30.5 34 29.8 34Z" fill="#FFAA00"/>
+<path d="M26.7 29.4H16.2C15.5 29.4 15 28.9 15 28.2C15 27.5 15.5 27 16.2 27H26.7C27.4 27 27.9 27.5 27.9 28.2C28 28.9 27.4 29.4 26.7 29.4Z" fill="#FFAA00"/>
+<path d="M5.7 34.5V30.1C3.9 29.7 2.6 29.1 1.8 28.3C1 27.5 0.5 26.5 0.5 25.4C0.5 24.2 1 23.3 1.9 22.5C2.8 21.7 4.1 21.3 5.7 21.1V20H7.7V21.1C9.1 21.2 10.3 21.6 11.2 22.3C12.1 23 12.6 23.8 12.8 24.8L9.3 25.2C9.1 24.4 8.5 23.8 7.7 23.5V27.7C9.9 28.2 11.4 28.8 12.2 29.5C13 30.2 13.4 31.2 13.4 32.3C13.4 33.6 12.9 34.7 11.9 35.5C10.9 36.3 9.5 36.8 7.7 37V39H5.7V37.1C4.1 37 2.8 36.5 1.9 35.7C1 34.9 0.3 33.9 0 32.5L3.6 32.2C3.7 32.8 4 33.3 4.4 33.7C4.8 34 5.2 34.3 5.7 34.5ZM5.7 23.4C5.2 23.5 4.7 23.8 4.4 24.1C4.1 24.4 4 24.8 4 25.2C4 25.6 4.1 25.9 4.4 26.2C4.7 26.5 5.1 26.8 5.7 27V23.4ZM7.7 34.7C8.4 34.6 8.9 34.4 9.4 34C9.8 33.6 10 33.1 10 32.6C10 32.1 9.8 31.7 9.5 31.4C9.1 31.1 8.5 30.8 7.7 30.6V34.7Z" fill="#FFB330"/>
+</g>
+<defs>
+<clipPath id="clip0_2650_33">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO53APP01.svg

@@ -0,0 +1,16 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2545_43)">
+<path d="M13.9 11.6C14 11.6 14.1 11.5 14.2 11.4L14.6 9.4C14.6 9.3 14.6 9.1 14.4 9.1L13 8.7C12.9 8.4 12.8 8.1 12.7 7.8L13.4 6.6C13.5 6.5 13.4 6.4 13.3 6.3L11.7 5C11.6 4.9 11.5 4.9 11.4 5L10.4 5.9C10.1 5.8 9.7 5.7 9.4 5.7L8.8 4.4C8.7 4.3 8.6 4.2 8.5 4.3L6.5 5C6.4 5 6.3 5.2 6.4 5.3L6.7 6.7C6.5 6.7 6.4 6.9 6.3 7C6.2 7.1 6.1 7.3 6 7.4L4.6 7.3C4.5 7.3 4.4 7.4 4.3 7.5L4 9.6C4 9.7 4 9.9 4.2 9.9L5.5 10.3C5.6 10.6 5.7 10.9 5.8 11.2L5.1 12.4C5 12.5 5.1 12.6 5.2 12.7L6.8 14C6.9 14.1 7 14.1 7.1 14L8.1 13.1C8.4 13.2 8.8 13.3 9.1 13.3L9.7 14.5C9.8 14.6 9.9 14.7 10 14.6L12 14C12.1 14 12.2 13.8 12.2 13.7L11.9 12.3C12 12.2 12.1 12.1 12.3 11.9C12.4 11.8 12.5 11.6 12.6 11.5L13.9 11.6ZM10.7 10.7C10 11.5 8.8 11.6 8 11C7.2 10.3 7.1 9 7.8 8.2C8.5 7.4 9.7 7.3 10.5 8C11.3 8.7 11.4 9.9 10.7 10.7Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M17.7 12.4C17.7 12.3 17.7 12.3 17.6 12.2L16.2 12C16.1 12 16 12 16 12.1L15.7 12.9C15.5 12.9 15.3 13 15.1 13.1L14.4 12.6C14.3 12.6 14.2 12.6 14.2 12.6L13.4 13.6C13.3 13.7 13.3 13.7 13.4 13.8L14 14.5C13.9 14.7 13.9 14.9 13.9 15.1L13.1 15.5C13 15.5 13 15.6 13 15.7L13.4 16.9C13.4 17 13.5 17 13.6 17L14.5 16.8C14.6 16.9 14.6 17 14.7 17C14.8 17 14.9 17.1 15 17.2V18.1C15 18.2 15.1 18.3 15.1 18.3L16.4 18.5C16.5 18.5 16.6 18.5 16.6 18.4L16.9 17.6C17.1 17.6 17.3 17.5 17.5 17.4L18.2 17.9C18.3 17.9 18.4 17.9 18.4 17.9L19.2 16.9C19.3 16.8 19.3 16.7 19.2 16.7L18.6 16C18.7 15.8 18.7 15.6 18.7 15.4L19.5 15C19.6 15 19.6 14.9 19.6 14.8L19.2 13.6C19.2 13.5 19.1 13.5 19 13.5L18.1 13.7C18 13.6 18 13.5 17.9 13.5C17.8 13.4 17.7 13.4 17.6 13.3L17.7 12.4ZM17.1 14.4C17.6 14.8 17.7 15.6 17.2 16.1C16.8 16.6 16 16.7 15.5 16.2C15 15.8 14.9 15 15.4 14.5C15.8 14 16.6 14 17.1 14.4Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M29.4 9.5L20.3 0.4C20 0.1 19.7 0 19.4 0H3.4C1.5 0 0 1.5 0 3.4V35.5C0 37.5 1.5 39 3.4 39H25.6C24.4 38.4 23.4 37.7 22.5 36.7H3.4C2.8 36.7 2.3 36.2 2.3 35.6V3.4C2.3 2.8 2.8 2.3 3.4 2.3H18.3V8C18.3 9.9 19.8 11.4 21.7 11.4H27.4V20.3C28.1 20.1 28.9 20 29.7 20V10.3C29.7 10 29.6 9.7 29.4 9.5ZM21.7 9.1C21.1 9.1 20.6 8.6 20.6 8V3.9L25.8 9.1H21.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M21.7 20.7H8C7.4 20.7 6.9 21.2 6.9 21.8C6.9 22.5 7.4 23 8 23H21.7C22.3 23 22.8 22.5 22.8 21.9C22.9 21.2 22.3 20.7 21.7 20.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M21.2 25.3C20.8 26 20.5 26.8 20.3 27.6H8C7.4 27.6 6.9 27.1 6.9 26.5C6.9 25.9 7.4 25.4 8 25.4H21.2V25.3Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M17.1 29.9H8C7.4 29.9 6.9 30.4 6.9 31C6.9 31.6 7.4 32.1 8 32.1H17.1C17.7 32.1 18.2 31.6 18.2 31C18.2 30.4 17.8 29.9 17.1 29.9Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M30 21C25 21 21 25 21 30C21 35 25 39 30 39C35 39 39 35 39 30C39 25 35 21 30 21ZM35.6 27.1L30.3 34.3C30 34.8 29.5 35 29 35C28.5 35 28 34.8 27.6 34.4L24.5 31C24 30.5 24 29.6 24.6 29.1C25.1 28.6 26 28.6 26.5 29.2L28.7 31.6L28.8 31.7C28.8 31.7 28.9 31.7 28.9 31.6L33.4 25.5C33.8 24.9 34.7 24.8 35.3 25.2C35.9 25.7 36 26.5 35.6 27.1Z" fill="#1CA261" style="fill:#1CA261;fill:color(display-p3 0.1098 0.6353 0.3804);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2545_43">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/eo/WEO53TR001.svg

@@ -0,0 +1,15 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2545_24)">
+<path d="M38.7 9.5L29.5 0.4C29.3 0.1 29 0 28.7 0H12.7C10.8 0 9.29999 1.5 9.29999 3.4V9.5C9.39999 9.5 9.49999 9.5 9.59999 9.6L11.6 10.3V3.4C11.6 2.8 12.1 2.3 12.7 2.3H27.5V8C27.5 9.9 29 11.4 30.9 11.4H36.6V35.5C36.6 36.1 36.1 36.6 35.5 36.6H12.7C12.1 36.6 11.6 36.1 11.6 35.5V26.5C11.3 26.5 11.1 26.4 10.8 26.2L9.59999 25.1C9.49999 25.1 9.39999 25.2 9.29999 25.2V35.5C9.29999 37.4 10.8 38.9 12.7 38.9H35.5C37.4 38.9 38.9 37.4 38.9 35.5V10.3C39 10 38.9 9.7 38.7 9.5ZM31 9.1C30.4 9.1 29.9 8.6 29.9 8V3.9L35.1 9.1H31Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M31 20.7H17.3C16.7 20.7 16.2 21.2 16.2 21.8C16.2 22.4 16.7 22.9 17.3 22.9H31C31.6 22.9 32.1 22.4 32.1 21.8C32.1 21.2 31.6 20.7 31 20.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M31 25.3H17.3C16.7 25.3 16.2 25.8 16.2 26.4C16.2 27 16.7 27.5 17.3 27.5H31C31.6 27.5 32.1 27 32.1 26.4C32.1 25.8 31.6 25.3 31 25.3Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M26.4 29.9H17.3C16.7 29.9 16.2 30.4 16.2 31C16.2 31.6 16.7 32.1 17.3 32.1H26.4C27 32.1 27.5 31.6 27.5 31C27.5 30.4 27 29.9 26.4 29.9Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M13 15.3C12.9 15.1 12.7 14.9 12.5 14.7C12.3 14.5 12.1 14.3 12 14.1L12.4 12C12.4 11.8 12.3 11.6 12.2 11.6L9.2 10.5C9 10.4 8.8 10.5 8.7 10.7L7.7 12.6C7.2 12.6 6.7 12.7 6.2 12.9L4.6 11.5C4.4 11.4 4.2 11.4 4.1 11.5L1.7 13.5C1.5 13.6 1.5 13.8 1.6 14L2.7 15.8C2.5 16.3 2.3 16.8 2.2 17.3L0.2 18C0.1 17.9 0 18.1 0 18.3L0.6 21.4C0.6 21.6 0.8 21.7 1 21.7L3.1 21.6C3.2 21.8 3.4 22 3.5 22.2C3.6 22.4 3.9 22.6 4 22.8L3.6 24.9C3.6 25.1 3.7 25.3 3.8 25.3L6.8 26.4C7 26.5 7.2 26.4 7.3 26.2L8.3 24.3C8.8 24.3 9.3 24.2 9.8 24L11.4 25.4C11.6 25.5 11.8 25.5 11.9 25.4L14.3 23.4C14.5 23.3 14.5 23.1 14.4 22.9L13.3 21.1C13.5 20.6 13.7 20.1 13.8 19.6L15.8 18.9C16 18.8 16.1 18.7 16.1 18.4L15.5 15.3C15.5 15.1 15.3 15 15.1 15L13 15.3ZM10 20.7C8.8 21.8 6.9 21.6 5.8 20.4C4.7 19.2 4.9 17.3 6.1 16.2C7.3 15.1 9.2 15.3 10.3 16.5C11.4 17.7 11.2 19.7 10 20.7Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M20 13.3C20.1 13.2 20.3 13.1 20.4 13C20.5 12.9 20.6 12.8 20.8 12.7L22.1 13C22.2 13 22.3 13 22.4 12.8L23.1 10.9C23.1 10.8 23.1 10.7 23 10.6L21.8 10C21.8 9.7 21.7 9.4 21.6 9L22.5 8C22.6 7.9 22.6 7.8 22.5 7.7L21.2 6.2C21 6 20.9 6 20.8 6.1L19.7 6.8C19.4 6.6 19.1 6.5 18.8 6.5L18.4 5.2C18.3 5.1 18.1 5 18 5L16 5.4C15.9 5.4 15.8 5.5 15.8 5.7L15.9 7C15.8 7.1 15.6 7.2 15.5 7.3C15.4 7.4 15.3 7.5 15.1 7.6L13.8 7.3C13.7 7.3 13.6 7.3 13.5 7.5L12.8 9.4C12.8 9.5 12.8 9.6 12.9 9.7L14.1 10.3C14.1 10.6 14.2 10.9 14.3 11.3L13.4 12.3C13.3 12.4 13.3 12.5 13.4 12.6L14.7 14.1C14.8 14.2 14.9 14.2 15 14.1L16.1 13.4C16.4 13.6 16.7 13.7 17 13.7L17.4 15C17.4 15.1 17.6 15.2 17.7 15.2L19.7 14.8C19.8 14.8 19.9 14.7 19.9 14.5L20 13.3ZM16.5 11.3C15.8 10.5 15.9 9.3 16.7 8.7C17.5 8 18.7 8.1 19.3 8.9C19.9 9.7 19.9 10.9 19.1 11.5C18.3 12.1 17.2 12.1 16.5 11.3Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2545_24">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/D06-2.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2588_595)">
+<path d="M22.1 18.4C21.9 18 21.6 17.7 21.3 17.3C21 17 20.7 16.6 20.4 16.4L21.1 12.9C21.2 12.6 21 12.3 20.7 12.1L15.7 10.3C15.4 10.2 15 10.3 14.9 10.6L13.2 13.8C12.3 13.8 11.5 14 10.6 14.3L7.9 11.9C7.6 11.7 7.3 11.7 7 11.9L3 15.4C2.7 15.6 2.7 16 2.9 16.3L4.8 19.3C4.3 20 4 20.9 3.9 21.7L0.500001 22.8C0.100001 23 -0.0999988 23.3 1.2219e-06 23.6L1 28.9C1.1 29.2 1.3 29.5 1.7 29.4L5.3 29.3C5.5 29.6 5.7 30 6 30.3C6.3 30.6 6.6 31 6.9 31.2L6.2 34.7C6.1 35 6.3 35.3 6.6 35.5L11.6 37.3C11.9 37.4 12.3 37.3 12.4 37L14.1 33.8C15 33.8 15.8 33.6 16.7 33.3L19.4 35.7C19.7 35.9 20 35.9 20.3 35.7L24.4 32.2C24.7 32 24.7 31.6 24.5 31.3L22.6 28.3C23 27.5 23.3 26.7 23.5 25.8L26.9 24.7C27.2 24.6 27.4 24.3 27.3 23.9L26.4 18.6C26.3 18.3 26.1 18 25.7 18.1L22.1 18.4ZM16.9 27.7C14.8 29.5 11.6 29.2 9.8 27.1C8 25 8.3 21.8 10.4 20C12.5 18.2 15.7 18.5 17.5 20.6C19.3 22.7 19 25.9 16.9 27.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M33.9 15C34.1 14.9 34.3 14.7 34.6 14.5C34.8 14.3 35 14.1 35.2 13.9L37.4 14.4C37.6 14.4 37.8 14.3 37.9 14.1L39 10.9C39.1 10.7 39 10.5 38.8 10.4L36.8 9.3C36.8 8.7 36.7 8.2 36.5 7.7L38 6C38.1 5.8 38.1 5.6 38 5.4L35.8 2.8C35.7 2.6 35.4 2.6 35.3 2.7L33.3 4C32.8 3.7 32.3 3.6 31.7 3.4L31 1.3C31 1.1 30.8 1 30.6 1L27.3 1.6C27.1 1.6 26.9 1.8 27 2V4.3C26.8 4.4 26.5 4.6 26.3 4.8C26.1 5 25.9 5.2 25.7 5.4L23.5 4.9C23.3 4.9 23 5 23 5.2L21.9 8.4C21.8 8.6 21.9 8.8 22.1 8.9L24 10C24 10.6 24.1 11.1 24.3 11.6L22.8 13.3C22.7 13.5 22.7 13.7 22.8 13.9L25 16.5C25.1 16.7 25.4 16.7 25.5 16.6L27.4 15.4C27.9 15.7 28.4 15.8 29 16L29.7 18.2C29.8 18.4 30 18.5 30.2 18.5L33.5 17.9C33.7 17.9 33.9 17.7 33.8 17.5L33.9 15ZM28 11.7C26.9 10.4 27 8.3 28.4 7.2C29.7 6.1 31.8 6.2 32.9 7.6C34 8.9 33.9 11 32.5 12.1C31.1 13.2 29.1 13.1 28 11.7Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2588_595">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/D06-4.svg

@@ -0,0 +1,5 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 0C6.4 0 1 5.4 1 12C1 18.6 6.3 23.9 12.9 24H13.1C14 24 14.9 23.9 15.7 23.7C15.2 22.7 14.7 21.7 14.3 20.8C13.9 20.9 13.5 20.9 13.1 20.9C8.2 20.9 4.2 16.9 4.2 12C4.2 7.1 8.2 3.1 13.1 3.1C18 3.1 22 7.1 22 12C22 13.3 21.7 14.5 21.2 15.7C21.2 15.7 21.2 15.7 21.3 15.7H21.4C22.4 15.7 23.1 16.1 23.6 16.7C23.9 16.4 24.2 16.2 24.5 16C24.9 14.8 25.2 13.4 25.2 12C25 5.4 19.6 0 13 0Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M19.5 12C19.5 13.2 19.2 14.4 18.6 15.4C18.5 15.3 18.4 15.1 18.4 15L18 14.2C17.6 13.3 17.1 12.3 16.6 11.4C16 10.3 15 9.7 13.8 9.7C13.3 9.7 12.8 9.8 12.4 10.1C10.9 10.9 10.3 12.7 11 14.3C11.1 14.5 11.2 14.7 11.3 14.9L13.1 18.5V18.6H13C9.4 18.6 6.5 15.7 6.5 12.1C6.5 8.5 9.4 5.5 13 5.5C16.6 5.5 19.5 8.4 19.5 12Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M39 39H25.7C25.6 38.9 25.6 38.7 25.5 38.7C24.8 37.2 23.8 36.2 22.1 35.5C18.6 34.1 15.6 32 12.6 29.8C12.2 29.5 11.8 29.2 11.5 28.8C10.6 27.9 10.5 26.9 11.1 26C11.7 25.1 12.9 24.7 13.9 25.2C15.1 25.7 16.3 26.3 17.5 26.9C17.6 27 17.8 27 17.9 27.1C18 27.1 18 27 18.1 27C17.8 26.3 17.6 25.7 17.3 25C15.6 21.5 13.8 17.9 12.1 14.4C12 14.2 11.9 14 11.8 13.8C11.3 12.7 11.7 11.5 12.7 10.9C13.7 10.4 15 10.7 15.6 11.9C16.2 13.1 16.8 14.2 17.4 15.4C17.9 16.3 18.3 17.3 18.9 18.4C19.4 17.3 20.1 16.6 21.2 16.7C22.3 16.7 22.9 17.5 23.4 18.3C24.6 15.9 27 16.4 27.9 18.4C28 18.3 28.1 18.2 28.1 18.2C29.2 16.5 31.1 16.3 32.1 18.1C33.4 20.5 34.5 22.9 35.6 25.4C36.3 27 36.3 28.7 35.4 30.4C35.1 30.9 35.2 31.3 35.5 31.8C35.7 32.2 38.3 37.6 39 39Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</svg>

package/assets/images/menu/invoice/D95F3090.svg

@@ -0,0 +1,13 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2588_594)">
+<path d="M21 30.6C21 29.8 21.1 28.9 21.3 28.1H2C0.9 28.1 0 29 0 30.1V37C0 38.1 0.9 39 2 39H26.3C23.2 37.5 21.1 34.3 21 30.6ZM6.5 36C5.1 36 4 34.9 4 33.5C4 32.1 5.1 31 6.5 31C7.9 31 9 32.1 9 33.5C9 34.9 7.9 36 6.5 36ZM13.5 36C12.1 36 11 34.9 11 33.5C11 32.1 12.1 31 13.5 31C14.9 31 16 32.1 16 33.5C16 34.9 14.9 36 13.5 36Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M27.4 16.4H25.8C24.5 16.4 23.5 15.4 23.5 14.2V14.1H2C0.9 14.1 0 15 0 16.1V22.9C0 24 0.9 24.9 2 24.9H22.8C23.9 23.3 25.6 22.1 27.5 21.5L27.4 16.4ZM6.5 22C5.1 22 4 20.9 4 19.5C4 18.1 5.1 17 6.5 17C7.9 17 9 18.1 9 19.5C9 20.9 7.9 22 6.5 22ZM13.5 22C12.1 22 11 20.9 11 19.5C11 18.1 12.1 17 13.5 17C14.9 17 16 18.1 16 19.5C16 20.9 14.9 22 13.5 22ZM37 14.1H33.2L33.3 21.4C35.2 22 36.8 23.1 38 24.7C38.6 24.3 39 23.7 39 22.9V16.1C39 15 38.1 14.1 37 14.1Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M37 0H2C0.9 0 0 0.9 0 2V8.8C0 9.9 0.9 10.8 2 10.8H23.7C23.6 10.6 23.6 10.4 23.6 10.1C23.6 8.9 24.6 7.8 25.9 7.8H27.4C27.6 6.4 28.8 5.3 30.2 5.3C31.8 5.3 33.1 6.6 33.1 8.1V10.7H37C38.1 10.7 39 9.8 39 8.7V2C39 0.9 38.1 0 37 0ZM6.5 8C5.1 8 4 6.9 4 5.5C4 4.1 5.1 3 6.5 3C7.9 3 9 4.1 9 5.5C9 6.9 7.9 8 6.5 8ZM13.5 8C12.1 8 11 6.9 11 5.5C11 4.1 12.1 3 13.5 3C14.9 3 16 4.1 16 5.5C16 6.9 14.9 8 13.5 8Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M22 30.6C22.1 35.3 25.9 39 30.6 39C35.3 38.9 39 35.1 39 30.4C38.9 26.4 36.1 23 32.3 22.2L32.1 8.2C32.1 7.2 31.2 6.3 30.2 6.4C29.2 6.4 28.3 7.3 28.4 8.3V8.9H25.9C25.2 8.9 24.6 9.5 24.6 10.2C24.6 10.9 25.2 11.4 25.9 11.4H26C26.2 11.4 26.4 11.6 26.4 11.8V12.5C26.4 12.7 26.2 12.9 26 12.9C25.3 12.9 24.7 13.5 24.7 14.2C24.7 14.9 25.3 15.4 26 15.4H28.5L28.6 22.3C24.7 23.1 21.9 26.6 22 30.6ZM25.7 30.6C25.7 28 27.8 25.8 30.4 25.8C33 25.8 35.2 27.9 35.2 30.5C35.2 33.1 33.1 35.3 30.5 35.3C27.9 35.3 25.8 33.2 25.7 30.6Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2588_594">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/D95F3093.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2588_596)">
+<path d="M29.8 18.6157H21.2V9.11565C21.2 8.11565 20.4 7.41565 19.5 7.41565C18.5 7.41565 17.8 8.21565 17.8 9.11565V20.3156C17.8 21.3156 18.6 22.0156 19.5 22.0156H29.9C30.9 22.0156 31.6 21.2156 31.6 20.3156C31.6 19.4156 30.8 18.6157 29.8 18.6157Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M24.8 0.615652C15.9 -1.68435 6.69999 2.61565 2.79999 10.9157L1.19999 10.6157C0.899994 10.5157 0.499994 10.6157 0.299994 10.9157C-6.10948e-06 11.2157 -0.100006 11.5157 -6.10203e-06 11.8157L2.09999 18.3157C2.29999 18.7157 2.59999 19.0157 2.89999 19.0157C3.19999 19.1157 3.59999 19.0157 3.79999 18.7157L8.39999 13.6157C8.59999 13.3157 8.7 13.0157 8.59999 12.7157C8.49999 12.4157 8.19999 12.1157 7.89999 12.1157L6.69999 11.8157C10.2 5.41565 17.9 2.31565 24.9 4.71565C30.5 6.61565 34.5 11.6157 35.1 17.5157C35.5 21.9157 34.2 26.0157 31.3 29.3157C28.4 32.5157 24.3 34.3157 20 34.3157C15.1 34.3157 10.4 31.9157 7.59999 27.8157C6.99999 26.9157 5.79999 26.7157 4.89999 27.3157C4.49999 27.6157 4.19999 28.0157 4.09999 28.5157C3.99999 29.0157 4.09999 29.5157 4.39999 29.9157C7.99999 35.0157 13.8 38.0157 20 38.0157C30.4 38.0157 38.9 29.6157 39 19.2157C39.1 10.6157 33.1 2.81565 24.8 0.615652Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2588_596">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/D95F3094.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_573)">
+<path d="M2.1 18.3351C2.2 18.3351 2.2 18.3351 2.3 18.3351C3.3 18.3351 4.1 17.626 4.2 16.613C4.8 10.3325 10.4 3.74805 19.3 3.84935C24.1 3.84935 28.5 6.17922 31.4 9.62338L28.7 10.9403C28 11.2442 28 12.2571 28.6 12.6623L36.1 17.3221C36.6 17.626 37.4 17.3221 37.5 16.7143L39 8.0026C39.1 7.29351 38.4 6.68571 37.7 6.98961L35.1 8.2052C31.6 3.14026 25.6 0 19.2 0C19.1 0 19.1 0 19 0C8 0 1.2 8.30649 0.400001 16.2078C0.300001 17.2208 1 18.1325 2.1 18.3351Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M36.9 20.6649C36.8 20.6649 36.8 20.6649 36.7 20.6649C35.7 20.6649 34.9 21.374 34.8 22.387C34.2 28.6675 28.6 35.2519 19.7 35.1506C14.9 35.1506 10.5 32.8208 7.6 29.3766L10.3 28.0597C11 27.7558 11 26.7429 10.4 26.3377L2.9 21.6779C2.4 21.374 1.6 21.6779 1.5 22.2857L-2.43448e-06 30.9974C-0.100002 31.7065 0.599998 32.3143 1.3 32.0104L3.9 30.7948C7.4 35.8597 13.4 39 19.8 39C19.9 39 19.9 39 20 39C31.1 39 37.9 30.6935 38.7 22.7922C38.7 21.7792 38 20.7662 36.9 20.6649Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_573">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W102F1000.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_569)">
+<path d="M0.1 35C0.2 34.2 0.7 33.3 1.1 32.5C2.8 28.7 5.8 26.1 9.7 24.3C13.9 22.5 18.3 21.9 22.8 22.5C26.3 22.9 29.5 24 32.3 25.9C35.8 28.2 38 31 38.8 35C38.8 35.1 38.8 35.3 38.9 35.5C38.9 35.8 38.9 36.2 38.9 36.5C38.6 37.8 37.6 38.7 36.2 39C37 39 31 39 27.2 39C18.4 39 2 39 2.8 39C2.2 38.8 1.3 38.5 0.9 38C0.6 37.7 0.4 37.4 0.2 36.9C-0.1 36.4 0 35.6 0.1 35Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M20.6 0.1C21 0.1 21.7 0.3 22.1 0.4C26 1.6 28.3 4.1 28.8 7.9C29.3 11.7 27.9 15 24.9 17.5C21.5 20.3 17 20.1 13.6 17.2C11.5 15.4 10.4 13.1 10 10.5C9.8 8.2 10.2 6 11.5 4.1C13 1.9 15.1 0.6 17.8 0.2C19.3 -0.1 20.3 0 20.6 0.1Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_569">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W103F1000.svg

@@ -0,0 +1,15 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_570)">
+<path d="M19.6 20.1C15.5 20.1 12.2 16.7 12.2 12.6C12.2 8.4 15.6 5.1 19.7 5.1C23.8 5.1 27.1 8.5 27.1 12.7C27 16.7 23.7 20.1 19.6 20.1Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M29.4 28.8L29 26.7C28.7 25.4 28.1 24.6 26.8 24.1C24.5 23.2 23 22.3 23 22.3L20.9 28.8L20.1 26.5C22 23.9 20 23.8 19.6 23.8C19.3 23.8 17.2 23.9 19.1 26.5L18.3 28.8L16.2 22.3C16.2 22.3 14.8 23.2 12.4 24.1C11.3 24.5 10.7 25.2 10.4 26.1L9.9 28.3C9.8 28.9 9.6 29.6 9.5 30.2C9.3 31.4 9.7 32.4 10.6 33.1C12.3 34.4 14.2 35.5 16.1 36.3C17.9 37 19.7 37.3 21.6 36.8C24.2 36 26.5 34.7 28.6 33.1C29.5 32.4 29.8 31.4 29.6 30.2C29.6 29.7 29.5 29.3 29.4 28.8Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M9 28L9.5 25.8V25.7C10 24.4 10.8 23.6 12.1 23.2C14.3 22.3 15.7 21.5 15.7 21.5C15.9 21.4 16.1 21.3 16.3 21.3H16.4C16.3 21 16.3 20.6 16.2 20.3C15.3 19.9 14.4 19.3 13.6 18.5C13.3 18.2 13 17.8 12.8 17.5C11.4 17.5 9.9 17.5 8.5 17.5C6.7 17.5 4.8 17.5 3 17.5C2 17.5 1.2 18.1 1 19.1C0.700002 20.8 0.300002 22.4 2.44752e-06 24.1C-0.199998 25.1 0.100002 25.9 0.900002 26.5C2.3 27.6 3.9 28.5 5.6 29.2C6.6 29.6 7.6 29.8 8.6 29.8C8.7 29.4 8.7 29 8.8 28.6L9 28Z" fill="#7BC0F9" style="fill:#7BC0F9;fill:color(display-p3 0.4824 0.7529 0.9765);fill-opacity:1;"/>
+<path d="M13.9 6.3C12.9 4.3 10.9 3 8.5 3C5.1 3 2.3 5.8 2.3 9.3C2.3 12.8 5.1 15.6 8.5 15.6C9.6 15.6 10.6 15.3 11.5 14.8C11.3 14 11.2 13.3 11.2 12.5C11.2 10 12.3 7.8 13.9 6.3Z" fill="#7BC0F9" style="fill:#7BC0F9;fill:color(display-p3 0.4824 0.7529 0.9765);fill-opacity:1;"/>
+<path d="M38.9 24.1C38.6 22.5 38.3 20.9 38 19.3C37.8 18.1 37.1 17.5 35.9 17.5C34.1 17.5 32.3 17.5 30.5 17.5C29.1 17.5 27.8 17.5 26.4 17.5C25.5 18.8 24.2 19.8 22.7 20.4C22.6 20.7 22.6 21 22.5 21.3C22.5 21.3 22.5 21.3 22.6 21.3C22.7 21.3 22.8 21.2 22.9 21.2C23.1 21.2 23.3 21.3 23.4 21.4C23.4 21.4 24.8 22.3 27 23.1C28.6 23.7 29.5 24.7 29.9 26.4L30.4 28.5V28.7C30.5 29 30.5 29.4 30.6 29.8C31.1 29.8 31.6 29.7 32.2 29.6C34.4 29 36.3 27.9 38.1 26.5C38.9 25.9 39.1 25.1 38.9 24.1Z" fill="#7BC0F9" style="fill:#7BC0F9;fill:color(display-p3 0.4824 0.7529 0.9765);fill-opacity:1;"/>
+<path d="M28.1 12.6C28.1 13.4 28 14.2 27.7 15C28.5 15.4 29.5 15.7 30.5 15.7C33.9 15.7 36.7 12.9 36.7 9.4C36.7 5.9 34 3 30.5 3C28.2 3 26.2 4.2 25.1 6.1C26.9 7.7 28.1 10 28.1 12.6Z" fill="#7BC0F9" style="fill:#7BC0F9;fill:color(display-p3 0.4824 0.7529 0.9765);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_570">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W104F1000.svg

@@ -0,0 +1,13 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_574)">
+<path d="M32.4 35.6C32.4 36.2 31.9 36.7 31.3 36.7H8.4C7.8 36.7 7.3 36.2 7.3 35.6V32H5V35.6C5 37.5 6.5 39 8.4 39H31.3C33.2 39 34.7 37.5 34.7 35.6V32H32.4V35.6ZM34.4 9.5L25.3 0.4C25 0.1 24.7 0 24.4 0H8.4C6.5 0 5 1.5 5 3.4V17H7.3V3.4C7.3 2.8 7.8 2.3 8.4 2.3H23.3V8C23.3 9.9 24.8 11.4 26.7 11.4H32.4V17H34.7V10.3C34.7 10 34.6 9.7 34.4 9.5ZM26.7 9.1C26.1 9.1 25.6 8.6 25.6 8V3.9L30.8 9.1H26.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M19 7H11.1C10.5 7 10 7.5 10 8.1C10 8.7 10.5 9.2 11.1 9.2H19C19.6 9.2 20.1 8.7 20.1 8.1C20.1 7.5 19.6 7 19 7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M19 12H11.1C10.5 12 10 12.5 10 13.1C10 13.7 10.5 14.2 11.1 14.2H19C19.6 14.2 20.1 13.7 20.1 13.1C20.1 12.5 19.6 12 19 12Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M18.9 21.9L17.9 25.4H19.9L18.9 21.9ZM18.9 21.9L17.9 25.4H19.9L18.9 21.9ZM38 18H1C0.5 18 0 18.4 0 19V30C0 30.6 0.5 31 1 31H38C38.5 31 39 30.6 39 30V19C39 18.4 38.5 18 38 18ZM12.8 29H10.5V21.9H8V20H15.3V21.9H12.8V29ZM20.9 29L20.3 27H17.3L16.7 29H14.4L17.4 20H20.2L23.2 29H20.9ZM32.3 29H29.7L28 26.1L26.2 29H23.8L26.6 24.5V24.4L23.8 20H26.5L28.2 23L29.9 20H32.4L29.5 24.5L32.3 29ZM18.9 21.9L17.9 25.4H19.9L18.9 21.9Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_574">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W105F1000.svg

@@ -0,0 +1,12 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_571)">
+<path d="M29.5 23.7C31.5 23.7 33.5 23.7 35.5 23.7C36.8 23.7 37.6 24.4 37.9 25.7C38.3 27.5 38.6 29.3 39 31.1C39.2 32.2 38.9 33.1 38.1 33.8C36.1 35.3 34 36.6 31.6 37.3C29.8 37.8 28.1 37.6 26.4 36.9C24.5 36.2 22.8 35.2 21.2 33.9C20.3 33.2 20 32.3 20.2 31.2C20.5 29.3 20.9 27.5 21.3 25.6C21.5 24.5 22.4 23.8 23.5 23.8C25.4 23.7 27.5 23.7 29.5 23.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M29.5 21.6C25.6 21.6 22.5 18.4 22.6 14.5C22.6 10.6 25.7 7.4 29.6 7.5C33.4 7.5 36.6 10.7 36.5 14.6C36.4 18.5 33.3 21.6 29.5 21.6Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M20 10.2C20 4.6 15.5 0 10 0C4.5 0 0 4.6 0 10.2C0 15 3.3 19 7.8 20.1V36.8C7.8 38 8.8 39 10 39C11.2 39 12.2 38 12.2 36.8V36H15.2C16 36 16.7 35.3 16.7 34.5C16.7 33.7 16 33 15.2 33H15.1C14.8 33 14.6 32.8 14.6 32.5V31.7C14.6 31.4 14.8 31.2 15.1 31.2H15.2C16 31.2 16.7 30.5 16.7 29.7C16.7 28.9 16 28.2 15.2 28.2H12.2V20C16.7 19 20 15 20 10.2ZM10 15.9C6.9 15.9 4.4 13.3 4.4 10.2C4.4 7.1 6.9 4.4 10 4.4C13.1 4.4 15.6 7 15.6 10.1C15.6 13.2 13.1 15.9 10 15.9Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_571">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W106F1000.svg

@@ -0,0 +1,15 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_572)">
+<path d="M1.5 13C0.7 13 0 12.3 0 11.5V1.5C0 0.7 0.7 0 1.5 0H11.5C12.3 0 13 0.7 13 1.5C13 2.3 12.3 3 11.5 3H3V11.5C3 12.3 2.3 13 1.5 13Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M11.5 39H1.5C0.7 39 0 38.3 0 37.5V27.5C0 26.7 0.7 26 1.5 26C2.3 26 3 26.7 3 27.5V36H11.5C12.3 36 13 36.7 13 37.5C13 38.3 12.3 39 11.5 39Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M37.5 39H27.5C26.7 39 26 38.3 26 37.5C26 36.7 26.7 36 27.5 36H36V27.5C36 26.7 36.7 26 37.5 26C38.3 26 39 26.7 39 27.5V37.5C39 38.3 38.3 39 37.5 39Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M37.5 13C36.7 13 36 12.3 36 11.5V3H27.5C26.7 3 26 2.3 26 1.5C26 0.7 26.7 0 27.5 0H37.5C38.3 0 39 0.7 39 1.5V11.5C39 12.3 38.3 13 37.5 13Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M30.1 12.2L23.8 5.9C23.6 5.7 23.2 5.5 22.9 5.5H11.8C10.2 5.5 9 6.8 9 8.4V30.6C9 32.2 10.3 33.5 11.9 33.5H26.7L24.4 30.9H11.8C11.6 30.9 11.5 30.8 11.5 30.6V8.4C11.5 8.2 11.6 8.1 11.8 8.1H21.6V11.6C21.6 13.2 22.9 14.5 24.5 14.5H28V26.7L30.5 29.6V13.1C30.5 12.8 30.4 12.5 30.1 12.2Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M30.8 31.3L26.7 26.6C26.3 26.2 25.8 26 25.3 26L24.6 25.2C26.4 22.9 26.3 19.5 24.4 17.3C23.3 16.1 21.8 15.3 20.2 15.2C18.6 15.1 17 15.6 15.7 16.7C13 19 12.8 22.9 15 25.5C17 27.7 20.3 28.2 22.8 26.7L23.5 27.5C23.5 28 23.6 28.6 24 29L28.1 33.7C28.5 34.1 28.9 34.3 29.4 34.3C29.8 34.3 30.2 34.2 30.6 33.9C31.4 33.1 31.5 32 30.8 31.3ZM19.6 17.4C19.7 17.4 19.8 17.4 19.8 17.4C20.9 17.5 21.8 17.9 22.5 18.7C23.2 19.5 23.6 20.5 23.5 21.6C23.4 22.7 23 23.6 22.2 24.3C20.6 25.8 18 25.6 16.6 24C15.1 22.4 15.3 19.8 16.9 18.4C17.7 17.8 18.7 17.4 19.6 17.4Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_572">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W107F1000.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2736_575)">
+<path d="M29.8 18.6157H21.2V9.11565C21.2 8.11565 20.4 7.41565 19.5 7.41565C18.5 7.41565 17.8 8.21565 17.8 9.11565V20.3156C17.8 21.3156 18.6 22.0156 19.5 22.0156H29.9C30.9 22.0156 31.6 21.2156 31.6 20.3156C31.6 19.4156 30.8 18.6157 29.8 18.6157Z" fill="#FF8C00" style="fill:#FF8C00;fill:color(display-p3 1.0000 0.5490 0.0000);fill-opacity:1;"/>
+<path d="M24.8 0.615652C15.9 -1.68435 6.69999 2.61565 2.79999 10.9157L1.19999 10.6157C0.899994 10.5157 0.499994 10.6157 0.299994 10.9157C-6.10948e-06 11.2157 -0.100006 11.5157 -6.10203e-06 11.8157L2.09999 18.3157C2.29999 18.7157 2.59999 19.0157 2.89999 19.0157C3.19999 19.1157 3.59999 19.0157 3.79999 18.7157L8.39999 13.6157C8.59999 13.3157 8.7 13.0157 8.59999 12.7157C8.49999 12.4157 8.19999 12.1157 7.89999 12.1157L6.69999 11.8157C10.2 5.41565 17.9 2.31565 24.9 4.71565C30.5 6.61565 34.5 11.6157 35.1 17.5157C35.5 21.9157 34.2 26.0157 31.3 29.3157C28.4 32.5157 24.3 34.3157 20 34.3157C15.1 34.3157 10.4 31.9157 7.59999 27.8157C6.99999 26.9157 5.79999 26.7157 4.89999 27.3157C4.49999 27.6157 4.19999 28.0157 4.09999 28.5157C3.99999 29.0157 4.09999 29.5157 4.39999 29.9157C7.99999 35.0157 13.8 38.0157 20 38.0157C30.4 38.0157 38.9 29.6157 39 19.2157C39.1 10.6157 33.1 2.81565 24.8 0.615652Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2736_575">
+<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/invoice/W108F1000.svg

@@ -0,0 +1,6 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.7 7.1H4V6.1C4 5.7 4.1 5.4 4.2 5H2.7C1.2 5 0 6.2 0 7.7V31.3C0 32.8 1.2 34 2.7 34H4.2C4.1 33.6 4 33.3 4 32.9V32H2.7C2.3 32 2.1 31.7 2.1 31.4V7.7C2.1 7.4 2.4 7.1 2.7 7.1Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M8.2 5.5H9.8V4.4C9.8 3.9 9.9 3.4 10 3H8.2C6.4 3 5 4.4 5 6.1V32.8C5 34.6 6.4 36 8.2 36H10C9.8 35.6 9.8 35.1 9.8 34.6V33.5H8.2C7.8 33.5 7.5 33.2 7.5 32.9V6.1C7.5 5.8 7.8 5.5 8.2 5.5Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M38.6 10L30 1.4C29.8 1.1 29.5 1 29.1 1H14.1C12.2 1 10.7 2.5 10.7 4.4V34.6C10.7 36.5 12.2 38 14.1 38H35.5C37.4 38 38.9 36.5 38.9 34.6V10.8C39 10.5 38.9 10.2 38.6 10ZM31.3 12.1H36.5V34.5C36.5 35 36.1 35.4 35.6 35.4H14.1C13.6 35.4 13.2 35 13.2 34.5V4.4C13.2 3.9 13.6 3.5 14.1 3.5H27.8V8.7C27.9 10.6 29.4 12.1 31.3 12.1ZM30.4 8.7V5.4L34.6 9.6H31.2C30.8 9.6 30.4 9.2 30.4 8.7Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+<path d="M31.7 20.4L26.8 27L25.7 28.5C25.4 29 24.8 29.3 24.2 29.3H24.1C23.6 29.3 23 29.1 22.7 28.7L21.3 27L19.3 24.7C18.7 24.1 18.8 23.1 19.4 22.6C19.7 22.3 20 22.2 20.4 22.2C20.8 22.2 21.2 22.4 21.5 22.7L24 25.4L24.1 25.5C24.2 25.5 24.2 25.5 24.2 25.4L29.3 18.5C29.6 18.1 30 17.9 30.5 17.9C30.8 17.9 31.1 18 31.4 18.2C32.1 18.8 32.2 19.7 31.7 20.4Z" fill="#2680EB" style="fill:#2680EB;fill:color(display-p3 0.1490 0.5020 0.9216);fill-opacity:1;"/>
+</svg>

package/components/button/more.js

@@ -1,7 +1,7 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
-import { ButtonIcon, Icon, Popover, Tooltip, Typography } from "./..";
+import { Button, ButtonIcon, Icon, Popover, Tooltip, Typography } from "./..";
 import OptionWrapper from "../others/option-wrapper";
 import PropTypes from 'prop-types';
 import React, { forwardRef, isValidElement, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
@@ -30,7 +30,8 @@ const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
     optionType,
     popoverProp,
     style,
-    onClick
+    onClick,
+    label
   } = props;
   const isOptionFull = optionType === 'full';
   let anchor = anchorProp;
@@ -114,6 +115,28 @@ const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
     });
     return AnchorTag;
   };
+  const renderBtnMore = () => {
+    const btnRef = {
+      ref: ref,
+      viewType: 'text',
+      id: id,
+      style: style,
+      disabled: disabled,
+      onClick: openPopover,
+      ...buttonProps
+    };
+    const btn = label ? jsx(Button, {
+      label: label,
+      className: className,
+      ...btnRef
+    }) : jsx(ButtonIcon, {
+      circular: true,
+      name: 'more',
+      className: classNames('DGN-UI-ButtonMore', className),
+      ...btnRef
+    });
+    return btn;
+  };
   return useMemo(() => {
     return jsx(Popover, {
       css: _PopoverCSS,
@@ -127,18 +150,7 @@ const ButtonMore = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
         vertical: 'top',
         horizontal: 'left'
       },
-      anchor: anchor ? renderAnchor() : jsx(ButtonIcon, {
-        ref: ref,
-        circular: true,
-        name: 'more',
-        viewType: 'text',
-        id: id,
-        style: style,
-        className: classNames('DGN-UI-ButtonMore', className),
-        disabled: disabled,
-        onClick: openPopover,
-        ...buttonProps
-      }),
+      anchor: anchor ? renderAnchor() : renderBtnMore(),
       ...popoverProp
     }, renderOptions());
   }, [buttonProps, className, disabled, id, options, optionType, popoverProp, style, iconState, openState, theme]);
@@ -195,6 +207,8 @@ ButtonMore.propTypes = {
   className: PropTypes.string,
   /** If `true`, the component is disabled. */
   disabled: PropTypes.bool,
+  /** The content of the component. */
+  label: PropTypes.string,
   /** [Props](https://core.diginet.com.vn/ui/?path=/docs/components-typography) applied to the `Typography` label. */
   labelProp: PropTypes.object,
   /** Option(s) in popover. */

package/components/form-control/date-input/DateField.js

@@ -41,8 +41,8 @@ export class DateField {
   }
 }
 
-/**
- * Pad a number with zeros to the left.
+/**
+ * Pad a number with zeros to the left.
  */
 const padNumber = (number, length) => {
   let numberString = String(number);

package/components/form-control/date-input/utils.js

@@ -1,9 +1,9 @@
 import { isValid, parse, setDate, setHours, setMinutes, setMonth, setSeconds, setYear } from 'date-fns';
 import { useCallback, useEffect, useRef } from 'react';
 
-/**
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
- * @param {function} fn
+/**
+ * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ * @param {function} fn
  */
 export const useEventCallback = fn => {
   const ref = useRef(fn);

package/components/form-control/date-picker/index.js

@@ -192,7 +192,7 @@ const DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
   });
   const iconComp = jsx("div", {
     css: _IconAreaCSS
-  }, clearAble && value ? jsx(ButtonIcon, {
+  }, clearAble && value && !disabled && !readOnly ? jsx(ButtonIcon, {
     disabled: disabled || readOnly,
     viewType: 'ghost',
     onClick: onClear,

package/components/form-control/date-range-picker/index.js

@@ -14,6 +14,9 @@ import { getColor } from "../../../styles/utils";
 import { generateCalendarCSS, onUpdateNavigator, renderHeader, renderNavigator } from "../calendar/function";
 import ControlComp from "../control";
 import useThemeProps from "../../../theme/utils/useThemeProps";
+const SINGLE_CALENDAR_BOARD_WIDTH = 360;
+const SINGLE_CALENDAR_BOARD_HEIGHT = 295;
+const CONTROL_BOARD_HEIGHT = 56;
 const toLocalTimestamp = t => {
   if (typeof t === 'object' && t.getTime) {
     t = t.getTime();
@@ -140,6 +143,12 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
   const focusBtnRef = useRef('today');
   const loadMoreTimer = useRef(null);
   const dropdownListRef = useRef(null);
+  const anchorInputDateRef = useRef(null);
+  const singleCalendarBoardInfoRef = useRef({
+    status: false,
+    width: SINGLE_CALENDAR_BOARD_WIDTH,
+    height: controls ? SINGLE_CALENDAR_BOARD_HEIGHT + CONTROL_BOARD_HEIGHT : SINGLE_CALENDAR_BOARD_HEIGHT
+  });
   const [valueState, setValueState] = useState();
   const navigatorFromRefs = {
     doubleLeft: useRef(null),
@@ -398,21 +407,32 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
       height,
       top
     } = anchor instanceof Element ? anchor.getBoundingClientRect() : ref.current.getBoundingClientRect();
-    const pickerHeight = innerWidth < 567 ? controls ? 550 : 495 : controls ? 310 : 256;
+    const pickerHeight = innerWidth < 567 ? controls ? 550 : 495 : singleCalendarBoardInfoRef.current.height;
     let style = {};
     style.left = left;
     style.top = top + height + 4;
     style.transformOrigin = '50% 20%';
     if (style.top + pickerHeight > innerHeight) {
       if (top > pickerHeight) {
-        style.top = innerHeight - pickerHeight - 4;
+        var _anchorInputDateRef$c;
+        const anchorRef = (_anchorInputDateRef$c = anchorInputDateRef.current) !== null && _anchorInputDateRef$c !== void 0 ? _anchorInputDateRef$c : ipConRef.current;
+        const {
+          top: topInput
+        } = anchorRef.getBoundingClientRect() || {};
+        style.top = topInput - pickerHeight;
         style.transformOrigin = '50% 80%';
       } else {
         style.top = Math.round((innerHeight - pickerHeight - 16) / 2);
         style.transformOrigin = 'center';
       }
     }
-    const pickerWidth = window.innerWidth <= 633 ? 300 : 633;
+    const {
+      width: singleCalendarCompWidth
+    } = {
+      ...singleCalendarBoardInfoRef.current
+    };
+    const fullCalendarComp = singleCalendarCompWidth * 2;
+    const pickerWidth = window.innerWidth <= fullCalendarComp ? singleCalendarCompWidth : fullCalendarComp;
     if (left + pickerWidth > innerWidth) {
       if (innerWidth > pickerWidth) {
         style.left = (innerWidth - pickerWidth) / 2;
@@ -692,6 +712,7 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
     renderCalendar(valueTo.current, 'to');
   };
   const openPicker = anchor => {
+    if (anchor) anchorInputDateRef.current = anchor;
     const backGr = createBackground();
     const picker = createPicker(anchor);
     render(pickerComp, backGr.appendChild(picker));
@@ -752,6 +773,7 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
     }
     ipRef.current && ipRef.current.blur();
     updateTempValues([]);
+    setOpenState(false);
   };
   const onClickOutside = e => {
     if (ipConRef.current && !ipConRef.current.contains(e.target) && ipRef.current && !ipRef.current.contains(e.target) && pickerRef.current && !pickerRef.current.contains(e.target)) {
@@ -1056,6 +1078,16 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, ref
     onClick: onConfirm
   }, confirmText)));
   const leftCalendarComp = jsx("div", {
+    ...(!singleCalendarBoardInfoRef.current.status ? {
+      ref: ref => {
+        var _ref$clientWidth;
+        return singleCalendarBoardInfoRef.current = {
+          ...singleCalendarBoardInfoRef.current,
+          status: true,
+          width: (_ref$clientWidth = ref === null || ref === void 0 ? void 0 : ref.clientWidth) !== null && _ref$clientWidth !== void 0 ? _ref$clientWidth : SINGLE_CALENDAR_BOARD_WIDTH
+        };
+      }
+    } : {}),
     css: generateCalendarCSS(unique, false, false, theme)
   }, renderNavigator(unique, navigatorFromRefs, e => setPrevTime(e, 'year', valueFr.current, 'from'), e => setPrevTime(e, 'month', valueFr.current, 'from'), e => setNextTime(e, 'month', valueFr.current, 'from'), e => setNextTime(e, 'year', valueFr.current, 'from')), jsx("div", {
     className: unique.table.container
@@ -1483,21 +1515,7 @@ DateRangePicker.propTypes = {
   placeholder: PropTypes.string,
   /** If `true`, hitting escape will close component. */
   pressESCToClose: PropTypes.bool,
-  /** Options for period selector.
-   * example: {
-   *  enable: true,
-   *  dataSource: [],
-   *  displayExpr: "DisplayName",
-   *  valueFromExpr: "DateFrom",
-   *  valueToExpr: "DateTo",
-   *  valueFormat: "DD/MM/YYYY",
-   *  limit: 5,
-   *  skip: 0,
-   *  total: 100,
-   *  onLoadMore: () => {},
-   *  loading: false
-   * }
-   */
+  /** Options for period selector. */
   periodOptions: PropTypes.object,
   /** If `true`, the component is readOnly. */
   readOnly: PropTypes.bool,

package/components/form-control/dropdown/index.js

@@ -29,7 +29,7 @@ const convertData = (dt, valueExpr) => {
 };
 const convertSearchDelayTime = searchDelayTime => {
   var _searchDelayTime$matc, _searchDelayTime$matc2;
-  if (searchDelayTime === true) return getGlobal('delayOnInput');
+  if (searchDelayTime === true) return getGlobal('delayOnSearchInput');
   const units = {
     m: 60000,
     s: 1000,
@@ -122,10 +122,10 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
   } = props;
   const selectBox = multiple && selectBoxProp === undefined ? true : selectBoxProp;
   const searchExpr = typeof searchExprProp === 'string' ? [searchExprProp] : searchExprProp;
-  const searchDelayTime = convertSearchDelayTime(searchDelayTimeProp === undefined ? getGlobal('delayOnInput') : searchDelayTimeProp);
+  const searchDelayTime = convertSearchDelayTime(searchDelayTimeProp === undefined ? getGlobal('delayOnSearchInput') : searchDelayTimeProp);
   let displayExpr = displayExprProp;
   const noDataText = noDataTextProp || getGlobal('noDataText');
-  const placeholder = placeholderProp || getGlobal('dropdownPlaceholder');
+  const placeholder = placeholderProp || !readOnly && !disabled && getGlobal('dropdownPlaceholder');
   const ref = useRef(null);
   const dropdownRef = useRef(null);
   const timer = useRef(null);

package/components/form-control/money-input/index.js

@@ -404,13 +404,7 @@ const MoneyInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
         }
         const v = getValueWithDecimal(number.toString().replace('.', decimalSymbol));
         if (convertToWords && !decimalDigit && (disabled || readOnly)) {
-          let valueConverted = getGlobal('helperInvalid');
-          if (Number.isInteger(number)) {
-            const currentLocale = locale.get();
-            const converter = converters[currentLocale] || num2WordsVi; // fallback VN
-            valueConverted = converter.convert(number);
-          }
-          inputRef.current.value = parseValueWithFix(valueConverted);
+          inputRef.current.value = convertNumToWords(value);
         } else {
           inputRef.current.value = parseValueWithFix(thousandSeparator ? getThousandSeparator(v) : v);
         }
@@ -427,13 +421,23 @@ const MoneyInput = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, referenc
   useImperativeHandle(reference, () => {
     const currentRef = ref.current || {};
     const _instance = {
-      getThousandSeparator: getThousandSeparator
+      getThousandSeparator: getThousandSeparator,
+      convertNumToWords
     }; // methods
     _instance.__proto__ = {}; // hidden methods
     currentRef.instance = _instance;
     currentRef.getThousandSeparator = getThousandSeparator;
     return currentRef;
   });
+  const convertNumToWords = number => {
+    let valueConverted = getGlobal('helperInvalid');
+    if (Number.isInteger(number)) {
+      const currentLocale = locale.get();
+      const converter = converters[currentLocale] || num2WordsVi; // fallback VN
+      valueConverted = Object.hasOwn(converter, 'convert') ? converter.convert(number) : converter(number);
+    }
+    return valueConverted;
+  };
   const validateResult = validates && onValidate(value, validates, true);
   return jsx("div", {
     ref: ref,
@@ -543,6 +547,8 @@ MoneyInput.propTypes = {
   required: PropTypes.bool,
   /** Convert money from number to words when readOnly || disabled */
   convertToWords: PropTypes.bool,
+  /** Convert number to words function */
+  convertNumToWords: PropTypes.number,
   /** Add a string to first of value when convertToWords. */
   prefix: PropTypes.string,
   /** Add a string to last of value when convertToWords. */

package/components/popup/v2/index.js

@@ -36,6 +36,7 @@ const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   type,
   width,
   yesText,
+  showFullContent,
   ...props
 }, reference) => {
   if (!reference) reference = useRef(null);
@@ -43,7 +44,7 @@ const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   const statusAction = useRef('');
   const [openState, setOpenState] = useState(open);
   const [custom, setCustom] = useState(null);
-  const [showMoreDescription, setShowMoreDescription] = useState(false);
+  const [showMoreDescription, setShowMoreDescription] = useState(!showFullContent);
   const [descriptionLines, setDescriptionLines] = useState(0);
   const showPopup = useDelayUnmount(openState, 200);
   const theme = useTheme();
@@ -100,7 +101,7 @@ const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   const onRefChange = useCallback(node => {
     if (node) {
       setDescriptionLines(Math.round((node === null || node === void 0 ? void 0 : node.offsetHeight) / 18)); //18 is line-height of Typography p2
-      setShowMoreDescription(false);
+      setShowMoreDescription(!showFullContent);
     }
   }, []);
   useEffect(() => {
@@ -175,7 +176,7 @@ const Popup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       ref: onRefChange,
       type: 'p2',
       className: 'DGN-UI-Popup-Body-Detail'
-    }, description), subtitle && descriptionLines > 1 || descriptionLines > 3 ? jsx("span", {
+    }, description), (subtitle && descriptionLines > 1 || descriptionLines > 3) && showFullContent ? jsx("span", {
       className: 'DGN-More-Action',
       onClick: () => setShowMoreDescription(!showMoreDescription)
     }, getGlobal(showMoreDescription ? 'showLess' : 'showMore')) : null)));
@@ -343,7 +344,8 @@ Popup.defaultProps = {
   style: {},
   top: 56,
   type: 'info',
-  width: 480
+  width: 480,
+  showFullContent: true
 };
 Popup.propTypes = {
   /** If `true`, the component is shown. */
@@ -379,7 +381,9 @@ Popup.propTypes = {
   /** Width of the component. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /** Label of confirm button. */
-  yesText: PropTypes.string
+  yesText: PropTypes.string,
+  /** If `true`, show full content in popup */
+  showFullContent: PropTypes.bool
   /**
    * ref methods
    *

package/global/index.js

@@ -245,7 +245,8 @@ const globalObject = {
     dropdownPlaceholder: '请选择'
   },
   //Global variable
-  delayOnInput: 1200,
+  delayOnInput: 500,
+  delayOnSearchInput: 1200,
   maxSizeUpload: Infinity
 };
 export const getGlobal = (key, language = locale.get()) => {

package/icons/basic.js

@@ -4679,6 +4679,34 @@ export const OneSquare = /*#__PURE__*/memo(({
     fill: fillColor(color)
   }));
 });
+export const OpenNew = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = 'system/rest',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 3V5H5V19H19V12H21V19C21 20.1 20.1 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.89 3 5 3H12ZM21 3V10H19V6.41016L9.16992 16.2402L7.75977 14.8301L17.5898 5H14V3H21Z",
+    fill: fillColor(color)
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 18,
+    height: height || 18,
+    viewBox: "0 0 18 18",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 0V2H2V16H16V9H18V16C18 17.1 17.1 18 16 18H2C0.89 18 0 17.1 0 16V2C0 0.9 0.89 0 2 0H9ZM18 0V7H16V3.41016L6.16992 13.2402L4.75977 11.8301L14.5898 2H11V0H18Z",
+    fill: fillColor(color)
+  }));
+});
 export const Undo = /*#__PURE__*/memo(({
   width,
   height,

package/icons/menu/v2/index.js

@@ -61,8 +61,8 @@ IconMenu.propTypes = {
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /** Name of icon. */
   name: PropTypes.string,
-  /** Menu type (DHR || ERP || BEM). */
-  type: PropTypes.oneOf(['dhr', 'erp', 'bem', 'eo']),
+  /** Menu type (DHR || ERP || BEM || INVOICE). */
+  type: PropTypes.oneOf(['dhr', 'erp', 'bem', 'eo', 'invoice']),
   /** Width of icon. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /** Style inline of component. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.64",
+  "version": "1.4.65",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -41,6 +41,19 @@ npm test
 ```
 
 ## Changelog
+## 1.4.65
+- \[Added\]: Icon – Add Icon OpenNew
+- \[Added\]: Icon – Add IconMenu WEO53TR001, WEO53APP01
+- \[Added\]: Icon – Add IconMenu MHRM09N1404
+- \[Added\]: Icon – Add IconMenu MHRP25N0010
+- \[Added\]: Icon – Add IconMenu D95F3090, D95F3093, D06-2, D06-4, D95F3094, W102F1000, W103F1000, W104F1000, W105F1000, W106F1000, W107F1000, W108F1000
+- \[Changed\]: ButtonMore - Allow custom ButtonMore
+- \[Changed\]: Setting - Adjust the debounce/wait time when entering employee search information from 0.7s to 1.2s
+- \[Changed\]: DatePicker, Dropdown - Adjust the behavior so that when DatePicker or Dropdown is in ReadOnly or Disabled state, the "Select" placeholder text and the clear (X) icon are still displayed
+- \[Fixed\]: DateRangePicker - Display a popup for DateRangePicker
+- \[Changed\]: MoneyInput - Add support for converting numbers into currency words/text in MoneyInput
+- \[Changed\]: Popup - Add the showFullContent prop for Popup
+
 ## 1.4.64
 - \[Added\]: Icon – Add Icon BloodMinus
 - \[Changed\]: DatePicker - Allow manual input for the DatePicker (default value shows "Invalid Date" when typing) + add a "delayOnChange" prop.

package/theme/settings.js

@@ -436,7 +436,7 @@ const settings = {
         openOnClickAt: 'icon',
         viewType: 'underlined',
         inputProps: {},
-        delayOnInput: 1200
+        delayOnInput: 700
       }
     },
     Grid: {

package/utils/date.js

@@ -4,11 +4,11 @@ const language = locale.get();
 const localeName = language === 'en' ? 'en-US' : 'vi-VN';
 const units = ['year', 'month', 'day', 'hour', 'minute', 'second', 'millisecond'];
 
-/**
- *
- * @param {Date|String|Array} value is a date time
- * @param {String} format the input date format
- * @param {Boolean} setNow return current time if true
+/**
+ *
+ * @param {Date|String|Array} value is a date time
+ * @param {String} format the input date format
+ * @param {Boolean} setNow return current time if true
  */
 const getDate = (value, format = 'MM/DD/YYYY', setNow = true) => {
   if (value) {
@@ -52,11 +52,11 @@ const getMethodOfUnit = unit => {
   }
 };
 
-/**
- * check 1 value is a date
- * @param {Date|String|Array|Number} value the value to check
- * @param {String} formatInput the format date to check valid date
- * @returns {Boolean} valid date
+/**
+ * check 1 value is a date
+ * @param {Date|String|Array|Number} value the value to check
+ * @param {String} formatInput the format date to check valid date
+ * @returns {Boolean} valid date
  */
 export const isValidDate = (value, formatInput) => {
   if (typeof value === 'string' || Array.isArray(value)) {
@@ -69,11 +69,11 @@ export const isValidDate = (value, formatInput) => {
   return false;
 };
 
-/**
- * get the end of month from month and year or from a date
- * @param {Number|String|Date|Array} month the month of year (can also be validated as year) or a value with date type
- * @param {Number} year the year (can also be validated as month if arg 1 is year)
- * @returns {Number} end day
+/**
+ * get the end of month from month and year or from a date
+ * @param {Number|String|Date|Array} month the month of year (can also be validated as year) or a value with date type
+ * @param {Number} year the year (can also be validated as month if arg 1 is year)
+ * @returns {Number} end day
  */
 export const getEndDayOfMonth = (month, year) => {
   if (!year) {
@@ -92,11 +92,11 @@ export const getEndDayOfMonth = (month, year) => {
   return 'Invalid Date';
 };
 
-/**
- * return a date time follow the concrete format
- * @param {Date|String|Array} value is a date time
- * @param {String} formatOutput format of date
- * @param {Boolean} utc is utc time
+/**
+ * return a date time follow the concrete format
+ * @param {Date|String|Array} value is a date time
+ * @param {String} formatOutput format of date
+ * @param {Boolean} utc is utc time
  */
 export const formatDate = (value, formatOutput = 'DD/MM/YYYY', utc = false) => {
   if (!value) return formatOutput;
@@ -232,21 +232,21 @@ export const formatDate = (value, formatOutput = 'DD/MM/YYYY', utc = false) => {
   }
 };
 
-/**
- * return a date like moment
- * @param {Date|String|Array} value is date time
- * @param {String} formatInput format of input date value
- * @returns {Object} date
+/**
+ * return a date like moment
+ * @param {Date|String|Array} value is date time
+ * @param {String} formatInput format of input date value
+ * @returns {Object} date
  */
 const date = (value, formatInput = 'MM/DD/YYYY') => {
   const originDate = getDate(value, formatInput);
 
-  /**
-   * compare two date time and return a period
-   * @param {Date|String|Array} date is a date time
-   * @param {String} unit one of milliseconds|seconds|minutes|hours|days|months|years
-   * @param {Boolean|Number} floating allow odd numbers
-   * @returns {Number} distance
+  /**
+   * compare two date time and return a period
+   * @param {Date|String|Array} date is a date time
+   * @param {String} unit one of milliseconds|seconds|minutes|hours|days|months|years
+   * @param {Boolean|Number} floating allow odd numbers
+   * @returns {Number} distance
    */
   const diff = (compareDate, unit = 'days', floating = false) => {
     compareDate = getDate(compareDate);
@@ -295,12 +295,12 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
     return result.toFixed(floating ? typeof floating === 'number' ? floating : 2 : 0);
   };
 
-  /**
-   * add or subtract date time
-   * @param {Number} num the quantity to cal for unit
-   * @param {String} unit the unit of date/time
-   * @param {String} operator operator to cal (add/subtract)
-   * @returns {Object} date
+  /**
+   * add or subtract date time
+   * @param {Number} num the quantity to cal for unit
+   * @param {String} unit the unit of date/time
+   * @param {String} operator operator to cal (add/subtract)
+   * @returns {Object} date
    */
   const calculation = (num, unit, operator) => {
     if (isNaN(num)) {
@@ -311,11 +311,11 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
     return date(originDate, formatInput);
   };
 
-  /**
-   * get the moment of time follow unit time
-   * @param {String} unit the unit of time
-   * @param {String} moment start|end to get start|end of the moment
-   * @returns {Object} date
+  /**
+   * get the moment of time follow unit time
+   * @param {String} unit the unit of time
+   * @param {String} moment start|end to get start|end of the moment
+   * @returns {Object} date
    */
   const timeOf = (unit, moment) => {
     let temp = 1;
@@ -337,12 +337,12 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
     return date(originDate, formatInput);
   };
 
-  /**
-   *
-   * @param {Date|String|Number|Array} compareDate date to calculate moment, undefined will compare with now
-   * @param {String|Array} unit year|month|day|hour|minute|second|millisecond, allow undefined
-   * @param {Boolean|Number} floating allow odd numbers
-   * @returns {String} moments
+  /**
+   *
+   * @param {Date|String|Number|Array} compareDate date to calculate moment, undefined will compare with now
+   * @param {String|Array} unit year|month|day|hour|minute|second|millisecond, allow undefined
+   * @param {Boolean|Number} floating allow odd numbers
+   * @returns {String} moments
    */
   const relative = (compareDate, unit, floating) => {
     compareDate = getDate(compareDate);
@@ -378,17 +378,17 @@ const date = (value, formatInput = 'MM/DD/YYYY') => {
   };
   return {
     value: originDate,
-    /**
-     * return a date time follow the concrete format
-     * @param {String} formatOutput format of date
-     * @param {Boolean} utc is utc time
+    /**
+     * return a date time follow the concrete format
+     * @param {String} formatOutput format of date
+     * @param {Boolean} utc is utc time
      */
     format: (formatOutput, utc) => formatDate(originDate, formatOutput, utc),
     diff,
-    /**
-     * check 1 value is a date
-     * @param {String} formatInput the format date to check valid date
-     * @returns {Boolean} valid date
+    /**
+     * check 1 value is a date
+     * @param {String} formatInput the format date to check valid date
+     * @returns {Boolean} valid date
      */
     isValid: () => isValidDate(originDate, formatInput),
     add: (num, unit) => calculation(num, unit, 'add'),