sme-pos-package 1.0.13 → 1.0.15

package/src/assets/icons/table-icon.tsx

@@ -1,77 +0,0 @@
-export const IcAvailableTable = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="40"
-      height="31"
-      viewBox="0 0 40 31"
-      fill="none"
-    >
-      <path
-        d="M22.6384 0.728937C22.4446 0.500407 22.2034 0.31683 21.9315 0.190978C21.6596 0.0651251 21.3636 1.84977e-05 21.064 0.00018642H18.809C18.5073 -0.00386975 18.2084 0.0583104 17.9334 0.182341C17.6583 0.306372 17.4139 0.489234 17.2172 0.71803C17.0205 0.946826 16.8764 1.21598 16.7951 1.50652C16.7138 1.79706 16.6972 2.10191 16.7465 2.39956L17.434 6.29769C17.4603 6.46037 17.5442 6.60817 17.6704 6.71417C17.7966 6.82016 17.9567 6.87731 18.1215 6.87519H21.7927C21.9575 6.87731 22.1176 6.82016 22.2438 6.71417C22.37 6.60817 22.4539 6.46037 22.4802 6.29769L23.1677 2.39956C23.2076 2.09931 23.1808 1.79396 23.0893 1.50523C22.9978 1.21649 22.8438 0.95145 22.6384 0.728937Z"
-        fill="#CDCDCD"
-      />
-      <path
-        d="M19.9375 5.5C15.3791 5.5 11.0074 7.31082 7.7841 10.5341C4.56082 13.7574 2.75 18.1291 2.75 22.6875V26.125C2.75 26.3073 2.82243 26.4822 2.95136 26.6111C3.0803 26.7401 3.25516 26.8125 3.4375 26.8125H36.4375C36.6198 26.8125 36.7947 26.7401 36.9236 26.6111C37.0526 26.4822 37.125 26.3073 37.125 26.125V22.6875C37.125 20.4304 36.6804 18.1954 35.8167 16.1101C34.9529 14.0248 33.6869 12.1301 32.0909 10.5341C30.4949 8.9381 28.6002 7.67207 26.5149 6.80832C24.4296 5.94457 22.1946 5.5 19.9375 5.5Z"
-        fill="#DEDEDE"
-      />
-      <path
-        d="M22.4688 5.68555C25.4468 7.31348 27.9322 9.71254 29.6643 12.6313C31.3965 15.55 32.3116 18.8809 32.3137 22.2749V26.0562C32.3138 26.2567 32.2341 26.4491 32.0922 26.5909C31.9504 26.7327 31.7581 26.8124 31.5575 26.8124H36.4387C36.6211 26.8124 36.796 26.74 36.9249 26.6111C37.0538 26.4821 37.1262 26.3073 37.1262 26.1249V22.6874C37.1266 18.5671 35.6468 14.5838 32.9565 11.4631C30.2661 8.34242 26.5442 6.29205 22.4688 5.68555Z"
-        fill="#D6D6D6"
-      />
-      <path
-        d="M6.3586 21.189H6.2486C6.06924 21.1602 5.90855 21.0617 5.80163 20.9148C5.69471 20.7679 5.65026 20.5848 5.67798 20.4052C6.00965 18.3555 6.77956 16.4014 7.93517 14.6763C9.09077 12.9512 10.6049 11.4957 12.3742 10.409C12.4508 10.3447 12.5404 10.2979 12.6369 10.2719C12.7333 10.2458 12.8343 10.2411 12.9328 10.258C13.0313 10.2749 13.1249 10.3132 13.2071 10.37C13.2893 10.4268 13.3582 10.5008 13.4088 10.587C13.4595 10.6731 13.4908 10.7692 13.5005 10.8687C13.5102 10.9682 13.4981 11.0685 13.4651 11.1629C13.432 11.2572 13.3788 11.3431 13.3092 11.4148C13.2395 11.4864 13.1551 11.542 13.0617 11.5777C11.4672 12.5651 10.104 13.8842 9.06481 15.4454C8.02559 17.0066 7.33474 18.7732 7.03923 20.6252C7.01014 20.7842 6.92597 20.9279 6.8015 21.031C6.67703 21.1341 6.52022 21.19 6.3586 21.189Z"
-        fill="white"
-      />
-      <path
-        d="M39.1875 25.4375H0.687501C0.505165 25.4375 0.330297 25.5099 0.201365 25.6389C0.0724342 25.7678 1.37687e-06 25.9427 1.37687e-06 26.125V27.8438C-0.000232426 27.9606 0.0293137 28.0756 0.0858504 28.1778C0.142387 28.28 0.224049 28.3662 0.323126 28.4281L3.07313 30.1469C3.18254 30.2147 3.30878 30.2504 3.4375 30.25H36.4375C36.5662 30.2504 36.6925 30.2147 36.8019 30.1469L39.5519 28.4281C39.651 28.3662 39.7326 28.28 39.7892 28.1778C39.8457 28.0756 39.8752 27.9606 39.875 27.8438V26.125C39.875 25.9427 39.8026 25.7678 39.6736 25.6389C39.5447 25.5099 39.3698 25.4375 39.1875 25.4375Z"
-        fill="#CCCCCC"
-      />
-      <path
-        d="M25.5899 6.46289C24.5174 7.91955 24.0025 9.71242 24.1387 11.5162C24.2748 13.32 25.0531 15.0152 26.3322 16.2944C27.6113 17.5735 29.3065 18.3517 31.1103 18.4879C32.9141 18.6241 34.707 18.1092 36.1637 17.0366C35.3084 14.5932 33.9138 12.3739 32.0832 10.5433C30.2527 8.71281 28.0333 7.31814 25.5899 6.46289Z"
-        fill="#C6C6C6"
-      />
-      <path
-        d="M31.625 17.1875C35.0423 17.1875 37.8125 14.4173 37.8125 11C37.8125 7.58274 35.0423 4.8125 31.625 4.8125C28.2077 4.8125 25.4375 7.58274 25.4375 11C25.4375 14.4173 28.2077 17.1875 31.625 17.1875Z"
-        fill="currentColor"
-      />
-      <path
-        d="M32.3125 10.3125V8.25H30.9375V10.3125H28.875V11.6875H30.9375V13.75H32.3125V11.6875H34.375V10.3125H32.3125Z"
-        fill="white"
-      />
-    </svg>
-  );
-};
-
-export const IcSeatTable = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="13"
-      height="10"
-      viewBox="0 0 13 10"
-      fill="none"
-    >
-      <path
-        d="M7.61412 8.98547L7.05151 8.61218C7.01489 8.58775 6.98489 8.55463 6.96419 8.51578C6.94349 8.47693 6.93272 8.43356 6.93286 8.38954V5.06592H5.86632V8.38954C5.86632 8.43343 5.8555 8.47663 5.8348 8.51533C5.8141 8.55403 5.78417 8.58702 5.74766 8.61138L5.18506 8.98547C5.14855 9.00983 5.11862 9.04282 5.09792 9.08152C5.07723 9.12022 5.0664 9.16343 5.06641 9.20731V9.3321C5.06641 9.40281 5.0945 9.47063 5.1445 9.52064C5.19451 9.57064 5.26233 9.59873 5.33304 9.59873H7.46613C7.53685 9.59873 7.60467 9.57064 7.65467 9.52064C7.70468 9.47063 7.73277 9.40281 7.73277 9.3321V9.20811C7.73291 9.16409 7.72214 9.12072 7.70144 9.08187C7.68074 9.04302 7.65074 9.0099 7.61412 8.98547Z"
-        fill="currentColor"
-      />
-      <path
-        d="M9.86621 3.46631H2.66703C2.51977 3.46631 2.40039 3.58569 2.40039 3.73294V4.26622C2.40039 4.41348 2.51977 4.53285 2.66703 4.53285H9.86621C10.0135 4.53285 10.1328 4.41348 10.1328 4.26622V3.73294C10.1328 3.58569 10.0135 3.46631 9.86621 3.46631Z"
-        fill="currentColor"
-      />
-      <path
-        d="M6.66678 0.814307V0.533273H6.93342C7.00413 0.533273 7.07195 0.505181 7.12196 0.455177C7.17196 0.405173 7.20005 0.337353 7.20005 0.266636C7.20005 0.19592 7.17196 0.1281 7.12196 0.078096C7.07195 0.028092 7.00413 0 6.93342 0H5.86687C5.79616 0 5.72834 0.028092 5.67833 0.078096C5.62833 0.1281 5.60024 0.19592 5.60024 0.266636C5.60024 0.337353 5.62833 0.405173 5.67833 0.455177C5.72834 0.505181 5.79616 0.533273 5.86687 0.533273H6.13351V0.814307C5.56784 0.87179 5.03526 1.10826 4.61326 1.48931C4.19126 1.87036 3.90184 2.37611 3.78711 2.933H9.01318C8.89845 2.37611 8.60903 1.87036 8.18703 1.48931C7.76502 1.10826 7.23245 0.87179 6.66678 0.814307ZM6.05352 1.90405C5.6865 1.98597 5.35984 2.19402 5.13042 2.49198C5.08739 2.54813 5.02382 2.58489 4.95369 2.59416C4.88356 2.60344 4.81261 2.58447 4.75647 2.54144C4.70032 2.49841 4.66356 2.43484 4.65429 2.36471C4.64501 2.29458 4.66397 2.22363 4.707 2.16749C5.01294 1.77008 5.44858 1.49257 5.93806 1.38331C5.97226 1.37573 6.00761 1.37496 6.0421 1.38104C6.07659 1.38712 6.10954 1.39993 6.13908 1.41875C6.16862 1.43757 6.19416 1.46202 6.21425 1.49071C6.23434 1.5194 6.24858 1.55176 6.25616 1.58595C6.26374 1.62014 6.26451 1.6555 6.25843 1.68999C6.25235 1.72448 6.23954 1.75743 6.22072 1.78697C6.2019 1.81651 6.17745 1.84205 6.14876 1.86214C6.12007 1.88223 6.08771 1.89647 6.05352 1.90405Z"
-        fill="currentColor"
-      />
-      <path
-        d="M12.6686 2.84706C12.6187 2.79015 12.5572 2.74455 12.4882 2.71333C12.4192 2.68211 12.3444 2.66598 12.2687 2.66602H11.981C11.8641 2.66663 11.7507 2.7056 11.6582 2.77695C11.5656 2.84829 11.4991 2.94806 11.4688 3.0609L10.779 5.63714H9.1341C8.95714 5.63732 8.78526 5.69637 8.64556 5.80499C8.50585 5.9136 8.40625 6.06562 8.36246 6.23708L8.28646 6.53224C8.26613 6.61101 8.26408 6.69339 8.28048 6.77307C8.29688 6.85276 8.3313 6.92763 8.38109 6.99196C8.43089 7.0563 8.49474 7.10839 8.56777 7.14424C8.64079 7.1801 8.72105 7.19877 8.80241 7.19883H8.8208L8.30593 9.2674C8.29747 9.3014 8.2958 9.33673 8.30101 9.37138C8.30622 9.40602 8.3182 9.4393 8.33628 9.46932C8.35436 9.49933 8.37817 9.52548 8.40636 9.54629C8.43455 9.56709 8.46657 9.58214 8.50057 9.59056C8.52166 9.59596 8.54334 9.59864 8.5651 9.59856C8.62458 9.59854 8.68234 9.57864 8.7292 9.54202C8.77607 9.5054 8.80934 9.45416 8.82374 9.39645L9.36954 7.19883H11.2821L11.769 9.38978C11.7821 9.4489 11.815 9.50179 11.8622 9.53973C11.9094 9.57768 11.9681 9.59843 12.0287 9.59856C12.0483 9.59853 12.0677 9.59638 12.0868 9.59216C12.121 9.58459 12.1534 9.57035 12.1821 9.55026C12.2108 9.53018 12.2352 9.50463 12.2541 9.47509C12.2729 9.44555 12.2857 9.4126 12.2918 9.3781C12.2978 9.34361 12.2971 9.30826 12.2895 9.27406L11.8191 7.15804C11.963 7.11222 12.0909 7.02663 12.1881 6.91118C12.2854 6.79572 12.348 6.6551 12.3687 6.50558L12.7974 3.27075C12.8075 3.19502 12.8012 3.11803 12.779 3.04494C12.7567 2.97186 12.7191 2.90438 12.6686 2.84706Z"
-        fill="currentColor"
-      />
-      <path
-        d="M4.4207 6.99272C4.47083 6.92842 4.50549 6.85343 4.52199 6.77358C4.5385 6.69373 4.53641 6.61116 4.51589 6.53224L4.43963 6.23734C4.39593 6.06588 4.29639 5.91385 4.15672 5.80522C4.01705 5.6966 3.84519 5.63755 3.66825 5.63741H2.02444L1.33465 3.0609C1.30427 2.94784 1.23752 2.84791 1.14471 2.77654C1.0519 2.70518 0.938184 2.66634 0.821107 2.66602H0.53154C0.455711 2.66626 0.380806 2.68268 0.311823 2.71417C0.242841 2.74566 0.181367 2.7915 0.131505 2.84863C0.0816419 2.90576 0.0445366 2.97286 0.0226646 3.04547C0.000792528 3.11808 -0.00534323 3.19451 0.0046667 3.26968L0.433418 6.50558C0.453846 6.65517 0.516193 6.79592 0.61325 6.91157C0.710307 7.02722 0.838111 7.11304 0.981889 7.1591L0.511542 9.27406C0.496197 9.34312 0.508912 9.41544 0.54689 9.47512C0.584868 9.5348 0.644998 9.57695 0.714053 9.59229C0.783107 9.60764 0.855429 9.59492 0.915109 9.55695C0.974789 9.51897 1.01694 9.45884 1.03228 9.38978L1.51969 7.19883H3.43308L3.97995 9.39645C3.99437 9.45429 4.02777 9.50563 4.07479 9.54227C4.12182 9.5789 4.17977 9.59872 4.23938 9.59856C4.26115 9.59864 4.28283 9.59596 4.30391 9.59056C4.33789 9.58211 4.36988 9.56704 4.39804 9.54623C4.4262 9.52541 4.44999 9.49925 4.46804 9.46924C4.48609 9.43923 4.49805 9.40596 4.50324 9.37133C4.50843 9.33669 4.50675 9.30138 4.49829 9.2674L3.98208 7.19883H4.00074C4.08187 7.19903 4.16195 7.18055 4.23478 7.1448C4.30761 7.10906 4.37123 7.05702 4.4207 6.99272Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};

package/src/assets/icons/user-add-line-icon.tsx

@@ -1,33 +0,0 @@
-function UserAddLineIcon() {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-    >
-      <path
-        d="M9.2002 9.35159V10.6056C8.65715 10.4136 8.07596 10.3547 7.50544 10.4339C6.93492 10.513 6.39172 10.7279 5.92145 11.0605C5.45119 11.3931 5.0676 11.8337 4.80289 12.3452C4.53818 12.8568 4.40009 13.4244 4.4002 14.0004L3.2002 13.9998C3.20001 13.2671 3.36755 12.5441 3.68997 11.8862C4.0124 11.2283 4.48116 10.653 5.06033 10.2042C5.63949 9.75547 6.3137 9.44527 7.03129 9.29738C7.74887 9.14948 8.49079 9.16782 9.2002 9.35099V9.35159ZM8.0002 8.60039C6.0112 8.60039 4.4002 6.98939 4.4002 5.00039C4.4002 3.01139 6.0112 1.40039 8.0002 1.40039C9.9892 1.40039 11.6002 3.01139 11.6002 5.00039C11.6002 6.98939 9.9892 8.60039 8.0002 8.60039ZM8.0002 7.40039C9.3262 7.40039 10.4002 6.32639 10.4002 5.00039C10.4002 3.67439 9.3262 2.60039 8.0002 2.60039C6.6742 2.60039 5.6002 3.67439 5.6002 5.00039C5.6002 6.32639 6.6742 7.40039 8.0002 7.40039ZM11.6002 11.0004V9.20039H12.8002V11.0004H14.6002V12.2004H12.8002V14.0004H11.6002V12.2004H9.8002V11.0004H11.6002Z"
-        fill="currentColor"
-      />
-    </svg>
-  )
-}
-
-export default UserAddLineIcon
-
-export const IcUserAddFill = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="15"
-    height="16"
-    viewBox="0 0 15 16"
-    fill="none"
-  >
-    <path
-      d="M7.5 9.939V15.75H1.93842e-07C-0.000232586 14.8342 0.209191 13.9304 0.612224 13.108C1.01526 12.2857 1.6012 11.5665 2.32516 11.0055C3.04912 10.4446 3.89188 10.0568 4.78887 9.87198C5.68585 9.68712 6.61325 9.71004 7.5 9.939ZM6 9C3.51375 9 1.5 6.98625 1.5 4.5C1.5 2.01375 3.51375 0 6 0C8.48625 0 10.5 2.01375 10.5 4.5C10.5 6.98625 8.48625 9 6 9ZM10.5 12V9.75H12V12H14.25V13.5H12V15.75H10.5V13.5H8.25V12H10.5Z"
-      fill="currentColor"
-    />
-  </svg>
-)

package/src/assets/icons/user-icon.tsx

@@ -1,65 +0,0 @@
-export const IcUserPlus = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-    >
-      <path
-        d="M11.5 11.689V17.5H4C3.99977 16.5842 4.20919 15.6804 4.61222 14.858C5.01526 14.0357 5.6012 13.3165 6.32516 12.7555C7.04912 12.1946 7.89188 11.8068 8.78887 11.622C9.68585 11.4371 10.6132 11.46 11.5 11.689ZM10 10.75C7.51375 10.75 5.5 8.73625 5.5 6.25C5.5 3.76375 7.51375 1.75 10 1.75C12.4862 1.75 14.5 3.76375 14.5 6.25C14.5 8.73625 12.4862 10.75 10 10.75ZM14.5 13.75V11.5H16V13.75H18.25V15.25H16V17.5H14.5V15.25H12.25V13.75H14.5Z"
-        fill="currentColor"
-      />
-    </svg>
-  )
-}
-
-export const IcCustomer = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-    >
-      <path
-        d="M4.80078 20.9996C4.80078 19.09 5.55935 17.2587 6.90961 15.9084C8.25987 14.5582 10.0912 13.7996 12.0008 13.7996C13.9103 13.7996 15.7417 14.5582 17.092 15.9084C18.4422 17.2587 19.2008 19.09 19.2008 20.9996H4.80078ZM12.0008 12.8996C9.01728 12.8996 6.60078 10.4831 6.60078 7.49961C6.60078 4.51611 9.01728 2.09961 12.0008 2.09961C14.9843 2.09961 17.4008 4.51611 17.4008 7.49961C17.4008 10.4831 14.9843 12.8996 12.0008 12.8996Z"
-        fill="#363793"
-      />
-    </svg>
-  )
-}
-
-export const UserLineIcon = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="60"
-      height="78"
-      viewBox="0 0 60 78"
-      fill="none"
-    >
-      <path
-        d="M0.664062 77.668C0.664062 61.4675 13.797 48.3346 29.9974 48.3346C46.1978 48.3346 59.3307 61.4675 59.3307 77.668H51.9974C51.9974 65.5177 42.1476 55.668 29.9974 55.668C17.8471 55.668 7.9974 65.5177 7.9974 77.668H0.664062ZM29.9974 44.668C17.8424 44.668 7.9974 34.823 7.9974 22.668C7.9974 10.513 17.8424 0.667969 29.9974 0.667969C42.1524 0.667969 51.9974 10.513 51.9974 22.668C51.9974 34.823 42.1524 44.668 29.9974 44.668ZM29.9974 37.3346C38.1007 37.3346 44.6641 30.7713 44.6641 22.668C44.6641 14.5646 38.1007 8.0013 29.9974 8.0013C21.8941 8.0013 15.3307 14.5646 15.3307 22.668C15.3307 30.7713 21.8941 37.3346 29.9974 37.3346Z"
-        fill="#CACFD8"
-      />
-    </svg>
-  )
-}
-
-export const UserAddFillIcon = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-  >
-    <path
-      d="M11.5 11.689V17.5H4C3.99977 16.5842 4.20919 15.6804 4.61222 14.858C5.01526 14.0357 5.6012 13.3165 6.32516 12.7555C7.04912 12.1946 7.89188 11.8068 8.78887 11.622C9.68585 11.4371 10.6132 11.46 11.5 11.689ZM10 10.75C7.51375 10.75 5.5 8.73625 5.5 6.25C5.5 3.76375 7.51375 1.75 10 1.75C12.4862 1.75 14.5 3.76375 14.5 6.25C14.5 8.73625 12.4862 10.75 10 10.75ZM14.5 13.75V11.5H16V13.75H18.25V15.25H16V17.5H14.5V15.25H12.25V13.75H14.5Z"
-      fill="currentColor"
-    />
-  </svg>
-)

package/src/components/common/button-action.tsx

@@ -1,46 +0,0 @@
-import { cn } from "@utils/functions";
-
-const ButtonAction = ({
-  id,
-  onClick,
-  iconSrc,
-  children,
-  className,
-  text,
-  disabled,
-  type = "button",
-  textClassName,
-  style,
-}: {
-  id?: string;
-  onClick?: (e?: any) => void;
-  iconSrc?: React.ReactNode;
-  className?: string;
-  disabled?: boolean;
-  text?: string;
-  children?: React.ReactNode;
-  type?: "button" | "submit" | "reset" | undefined;
-  textClassName?: string;
-  style?: React.CSSProperties;
-}) => {
-  return (
-    <button
-      id={id}
-      type={type}
-      onClick={onClick}
-      disabled={disabled}
-      className={cn("button", className)}
-      style={style}
-    >
-      {iconSrc}
-      {text && (
-        <p className={cn("line-clamp-1 font-semibold", textClassName)}>
-          {text}
-        </p>
-      )}
-      {children}
-    </button>
-  );
-};
-
-export default ButtonAction;

package/src/components/common/button-icon.tsx

@@ -1,23 +0,0 @@
-import { cn } from "@utils/functions";
-
-export const ButtonIcon = ({
-  iconSrc,
-  onClick,
-  className,
-}: {
-  iconSrc: React.ReactNode;
-  onClick: () => void;
-  className?: string;
-}) => {
-  return (
-    <button
-      className={cn(
-        "size-11 min-w-11 flex items-center justify-center text-[--text-color] hover:bg-gray-100 rounded-lg border bg-white shadow-sm",
-        className
-      )}
-      onClick={() => onClick()}
-    >
-      {iconSrc}
-    </button>
-  );
-};

package/src/components/common/dropdown/index.tsx

@@ -1,79 +0,0 @@
-import { ChevronBottomIcon } from "@fctc/sme-widget-ui";
-import { useClickOutside } from "@hooks/common/use-click-outside";
-import { cn } from "@utils/functions";
-import { JSX, useState } from "react";
-
-interface DropdownSelectorProps<T> {
-  options: T[];
-  selectedValue: {
-    label?: string;
-    icon?: any;
-  };
-  onSelect: (value: T) => void;
-  renderItem: (item: T) => JSX.Element | string;
-  className?: string;
-  buttonClassName?: string;
-  dropdownClassName?: string;
-  placeholder?: string;
-}
-
-const DropdownSelector = <T,>({
-  options,
-  selectedValue,
-  onSelect,
-  renderItem,
-  className = "",
-  buttonClassName = "",
-  dropdownClassName = "",
-  placeholder,
-}: DropdownSelectorProps<T>) => {
-  const [open, setOpen] = useState(false);
-  const dropdownRef = useClickOutside({ handler: () => setOpen(false) });
-
-  return (
-    <div
-      ref={dropdownRef}
-      className={`relative ${className}`}
-      onClick={() => setOpen(!open)}
-    >
-      <div
-        className={cn(
-          "flex items-center justify-between gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer",
-          buttonClassName
-        )}
-      >
-        {selectedValue?.icon}
-        {selectedValue?.label ? (
-          <span>{selectedValue?.label}</span>
-        ) : (
-          <span className="text-neutral-400-68">{placeholder}</span>
-        )}
-        <ChevronBottomIcon className="h-4 w-4" />
-      </div>
-      {open && (
-        <div
-          className={cn(
-            "absolute left-0 z-[99999] bg-white overflow-hidden rounded-lg border border-[#dbe0e6] text-sub-600 h-auto !min-h-fit text-xs !leading-5 ",
-            dropdownClassName
-          )}
-          onClick={(e) => e.stopPropagation()}
-        >
-          {options.map((option: any, index: number) => (
-            <div
-              key={index}
-              onClick={() => {
-                onSelect(option);
-                setOpen(false);
-              }}
-              className="text-xs cursor-pointer leading-5 select-item transition-all active"
-            >
-              {renderItem(option)}
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default DropdownSelector;

package/src/components/common/empty-state.tsx

@@ -1,60 +0,0 @@
-import { IcPlus } from "@assets/icons/breadcrumbs-icon";
-import { cn } from "@utils/functions";
-import React from "react";
-import ButtonAction from "./button-action";
-
-interface EmptyStateProps {
-  image: string;
-  imageClassName?: string;
-  imageAlt?: string;
-  title?: string;
-  description?: string;
-  buttonLabel?: string;
-  onAction?: () => void;
-  className?: string;
-}
-
-export const EmptyState: React.FC<EmptyStateProps> = ({
-  image,
-  imageAlt = "",
-  title,
-  description,
-  buttonLabel,
-  onAction,
-  className = "",
-  imageClassName = "",
-}) => {
-  return (
-    <div
-      className={cn(
-        "flex flex-col items-center justify-center size-full gap-4",
-        className
-      )}
-    >
-      <img
-        src={image}
-        alt={imageAlt}
-        className={cn("size-32 object-contain", imageClassName)}
-      />
-
-      <div className="flex flex-col gap-2 items-center justify-center">
-        <h2 className="text-2xl font-semibold text-text-primary leading-8 tracking-[-0.24px]">
-          {title}
-        </h2>
-
-        <p className="text-text-disable font-medium leading-6 tracking-[-0.24px]">
-          {description}
-        </p>
-      </div>
-
-      {onAction && buttonLabel && (
-        <ButtonAction
-          text={buttonLabel}
-          iconSrc={<IcPlus />}
-          onClick={onAction}
-          className="flex items-center space-x-2 px-5 py-2 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors duration-200 font-medium text-gray-700"
-        />
-      )}
-    </div>
-  );
-};

package/src/components/common/header/index.tsx

@@ -1,89 +0,0 @@
-import { IcNotification, IcThreeDots } from "@assets/icons/common";
-import { PosHelperModal } from "@components/pos-management/pos-helpers";
-import { usePosAppProvider } from "@provider/app-provider";
-import { t } from "i18next";
-import { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import PosConnect from "../../pos-management/payment-content/card-payment/pos-payment/pos-connect";
-import ButtonAction from "../button-action";
-import { ButtonIcon } from "../button-icon";
-import ModalZoom from "../modal/modal-zoom";
-import Tabs from "./tabs";
-
-export const VNCurrency = "₫";
-
-export const Header = () => {
-  const [showPosHelper, setShowPosHelper] = useState(false);
-  const [showWarning, setShowWarning] = useState(false);
-  const { user } = usePosAppProvider();
-  const dataUser = user?.userProfile?.data;
-
-  return (
-    <>
-      <div
-        className="bg-[var(--text-unavailable-table-color)] pb-0 flex justify-between items-center h-[56px] px-3"
-        style={{
-          background: "var(--text-unavailable-table-color)",
-        }}
-      >
-        <Tabs />
-        <div className="flex gap-2">
-          <PosConnect dataUser={dataUser} />
-          <img
-            src={dataUser?.image_1024 || "/Avatar.png"}
-            alt="User Avatar"
-            className="size-11 rounded-lg object-cover"
-          />
-          <ButtonIcon iconSrc={<IcNotification />} onClick={() => {}} />
-          <ButtonIcon
-            iconSrc={<IcThreeDots />}
-            onClick={() => setShowPosHelper(true)}
-          />
-        </div>
-      </div>
-      <PosHelperModal
-        isOpen={showPosHelper}
-        onClose={() => setShowPosHelper(false)}
-      />
-      <ConfirmBack isOpen={showWarning} onClose={() => setShowWarning(false)} />
-    </>
-  );
-};
-
-const ConfirmBack = ({
-  isOpen,
-  onClose,
-}: {
-  isOpen: boolean;
-  onClose: () => void;
-}) => {
-  const navigate = useNavigate();
-  return (
-    <ModalZoom
-      isOpen={isOpen}
-      onClose={onClose}
-      className="p-0 py-4 px-5"
-      modalClassName="w-[40%]"
-      title="Xác nhận thoát điểm bán" //multi language
-      footer={
-        <div className="flex gap-2 justify-end p-4">
-          <ButtonAction
-            onClick={() => onClose()}
-            text={t("cancel_button")}
-            className="button-secondary w-full"
-          />
-          <ButtonAction
-            onClick={() => navigate(-1)}
-            text={t("confirm_button")}
-            className="button-primary w-full"
-          />
-        </div>
-      }
-    >
-      <p>
-        Bạn có đang thoát khỏi điểm bán này. Bạn có muốn thoát điểm bán này
-        không?
-      </p>
-    </ModalZoom>
-  );
-};

package/src/components/common/header/tabs.tsx

@@ -1,119 +0,0 @@
-import { headerTabs } from "@constants/headers.constant";
-import { QUERY_KEYS } from "@constants/query.constant";
-import { useQueryParams } from "@hooks/common/use-query-params";
-import { LoadDataModel, useSale } from "@provider/pos-provider/sale-provider";
-import { useNavigate } from "react-router-dom";
-
-const Tabs = () => {
-  const pathname = window.location.pathname;
-  const { getData, isModePosRestaurant } = useSale();
-  const activeId = headerTabs.findIndex((tab) => tab.path === pathname);
-
-  return (
-    <div className="flex items-end h-[56px]">
-      {getData(LoadDataModel.POS_CONFIG) &&
-        (isModePosRestaurant ? headerTabs : headerTabs.slice(1, 3)).map(
-          (tab) => {
-            const isActive = tab.path === pathname;
-            const showLine =
-              !isActive &&
-              tab.id !== headerTabs.length - 1 &&
-              (activeId - tab.id > 1 || tab.id - activeId > 0);
-            return (
-              <div className="flex items-center" key={tab.id}>
-                <HeaderTab tab={tab} isActive={isActive} />
-                <div
-                  className={`h-5 rounded-full w-[4px] ${
-                    showLine ? "bg-[rgba(0,0,0,0.16)]" : "bg-inherit"
-                  }`}
-                />
-              </div>
-            );
-          }
-        )}
-    </div>
-  );
-};
-
-export default Tabs;
-
-export const HeaderTab = ({
-  tab,
-  isActive,
-}: {
-  tab: HeaderTabType;
-  isActive: boolean;
-}) => {
-  const navigate = useNavigate();
-  const { formatQuery } = useQueryParams();
-
-  const onTab = () => {
-    const keys = [
-      QUERY_KEYS.POS_ID,
-      QUERY_KEYS.SESSION_ID,
-      QUERY_KEYS.ORDER_ID,
-      QUERY_KEYS.TABLE_ID,
-      QUERY_KEYS.FLOOR,
-    ];
-    navigate({
-      pathname: tab.path,
-      search: formatQuery(keys).toString(),
-    });
-  };
-
-  return (
-    <div onClick={onTab} className="flex items-end cursor-pointer">
-      <div
-        className={`w-3 h-12 `}
-        style={{
-          background: !isActive
-            ? "var(--text-unavailable-table-color)"
-            : "white",
-        }}
-      >
-        <div
-          className={`size-full rounded-br-full `}
-          style={{
-            background: isActive
-              ? "var(--text-unavailable-table-color)"
-              : "transparent",
-          }}
-        ></div>
-      </div>
-
-      <div
-        className={`h-12 px-[22px] rounded-t-xl flex gap-[10px] items-center ${
-          isActive
-            ? `bg-white text-colored-primary`
-            : `bg-transparent text-text-btn`
-        }`}
-      >
-        {tab.icon}
-        <p className="text-lg font-semibold leading-[26px]">{tab.name}</p>
-      </div>
-      <div
-        className={`w-3 h-12`}
-        style={{
-          background: !isActive
-            ? "var(--text-unavailable-table-color)"
-            : "white",
-        }}
-      >
-        <div
-          className={`size-full rounded-bl-full`}
-          style={{
-            background: isActive
-              ? "var(--text-unavailable-table-color)"
-              : "transparent",
-          }}
-        />
-      </div>
-    </div>
-  );
-};
-
-type HeaderTabType = {
-  name: string;
-  icon: React.ReactNode;
-  path: string;
-};

package/src/components/common/image.tsx

@@ -1,20 +0,0 @@
-import { cn } from "@utils/functions";
-
-type TProps = {
-  imageUrl: string;
-  className?: string;
-  imageAlt?: string;
-};
-
-const Image = ({ imageUrl, className, imageAlt }: TProps) => {
-  return (
-    <img
-      // src={"/node_modules/@fctc/sme-pos/dist"+ imageUrl}
-      src={imageUrl}
-      className={cn("object-contain", className)}
-      alt={imageAlt}
-    />
-  );
-};
-
-export default Image;

package/src/components/common/input/index.tsx

@@ -1,55 +0,0 @@
-import { cn } from "@utils/functions";
-
-type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-  title: string;
-  isRequired?: boolean;
-  register: any;
-  errorMessage?: string;
-  inputClassName?: string;
-  rightIcon?: React.ReactNode;
-};
-
-const Input = ({
-  title,
-  register,
-  errorMessage,
-  isRequired,
-  className,
-  inputClassName,
-  rightIcon,
-  ...props
-}: InputProps) => {
-  return (
-    <div className={cn("flex flex-col gap-1.5 justify-center", className)}>
-      <p className="text-text-primary text-sm font-medium leading-5 tracking-[-0.12px]">
-        {title}
-        {isRequired && <span className="text-state-error-base"> *</span>}
-      </p>
-
-      <div
-        className={cn(
-          `py-2 px-3 rounded-lg flex items-center justify-between border border-stroke-disabled  ${
-            props.disabled ? "bg-alpha-4" : "bg-white"
-          }`,
-          inputClassName
-        )}
-      >
-        <input
-          {...props}
-          {...register}
-          className={`w-full outline-none border-none bg-transparent text-sm leading-5 tracking-[-0.12px] placeholder:text-neutral-400-68 ${
-            props.disabled ? "text-neutral-400-68" : "text-text-primary"
-          }`}
-        />
-
-        {rightIcon}
-      </div>
-
-      {errorMessage && (
-        <p className="text-state-error-base text-xs">{errorMessage}</p>
-      )}
-    </div>
-  );
-};
-
-export default Input;