phx-react 1.3.1545 → 1.3.1547

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-cong.js.map

@@ -1 +1 @@
-{"version":3,"file":"cham-cong.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cham-cong.tsx"],"names":[],"mappings":";;AAGA,uBAgBC;;AAnBD,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,gjCAAgjC,EACljC,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,6oDAA6oD,EAC/oD,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"cham-cong.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cham-cong.tsx"],"names":[],"mappings":";;AAIA,uBAgBC;;AApBD,wDAAyB;AAEzB,uCAA+C;AAE/C,SAAwB,IAAI,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,+3BAA+3B,EACj4B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,y5CAAy5C,EAC35C,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-cong.tsx

@@ -1,18 +1,19 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
       <path
-        d='M18.3333 6.52761V7.22206H1.66663V6.52761C1.66663 4.61025 3.22149 3.05539 5.13885 3.05539H5.83329V2.36095C5.83329 1.97762 6.1444 1.6665 6.52774 1.6665C6.91107 1.6665 7.22218 1.97762 7.22218 2.36095V3.05539H12.7777V2.36095C12.7777 1.97762 13.0888 1.6665 13.4722 1.6665C13.8555 1.6665 14.1666 1.97762 14.1666 2.36095V3.05539H14.8611C16.7784 3.05539 18.3333 4.61025 18.3333 6.52761ZM18.3333 13.4721C18.3333 16.1526 16.152 18.3332 13.4722 18.3332C10.7923 18.3332 8.61107 16.1526 8.61107 13.4721C8.61107 10.7915 10.7923 8.61095 13.4722 8.61095C16.152 8.61095 18.3333 10.7915 18.3333 13.4721ZM14.8611 13.879L14.1666 13.1846V12.0832C14.1666 11.6998 13.8555 11.3887 13.4722 11.3887C13.0888 11.3887 12.7777 11.6998 12.7777 12.0832V13.4721C12.7777 13.6561 12.8507 13.8332 12.9812 13.963L13.8791 14.8609C14.15 15.1318 14.5902 15.1318 14.8611 14.8609C15.1319 14.5901 15.1319 14.1498 14.8611 13.879ZM7.22218 13.4721C7.22218 11.5075 8.13051 9.75678 9.54788 8.61095H1.66663V14.8609C1.66663 16.7783 3.22149 18.3332 5.13885 18.3332H9.54788C8.13051 17.1873 7.22218 15.4366 7.22218 13.4721Z'
-        fill={activeColor}
+        d='M18 6.66667V7.33333H2V6.66667C2 4.826 3.49267 3.33333 5.33333 3.33333H6V2.66667C6 2.29867 6.29867 2 6.66667 2C7.03467 2 7.33333 2.29867 7.33333 2.66667V3.33333H12.6667V2.66667C12.6667 2.29867 12.9653 2 13.3333 2C13.7013 2 14 2.29867 14 2.66667V3.33333H14.6667C16.5073 3.33333 18 4.826 18 6.66667ZM18 13.3333C18 15.9067 15.906 18 13.3333 18C10.7607 18 8.66667 15.9067 8.66667 13.3333C8.66667 10.76 10.7607 8.66667 13.3333 8.66667C15.906 8.66667 18 10.76 18 13.3333ZM14.6667 13.724L14 13.0573V12C14 11.632 13.7013 11.3333 13.3333 11.3333C12.9653 11.3333 12.6667 11.632 12.6667 12V13.3333C12.6667 13.51 12.7367 13.68 12.862 13.8047L13.724 14.6667C13.984 14.9267 14.4067 14.9267 14.6667 14.6667C14.9267 14.4067 14.9267 13.984 14.6667 13.724ZM7.33333 13.3333C7.33333 11.4473 8.20533 9.76667 9.566 8.66667H2V14.6667C2 16.5073 3.49267 18 5.33333 18H9.566C8.20533 16.9 7.33333 15.2193 7.33333 13.3333Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
       />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
       <path
-        d='M13.4722 8.63803C10.7923 8.63803 8.61107 10.8186 8.61107 13.4991C8.61107 16.1644 10.7923 18.3332 13.4722 18.3332C16.152 18.3332 18.3333 16.1526 18.3333 13.4721C18.3333 10.8068 16.152 8.63803 13.4722 8.63803ZM13.4722 16.9443C11.5576 16.9443 9.99996 15.3984 9.99996 13.4991C9.99996 11.5846 11.5576 10.0269 13.4722 10.0269C15.3868 10.0269 16.9444 11.5728 16.9444 13.4721C16.9444 15.3866 15.3868 16.9443 13.4722 16.9443ZM14.6576 13.6755C14.9291 13.9471 14.9291 14.3859 14.6576 14.6575C14.5222 14.7929 14.3444 14.8609 14.1666 14.8609C13.9888 14.8609 13.8111 14.7929 13.6757 14.6575L12.9812 13.963C12.8507 13.8325 12.7777 13.6561 12.7777 13.4721V12.0832C12.7777 11.6998 13.0882 11.3887 13.4722 11.3887C13.8562 11.3887 14.1666 11.6998 14.1666 12.0832V13.1846L14.6576 13.6755ZM18.3333 6.52761V7.9165C18.3333 8.29984 18.0229 8.61095 17.6388 8.61095C17.2548 8.61095 16.9444 8.29984 16.9444 7.9165V6.52761C16.9444 5.379 16.0097 4.44428 14.8611 4.44428H5.13885C3.99024 4.44428 3.05551 5.379 3.05551 6.52761V7.22206H9.30551C9.68885 7.22206 9.99996 7.53317 9.99996 7.9165C9.99996 8.29984 9.68885 8.61095 9.30551 8.61095H3.05551V14.8609C3.05551 16.0096 3.99024 16.9443 5.13885 16.9443H7.91663C8.29996 16.9443 8.61107 17.2554 8.61107 17.6387C8.61107 18.0221 8.29996 18.3332 7.91663 18.3332H5.13885C3.22426 18.3332 1.66663 16.7755 1.66663 14.8609V6.52761C1.66663 4.61303 3.22426 3.05539 5.13885 3.05539H5.83329V2.36095C5.83329 1.97762 6.1444 1.6665 6.52774 1.6665C6.91107 1.6665 7.22218 1.97762 7.22218 2.36095V3.05539H12.7777V2.36095C12.7777 1.97762 13.0882 1.6665 13.4722 1.6665C13.8562 1.6665 14.1666 1.97762 14.1666 2.36095V3.05539H14.8611C16.7757 3.05539 18.3333 4.61303 18.3333 6.52761Z'
+        d='M13.3333 8.69267C10.7607 8.69267 8.66667 10.786 8.66667 13.3593C8.66667 15.918 10.7607 18 13.3333 18C15.906 18 18 15.9067 18 13.3333C18 10.7747 15.906 8.69267 13.3333 8.69267ZM13.3333 16.6667C11.4953 16.6667 10 15.1827 10 13.3593C10 11.5213 11.4953 10.026 13.3333 10.026C15.1713 10.026 16.6667 11.51 16.6667 13.3333C16.6667 15.1713 15.1713 16.6667 13.3333 16.6667ZM14.4713 13.5287C14.732 13.7893 14.732 14.2107 14.4713 14.4713C14.3413 14.6013 14.1707 14.6667 14 14.6667C13.8293 14.6667 13.6587 14.6013 13.5287 14.4713L12.862 13.8047C12.7367 13.6793 12.6667 13.51 12.6667 13.3333V12C12.6667 11.632 12.9647 11.3333 13.3333 11.3333C13.702 11.3333 14 11.632 14 12V13.0573L14.4713 13.5287ZM18 6.66667V8C18 8.368 17.702 8.66667 17.3333 8.66667C16.9647 8.66667 16.6667 8.368 16.6667 8V6.66667C16.6667 5.564 15.7693 4.66667 14.6667 4.66667H5.33333C4.23067 4.66667 3.33333 5.564 3.33333 6.66667V7.33333H9.33333C9.70133 7.33333 10 7.632 10 8C10 8.368 9.70133 8.66667 9.33333 8.66667H3.33333V14.6667C3.33333 15.7693 4.23067 16.6667 5.33333 16.6667H8C8.368 16.6667 8.66667 16.9653 8.66667 17.3333C8.66667 17.7013 8.368 18 8 18H5.33333C3.49533 18 2 16.5047 2 14.6667V6.66667C2 4.82867 3.49533 3.33333 5.33333 3.33333H6V2.66667C6 2.29867 6.29867 2 6.66667 2C7.03467 2 7.33333 2.29867 7.33333 2.66667V3.33333H12.6667V2.66667C12.6667 2.29867 12.9647 2 13.3333 2C13.702 2 14 2.29867 14 2.66667V3.33333H14.6667C16.5047 3.33333 18 4.82867 18 6.66667Z'
         fill='currentColor'
       />
     </svg>

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-tiet.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function Icon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-tiet.js

@@ -3,18 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Icon;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
+var helper_1 = require("../../helper");
 function Icon(_a) {
-    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, isBoldIcon = _a.isBoldIcon;
     return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_89020', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        react_1.default.createElement("g", { mask: 'url(#mask0_1815_89020)' },
-            react_1.default.createElement("path", { d: 'M6.50842 2.0835H13.4918C14.9256 2.08353 16.0202 2.50936 16.7545 3.24463C17.4886 3.97984 17.9118 5.07403 17.9078 6.50732V13.4917C17.9078 14.9254 17.4822 16.0199 16.7467 16.7554C16.0112 17.4908 14.9167 17.9165 13.483 17.9165H6.50842C5.07463 17.9165 3.98022 17.4908 3.24475 16.7544C2.50922 16.0179 2.08362 14.9212 2.08362 13.4829V6.5083C2.08362 5.0745 2.50923 3.98015 3.24475 3.24463C3.98027 2.50911 5.07462 2.0835 6.50842 2.0835ZM5.13538 10.5835C4.96764 10.7456 4.82345 10.9607 4.71545 11.1743C4.60735 11.3881 4.52109 11.6295 4.48792 11.856V11.8579L4.19592 13.9048C4.11301 14.455 4.25551 14.9944 4.63831 15.3774C4.95289 15.692 5.38215 15.8413 5.81702 15.8413C5.91876 15.8413 6.01659 15.8306 6.08752 15.8228L6.10022 15.8208L8.15002 15.5288H8.15295C8.3773 15.4952 8.61956 15.4052 8.83167 15.2974C9.0436 15.1896 9.25796 15.0475 9.41858 14.8872L13.152 11.1792L13.6324 10.7017L12.9899 10.4878C12.8383 10.4373 12.6832 10.371 12.4957 10.2896C12.3124 10.1979 12.1461 10.115 11.9977 10.0259L11.9879 10.02L11.9781 10.0151L11.8063 9.91162C11.7478 9.87297 11.6875 9.82986 11.6246 9.78271L11.6188 9.77881L11.6119 9.77393L11.277 9.51611L11.2516 9.49561C11.2483 9.4924 11.2451 9.48812 11.2408 9.48389C11.2303 9.47342 11.2176 9.4616 11.2028 9.44678L11.1901 9.43408L11.1764 9.42236L11.027 9.2915C10.8741 9.15195 10.7125 8.98799 10.5699 8.81689L10.5582 8.80225L10.5514 8.79541C10.5496 8.79333 10.5458 8.7893 10.5406 8.78271C10.53 8.76918 10.5155 8.74901 10.4977 8.72412L10.484 8.70654L10.4694 8.68994L10.3639 8.56104C10.3236 8.50905 10.2806 8.45002 10.2418 8.39014L10.234 8.37842L10.2252 8.3667L10.1158 8.2124C10.0774 8.15524 10.0378 8.09306 10.0006 8.02979L9.99866 8.02686C9.91002 7.87908 9.82564 7.71218 9.74475 7.54248H9.74573C9.66052 7.35656 9.59774 7.19356 9.53088 7.01807L9.30237 6.4165L5.13538 10.5835ZM12.6364 4.17627C11.868 4.1724 11.149 4.56209 10.4723 5.23877L9.6969 6.01318L9.69788 6.01416C9.51071 6.19275 9.46479 6.45342 9.52307 6.66748L9.52405 6.67236C10.0451 8.49616 11.4958 9.94956 13.317 10.4771C13.3825 10.5 13.438 10.5052 13.4528 10.5063C13.4849 10.5088 13.5155 10.5083 13.525 10.5083C13.6947 10.5083 13.8693 10.4442 14.0026 10.311L14.0045 10.3091L14.7711 9.53467L14.7701 9.53369C15.4433 8.86011 15.831 8.16355 15.8414 7.41357V7.40771C15.8413 6.6238 15.4552 5.91601 14.778 5.23877C14.1152 4.57605 13.4036 4.18016 12.6364 4.17627ZM11.2643 9.50732C11.2666 9.50924 11.2682 9.51123 11.2682 9.51123C11.2678 9.51086 11.2658 9.50962 11.2633 9.50732C11.2624 9.50647 11.2614 9.5054 11.2604 9.50439C11.262 9.50566 11.2634 9.50658 11.2643 9.50732Z', fill: activeColor, stroke: activeColor, strokeWidth: '0.833333' })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88534', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88534)' },
-            react_1.default.createElement("path", { d: 'M12.4222 19.1649H7.36523C2.78863 19.1649 0.833252 17.2095 0.833252 12.6329V7.57593C0.833252 2.99933 2.78863 1.04395 7.36523 1.04395H9.0509C9.39647 1.04395 9.68303 1.33051 9.68303 1.67607C9.68303 2.02164 9.39647 2.3082 9.0509 2.3082H7.36523C3.47976 2.3082 2.09751 3.69045 2.09751 7.57593V12.6329C2.09751 16.5184 3.47976 17.9007 7.36523 17.9007H12.4222C16.3077 17.9007 17.69 16.5184 17.69 12.6329V10.9473C17.69 10.6017 17.9765 10.3151 18.3221 10.3151C18.6677 10.3151 18.9542 10.6017 18.9542 10.9473V12.6329C18.9542 17.2095 16.9988 19.1649 12.4222 19.1649Z', fill: 'currentColor' }),
-            react_1.default.createElement("path", { d: 'M6.94385 14.9005C6.42972 14.9005 5.95773 14.7151 5.61217 14.378C5.19918 13.965 5.02218 13.3666 5.1149 12.7345L5.47732 10.1975C5.54474 9.70868 5.86502 9.07655 6.21058 8.73098L12.8521 2.08948C14.5294 0.412231 16.2319 0.412231 17.9092 2.08948C18.8279 3.00817 19.2408 3.94372 19.1566 4.87927C19.0807 5.63782 18.6761 6.37951 17.9092 7.13807L11.2676 13.7796C10.9221 14.1251 10.2899 14.4454 9.80108 14.5128L7.26413 14.8753C7.15456 14.9005 7.04499 14.9005 6.94385 14.9005ZM13.7456 2.98288L7.10399 9.62439C6.94385 9.78453 6.75843 10.1554 6.72471 10.3745L6.36229 12.9115C6.32858 13.1559 6.37915 13.3582 6.50558 13.4846C6.632 13.611 6.83428 13.6616 7.0787 13.6279L9.61566 13.2654C9.8348 13.2317 10.2141 13.0463 10.3658 12.8862L17.0073 6.24466C17.5552 5.69682 17.8417 5.20797 17.8839 4.75284C17.9345 4.205 17.6479 3.62344 17.0073 2.97446C15.6588 1.62592 14.7317 2.00519 13.7456 2.98288Z', fill: 'currentColor' }),
-            react_1.default.createElement("path", { d: 'M16.5101 8.27546C16.4511 8.27546 16.3922 8.26703 16.3416 8.25017C14.1249 7.62648 12.3634 5.86495 11.7397 3.64829C11.647 3.31115 11.8408 2.96559 12.178 2.86445C12.5151 2.77174 12.8607 2.96559 12.9534 3.30273C13.4591 5.09797 14.8835 6.52236 16.6787 7.02806C17.0159 7.12077 17.2097 7.47477 17.117 7.8119C17.0411 8.09846 16.7883 8.27546 16.5101 8.27546Z', fill: 'currentColor' }))));
+        react_1.default.createElement("path", { d: 'M6.65039 2.48047H13.3574C14.7188 2.48047 15.7476 2.88385 16.4346 3.57129C17.1214 4.25864 17.5232 5.28641 17.5195 6.64648V13.3516C17.5195 14.712 17.1158 15.741 16.4277 16.4287C15.7396 17.1163 14.7108 17.5195 13.3496 17.5195H6.65039C5.28911 17.5195 4.26031 17.1163 3.57227 16.4277C2.88418 15.7391 2.48047 14.7086 2.48047 13.3438V6.64844C2.48047 5.28796 2.88419 4.25902 3.57227 3.57129C4.26037 2.88369 5.28923 2.48047 6.65039 2.48047ZM12.5371 4.3291C11.7701 4.32521 11.0596 4.71431 10.4014 5.37207L9.65625 6.11621L9.65723 6.11719C9.50976 6.25863 9.44389 6.44577 9.44336 6.62598L9.36426 6.41699L8.83984 6.94043L5.27637 10.5029C5.10707 10.6665 4.96389 10.8813 4.85742 11.0918C4.75085 11.3025 4.66426 11.5424 4.63086 11.7705L4.62988 11.7725L4.35059 13.7363C4.26761 14.2859 4.40911 14.8311 4.79785 15.2197C5.11718 15.5389 5.55087 15.6885 5.98633 15.6885C6.0892 15.6885 6.18749 15.6764 6.25488 15.6689L6.2627 15.668L6.26953 15.667L8.23828 15.3877L8.24219 15.3867C8.46868 15.3528 8.70934 15.2632 8.91797 15.1572C9.12643 15.0513 9.33906 14.9095 9.50098 14.748L9.50195 14.749L13.0879 11.1885L13.6406 10.6387L13.4199 10.5645C13.593 10.5573 13.7693 10.4914 13.9053 10.3555L13.9072 10.3535L14.6436 9.60938L14.6426 9.6084C15.2965 8.95416 15.6839 8.26725 15.6943 7.51855V7.51172C15.6942 6.73001 15.3084 6.03074 14.6494 5.37207C14.005 4.72808 13.3028 4.33313 12.5371 4.3291Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor, stroke: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor, strokeWidth: '0.96' }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M12.1136 18H7.70041C3.70645 18 2 16.2935 2 12.2994V7.88596C2 3.89184 3.70645 2.18533 7.70041 2.18533H9.17149C9.47306 2.18533 9.72314 2.43542 9.72314 2.737C9.72314 3.03858 9.47306 3.28868 9.17149 3.28868H7.70041C4.30959 3.28868 3.10331 4.49501 3.10331 7.88596V12.2994C3.10331 15.6903 4.30959 16.8967 7.70041 16.8967H12.1136C15.5045 16.8967 16.7107 15.6903 16.7107 12.2994V10.8282C16.7107 10.5266 16.9608 10.2766 17.2624 10.2766C17.564 10.2766 17.8141 10.5266 17.8141 10.8282V12.2994C17.8141 16.2935 16.1076 18 12.1136 18Z', fill: 'currentColor' }),
+        react_1.default.createElement("path", { d: 'M7.3327 14.2784C6.88403 14.2784 6.47213 14.1166 6.17056 13.8224C5.81014 13.4619 5.65568 12.9397 5.73659 12.388L6.05287 10.1739C6.11171 9.74732 6.39122 9.19564 6.69279 8.89406L12.4888 3.09783C13.9526 1.63406 15.4383 1.63406 16.9021 3.09783C17.7038 3.8996 18.0642 4.71608 17.9907 5.53256C17.9245 6.19457 17.5714 6.84187 16.9021 7.50388L11.106 13.3001C10.8045 13.6017 10.2528 13.8812 9.82619 13.94L7.61221 14.2563C7.51659 14.2784 7.42097 14.2784 7.3327 14.2784ZM13.2685 3.87753L7.47246 9.67376C7.3327 9.81352 7.17089 10.1372 7.14146 10.3284L6.82518 12.5425C6.79576 12.7558 6.83989 12.9323 6.95022 13.0427C7.06056 13.153 7.23708 13.1971 7.45039 13.1677L9.66437 12.8514C9.85561 12.822 10.1866 12.6602 10.319 12.5204L16.115 6.72417C16.5931 6.24606 16.8432 5.81943 16.88 5.42222C16.9241 4.9441 16.674 4.43656 16.115 3.87018C14.9382 2.69327 14.1291 3.02428 13.2685 3.87753Z', fill: 'currentColor' }),
+        react_1.default.createElement("path", { d: 'M15.6811 8.49668C15.6296 8.49668 15.5781 8.48933 15.534 8.47462C13.5995 7.9303 12.0622 6.39296 11.5179 4.45843C11.437 4.1642 11.6062 3.86262 11.9004 3.77435C12.1946 3.69344 12.4962 3.86262 12.5771 4.15684C13.0184 5.7236 14.2615 6.96671 15.8282 7.40805C16.1224 7.48896 16.2916 7.7979 16.2107 8.09212C16.1445 8.34221 15.9238 8.49668 15.6811 8.49668Z', fill: 'currentColor' })));
 }
 //# sourceMappingURL=cham-tiet.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-tiet.js.map

@@ -1 +1 @@
-{"version":3,"file":"cham-tiet.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cham-tiet.tsx"],"names":[],"mappings":";;AAGA,uBAoCC;;AAvCD,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,y+EAAy+E,EAC3+E,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,WAAW,EACnB,WAAW,EAAC,UAAU,GACtB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,2iBAA2iB,EAC7iB,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,42BAA42B,EAC92B,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,+VAA+V,EACjW,IAAI,EAAC,cAAc,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"cham-tiet.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cham-tiet.tsx"],"names":[],"mappings":";;AAIA,uBA0BC;;AA9BD,wDAAyB;AAEzB,uCAA+C;AAE/C,SAAwB,IAAI,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,+0CAA+0C,EACj1C,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAC3D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAC7D,WAAW,EAAC,MAAM,GAClB,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,0gBAA0gB,EAC5gB,IAAI,EAAC,cAAc,GACnB;QACF,wCACE,CAAC,EAAC,m2BAAm2B,EACr2B,IAAI,EAAC,cAAc,GACnB;QACF,wCACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cham-tiet.tsx

@@ -1,40 +1,31 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_89020' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_89020)'>
-        <path
-          d='M6.50842 2.0835H13.4918C14.9256 2.08353 16.0202 2.50936 16.7545 3.24463C17.4886 3.97984 17.9118 5.07403 17.9078 6.50732V13.4917C17.9078 14.9254 17.4822 16.0199 16.7467 16.7554C16.0112 17.4908 14.9167 17.9165 13.483 17.9165H6.50842C5.07463 17.9165 3.98022 17.4908 3.24475 16.7544C2.50922 16.0179 2.08362 14.9212 2.08362 13.4829V6.5083C2.08362 5.0745 2.50923 3.98015 3.24475 3.24463C3.98027 2.50911 5.07462 2.0835 6.50842 2.0835ZM5.13538 10.5835C4.96764 10.7456 4.82345 10.9607 4.71545 11.1743C4.60735 11.3881 4.52109 11.6295 4.48792 11.856V11.8579L4.19592 13.9048C4.11301 14.455 4.25551 14.9944 4.63831 15.3774C4.95289 15.692 5.38215 15.8413 5.81702 15.8413C5.91876 15.8413 6.01659 15.8306 6.08752 15.8228L6.10022 15.8208L8.15002 15.5288H8.15295C8.3773 15.4952 8.61956 15.4052 8.83167 15.2974C9.0436 15.1896 9.25796 15.0475 9.41858 14.8872L13.152 11.1792L13.6324 10.7017L12.9899 10.4878C12.8383 10.4373 12.6832 10.371 12.4957 10.2896C12.3124 10.1979 12.1461 10.115 11.9977 10.0259L11.9879 10.02L11.9781 10.0151L11.8063 9.91162C11.7478 9.87297 11.6875 9.82986 11.6246 9.78271L11.6188 9.77881L11.6119 9.77393L11.277 9.51611L11.2516 9.49561C11.2483 9.4924 11.2451 9.48812 11.2408 9.48389C11.2303 9.47342 11.2176 9.4616 11.2028 9.44678L11.1901 9.43408L11.1764 9.42236L11.027 9.2915C10.8741 9.15195 10.7125 8.98799 10.5699 8.81689L10.5582 8.80225L10.5514 8.79541C10.5496 8.79333 10.5458 8.7893 10.5406 8.78271C10.53 8.76918 10.5155 8.74901 10.4977 8.72412L10.484 8.70654L10.4694 8.68994L10.3639 8.56104C10.3236 8.50905 10.2806 8.45002 10.2418 8.39014L10.234 8.37842L10.2252 8.3667L10.1158 8.2124C10.0774 8.15524 10.0378 8.09306 10.0006 8.02979L9.99866 8.02686C9.91002 7.87908 9.82564 7.71218 9.74475 7.54248H9.74573C9.66052 7.35656 9.59774 7.19356 9.53088 7.01807L9.30237 6.4165L5.13538 10.5835ZM12.6364 4.17627C11.868 4.1724 11.149 4.56209 10.4723 5.23877L9.6969 6.01318L9.69788 6.01416C9.51071 6.19275 9.46479 6.45342 9.52307 6.66748L9.52405 6.67236C10.0451 8.49616 11.4958 9.94956 13.317 10.4771C13.3825 10.5 13.438 10.5052 13.4528 10.5063C13.4849 10.5088 13.5155 10.5083 13.525 10.5083C13.6947 10.5083 13.8693 10.4442 14.0026 10.311L14.0045 10.3091L14.7711 9.53467L14.7701 9.53369C15.4433 8.86011 15.831 8.16355 15.8414 7.41357V7.40771C15.8413 6.6238 15.4552 5.91601 14.778 5.23877C14.1152 4.57605 13.4036 4.18016 12.6364 4.17627ZM11.2643 9.50732C11.2666 9.50924 11.2682 9.51123 11.2682 9.51123C11.2678 9.51086 11.2658 9.50962 11.2633 9.50732C11.2624 9.50647 11.2614 9.5054 11.2604 9.50439C11.262 9.50566 11.2634 9.50658 11.2643 9.50732Z'
-          fill={activeColor}
-          stroke={activeColor}
-          strokeWidth='0.833333'
-        />
-      </g>
+      <path
+        d='M6.65039 2.48047H13.3574C14.7188 2.48047 15.7476 2.88385 16.4346 3.57129C17.1214 4.25864 17.5232 5.28641 17.5195 6.64648V13.3516C17.5195 14.712 17.1158 15.741 16.4277 16.4287C15.7396 17.1163 14.7108 17.5195 13.3496 17.5195H6.65039C5.28911 17.5195 4.26031 17.1163 3.57227 16.4277C2.88418 15.7391 2.48047 14.7086 2.48047 13.3438V6.64844C2.48047 5.28796 2.88419 4.25902 3.57227 3.57129C4.26037 2.88369 5.28923 2.48047 6.65039 2.48047ZM12.5371 4.3291C11.7701 4.32521 11.0596 4.71431 10.4014 5.37207L9.65625 6.11621L9.65723 6.11719C9.50976 6.25863 9.44389 6.44577 9.44336 6.62598L9.36426 6.41699L8.83984 6.94043L5.27637 10.5029C5.10707 10.6665 4.96389 10.8813 4.85742 11.0918C4.75085 11.3025 4.66426 11.5424 4.63086 11.7705L4.62988 11.7725L4.35059 13.7363C4.26761 14.2859 4.40911 14.8311 4.79785 15.2197C5.11718 15.5389 5.55087 15.6885 5.98633 15.6885C6.0892 15.6885 6.18749 15.6764 6.25488 15.6689L6.2627 15.668L6.26953 15.667L8.23828 15.3877L8.24219 15.3867C8.46868 15.3528 8.70934 15.2632 8.91797 15.1572C9.12643 15.0513 9.33906 14.9095 9.50098 14.748L9.50195 14.749L13.0879 11.1885L13.6406 10.6387L13.4199 10.5645C13.593 10.5573 13.7693 10.4914 13.9053 10.3555L13.9072 10.3535L14.6436 9.60938L14.6426 9.6084C15.2965 8.95416 15.6839 8.26725 15.6943 7.51855V7.51172C15.6942 6.73001 15.3084 6.03074 14.6494 5.37207C14.005 4.72808 13.3028 4.33313 12.5371 4.3291Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+        stroke={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+        strokeWidth='0.96'
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88534' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88534)'>
-        <path
-          d='M12.4222 19.1649H7.36523C2.78863 19.1649 0.833252 17.2095 0.833252 12.6329V7.57593C0.833252 2.99933 2.78863 1.04395 7.36523 1.04395H9.0509C9.39647 1.04395 9.68303 1.33051 9.68303 1.67607C9.68303 2.02164 9.39647 2.3082 9.0509 2.3082H7.36523C3.47976 2.3082 2.09751 3.69045 2.09751 7.57593V12.6329C2.09751 16.5184 3.47976 17.9007 7.36523 17.9007H12.4222C16.3077 17.9007 17.69 16.5184 17.69 12.6329V10.9473C17.69 10.6017 17.9765 10.3151 18.3221 10.3151C18.6677 10.3151 18.9542 10.6017 18.9542 10.9473V12.6329C18.9542 17.2095 16.9988 19.1649 12.4222 19.1649Z'
-          fill='currentColor'
-        />
-        <path
-          d='M6.94385 14.9005C6.42972 14.9005 5.95773 14.7151 5.61217 14.378C5.19918 13.965 5.02218 13.3666 5.1149 12.7345L5.47732 10.1975C5.54474 9.70868 5.86502 9.07655 6.21058 8.73098L12.8521 2.08948C14.5294 0.412231 16.2319 0.412231 17.9092 2.08948C18.8279 3.00817 19.2408 3.94372 19.1566 4.87927C19.0807 5.63782 18.6761 6.37951 17.9092 7.13807L11.2676 13.7796C10.9221 14.1251 10.2899 14.4454 9.80108 14.5128L7.26413 14.8753C7.15456 14.9005 7.04499 14.9005 6.94385 14.9005ZM13.7456 2.98288L7.10399 9.62439C6.94385 9.78453 6.75843 10.1554 6.72471 10.3745L6.36229 12.9115C6.32858 13.1559 6.37915 13.3582 6.50558 13.4846C6.632 13.611 6.83428 13.6616 7.0787 13.6279L9.61566 13.2654C9.8348 13.2317 10.2141 13.0463 10.3658 12.8862L17.0073 6.24466C17.5552 5.69682 17.8417 5.20797 17.8839 4.75284C17.9345 4.205 17.6479 3.62344 17.0073 2.97446C15.6588 1.62592 14.7317 2.00519 13.7456 2.98288Z'
-          fill='currentColor'
-        />
-        <path
-          d='M16.5101 8.27546C16.4511 8.27546 16.3922 8.26703 16.3416 8.25017C14.1249 7.62648 12.3634 5.86495 11.7397 3.64829C11.647 3.31115 11.8408 2.96559 12.178 2.86445C12.5151 2.77174 12.8607 2.96559 12.9534 3.30273C13.4591 5.09797 14.8835 6.52236 16.6787 7.02806C17.0159 7.12077 17.2097 7.47477 17.117 7.8119C17.0411 8.09846 16.7883 8.27546 16.5101 8.27546Z'
-          fill='currentColor'
-        />
-      </g>
+      <path
+        d='M12.1136 18H7.70041C3.70645 18 2 16.2935 2 12.2994V7.88596C2 3.89184 3.70645 2.18533 7.70041 2.18533H9.17149C9.47306 2.18533 9.72314 2.43542 9.72314 2.737C9.72314 3.03858 9.47306 3.28868 9.17149 3.28868H7.70041C4.30959 3.28868 3.10331 4.49501 3.10331 7.88596V12.2994C3.10331 15.6903 4.30959 16.8967 7.70041 16.8967H12.1136C15.5045 16.8967 16.7107 15.6903 16.7107 12.2994V10.8282C16.7107 10.5266 16.9608 10.2766 17.2624 10.2766C17.564 10.2766 17.8141 10.5266 17.8141 10.8282V12.2994C17.8141 16.2935 16.1076 18 12.1136 18Z'
+        fill='currentColor'
+      />
+      <path
+        d='M7.3327 14.2784C6.88403 14.2784 6.47213 14.1166 6.17056 13.8224C5.81014 13.4619 5.65568 12.9397 5.73659 12.388L6.05287 10.1739C6.11171 9.74732 6.39122 9.19564 6.69279 8.89406L12.4888 3.09783C13.9526 1.63406 15.4383 1.63406 16.9021 3.09783C17.7038 3.8996 18.0642 4.71608 17.9907 5.53256C17.9245 6.19457 17.5714 6.84187 16.9021 7.50388L11.106 13.3001C10.8045 13.6017 10.2528 13.8812 9.82619 13.94L7.61221 14.2563C7.51659 14.2784 7.42097 14.2784 7.3327 14.2784ZM13.2685 3.87753L7.47246 9.67376C7.3327 9.81352 7.17089 10.1372 7.14146 10.3284L6.82518 12.5425C6.79576 12.7558 6.83989 12.9323 6.95022 13.0427C7.06056 13.153 7.23708 13.1971 7.45039 13.1677L9.66437 12.8514C9.85561 12.822 10.1866 12.6602 10.319 12.5204L16.115 6.72417C16.5931 6.24606 16.8432 5.81943 16.88 5.42222C16.9241 4.9441 16.674 4.43656 16.115 3.87018C14.9382 2.69327 14.1291 3.02428 13.2685 3.87753Z'
+        fill='currentColor'
+      />
+      <path
+        d='M15.6811 8.49668C15.6296 8.49668 15.5781 8.48933 15.534 8.47462C13.5995 7.9303 12.0622 6.39296 11.5179 4.45843C11.437 4.1642 11.6062 3.86262 11.9004 3.77435C12.1946 3.69344 12.4962 3.86262 12.5771 4.15684C13.0184 5.7236 14.2615 6.96671 15.8282 7.40805C16.1224 7.48896 16.2916 7.7979 16.2107 8.09212C16.1445 8.34221 15.9238 8.49668 15.6811 8.49668Z'
+        fill='currentColor'
+      />
     </svg>
   )
 }

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function Icon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.js

@@ -3,20 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Icon;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
+var helper_1 = require("../../helper");
 function Icon(_a) {
-    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, isBoldIcon = _a.isBoldIcon;
     return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_89040', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        react_1.default.createElement("g", { mask: 'url(#mask0_1815_89040)' },
-            react_1.default.createElement("path", { d: 'M4.16671 11.25C3.38337 11.25 2.65837 11.525 2.08337 11.9833C1.31671 12.5917 0.833374 13.5333 0.833374 14.5833C0.833374 16.425 2.32504 17.9167 4.16671 17.9167C5.00837 17.9167 5.77504 17.6 6.36671 17.0833C7.05837 16.475 7.50004 15.5833 7.50004 14.5833C7.50004 12.7417 6.00837 11.25 4.16671 11.25ZM5.00004 14.7917C5.00004 15.0083 4.88337 15.2167 4.70004 15.325L3.65837 15.95C3.55837 16.0167 3.44171 16.0417 3.33337 16.0417C3.12504 16.0417 2.91671 15.9333 2.80004 15.7417C2.62504 15.4417 2.71671 15.0583 3.01671 14.8833L3.75837 14.4417V13.5417C3.75837 13.2 4.04171 12.9167 4.38337 12.9167C4.72504 12.9167 5.00004 13.2 5.00004 13.5417V14.7917Z', fill: activeColor }),
-            react_1.default.createElement("path", { d: 'M14.375 2.0249H6.45833C4.08333 2.0249 2.5 3.60824 2.5 5.98324V9.69991C2.5 9.99158 2.8 10.1999 3.08333 10.1249C3.43333 10.0416 3.79167 9.99991 4.16667 9.99991C6.55 9.99991 8.51667 11.9332 8.73333 14.2749C8.75 14.5082 8.94167 14.6916 9.16667 14.6916H9.625L13.15 17.0416C13.6667 17.3916 14.375 17.0082 14.375 16.3749V14.6916C15.5583 14.6916 16.55 14.2916 17.2417 13.6082C17.9333 12.9082 18.3333 11.9166 18.3333 10.7332V5.98324C18.3333 3.60824 16.75 2.0249 14.375 2.0249ZM13.1917 9.00824H7.64167C7.31667 9.00824 7.05 8.74158 7.05 8.41658C7.05 8.08324 7.31667 7.81657 7.64167 7.81657H13.1917C13.5167 7.81657 13.7833 8.08324 13.7833 8.41658C13.7833 8.74158 13.5167 9.00824 13.1917 9.00824Z', fill: activeColor })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88553', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88553)' },
-            react_1.default.createElement("path", { d: 'M13.3332 18.5994C13.0498 18.5994 12.7748 18.5161 12.5332 18.3578L8.98316 15.9911H7.40814C7.21647 15.9911 7.03311 15.8994 6.91645 15.7494C6.79978 15.5911 6.75814 15.391 6.80814 15.2078C6.85814 15.0078 6.88314 14.8078 6.88314 14.5911C6.88314 13.9244 6.63314 13.2828 6.18314 12.7828C5.6748 12.2078 4.9498 11.8828 4.1748 11.8828C3.43314 11.8828 2.74979 12.1743 2.23312 12.6993C2.07479 12.866 1.83313 12.9244 1.61646 12.8661C1.3998 12.7994 1.2248 12.6244 1.1748 12.3994C1.09146 12.0328 1.0498 11.6328 1.0498 11.1994V6.19938C1.0498 3.33271 2.9748 1.40771 5.84147 1.40771H14.1748C17.0415 1.40771 18.9665 3.33271 18.9665 6.19938V11.1994C18.9665 12.5911 18.5082 13.791 17.6332 14.666C16.8998 15.3993 15.9248 15.8411 14.7998 15.9578V17.1411C14.7998 17.6828 14.4997 18.1743 14.0247 18.4327C13.7997 18.541 13.5665 18.5994 13.3332 18.5994ZM8.12479 14.7327H9.1665C9.2915 14.7327 9.40816 14.766 9.51649 14.841L13.2248 17.3161C13.3165 17.3744 13.3915 17.3493 13.4332 17.3243C13.4748 17.2993 13.5498 17.2493 13.5498 17.1327V15.3577C13.5498 15.016 13.8332 14.7327 14.1748 14.7327C15.2332 14.7327 16.1248 14.3994 16.7498 13.7744C17.3832 13.1411 17.7165 12.2493 17.7165 11.191V6.19104C17.7165 4.04104 16.3248 2.64937 14.1748 2.64937H5.84147C3.69147 2.64937 2.2998 4.04104 2.2998 6.19104V11.091C2.86647 10.7827 3.50814 10.6244 4.1748 10.6244C5.30814 10.6244 6.38313 11.1078 7.11646 11.9411C7.76646 12.6661 8.13314 13.5994 8.13314 14.5828C8.1248 14.6328 8.12479 14.6827 8.12479 14.7327Z', fill: 'currentColor' }),
-            react_1.default.createElement("path", { d: 'M4.16659 18.5417C1.98325 18.5417 0.208252 16.7667 0.208252 14.5833C0.208252 13.3667 0.749918 12.2417 1.69159 11.4917C2.39159 10.9333 3.27492 10.625 4.16659 10.625C6.34992 10.625 8.12492 12.4 8.12492 14.5833C8.12492 15.7167 7.63325 16.8 6.77492 17.55C6.04992 18.1917 5.12492 18.5417 4.16659 18.5417ZM4.16659 11.875C3.54992 11.875 2.96659 12.0833 2.47492 12.475C1.83325 12.9833 1.45825 13.7583 1.45825 14.5833C1.45825 16.075 2.67492 17.2917 4.16659 17.2917C4.81659 17.2917 5.44991 17.05 5.95824 16.6167C6.54158 16.1 6.87492 15.3667 6.87492 14.5833C6.87492 13.0917 5.65825 11.875 4.16659 11.875Z', fill: 'currentColor' }),
-            react_1.default.createElement("path", { d: 'M3.33308 16.0415C3.12475 16.0415 2.9164 15.9332 2.79974 15.7415C2.62474 15.4415 2.71641 15.0582 3.01641 14.8832L3.75809 14.4415V13.5415C3.75809 13.1998 4.04142 12.9165 4.38309 12.9165C4.72475 12.9165 5.00809 13.1998 5.00809 13.5415V14.7915C5.00809 15.0082 4.89141 15.2165 4.70808 15.3248L3.66641 15.9498C3.54975 16.0165 3.44141 16.0415 3.33308 16.0415Z', fill: 'currentColor' }),
-            react_1.default.createElement("path", { d: 'M12.9166 9.375H7.08325C6.74159 9.375 6.45825 9.09167 6.45825 8.75C6.45825 8.40833 6.74159 8.125 7.08325 8.125H12.9166C13.2583 8.125 13.5416 8.40833 13.5416 8.75C13.5416 9.09167 13.2583 9.375 12.9166 9.375Z', fill: 'currentColor' }))));
+        react_1.default.createElement("path", { d: 'M5.04762 11.2075C4.33143 11.2075 3.66857 11.4671 3.14286 11.8997C2.4419 12.4739 2 13.3627 2 14.3537C2 16.0921 3.36381 17.5 5.04762 17.5C5.81714 17.5 6.5181 17.2011 7.05905 16.7134C7.69143 16.1392 8.09524 15.2976 8.09524 14.3537C8.09524 12.6154 6.73143 11.2075 5.04762 11.2075ZM5.80952 14.5504C5.80952 14.7549 5.70286 14.9515 5.53524 15.0538L4.58286 15.6437C4.49143 15.7066 4.38476 15.7302 4.28571 15.7302C4.09524 15.7302 3.90476 15.628 3.7981 15.4471C3.6381 15.1639 3.7219 14.8021 3.99619 14.6369L4.67429 14.22V13.3705C4.67429 13.0481 4.93333 12.7806 5.24571 12.7806C5.5581 12.7806 5.80952 13.0481 5.80952 13.3705V14.5504Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }),
+        react_1.default.createElement("path", { d: 'M14.381 2.5H7.14286C4.97143 2.5 3.52381 3.99447 3.52381 6.23617V9.74425C3.52381 10.0196 3.7981 10.2162 4.05714 10.1454C4.37714 10.0667 4.70476 10.0274 5.04762 10.0274C7.22667 10.0274 9.02476 11.8522 9.22286 14.0625C9.23809 14.2827 9.41333 14.4558 9.61905 14.4558H10.0381L13.261 16.6739C13.7333 17.0042 14.381 16.6424 14.381 16.0446V14.4558C15.4629 14.4558 16.3695 14.0782 17.0019 13.4332C17.6343 12.7725 18 11.8365 18 10.7196V6.23617C18 3.99447 16.5524 2.5 14.381 2.5ZM13.299 9.09141H8.22476C7.92762 9.09141 7.68381 8.83971 7.68381 8.53295C7.68381 8.21831 7.92762 7.96661 8.22476 7.96661H13.299C13.5962 7.96661 13.84 8.21831 13.84 8.53295C13.84 8.83971 13.5962 9.09141 13.299 9.09141Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M13.195 17C12.9533 17 12.7188 16.9321 12.5126 16.8032L9.48461 14.8759H8.14118C7.97769 14.8759 7.82129 14.8013 7.72178 14.6791C7.62227 14.5502 7.58675 14.3872 7.6294 14.238C7.67205 14.0751 7.69337 13.9123 7.69337 13.7358C7.69337 13.1929 7.48013 12.6704 7.0963 12.2632C6.66271 11.795 6.04431 11.5303 5.38327 11.5303C4.75066 11.5303 4.16779 11.7678 3.72709 12.1953C3.59204 12.331 3.38591 12.3786 3.20111 12.3311C3.0163 12.2768 2.86703 12.1343 2.82438 11.9511C2.7533 11.6525 2.71777 11.3267 2.71777 10.9738V6.90207C2.71777 4.56762 4.35972 3 6.80487 3H13.9129C16.358 3 18 4.56762 18 6.90207V10.9738C18 12.1071 17.6091 13.0843 16.8627 13.7968C16.2372 14.394 15.4056 14.7538 14.446 14.8488V15.8124C14.446 16.2535 14.19 16.6538 13.7849 16.8642C13.593 16.9524 13.394 17 13.195 17ZM8.75246 13.8511H9.64099C9.74761 13.8511 9.84712 13.8783 9.93952 13.9393L13.1026 15.9549C13.1808 16.0024 13.2447 15.982 13.2803 15.9616C13.3158 15.9413 13.3798 15.9006 13.3798 15.8056V14.3601C13.3798 14.0819 13.6215 13.8511 13.9129 13.8511C14.8156 13.8511 15.5762 13.5797 16.1093 13.0708C16.6495 12.555 16.9338 11.8288 16.9338 10.967V6.89528C16.9338 5.14444 15.7468 4.01114 13.9129 4.01114H6.80487C4.97101 4.01114 3.78397 5.14444 3.78397 6.89528V10.8856C4.26731 10.6345 4.81463 10.5056 5.38327 10.5056C6.34996 10.5056 7.26688 10.8992 7.89239 11.5778C8.44681 12.1682 8.75957 12.9283 8.75957 13.729C8.75246 13.7698 8.75246 13.8104 8.75246 13.8511Z', fill: 'currentColor' }),
+        react_1.default.createElement("path", { d: 'M5.3763 16.9528C3.514 16.9528 2 15.5074 2 13.7294C2 12.7386 2.46202 11.8225 3.26522 11.2117C3.8623 10.757 4.61575 10.5059 5.3763 10.5059C7.2386 10.5059 8.7526 11.9514 8.7526 13.7294C8.7526 14.6523 8.33323 15.5345 7.60111 16.1453C6.98271 16.6678 6.19372 16.9528 5.3763 16.9528ZM5.3763 11.5239C4.85031 11.5239 4.35275 11.6935 3.93338 12.0125C3.38606 12.4264 3.0662 13.0575 3.0662 13.7294C3.0662 14.9441 4.10397 15.9349 5.3763 15.9349C5.93073 15.9349 6.47093 15.7381 6.90452 15.3852C7.40208 14.9645 7.6864 14.3673 7.6864 13.7294C7.6864 12.5146 6.64863 11.5239 5.3763 11.5239Z', fill: 'currentColor' }),
+        react_1.default.createElement("path", { d: 'M4.66526 14.917C4.48756 14.917 4.30985 14.8287 4.21034 14.6727C4.06107 14.4284 4.13927 14.1162 4.39516 13.9737L5.02778 13.614V12.8811C5.02778 12.6029 5.26945 12.3721 5.56088 12.3721C5.8523 12.3721 6.09398 12.6029 6.09398 12.8811V13.899C6.09398 14.0755 5.99446 14.2451 5.83808 14.3334L4.94958 14.8423C4.85007 14.8966 4.75766 14.917 4.66526 14.917Z', fill: 'currentColor' }),
+        react_1.default.createElement("path", { d: 'M12.8397 9.48799H7.8641C7.57268 9.48799 7.331 9.25726 7.331 8.97903C7.331 8.70079 7.57268 8.47006 7.8641 8.47006H12.8397C13.1311 8.47006 13.3728 8.70079 13.3728 8.97903C13.3728 9.25726 13.1311 9.48799 12.8397 9.48799Z', fill: 'currentColor' })));
 }
 //# sourceMappingURL=chat.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/chat.tsx"],"names":[],"mappings":";;AAGA,uBA0CC;;AA7CD,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,goBAAgoB,EACloB,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,6qBAA6qB,EAC/qB,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,07CAA07C,EAC57C,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,klBAAklB,EACplB,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,kWAAkW,EACpW,IAAI,EAAC,cAAc,GACnB;YACF,wCACE,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,cAAc,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/chat.tsx"],"names":[],"mappings":";;AAIA,uBAgCC;;AApCD,wDAAyB;AAEzB,uCAA+C;AAE/C,SAAwB,IAAI,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,gnBAAgnB,EAClnB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D;QACF,wCACE,CAAC,EAAC,8qBAA8qB,EAChrB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,04CAA04C,EAC54C,IAAI,EAAC,cAAc,GACnB;QACF,wCACE,CAAC,EAAC,8jBAA8jB,EAChkB,IAAI,EAAC,cAAc,GACnB;QACF,wCACE,CAAC,EAAC,4VAA4V,EAC9V,IAAI,EAAC,cAAc,GACnB;QACF,wCACE,CAAC,EAAC,2NAA2N,EAC7N,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/chat.tsx

@@ -1,46 +1,37 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_89040' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_89040)'>
-        <path
-          d='M4.16671 11.25C3.38337 11.25 2.65837 11.525 2.08337 11.9833C1.31671 12.5917 0.833374 13.5333 0.833374 14.5833C0.833374 16.425 2.32504 17.9167 4.16671 17.9167C5.00837 17.9167 5.77504 17.6 6.36671 17.0833C7.05837 16.475 7.50004 15.5833 7.50004 14.5833C7.50004 12.7417 6.00837 11.25 4.16671 11.25ZM5.00004 14.7917C5.00004 15.0083 4.88337 15.2167 4.70004 15.325L3.65837 15.95C3.55837 16.0167 3.44171 16.0417 3.33337 16.0417C3.12504 16.0417 2.91671 15.9333 2.80004 15.7417C2.62504 15.4417 2.71671 15.0583 3.01671 14.8833L3.75837 14.4417V13.5417C3.75837 13.2 4.04171 12.9167 4.38337 12.9167C4.72504 12.9167 5.00004 13.2 5.00004 13.5417V14.7917Z'
-          fill={activeColor}
-        />
-        <path
-          d='M14.375 2.0249H6.45833C4.08333 2.0249 2.5 3.60824 2.5 5.98324V9.69991C2.5 9.99158 2.8 10.1999 3.08333 10.1249C3.43333 10.0416 3.79167 9.99991 4.16667 9.99991C6.55 9.99991 8.51667 11.9332 8.73333 14.2749C8.75 14.5082 8.94167 14.6916 9.16667 14.6916H9.625L13.15 17.0416C13.6667 17.3916 14.375 17.0082 14.375 16.3749V14.6916C15.5583 14.6916 16.55 14.2916 17.2417 13.6082C17.9333 12.9082 18.3333 11.9166 18.3333 10.7332V5.98324C18.3333 3.60824 16.75 2.0249 14.375 2.0249ZM13.1917 9.00824H7.64167C7.31667 9.00824 7.05 8.74158 7.05 8.41658C7.05 8.08324 7.31667 7.81657 7.64167 7.81657H13.1917C13.5167 7.81657 13.7833 8.08324 13.7833 8.41658C13.7833 8.74158 13.5167 9.00824 13.1917 9.00824Z'
-          fill={activeColor}
-        />
-      </g>
+      <path
+        d='M5.04762 11.2075C4.33143 11.2075 3.66857 11.4671 3.14286 11.8997C2.4419 12.4739 2 13.3627 2 14.3537C2 16.0921 3.36381 17.5 5.04762 17.5C5.81714 17.5 6.5181 17.2011 7.05905 16.7134C7.69143 16.1392 8.09524 15.2976 8.09524 14.3537C8.09524 12.6154 6.73143 11.2075 5.04762 11.2075ZM5.80952 14.5504C5.80952 14.7549 5.70286 14.9515 5.53524 15.0538L4.58286 15.6437C4.49143 15.7066 4.38476 15.7302 4.28571 15.7302C4.09524 15.7302 3.90476 15.628 3.7981 15.4471C3.6381 15.1639 3.7219 14.8021 3.99619 14.6369L4.67429 14.22V13.3705C4.67429 13.0481 4.93333 12.7806 5.24571 12.7806C5.5581 12.7806 5.80952 13.0481 5.80952 13.3705V14.5504Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M14.381 2.5H7.14286C4.97143 2.5 3.52381 3.99447 3.52381 6.23617V9.74425C3.52381 10.0196 3.7981 10.2162 4.05714 10.1454C4.37714 10.0667 4.70476 10.0274 5.04762 10.0274C7.22667 10.0274 9.02476 11.8522 9.22286 14.0625C9.23809 14.2827 9.41333 14.4558 9.61905 14.4558H10.0381L13.261 16.6739C13.7333 17.0042 14.381 16.6424 14.381 16.0446V14.4558C15.4629 14.4558 16.3695 14.0782 17.0019 13.4332C17.6343 12.7725 18 11.8365 18 10.7196V6.23617C18 3.99447 16.5524 2.5 14.381 2.5ZM13.299 9.09141H8.22476C7.92762 9.09141 7.68381 8.83971 7.68381 8.53295C7.68381 8.21831 7.92762 7.96661 8.22476 7.96661H13.299C13.5962 7.96661 13.84 8.21831 13.84 8.53295C13.84 8.83971 13.5962 9.09141 13.299 9.09141Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88553' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88553)'>
-        <path
-          d='M13.3332 18.5994C13.0498 18.5994 12.7748 18.5161 12.5332 18.3578L8.98316 15.9911H7.40814C7.21647 15.9911 7.03311 15.8994 6.91645 15.7494C6.79978 15.5911 6.75814 15.391 6.80814 15.2078C6.85814 15.0078 6.88314 14.8078 6.88314 14.5911C6.88314 13.9244 6.63314 13.2828 6.18314 12.7828C5.6748 12.2078 4.9498 11.8828 4.1748 11.8828C3.43314 11.8828 2.74979 12.1743 2.23312 12.6993C2.07479 12.866 1.83313 12.9244 1.61646 12.8661C1.3998 12.7994 1.2248 12.6244 1.1748 12.3994C1.09146 12.0328 1.0498 11.6328 1.0498 11.1994V6.19938C1.0498 3.33271 2.9748 1.40771 5.84147 1.40771H14.1748C17.0415 1.40771 18.9665 3.33271 18.9665 6.19938V11.1994C18.9665 12.5911 18.5082 13.791 17.6332 14.666C16.8998 15.3993 15.9248 15.8411 14.7998 15.9578V17.1411C14.7998 17.6828 14.4997 18.1743 14.0247 18.4327C13.7997 18.541 13.5665 18.5994 13.3332 18.5994ZM8.12479 14.7327H9.1665C9.2915 14.7327 9.40816 14.766 9.51649 14.841L13.2248 17.3161C13.3165 17.3744 13.3915 17.3493 13.4332 17.3243C13.4748 17.2993 13.5498 17.2493 13.5498 17.1327V15.3577C13.5498 15.016 13.8332 14.7327 14.1748 14.7327C15.2332 14.7327 16.1248 14.3994 16.7498 13.7744C17.3832 13.1411 17.7165 12.2493 17.7165 11.191V6.19104C17.7165 4.04104 16.3248 2.64937 14.1748 2.64937H5.84147C3.69147 2.64937 2.2998 4.04104 2.2998 6.19104V11.091C2.86647 10.7827 3.50814 10.6244 4.1748 10.6244C5.30814 10.6244 6.38313 11.1078 7.11646 11.9411C7.76646 12.6661 8.13314 13.5994 8.13314 14.5828C8.1248 14.6328 8.12479 14.6827 8.12479 14.7327Z'
-          fill='currentColor'
-        />
-        <path
-          d='M4.16659 18.5417C1.98325 18.5417 0.208252 16.7667 0.208252 14.5833C0.208252 13.3667 0.749918 12.2417 1.69159 11.4917C2.39159 10.9333 3.27492 10.625 4.16659 10.625C6.34992 10.625 8.12492 12.4 8.12492 14.5833C8.12492 15.7167 7.63325 16.8 6.77492 17.55C6.04992 18.1917 5.12492 18.5417 4.16659 18.5417ZM4.16659 11.875C3.54992 11.875 2.96659 12.0833 2.47492 12.475C1.83325 12.9833 1.45825 13.7583 1.45825 14.5833C1.45825 16.075 2.67492 17.2917 4.16659 17.2917C4.81659 17.2917 5.44991 17.05 5.95824 16.6167C6.54158 16.1 6.87492 15.3667 6.87492 14.5833C6.87492 13.0917 5.65825 11.875 4.16659 11.875Z'
-          fill='currentColor'
-        />
-        <path
-          d='M3.33308 16.0415C3.12475 16.0415 2.9164 15.9332 2.79974 15.7415C2.62474 15.4415 2.71641 15.0582 3.01641 14.8832L3.75809 14.4415V13.5415C3.75809 13.1998 4.04142 12.9165 4.38309 12.9165C4.72475 12.9165 5.00809 13.1998 5.00809 13.5415V14.7915C5.00809 15.0082 4.89141 15.2165 4.70808 15.3248L3.66641 15.9498C3.54975 16.0165 3.44141 16.0415 3.33308 16.0415Z'
-          fill='currentColor'
-        />
-        <path
-          d='M12.9166 9.375H7.08325C6.74159 9.375 6.45825 9.09167 6.45825 8.75C6.45825 8.40833 6.74159 8.125 7.08325 8.125H12.9166C13.2583 8.125 13.5416 8.40833 13.5416 8.75C13.5416 9.09167 13.2583 9.375 12.9166 9.375Z'
-          fill='currentColor'
-        />
-      </g>
+      <path
+        d='M13.195 17C12.9533 17 12.7188 16.9321 12.5126 16.8032L9.48461 14.8759H8.14118C7.97769 14.8759 7.82129 14.8013 7.72178 14.6791C7.62227 14.5502 7.58675 14.3872 7.6294 14.238C7.67205 14.0751 7.69337 13.9123 7.69337 13.7358C7.69337 13.1929 7.48013 12.6704 7.0963 12.2632C6.66271 11.795 6.04431 11.5303 5.38327 11.5303C4.75066 11.5303 4.16779 11.7678 3.72709 12.1953C3.59204 12.331 3.38591 12.3786 3.20111 12.3311C3.0163 12.2768 2.86703 12.1343 2.82438 11.9511C2.7533 11.6525 2.71777 11.3267 2.71777 10.9738V6.90207C2.71777 4.56762 4.35972 3 6.80487 3H13.9129C16.358 3 18 4.56762 18 6.90207V10.9738C18 12.1071 17.6091 13.0843 16.8627 13.7968C16.2372 14.394 15.4056 14.7538 14.446 14.8488V15.8124C14.446 16.2535 14.19 16.6538 13.7849 16.8642C13.593 16.9524 13.394 17 13.195 17ZM8.75246 13.8511H9.64099C9.74761 13.8511 9.84712 13.8783 9.93952 13.9393L13.1026 15.9549C13.1808 16.0024 13.2447 15.982 13.2803 15.9616C13.3158 15.9413 13.3798 15.9006 13.3798 15.8056V14.3601C13.3798 14.0819 13.6215 13.8511 13.9129 13.8511C14.8156 13.8511 15.5762 13.5797 16.1093 13.0708C16.6495 12.555 16.9338 11.8288 16.9338 10.967V6.89528C16.9338 5.14444 15.7468 4.01114 13.9129 4.01114H6.80487C4.97101 4.01114 3.78397 5.14444 3.78397 6.89528V10.8856C4.26731 10.6345 4.81463 10.5056 5.38327 10.5056C6.34996 10.5056 7.26688 10.8992 7.89239 11.5778C8.44681 12.1682 8.75957 12.9283 8.75957 13.729C8.75246 13.7698 8.75246 13.8104 8.75246 13.8511Z'
+        fill='currentColor'
+      />
+      <path
+        d='M5.3763 16.9528C3.514 16.9528 2 15.5074 2 13.7294C2 12.7386 2.46202 11.8225 3.26522 11.2117C3.8623 10.757 4.61575 10.5059 5.3763 10.5059C7.2386 10.5059 8.7526 11.9514 8.7526 13.7294C8.7526 14.6523 8.33323 15.5345 7.60111 16.1453C6.98271 16.6678 6.19372 16.9528 5.3763 16.9528ZM5.3763 11.5239C4.85031 11.5239 4.35275 11.6935 3.93338 12.0125C3.38606 12.4264 3.0662 13.0575 3.0662 13.7294C3.0662 14.9441 4.10397 15.9349 5.3763 15.9349C5.93073 15.9349 6.47093 15.7381 6.90452 15.3852C7.40208 14.9645 7.6864 14.3673 7.6864 13.7294C7.6864 12.5146 6.64863 11.5239 5.3763 11.5239Z'
+        fill='currentColor'
+      />
+      <path
+        d='M4.66526 14.917C4.48756 14.917 4.30985 14.8287 4.21034 14.6727C4.06107 14.4284 4.13927 14.1162 4.39516 13.9737L5.02778 13.614V12.8811C5.02778 12.6029 5.26945 12.3721 5.56088 12.3721C5.8523 12.3721 6.09398 12.6029 6.09398 12.8811V13.899C6.09398 14.0755 5.99446 14.2451 5.83808 14.3334L4.94958 14.8423C4.85007 14.8966 4.75766 14.917 4.66526 14.917Z'
+        fill='currentColor'
+      />
+      <path
+        d='M12.8397 9.48799H7.8641C7.57268 9.48799 7.331 9.25726 7.331 8.97903C7.331 8.70079 7.57268 8.47006 7.8641 8.47006H12.8397C13.1311 8.47006 13.3728 8.70079 13.3728 8.97903C13.3728 9.25726 13.1311 9.48799 12.8397 9.48799Z'
+        fill='currentColor'
+      />
     </svg>
   )
 }

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function Icon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.js

@@ -3,22 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Icon;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
+var helper_1 = require("../../helper");
 function Icon(_a) {
-    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, isBoldIcon = _a.isBoldIcon;
     return isActive ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_89062', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        react_1.default.createElement("g", { mask: 'url(#mask0_1815_89062)' },
-            react_1.default.createElement("path", { d: 'M18.6333 6.8915L18.3916 4.58317C18.0416 2.0665 16.9 1.0415 14.4583 1.0415H12.4916H11.2583H8.72496H7.49162H5.49162C3.04162 1.0415 1.90829 2.0665 1.54995 4.60817L1.32495 6.89984C1.24162 7.7915 1.48329 8.65817 2.00829 9.33317C2.64162 10.1582 3.61662 10.6248 4.69995 10.6248C5.74995 10.6248 6.75829 10.0998 7.39162 9.25817C7.95829 10.0998 8.92496 10.6248 9.99996 10.6248C11.075 10.6248 12.0166 10.1248 12.5916 9.2915C13.2333 10.1165 14.225 10.6248 15.2583 10.6248C16.3666 10.6248 17.3666 10.1332 17.9916 9.2665C18.4916 8.59984 18.7166 7.75817 18.6333 6.8915Z', fill: activeColor }),
-            react_1.default.createElement("path", { d: 'M9.45841 13.8834C8.40008 13.9917 7.6001 14.8917 7.6001 15.9584V18.2417C7.6001 18.4667 7.78343 18.65 8.00843 18.65H11.9834C12.2084 18.65 12.3917 18.4667 12.3917 18.2417V16.25C12.4001 14.5084 11.3751 13.6834 9.45841 13.8834Z', fill: activeColor }),
-            react_1.default.createElement("path", { d: 'M17.8083 12.0001V14.4834C17.8083 16.7834 15.9417 18.6501 13.6417 18.6501C13.4167 18.6501 13.2333 18.4667 13.2333 18.2417V16.2501C13.2333 15.1834 12.9083 14.3501 12.275 13.7834C11.7167 13.2751 10.9583 13.0251 10.0167 13.0251C9.80833 13.0251 9.6 13.0334 9.375 13.0584C7.89165 13.2084 6.76665 14.4584 6.76665 15.9584V18.2417C6.76665 18.4667 6.58332 18.6501 6.35832 18.6501C4.05832 18.6501 2.19165 16.7834 2.19165 14.4834V12.0167C2.19165 11.4334 2.76665 11.0417 3.30832 11.2334C3.53332 11.3084 3.75832 11.3667 3.99165 11.4001C4.09165 11.4167 4.19998 11.4334 4.29998 11.4334C4.43332 11.4501 4.56665 11.4584 4.69998 11.4584C5.66665 11.4584 6.61665 11.1001 7.36665 10.4834C8.08332 11.1001 9.01667 11.4584 10 11.4584C10.9917 11.4584 11.9083 11.1167 12.625 10.5001C13.375 11.1084 14.3083 11.4584 15.2583 11.4584C15.4083 11.4584 15.5583 11.4501 15.7 11.4334C15.8 11.4251 15.8917 11.4167 15.9833 11.4001C16.2417 11.3667 16.475 11.2917 16.7083 11.2167C17.25 11.0334 17.8083 11.4334 17.8083 12.0001Z', fill: activeColor })))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-        react_1.default.createElement("mask", { height: '20', id: 'mask0_1815_88574', maskUnits: 'userSpaceOnUse', width: '20', x: '0', y: '0' },
-            react_1.default.createElement("path", { d: 'M20 0H0V20H20V0Z', fill: 'white' })),
-        react_1.default.createElement("g", { mask: 'url(#mask0_1815_88574)' },
-            react_1.default.createElement("path", { d: 'M2.5083 9.35059V13.0923C2.5083 16.8339 4.0083 18.3339 7.74997 18.3339H12.2416C15.9833 18.3339 17.4833 16.8339 17.4833 13.0923V9.35059', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            react_1.default.createElement("path", { d: 'M10 9.99984C11.525 9.99984 12.65 8.75817 12.5 7.23317L11.95 1.6665H8.05832L7.49999 7.23317C7.34999 8.75817 8.475 9.99984 10 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            react_1.default.createElement("path", { d: 'M15.2582 9.99984C16.9415 9.99984 18.1748 8.63317 18.0082 6.95817L17.7748 4.6665C17.4748 2.49984 16.6415 1.6665 14.4582 1.6665H11.9165L12.4998 7.50817C12.6415 8.88317 13.8832 9.99984 15.2582 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            react_1.default.createElement("path", { d: 'M4.6999 9.99984C6.0749 9.99984 7.31657 8.88317 7.4499 7.50817L7.63324 5.6665L8.03324 1.6665H5.49157C3.30824 1.6665 2.4749 2.49984 2.1749 4.6665L1.9499 6.95817C1.78324 8.63317 3.01657 9.99984 4.6999 9.99984Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }),
-            react_1.default.createElement("path", { d: 'M9.99984 14.1665C8.60817 14.1665 7.9165 14.8582 7.9165 16.2498V18.3332H12.0832V16.2498C12.0832 14.8582 11.3915 14.1665 9.99984 14.1665Z', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.25' }))));
+        react_1.default.createElement("path", { d: 'M17.9843 7.31562L17.7614 5.21814C17.4384 2.93137 16.3851 2 14.1323 2H5.85923C3.59874 2 2.55308 2.93137 2.22246 5.24086L2.01487 7.32319C1.93798 8.1334 2.16095 8.9209 2.64534 9.53424C3.22969 10.2839 4.12926 10.7079 5.1288 10.7079C6.09758 10.7079 7.02791 10.2309 7.61225 9.46609C8.13509 10.2309 9.02698 10.7079 10.0188 10.7079C11.0107 10.7079 11.8795 10.2536 12.41 9.49638C13.0021 10.246 13.917 10.7079 14.8704 10.7079C15.893 10.7079 16.8157 10.2612 17.3923 9.47366C17.8536 8.86789 18.0612 8.10311 17.9843 7.31562Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }),
+        react_1.default.createElement("path", { d: 'M9.51922 13.6688C8.54275 13.7672 7.80465 14.585 7.80465 15.5542V17.629C7.80465 17.8334 7.9738 18 8.1814 18H11.8489C12.0565 18 12.2256 17.8334 12.2256 17.629V15.8192C12.2333 14.2367 11.2876 13.487 9.51922 13.6688Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }),
+        react_1.default.createElement("path", { d: 'M17.2232 11.9574V14.2139C17.2232 16.3038 15.5009 17.9999 13.3788 17.9999C13.1712 17.9999 13.0021 17.8333 13.0021 17.6289V15.8192C13.0021 14.8499 12.7022 14.0927 12.1178 13.5778C11.6027 13.1159 10.903 12.8888 10.0342 12.8888C9.84199 12.8888 9.64977 12.8963 9.44217 12.919C8.07357 13.0553 7.03559 14.1912 7.03559 15.5541V17.6289C7.03559 17.8333 6.86644 17.9999 6.65884 17.9999C4.53676 17.9999 2.81449 16.3038 2.81449 14.2139V11.9725C2.81449 11.4425 3.34501 11.0866 3.84477 11.2608C4.05237 11.3289 4.25997 11.3819 4.47525 11.4122C4.56751 11.4273 4.66747 11.4425 4.75973 11.4425C4.88275 11.4576 5.00577 11.4652 5.12879 11.4652C6.02068 11.4652 6.89719 11.1396 7.58918 10.5793C8.25041 11.1396 9.11156 11.4652 10.0188 11.4652C10.9338 11.4652 11.7795 11.1547 12.4408 10.5944C13.1328 11.1472 13.9939 11.4652 14.8704 11.4652C15.0088 11.4652 15.1472 11.4576 15.2779 11.4425C15.3702 11.4349 15.4547 11.4273 15.5393 11.4122C15.7777 11.3819 15.993 11.3138 16.2082 11.2456C16.708 11.079 17.2232 11.4425 17.2232 11.9574Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        react_1.default.createElement("path", { d: 'M10.989 15.0389C10.9889 14.5029 10.8513 14.2055 10.6781 14.0377C10.5047 13.87 10.1973 13.7369 9.64348 13.7369C9.08938 13.7369 8.78136 13.87 8.60801 14.0377C8.43472 14.2055 8.29715 14.5029 8.29709 15.0389V16.3417H10.989V15.0389ZM5.48356 2.57427C4.53533 2.57428 4.01532 2.75176 3.69288 3.03996C3.36374 3.33416 3.12812 3.84244 2.99535 4.76405L2.78898 6.79599C2.66885 7.9643 3.54175 8.89923 4.75269 8.89944C5.72674 8.89944 6.62222 8.11862 6.71639 7.17883L6.7173 7.17709L7.19223 2.57427H5.48356ZM7.90958 7.04105C7.80439 8.0759 8.57834 8.89944 9.64348 8.89944C10.6122 8.8993 11.3366 8.21851 11.381 7.31662C11.38 7.30774 11.3783 7.29849 11.3774 7.28959V7.28784L10.8907 2.57427H8.37279L7.90958 7.04105ZM12.5246 6.93204C12.5359 7.04329 12.5393 7.15417 12.5381 7.26255C12.6826 8.16612 13.5533 8.89931 14.4964 8.89944C15.7076 8.89944 16.5803 7.9653 16.4601 6.79686L16.2474 4.7719L16.1934 4.44313C16.0549 3.72096 15.8378 3.29806 15.549 3.03996C15.2266 2.75181 14.7065 2.57427 13.7583 2.57427H12.0794L12.5246 6.93204ZM12.1425 16.333C13.5593 16.2803 14.4556 15.9618 15.0173 15.4182C15.634 14.8214 15.9717 13.8347 15.9717 12.2194V9.67559C15.5368 9.89278 15.0367 10.0157 14.4964 10.0157C13.5234 10.0156 12.617 9.54597 12.0317 8.82706C11.5175 9.54795 10.6559 10.0156 9.64348 10.0157C8.61886 10.0157 7.74733 9.53743 7.23548 8.80177C6.65241 9.53507 5.73614 10.0157 4.75269 10.0157C4.22436 10.0156 3.73433 9.89875 3.30627 9.69042V12.2194C3.30629 13.8346 3.64398 14.8214 4.26063 15.4182C4.82344 15.9628 5.72215 16.2812 7.14356 16.333V15.0389C7.14361 14.3325 7.32568 13.7002 7.79242 13.2485C8.25928 12.7967 8.91332 12.6206 9.64348 12.6206C10.3735 12.6207 11.0269 12.7968 11.4936 13.2485C11.9604 13.7002 12.1424 14.3325 12.1425 15.0389V16.333ZM17.1252 12.2194C17.1252 13.9454 16.7715 15.2992 15.8329 16.2074C14.8943 17.1157 13.4953 17.458 11.7117 17.458H7.56622C5.78272 17.458 4.38362 17.1157 3.44505 16.2074C2.50651 15.2992 2.15275 13.9453 2.15274 12.2194V8.87764C2.15277 8.82865 2.16118 8.78163 2.17346 8.73636C1.76791 8.169 1.56259 7.45604 1.64176 6.68611L1.84903 4.64022C1.84977 4.633 1.85071 4.6256 1.85174 4.61842C1.99603 3.61011 2.2833 2.78095 2.91064 2.2202C3.54559 1.65276 4.4172 1.45802 5.48356 1.45801H7.82937C7.83269 1.45801 7.83597 1.4597 7.83929 1.45975C7.84319 1.45967 7.84708 1.45801 7.851 1.45801H13.7583C14.8248 1.45801 15.6972 1.65263 16.3322 2.2202C16.9593 2.78094 17.2459 3.61024 17.3902 4.61842C17.3911 4.62502 17.3922 4.63185 17.3929 4.63847L17.6083 6.68524C17.6862 7.44296 17.4883 8.14642 17.0955 8.70933C17.113 8.76269 17.1252 8.81865 17.1252 8.87764V12.2194Z', fill: 'currentColor' })));
 }
 //# sourceMappingURL=cua-hang.js.map

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.js.map

@@ -1 +1 @@
-{"version":3,"file":"cua-hang.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cua-hang.tsx"],"names":[],"mappings":";;AAGA,uBAiEC;;AApED,wDAAyB;AAGzB,SAAwB,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,4iBAA4iB,EAC9iB,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAE,WAAW,GACjB;YACF,wCACE,CAAC,EAAC,49BAA49B,EAC99B,IAAI,EAAE,WAAW,GACjB,CACA,CACA,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG;YACvF,wCAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CACrC;QACP,qCAAG,IAAI,EAAC,wBAAwB;YAC9B,wCACE,CAAC,EAAC,uIAAuI,EACzI,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,sIAAsI,EACxI,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,wMAAwM,EAC1M,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB;YACF,wCACE,CAAC,EAAC,yIAAyI,EAC3I,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,MAAM,GAClB,CACA,CACA,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"cua-hang.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/cua-hang.tsx"],"names":[],"mappings":";;AAIA,uBAwBC;;AA5BD,wDAAyB;AAEzB,uCAA+C;AAE/C,SAAwB,IAAI,CAAC,EAAqE;QAAnE,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,igBAAigB,EACngB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D;QACF,wCACE,CAAC,EAAC,sNAAsN,EACxN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D;QACF,wCACE,CAAC,EAAC,8+BAA8+B,EACh/B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAC3D,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,wCACE,CAAC,EAAC,mgFAAmgF,EACrgF,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/components/MainWrapV4/assets/icon-v3/cua-hang.tsx

@@ -1,69 +1,29 @@
 import React from 'react'
 import { IIcon } from '../../types'
+import { getBoldIconColor } from '../../helper'
 
-export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }: IIcon) {
   return isActive ? (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_89062' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_89062)'>
-        <path
-          d='M18.6333 6.8915L18.3916 4.58317C18.0416 2.0665 16.9 1.0415 14.4583 1.0415H12.4916H11.2583H8.72496H7.49162H5.49162C3.04162 1.0415 1.90829 2.0665 1.54995 4.60817L1.32495 6.89984C1.24162 7.7915 1.48329 8.65817 2.00829 9.33317C2.64162 10.1582 3.61662 10.6248 4.69995 10.6248C5.74995 10.6248 6.75829 10.0998 7.39162 9.25817C7.95829 10.0998 8.92496 10.6248 9.99996 10.6248C11.075 10.6248 12.0166 10.1248 12.5916 9.2915C13.2333 10.1165 14.225 10.6248 15.2583 10.6248C16.3666 10.6248 17.3666 10.1332 17.9916 9.2665C18.4916 8.59984 18.7166 7.75817 18.6333 6.8915Z'
-          fill={activeColor}
-        />
-        <path
-          d='M9.45841 13.8834C8.40008 13.9917 7.6001 14.8917 7.6001 15.9584V18.2417C7.6001 18.4667 7.78343 18.65 8.00843 18.65H11.9834C12.2084 18.65 12.3917 18.4667 12.3917 18.2417V16.25C12.4001 14.5084 11.3751 13.6834 9.45841 13.8834Z'
-          fill={activeColor}
-        />
-        <path
-          d='M17.8083 12.0001V14.4834C17.8083 16.7834 15.9417 18.6501 13.6417 18.6501C13.4167 18.6501 13.2333 18.4667 13.2333 18.2417V16.2501C13.2333 15.1834 12.9083 14.3501 12.275 13.7834C11.7167 13.2751 10.9583 13.0251 10.0167 13.0251C9.80833 13.0251 9.6 13.0334 9.375 13.0584C7.89165 13.2084 6.76665 14.4584 6.76665 15.9584V18.2417C6.76665 18.4667 6.58332 18.6501 6.35832 18.6501C4.05832 18.6501 2.19165 16.7834 2.19165 14.4834V12.0167C2.19165 11.4334 2.76665 11.0417 3.30832 11.2334C3.53332 11.3084 3.75832 11.3667 3.99165 11.4001C4.09165 11.4167 4.19998 11.4334 4.29998 11.4334C4.43332 11.4501 4.56665 11.4584 4.69998 11.4584C5.66665 11.4584 6.61665 11.1001 7.36665 10.4834C8.08332 11.1001 9.01667 11.4584 10 11.4584C10.9917 11.4584 11.9083 11.1167 12.625 10.5001C13.375 11.1084 14.3083 11.4584 15.2583 11.4584C15.4083 11.4584 15.5583 11.4501 15.7 11.4334C15.8 11.4251 15.8917 11.4167 15.9833 11.4001C16.2417 11.3667 16.475 11.2917 16.7083 11.2167C17.25 11.0334 17.8083 11.4334 17.8083 12.0001Z'
-          fill={activeColor}
-        />
-      </g>
+      <path
+        d='M17.9843 7.31562L17.7614 5.21814C17.4384 2.93137 16.3851 2 14.1323 2H5.85923C3.59874 2 2.55308 2.93137 2.22246 5.24086L2.01487 7.32319C1.93798 8.1334 2.16095 8.9209 2.64534 9.53424C3.22969 10.2839 4.12926 10.7079 5.1288 10.7079C6.09758 10.7079 7.02791 10.2309 7.61225 9.46609C8.13509 10.2309 9.02698 10.7079 10.0188 10.7079C11.0107 10.7079 11.8795 10.2536 12.41 9.49638C13.0021 10.246 13.917 10.7079 14.8704 10.7079C15.893 10.7079 16.8157 10.2612 17.3923 9.47366C17.8536 8.86789 18.0612 8.10311 17.9843 7.31562Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M9.51922 13.6688C8.54275 13.7672 7.80465 14.585 7.80465 15.5542V17.629C7.80465 17.8334 7.9738 18 8.1814 18H11.8489C12.0565 18 12.2256 17.8334 12.2256 17.629V15.8192C12.2333 14.2367 11.2876 13.487 9.51922 13.6688Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
+      <path
+        d='M17.2232 11.9574V14.2139C17.2232 16.3038 15.5009 17.9999 13.3788 17.9999C13.1712 17.9999 13.0021 17.8333 13.0021 17.6289V15.8192C13.0021 14.8499 12.7022 14.0927 12.1178 13.5778C11.6027 13.1159 10.903 12.8888 10.0342 12.8888C9.84199 12.8888 9.64977 12.8963 9.44217 12.919C8.07357 13.0553 7.03559 14.1912 7.03559 15.5541V17.6289C7.03559 17.8333 6.86644 17.9999 6.65884 17.9999C4.53676 17.9999 2.81449 16.3038 2.81449 14.2139V11.9725C2.81449 11.4425 3.34501 11.0866 3.84477 11.2608C4.05237 11.3289 4.25997 11.3819 4.47525 11.4122C4.56751 11.4273 4.66747 11.4425 4.75973 11.4425C4.88275 11.4576 5.00577 11.4652 5.12879 11.4652C6.02068 11.4652 6.89719 11.1396 7.58918 10.5793C8.25041 11.1396 9.11156 11.4652 10.0188 11.4652C10.9338 11.4652 11.7795 11.1547 12.4408 10.5944C13.1328 11.1472 13.9939 11.4652 14.8704 11.4652C15.0088 11.4652 15.1472 11.4576 15.2779 11.4425C15.3702 11.4349 15.4547 11.4273 15.5393 11.4122C15.7777 11.3819 15.993 11.3138 16.2082 11.2456C16.708 11.079 17.2232 11.4425 17.2232 11.9574Z'
+        fill={isBoldIcon ? getBoldIconColor(isActive) : activeColor}
+      />
     </svg>
   ) : (
     <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
-      <mask height='20' id='mask0_1815_88574' maskUnits='userSpaceOnUse' width='20' x='0' y='0'>
-        <path d='M20 0H0V20H20V0Z' fill='white' />
-      </mask>
-      <g mask='url(#mask0_1815_88574)'>
-        <path
-          d='M2.5083 9.35059V13.0923C2.5083 16.8339 4.0083 18.3339 7.74997 18.3339H12.2416C15.9833 18.3339 17.4833 16.8339 17.4833 13.0923V9.35059'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M10 9.99984C11.525 9.99984 12.65 8.75817 12.5 7.23317L11.95 1.6665H8.05832L7.49999 7.23317C7.34999 8.75817 8.475 9.99984 10 9.99984Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M15.2582 9.99984C16.9415 9.99984 18.1748 8.63317 18.0082 6.95817L17.7748 4.6665C17.4748 2.49984 16.6415 1.6665 14.4582 1.6665H11.9165L12.4998 7.50817C12.6415 8.88317 13.8832 9.99984 15.2582 9.99984Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M4.6999 9.99984C6.0749 9.99984 7.31657 8.88317 7.4499 7.50817L7.63324 5.6665L8.03324 1.6665H5.49157C3.30824 1.6665 2.4749 2.49984 2.1749 4.6665L1.9499 6.95817C1.78324 8.63317 3.01657 9.99984 4.6999 9.99984Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-        <path
-          d='M9.99984 14.1665C8.60817 14.1665 7.9165 14.8582 7.9165 16.2498V18.3332H12.0832V16.2498C12.0832 14.8582 11.3915 14.1665 9.99984 14.1665Z'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth='1.25'
-        />
-      </g>
+      <path
+        d='M10.989 15.0389C10.9889 14.5029 10.8513 14.2055 10.6781 14.0377C10.5047 13.87 10.1973 13.7369 9.64348 13.7369C9.08938 13.7369 8.78136 13.87 8.60801 14.0377C8.43472 14.2055 8.29715 14.5029 8.29709 15.0389V16.3417H10.989V15.0389ZM5.48356 2.57427C4.53533 2.57428 4.01532 2.75176 3.69288 3.03996C3.36374 3.33416 3.12812 3.84244 2.99535 4.76405L2.78898 6.79599C2.66885 7.9643 3.54175 8.89923 4.75269 8.89944C5.72674 8.89944 6.62222 8.11862 6.71639 7.17883L6.7173 7.17709L7.19223 2.57427H5.48356ZM7.90958 7.04105C7.80439 8.0759 8.57834 8.89944 9.64348 8.89944C10.6122 8.8993 11.3366 8.21851 11.381 7.31662C11.38 7.30774 11.3783 7.29849 11.3774 7.28959V7.28784L10.8907 2.57427H8.37279L7.90958 7.04105ZM12.5246 6.93204C12.5359 7.04329 12.5393 7.15417 12.5381 7.26255C12.6826 8.16612 13.5533 8.89931 14.4964 8.89944C15.7076 8.89944 16.5803 7.9653 16.4601 6.79686L16.2474 4.7719L16.1934 4.44313C16.0549 3.72096 15.8378 3.29806 15.549 3.03996C15.2266 2.75181 14.7065 2.57427 13.7583 2.57427H12.0794L12.5246 6.93204ZM12.1425 16.333C13.5593 16.2803 14.4556 15.9618 15.0173 15.4182C15.634 14.8214 15.9717 13.8347 15.9717 12.2194V9.67559C15.5368 9.89278 15.0367 10.0157 14.4964 10.0157C13.5234 10.0156 12.617 9.54597 12.0317 8.82706C11.5175 9.54795 10.6559 10.0156 9.64348 10.0157C8.61886 10.0157 7.74733 9.53743 7.23548 8.80177C6.65241 9.53507 5.73614 10.0157 4.75269 10.0157C4.22436 10.0156 3.73433 9.89875 3.30627 9.69042V12.2194C3.30629 13.8346 3.64398 14.8214 4.26063 15.4182C4.82344 15.9628 5.72215 16.2812 7.14356 16.333V15.0389C7.14361 14.3325 7.32568 13.7002 7.79242 13.2485C8.25928 12.7967 8.91332 12.6206 9.64348 12.6206C10.3735 12.6207 11.0269 12.7968 11.4936 13.2485C11.9604 13.7002 12.1424 14.3325 12.1425 15.0389V16.333ZM17.1252 12.2194C17.1252 13.9454 16.7715 15.2992 15.8329 16.2074C14.8943 17.1157 13.4953 17.458 11.7117 17.458H7.56622C5.78272 17.458 4.38362 17.1157 3.44505 16.2074C2.50651 15.2992 2.15275 13.9453 2.15274 12.2194V8.87764C2.15277 8.82865 2.16118 8.78163 2.17346 8.73636C1.76791 8.169 1.56259 7.45604 1.64176 6.68611L1.84903 4.64022C1.84977 4.633 1.85071 4.6256 1.85174 4.61842C1.99603 3.61011 2.2833 2.78095 2.91064 2.2202C3.54559 1.65276 4.4172 1.45802 5.48356 1.45801H7.82937C7.83269 1.45801 7.83597 1.4597 7.83929 1.45975C7.84319 1.45967 7.84708 1.45801 7.851 1.45801H13.7583C14.8248 1.45801 15.6972 1.65263 16.3322 2.2202C16.9593 2.78094 17.2459 3.61024 17.3902 4.61842C17.3911 4.62502 17.3922 4.63185 17.3929 4.63847L17.6083 6.68524C17.6862 7.44296 17.4883 8.14642 17.0955 8.70933C17.113 8.76269 17.1252 8.81865 17.1252 8.87764V12.2194Z'
+        fill='currentColor'
+      />
     </svg>
   )
 }

package/dist/cjs/components/MainWrapV4/assets/icon-v3/diem-danh.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IIcon } from '../../types';
-export default function DiemDanhIcon({ activeColor, isActive }: IIcon): React.JSX.Element;
+export default function DiemDanhIcon({ activeColor, isActive, isBoldIcon }: IIcon): React.JSX.Element;