@fctc/sme-widget-ui 2.4.0 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -9857,7 +9857,7 @@ var vi_default = {
9857
9857
  invalid_number: "\u0110\u1ECBnh d\u1EA1ng s\u1ED1 kh\xF4ng h\u1EE3p l\u1EC7",
9858
9858
  upload_file_placeholder: "T\u1EA3i t\u1EC7p c\u1EE7a b\u1EA1n",
9859
9859
  "no-available": "Kh\xF4ng c\xF3 l\u1EF1a ch\u1ECDn n\xE0o",
9860
- paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 \u0111\xF3ng",
9860
+ paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 tr\u1EA3",
9861
9861
  remanining_amount: "S\u1ED1 ti\u1EC1n c\xF2n l\u1EA1i",
9862
9862
  only_image_accept: "Ch\u1EC9 \u0111\u01B0\u1EE3c upload file h\xECnh \u1EA3nh",
9863
9863
  "text-only": "Ch\u1EC9 \u0111\u01B0\u1EE3c nh\u1EADp ch\u1EEF (kh\xF4ng ch\u1EE9a s\u1ED1 v\xE0 k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t)",
@@ -12987,64 +12987,70 @@ var TableHead = (props) => {
12987
12987
  "data-type-co": col?.field?.type_co,
12988
12988
  "data-rtc-resizable": col?.name,
12989
12989
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12990
- children: /* @__PURE__ */ jsxs29("div", { className: "cursor-pointer flex items-center gap-[4px] w-full group relative", children: [
12991
- /* @__PURE__ */ jsx51("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
12992
- col?.field?.help && /* @__PURE__ */ jsxs29(Fragment4, { children: [
12993
- createPortal(
12994
- /* @__PURE__ */ jsx51(
12995
- M,
12996
- {
12997
- style: {
12998
- padding: "6px 12px",
12999
- fontSize: "12px",
13000
- borderRadius: "4px",
13001
- maxWidth: "200px",
13002
- whiteSpace: "wrap",
13003
- fontWeight: 400,
13004
- textTransform: "none",
13005
- zIndex: "9999"
13006
- },
13007
- id: `field-help-${col?.field?.name}`,
13008
- content: col?.field?.help,
13009
- place: "top"
13010
- }
13011
- ),
13012
- document.body
13013
- ),
13014
- /* @__PURE__ */ jsx51(
13015
- "span",
13016
- {
13017
- style: {
13018
- width: "12px",
13019
- height: "12px",
13020
- minWidth: "12px",
13021
- maxHeight: "12px",
13022
- fontSize: "8px"
13023
- },
13024
- "data-tooltip-id": `field-help-${col?.field?.name}`,
13025
- children: /* @__PURE__ */ jsx51(
13026
- "svg",
12990
+ children: /* @__PURE__ */ jsxs29(
12991
+ "div",
12992
+ {
12993
+ className: `cursor-pointer flex items-center gap-[4px] w-full group relative ${col?.field?.type === "monetary" && "justify-end"}`,
12994
+ children: [
12995
+ /* @__PURE__ */ jsx51("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
12996
+ col?.field?.help && /* @__PURE__ */ jsxs29(Fragment4, { children: [
12997
+ createPortal(
12998
+ /* @__PURE__ */ jsx51(
12999
+ M,
13000
+ {
13001
+ style: {
13002
+ padding: "6px 12px",
13003
+ fontSize: "12px",
13004
+ borderRadius: "4px",
13005
+ maxWidth: "200px",
13006
+ whiteSpace: "wrap",
13007
+ fontWeight: 400,
13008
+ textTransform: "none",
13009
+ zIndex: "9999"
13010
+ },
13011
+ id: `field-help-${col?.field?.name}`,
13012
+ content: col?.field?.help,
13013
+ place: "top"
13014
+ }
13015
+ ),
13016
+ document.body
13017
+ ),
13018
+ /* @__PURE__ */ jsx51(
13019
+ "span",
13027
13020
  {
13028
- xmlns: "http://www.w3.org/2000/svg",
13029
- width: "13",
13030
- height: "13",
13031
- viewBox: "0 0 13 13",
13032
- fill: "none",
13021
+ style: {
13022
+ width: "12px",
13023
+ height: "12px",
13024
+ minWidth: "12px",
13025
+ maxHeight: "12px",
13026
+ fontSize: "8px"
13027
+ },
13028
+ "data-tooltip-id": `field-help-${col?.field?.name}`,
13033
13029
  children: /* @__PURE__ */ jsx51(
13034
- "path",
13030
+ "svg",
13035
13031
  {
13036
- fillRule: "evenodd",
13037
- clipRule: "evenodd",
13038
- d: "M6.25 12.5C9.70178 12.5 12.5 9.70178 12.5 6.25C12.5 2.79822 9.70178 0 6.25 0C2.79822 0 0 2.79822 0 6.25C0 9.70178 2.79822 12.5 6.25 12.5ZM7.36584 9.45858L7.46565 9.0506C7.41399 9.07486 7.3307 9.10258 7.21649 9.13414C7.10197 9.1657 6.9989 9.18177 6.90831 9.18177C6.71536 9.18177 6.57952 9.15014 6.50065 9.08657C6.42236 9.023 6.38331 8.90342 6.38331 8.72827C6.38331 8.65887 6.39509 8.55542 6.41973 8.42003C6.44361 8.28373 6.47108 8.16261 6.50161 8.05666L6.87419 6.73759C6.91068 6.61653 6.93571 6.48344 6.94916 6.33818C6.96292 6.19325 6.96932 6.09185 6.96932 6.03429C6.96932 5.75614 6.87182 5.53041 6.67676 5.35629C6.4817 5.18229 6.20393 5.09529 5.84396 5.09529C5.64365 5.09529 5.43188 5.13088 5.20776 5.202C4.98363 5.27294 4.74933 5.3584 4.50421 5.4582L4.40415 5.8665C4.47719 5.83949 4.56419 5.81043 4.66598 5.78034C4.76732 5.75038 4.86674 5.73489 4.96347 5.73489C5.16096 5.73489 5.29399 5.76856 5.3637 5.83488C5.43342 5.90139 5.46844 6.0197 5.46844 6.18883C5.46844 6.28236 5.45736 6.38626 5.43438 6.49919C5.41172 6.61282 5.38342 6.73298 5.35013 6.8598L4.97595 8.18419C4.94266 8.32336 4.91834 8.44787 4.90304 8.55843C4.88786 8.66886 4.88057 8.77724 4.88057 8.88262C4.88057 9.15482 4.98114 9.3792 5.18222 9.55627C5.38329 9.73264 5.66523 9.82143 6.02769 9.82143C6.26372 9.82143 6.47088 9.79057 6.64917 9.72854C6.82727 9.6667 7.06644 9.57675 7.36584 9.45858ZM7.29946 4.1002C7.47352 3.93882 7.56014 3.74254 7.56014 3.51272C7.56014 3.28341 7.47365 3.08675 7.29946 2.92331C7.12584 2.76032 6.91657 2.67857 6.6719 2.67857C6.42646 2.67857 6.21635 2.76013 6.04107 2.92331C5.86579 3.08675 5.77796 3.28334 5.77796 3.51272C5.77796 3.74254 5.86579 3.93875 6.04107 4.1002C6.21667 4.26217 6.42639 4.34321 6.6719 4.34321C6.91664 4.34321 7.12584 4.26217 7.29946 4.1002Z",
13039
- fill: "#C3C3C3"
13032
+ xmlns: "http://www.w3.org/2000/svg",
13033
+ width: "13",
13034
+ height: "13",
13035
+ viewBox: "0 0 13 13",
13036
+ fill: "none",
13037
+ children: /* @__PURE__ */ jsx51(
13038
+ "path",
13039
+ {
13040
+ fillRule: "evenodd",
13041
+ clipRule: "evenodd",
13042
+ d: "M6.25 12.5C9.70178 12.5 12.5 9.70178 12.5 6.25C12.5 2.79822 9.70178 0 6.25 0C2.79822 0 0 2.79822 0 6.25C0 9.70178 2.79822 12.5 6.25 12.5ZM7.36584 9.45858L7.46565 9.0506C7.41399 9.07486 7.3307 9.10258 7.21649 9.13414C7.10197 9.1657 6.9989 9.18177 6.90831 9.18177C6.71536 9.18177 6.57952 9.15014 6.50065 9.08657C6.42236 9.023 6.38331 8.90342 6.38331 8.72827C6.38331 8.65887 6.39509 8.55542 6.41973 8.42003C6.44361 8.28373 6.47108 8.16261 6.50161 8.05666L6.87419 6.73759C6.91068 6.61653 6.93571 6.48344 6.94916 6.33818C6.96292 6.19325 6.96932 6.09185 6.96932 6.03429C6.96932 5.75614 6.87182 5.53041 6.67676 5.35629C6.4817 5.18229 6.20393 5.09529 5.84396 5.09529C5.64365 5.09529 5.43188 5.13088 5.20776 5.202C4.98363 5.27294 4.74933 5.3584 4.50421 5.4582L4.40415 5.8665C4.47719 5.83949 4.56419 5.81043 4.66598 5.78034C4.76732 5.75038 4.86674 5.73489 4.96347 5.73489C5.16096 5.73489 5.29399 5.76856 5.3637 5.83488C5.43342 5.90139 5.46844 6.0197 5.46844 6.18883C5.46844 6.28236 5.45736 6.38626 5.43438 6.49919C5.41172 6.61282 5.38342 6.73298 5.35013 6.8598L4.97595 8.18419C4.94266 8.32336 4.91834 8.44787 4.90304 8.55843C4.88786 8.66886 4.88057 8.77724 4.88057 8.88262C4.88057 9.15482 4.98114 9.3792 5.18222 9.55627C5.38329 9.73264 5.66523 9.82143 6.02769 9.82143C6.26372 9.82143 6.47088 9.79057 6.64917 9.72854C6.82727 9.6667 7.06644 9.57675 7.36584 9.45858ZM7.29946 4.1002C7.47352 3.93882 7.56014 3.74254 7.56014 3.51272C7.56014 3.28341 7.47365 3.08675 7.29946 2.92331C7.12584 2.76032 6.91657 2.67857 6.6719 2.67857C6.42646 2.67857 6.21635 2.76013 6.04107 2.92331C5.86579 3.08675 5.77796 3.28334 5.77796 3.51272C5.77796 3.74254 5.86579 3.93875 6.04107 4.1002C6.21667 4.26217 6.42639 4.34321 6.6719 4.34321C6.91664 4.34321 7.12584 4.26217 7.29946 4.1002Z",
13043
+ fill: "#C3C3C3"
13044
+ }
13045
+ )
13040
13046
  }
13041
13047
  )
13042
13048
  }
13043
13049
  )
13044
- }
13045
- )
13046
- ] })
13047
- ] })
13050
+ ] })
13051
+ ]
13052
+ }
13053
+ )
13048
13054
  },
13049
13055
  "table-head-" + index4
13050
13056
  );
@@ -31870,54 +31876,229 @@ var FeeField = (props) => {
31870
31876
  ) + " VND";
31871
31877
  const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
31872
31878
  return /* @__PURE__ */ jsxs60(Fragment25, { children: [
31873
- value?.subtotals?.map((sub) => {
31879
+ value?.subtotals?.map((sub, idx) => {
31874
31880
  if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
31875
- return /* @__PURE__ */ jsxs60(Fragment25, { children: [
31876
- /* @__PURE__ */ jsxs60("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
31877
- /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
31878
- sub?.name,
31879
- ":"
31880
- ] }),
31881
- /* @__PURE__ */ jsx92("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
31882
- ] }),
31881
+ return /* @__PURE__ */ jsxs60("div", { children: [
31882
+ /* @__PURE__ */ jsxs60(
31883
+ "div",
31884
+ {
31885
+ style: {
31886
+ display: "grid",
31887
+ gridTemplateColumns: "1fr 1fr",
31888
+ gap: "8px 16px",
31889
+ minWidth: "300px",
31890
+ maxWidth: "fit-content",
31891
+ marginLeft: "auto"
31892
+ },
31893
+ children: [
31894
+ /* @__PURE__ */ jsxs60(
31895
+ "div",
31896
+ {
31897
+ style: {
31898
+ fontSize: "14px",
31899
+ lineHeight: "21px",
31900
+ textAlign: "right"
31901
+ },
31902
+ children: [
31903
+ sub?.name,
31904
+ ":"
31905
+ ]
31906
+ }
31907
+ ),
31908
+ /* @__PURE__ */ jsx92(
31909
+ "div",
31910
+ {
31911
+ style: {
31912
+ fontSize: "14px",
31913
+ lineHeight: "21px",
31914
+ textAlign: "right",
31915
+ color: "rgb(73,80,87)",
31916
+ fontWeight: 600
31917
+ },
31918
+ children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND"
31919
+ }
31920
+ )
31921
+ ]
31922
+ }
31923
+ ),
31883
31924
  sub?.tax_groups.map((group) => /* @__PURE__ */ jsxs60(
31884
31925
  "div",
31885
31926
  {
31886
- className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
31927
+ style: {
31928
+ display: "grid",
31929
+ gridTemplateColumns: "1fr 1fr",
31930
+ gap: "8px 16px",
31931
+ minWidth: "300px",
31932
+ maxWidth: "fit-content",
31933
+ marginLeft: "auto",
31934
+ marginTop: "8px"
31935
+ },
31887
31936
  children: [
31888
- /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
31889
- group?.group_name,
31890
- ":"
31891
- ] }),
31892
- /* @__PURE__ */ jsx92("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
31937
+ /* @__PURE__ */ jsxs60(
31938
+ "div",
31939
+ {
31940
+ style: {
31941
+ fontSize: "14px",
31942
+ lineHeight: "21px",
31943
+ textAlign: "right"
31944
+ },
31945
+ children: [
31946
+ group?.group_name,
31947
+ ":"
31948
+ ]
31949
+ }
31950
+ ),
31951
+ /* @__PURE__ */ jsx92(
31952
+ "div",
31953
+ {
31954
+ style: {
31955
+ fontSize: "14px",
31956
+ lineHeight: "21px",
31957
+ textAlign: "right",
31958
+ color: "rgb(73,80,87)"
31959
+ },
31960
+ children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND"
31961
+ }
31962
+ )
31893
31963
  ]
31894
31964
  },
31895
31965
  `tax_groups_${group?.id}`
31896
31966
  ))
31897
- ] });
31967
+ ] }, `subtotal_${idx}`);
31898
31968
  }
31899
31969
  }),
31900
- /* @__PURE__ */ jsxs60("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
31901
- /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
31902
- t3("total"),
31903
- ":"
31904
- ] }),
31905
- /* @__PURE__ */ jsx92("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
31906
- ] }),
31907
- /* @__PURE__ */ jsxs60("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
31908
- /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
31909
- t3("paid_amount"),
31910
- ":"
31911
- ] }),
31912
- /* @__PURE__ */ jsx92("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
31913
- ] }),
31914
- /* @__PURE__ */ jsxs60("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
31915
- /* @__PURE__ */ jsxs60("div", { className: "text-[14px] leading-[21px] text-right", children: [
31916
- t3("remanining_amount"),
31917
- ":"
31918
- ] }),
31919
- /* @__PURE__ */ jsx92("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
31920
- ] })
31970
+ /* @__PURE__ */ jsxs60(
31971
+ "div",
31972
+ {
31973
+ style: {
31974
+ display: "grid",
31975
+ gridTemplateColumns: "1fr 1fr",
31976
+ gap: "8px 16px",
31977
+ minWidth: "300px",
31978
+ maxWidth: "fit-content",
31979
+ marginLeft: "auto",
31980
+ marginTop: "8px",
31981
+ paddingTop: "8px"
31982
+ },
31983
+ children: [
31984
+ /* @__PURE__ */ jsxs60(
31985
+ "div",
31986
+ {
31987
+ style: {
31988
+ fontSize: "14px",
31989
+ lineHeight: "21px",
31990
+ textAlign: "right"
31991
+ },
31992
+ children: [
31993
+ t3("total"),
31994
+ ":"
31995
+ ]
31996
+ }
31997
+ ),
31998
+ /* @__PURE__ */ jsx92(
31999
+ "div",
32000
+ {
32001
+ style: {
32002
+ fontSize: "20px",
32003
+ lineHeight: "21px",
32004
+ fontWeight: "bold",
32005
+ color: "rgb(73,80,87)",
32006
+ textAlign: "right"
32007
+ },
32008
+ children: totalAmount
32009
+ }
32010
+ )
32011
+ ]
32012
+ }
32013
+ ),
32014
+ /* @__PURE__ */ jsxs60(
32015
+ "div",
32016
+ {
32017
+ style: {
32018
+ display: "grid",
32019
+ gridTemplateColumns: "1fr 1fr",
32020
+ gap: "8px 16px",
32021
+ minWidth: "300px",
32022
+ maxWidth: "fit-content",
32023
+ marginLeft: "auto",
32024
+ marginTop: "8px",
32025
+ paddingTop: "8px",
32026
+ borderTop: "1px solid #c4c4c4ee"
32027
+ },
32028
+ children: [
32029
+ /* @__PURE__ */ jsxs60(
32030
+ "div",
32031
+ {
32032
+ style: {
32033
+ fontSize: "14px",
32034
+ lineHeight: "21px",
32035
+ textAlign: "right"
32036
+ },
32037
+ children: [
32038
+ t3("paid_amount"),
32039
+ ":"
32040
+ ]
32041
+ }
32042
+ ),
32043
+ /* @__PURE__ */ jsx92(
32044
+ "div",
32045
+ {
32046
+ style: {
32047
+ fontSize: "18px",
32048
+ lineHeight: "21px",
32049
+ fontWeight: 600,
32050
+ color: "rgb(73,80,87)",
32051
+ textAlign: "right"
32052
+ },
32053
+ children: paid_amount
32054
+ }
32055
+ )
32056
+ ]
32057
+ }
32058
+ ),
32059
+ /* @__PURE__ */ jsxs60(
32060
+ "div",
32061
+ {
32062
+ style: {
32063
+ display: "grid",
32064
+ gridTemplateColumns: "1fr 1fr",
32065
+ gap: "8px 16px",
32066
+ minWidth: "300px",
32067
+ maxWidth: "fit-content",
32068
+ marginLeft: "auto",
32069
+ marginTop: "8px"
32070
+ },
32071
+ children: [
32072
+ /* @__PURE__ */ jsxs60(
32073
+ "div",
32074
+ {
32075
+ style: {
32076
+ fontSize: "14px",
32077
+ lineHeight: "21px",
32078
+ textAlign: "right"
32079
+ },
32080
+ children: [
32081
+ t3("remanining_amount"),
32082
+ ":"
32083
+ ]
32084
+ }
32085
+ ),
32086
+ /* @__PURE__ */ jsx92(
32087
+ "div",
32088
+ {
32089
+ style: {
32090
+ fontSize: "18px",
32091
+ lineHeight: "21px",
32092
+ fontWeight: 600,
32093
+ color: "rgb(73,80,87)",
32094
+ textAlign: "right"
32095
+ },
32096
+ children: remaining_amount
32097
+ }
32098
+ )
32099
+ ]
32100
+ }
32101
+ )
31921
32102
  ] });
31922
32103
  };
31923
32104
 
package/dist/utils.js CHANGED
@@ -6853,7 +6853,7 @@ var vi_default = {
6853
6853
  invalid_number: "\u0110\u1ECBnh d\u1EA1ng s\u1ED1 kh\xF4ng h\u1EE3p l\u1EC7",
6854
6854
  upload_file_placeholder: "T\u1EA3i t\u1EC7p c\u1EE7a b\u1EA1n",
6855
6855
  "no-available": "Kh\xF4ng c\xF3 l\u1EF1a ch\u1ECDn n\xE0o",
6856
- paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 \u0111\xF3ng",
6856
+ paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 tr\u1EA3",
6857
6857
  remanining_amount: "S\u1ED1 ti\u1EC1n c\xF2n l\u1EA1i",
6858
6858
  only_image_accept: "Ch\u1EC9 \u0111\u01B0\u1EE3c upload file h\xECnh \u1EA3nh",
6859
6859
  "text-only": "Ch\u1EC9 \u0111\u01B0\u1EE3c nh\u1EADp ch\u1EEF (kh\xF4ng ch\u1EE9a s\u1ED1 v\xE0 k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t)",
package/dist/utils.mjs CHANGED
@@ -6830,7 +6830,7 @@ var vi_default = {
6830
6830
  invalid_number: "\u0110\u1ECBnh d\u1EA1ng s\u1ED1 kh\xF4ng h\u1EE3p l\u1EC7",
6831
6831
  upload_file_placeholder: "T\u1EA3i t\u1EC7p c\u1EE7a b\u1EA1n",
6832
6832
  "no-available": "Kh\xF4ng c\xF3 l\u1EF1a ch\u1ECDn n\xE0o",
6833
- paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 \u0111\xF3ng",
6833
+ paid_amount: "S\u1ED1 ti\u1EC1n \u0111\xE3 tr\u1EA3",
6834
6834
  remanining_amount: "S\u1ED1 ti\u1EC1n c\xF2n l\u1EA1i",
6835
6835
  only_image_accept: "Ch\u1EC9 \u0111\u01B0\u1EE3c upload file h\xECnh \u1EA3nh",
6836
6836
  "text-only": "Ch\u1EC9 \u0111\u01B0\u1EE3c nh\u1EADp ch\u1EEF (kh\xF4ng ch\u1EE9a s\u1ED1 v\xE0 k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t)",