sapo-components-ui-rn 1.1.22 → 1.1.23

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.
Files changed (45) hide show
  1. package/dist/assets/icon-arrow-down.svg +3 -0
  2. package/dist/assets/icon-clear-text.svg +4 -0
  3. package/dist/assets/icon-del-number.svg +4 -0
  4. package/dist/assets/icon-error.svg +3 -0
  5. package/dist/assets/icon-info.svg +3 -0
  6. package/dist/assets/icon-search.svg +10 -0
  7. package/dist/assets/icon-success.svg +3 -0
  8. package/dist/assets/icon-warning.svg +3 -0
  9. package/dist/assets/index.ts +16 -0
  10. package/dist/assets/svg/icon-arrow-down.svg +3 -0
  11. package/dist/assets/svg/icon-clear-text.svg +4 -0
  12. package/dist/assets/svg/icon-del-number.svg +4 -0
  13. package/dist/assets/svg/icon-error.svg +3 -0
  14. package/dist/assets/svg/icon-info.svg +3 -0
  15. package/dist/assets/svg/icon-search.svg +10 -0
  16. package/dist/assets/svg/icon-success.svg +3 -0
  17. package/dist/assets/svg/icon-warning.svg +3 -0
  18. package/dist/assets/svg/index.d.ts +8 -0
  19. package/dist/assets/svg/index.ts +16 -0
  20. package/dist/components/IconSvg/index.d.ts +2 -1
  21. package/dist/index.esm.js +37 -127
  22. package/dist/index.esm.js.map +1 -1
  23. package/dist/index.js +45 -128
  24. package/dist/index.js.map +1 -1
  25. package/package.json +1 -1
  26. package/src/assets/svg/icon-arrow-down.svg +3 -0
  27. package/src/assets/svg/icon-clear-text.svg +4 -0
  28. package/src/assets/svg/icon-del-number.svg +4 -0
  29. package/src/assets/svg/icon-error.svg +3 -0
  30. package/src/assets/svg/icon-info.svg +3 -0
  31. package/src/assets/svg/icon-search.svg +10 -0
  32. package/src/assets/svg/icon-success.svg +3 -0
  33. package/src/assets/svg/icon-warning.svg +3 -0
  34. package/src/assets/svg/index.ts +16 -0
  35. package/src/components/Checkbox/index.tsx +1 -1
  36. package/src/components/IconSvg/index.tsx +1 -1
  37. package/src/components/NumberKeyboard/index.tsx +4 -3
  38. package/src/components/RadioButton/index.tsx +1 -2
  39. package/src/components/SearchInput/index.tsx +3 -2
  40. package/src/components/SelectionField/index.tsx +2 -2
  41. package/src/components/Tag/index.tsx +5 -4
  42. package/src/components/TextInput/TextInputDefault.tsx +2 -2
  43. package/src/components/TextInput/TextInputFlat.tsx +2 -2
  44. package/src/components/TextInput/TextInputNumber.tsx +11 -5
  45. package/src/components/Toast/index.tsx +3 -3
package/dist/assets/icon-arrow-down.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18.0107 9.70166L12 15.7124L5.98926 9.70166L7.40332 8.2876L12 12.8843L16.5967 8.2876L18.0107 9.70166Z" fill="#A3A8AF"/>
3
+ </svg>
package/dist/assets/icon-clear-text.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12 3.66699C16.6024 3.66699 20.333 7.39763 20.333 12C20.333 16.6024 16.6024 20.333 12 20.333C7.39763 20.333 3.66699 16.6024 3.66699 12C3.66699 7.39763 7.39763 3.66699 12 3.66699Z" fill="white"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66669 12C3.66669 7.39167 7.39169 3.66667 12 3.66667C16.6084 3.66667 20.3334 7.39167 20.3334 12C20.3334 16.6083 16.6084 20.3333 12 20.3333C7.39169 20.3333 3.66669 16.6083 3.66669 12ZM12 10.825L14.1584 8.66667L15.3334 9.84167L13.175 12L15.3334 14.1583L14.1584 15.3333L12 13.175L9.84169 15.3333L8.66669 14.1583L10.825 12L8.66669 9.84167L9.84169 8.66667L12 10.825Z" fill="#A3A8AF"/>
4
+ </svg>
package/dist/assets/icon-del-number.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M25.0455 0H11.4154C10.7939 0.000239015 10.1952 0.240624 9.7409 0.6725L0.889895 9.08617C0.641199 9.32258 0.5 9.65352 0.5 10C0.5 10.3465 0.641199 10.6774 0.889895 10.9138L9.74099 19.3276C10.1953 19.7595 10.7939 19.9998 11.4154 20H25.0455C25.6964 20 26.3208 19.7366 26.7811 19.2678C27.2414 18.7989 27.5 18.163 27.5 17.5V2.5C27.5 1.83696 27.2414 1.20108 26.7811 0.732233C26.3208 0.263392 25.6964 0 25.0455 0Z" fill="#A3A8AF"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7085 5.9531C14.1026 5.56618 14.7357 5.57199 15.1227 5.96608L17.6818 8.57263L20.241 5.96608C20.6279 5.57199 21.261 5.56618 21.6551 5.9531C22.0492 6.34003 22.055 6.97317 21.6681 7.36726L19.0832 10L21.6681 12.6327C22.055 13.0268 22.0492 13.66 21.6551 14.0469C21.261 14.4338 20.6279 14.428 20.241 14.0339L17.6818 11.4274L15.1227 14.0339C14.7357 14.428 14.1026 14.4338 13.7085 14.0469C13.3144 13.66 13.3086 13.0268 13.6955 12.6327L16.2804 10L13.6955 7.36726C13.3086 6.97317 13.3144 6.34003 13.7085 5.9531Z" fill="white"/>
4
+ </svg>
package/dist/assets/icon-error.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.99219 2.5004C14.1397 2.5004 17.5 5.8604 17.5 10.0004C17.4998 14.1402 14.1396 17.5004 9.99219 17.5004C5.85247 17.5002 2.50022 14.1401 2.5 10.0004C2.5 5.8605 5.85233 2.50057 9.99219 2.5004ZM10 4.0004C6.685 4.0004 4 6.6854 4 10.0004C4.00022 13.3152 6.68514 16.0004 10 16.0004C13.3149 16.0004 15.9998 13.3152 16 10.0004C16 6.6854 13.315 4.0004 10 4.0004ZM10.75 12.2504V13.7504H9.25V12.2504H10.75ZM10.75 6.2504V10.7504H9.25V6.2504H10.75Z" fill="white"/>
3
+ </svg>
package/dist/assets/icon-info.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10 2.5004C14.1667 2.5004 17.5 5.83374 17.5 10.0004C17.4998 14.1669 14.1665 17.5004 10 17.5004C5.83347 17.5004 2.50022 14.1669 2.5 10.0004C2.5 5.83374 5.83333 2.5004 10 2.5004ZM10 4.0004C6.66667 4.0004 4 6.66707 4 10.0004C4.00022 13.3335 6.6668 16.0004 10 16.0004C13.3332 16.0004 15.9998 13.3335 16 10.0004C16 6.66707 13.3333 4.0004 10 4.0004ZM10.75 12.2504H11.5V13.7504H9.25V10.7504H8.5V9.2504H10.75V12.2504ZM10.75 7.7504H9.25V6.2504H10.75V7.7504Z" fill="white"/>
3
+ </svg>
package/dist/assets/icon-search.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_155_9023)">
3
+ <path d="M19.7 18.3L15.5 14.1C15.3 13.9 15 13.8 14.7 13.8C15.5 12.8 16 11.4 16 10C16 6.7 13.3 4 10 4C6.7 4 4 6.7 4 10C4 13.3 6.7 16 10 16C11.4 16 12.8 15.5 13.8 14.6C13.8 14.9 13.8 15.2 14.1 15.4L18.3 19.6C18.5 19.8 18.8 19.9 19 19.9C19.2 19.9 19.5 19.8 19.7 19.6C20.1 19.3 20.1 18.7 19.7 18.3ZM10 14.5C7.5 14.5 5.5 12.5 5.5 10C5.5 7.5 7.5 5.5 10 5.5C12.5 5.5 14.5 7.5 14.5 10C14.5 12.5 12.5 14.5 10 14.5Z" fill="#A3A8AF"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_155_9023">
7
+ <rect width="16" height="16" fill="white" transform="translate(4 4)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
package/dist/assets/icon-success.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10 2.50041C14.1421 2.50041 17.5 5.85828 17.5 10.0004C17.4998 14.1424 14.142 17.5004 10 17.5004C5.858 17.5004 2.50022 14.1424 2.5 10.0004C2.5 5.85828 5.85786 2.50041 10 2.50041ZM10 3.86369C6.61098 3.86369 3.86328 6.61139 3.86328 10.0004C3.8635 13.3892 6.61112 16.1362 10 16.1362C13.3889 16.1362 16.1365 13.3892 16.1367 10.0004C16.1367 6.61139 13.389 3.86369 10 3.86369ZM13.9053 8.01506L8.875 13.0453L6.09473 10.2651L7.15527 9.20451L8.875 10.9242L12.8447 6.95451L13.9053 8.01506Z" fill="white"/>
3
+ </svg>
package/dist/assets/icon-warning.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.27915 2.9137C9.60027 2.35977 10.4006 2.35955 10.7215 2.9137L18.4422 16.2506C18.7638 16.8061 18.3633 17.5014 17.7215 17.5016H2.27915C1.63721 17.5016 1.23583 16.8062 1.55747 16.2506L9.27915 2.9137ZM3.72446 15.8346H16.2762L9.99985 4.99475L3.72446 15.8346ZM10.8329 14.9996H9.16685V13.3336H10.8329V14.9996ZM10.8329 12.4996H9.16685V8.33362H10.8329V12.4996Z" fill="white"/>
3
+ </svg>
package/dist/assets/index.ts CHANGED
@@ -3,6 +3,14 @@ import IconCheckbox from "./icon-checkbox.svg";
3
3
  import IconCheckboxActive from "./icon-checkbox-active.svg";
4
4
  import IconRadio from "./icon-radio.svg";
5
5
  import IconRadioActive from "./icon-radio-active.svg";
6
+ import IconSearch from "./icons/IconSearch.svg";
7
+ import IconInfo from "./icons/IconInfo.svg";
8
+ import IconSuccess from "./icons/IconSuccess.svg";
9
+ import IconWarning from "./icons/IconWarning.svg";
10
+ import IconArrowDown from "./icons/IconArrowDown.svg";
11
+ import IconError from "./icons/IconError.svg";
12
+ import IconClearText from "./icons/IconClearText.svg";
13
+ import IconDelNumber from './icon-del-number.svg'
6
14
 
7
15
  export const Svg = {
8
16
  IconClose,
@@ -10,4 +18,12 @@ export const Svg = {
10
18
  IconCheckboxActive,
11
19
  IconRadio,
12
20
  IconRadioActive,
21
+ IconSearch,
22
+ IconInfo,
23
+ IconSuccess,
24
+ IconWarning,
25
+ IconArrowDown,
26
+ IconError,
27
+ IconClearText,
28
+ IconDelNumber,
13
29
  };
package/dist/assets/svg/icon-arrow-down.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18.0107 9.70166L12 15.7124L5.98926 9.70166L7.40332 8.2876L12 12.8843L16.5967 8.2876L18.0107 9.70166Z" fill="#A3A8AF"/>
3
+ </svg>
package/dist/assets/svg/icon-clear-text.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12 3.66699C16.6024 3.66699 20.333 7.39763 20.333 12C20.333 16.6024 16.6024 20.333 12 20.333C7.39763 20.333 3.66699 16.6024 3.66699 12C3.66699 7.39763 7.39763 3.66699 12 3.66699Z" fill="white"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66669 12C3.66669 7.39167 7.39169 3.66667 12 3.66667C16.6084 3.66667 20.3334 7.39167 20.3334 12C20.3334 16.6083 16.6084 20.3333 12 20.3333C7.39169 20.3333 3.66669 16.6083 3.66669 12ZM12 10.825L14.1584 8.66667L15.3334 9.84167L13.175 12L15.3334 14.1583L14.1584 15.3333L12 13.175L9.84169 15.3333L8.66669 14.1583L10.825 12L8.66669 9.84167L9.84169 8.66667L12 10.825Z" fill="#A3A8AF"/>
4
+ </svg>
package/dist/assets/svg/icon-del-number.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M25.0455 0H11.4154C10.7939 0.000239015 10.1952 0.240624 9.7409 0.6725L0.889895 9.08617C0.641199 9.32258 0.5 9.65352 0.5 10C0.5 10.3465 0.641199 10.6774 0.889895 10.9138L9.74099 19.3276C10.1953 19.7595 10.7939 19.9998 11.4154 20H25.0455C25.6964 20 26.3208 19.7366 26.7811 19.2678C27.2414 18.7989 27.5 18.163 27.5 17.5V2.5C27.5 1.83696 27.2414 1.20108 26.7811 0.732233C26.3208 0.263392 25.6964 0 25.0455 0Z" fill="#A3A8AF"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7085 5.9531C14.1026 5.56618 14.7357 5.57199 15.1227 5.96608L17.6818 8.57263L20.241 5.96608C20.6279 5.57199 21.261 5.56618 21.6551 5.9531C22.0492 6.34003 22.055 6.97317 21.6681 7.36726L19.0832 10L21.6681 12.6327C22.055 13.0268 22.0492 13.66 21.6551 14.0469C21.261 14.4338 20.6279 14.428 20.241 14.0339L17.6818 11.4274L15.1227 14.0339C14.7357 14.428 14.1026 14.4338 13.7085 14.0469C13.3144 13.66 13.3086 13.0268 13.6955 12.6327L16.2804 10L13.6955 7.36726C13.3086 6.97317 13.3144 6.34003 13.7085 5.9531Z" fill="white"/>
4
+ </svg>
package/dist/assets/svg/icon-error.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.99219 2.5004C14.1397 2.5004 17.5 5.8604 17.5 10.0004C17.4998 14.1402 14.1396 17.5004 9.99219 17.5004C5.85247 17.5002 2.50022 14.1401 2.5 10.0004C2.5 5.8605 5.85233 2.50057 9.99219 2.5004ZM10 4.0004C6.685 4.0004 4 6.6854 4 10.0004C4.00022 13.3152 6.68514 16.0004 10 16.0004C13.3149 16.0004 15.9998 13.3152 16 10.0004C16 6.6854 13.315 4.0004 10 4.0004ZM10.75 12.2504V13.7504H9.25V12.2504H10.75ZM10.75 6.2504V10.7504H9.25V6.2504H10.75Z" fill="white"/>
3
+ </svg>
package/dist/assets/svg/icon-info.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10 2.5004C14.1667 2.5004 17.5 5.83374 17.5 10.0004C17.4998 14.1669 14.1665 17.5004 10 17.5004C5.83347 17.5004 2.50022 14.1669 2.5 10.0004C2.5 5.83374 5.83333 2.5004 10 2.5004ZM10 4.0004C6.66667 4.0004 4 6.66707 4 10.0004C4.00022 13.3335 6.6668 16.0004 10 16.0004C13.3332 16.0004 15.9998 13.3335 16 10.0004C16 6.66707 13.3333 4.0004 10 4.0004ZM10.75 12.2504H11.5V13.7504H9.25V10.7504H8.5V9.2504H10.75V12.2504ZM10.75 7.7504H9.25V6.2504H10.75V7.7504Z" fill="white"/>
3
+ </svg>
package/dist/assets/svg/icon-search.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_155_9023)">
3
+ <path d="M19.7 18.3L15.5 14.1C15.3 13.9 15 13.8 14.7 13.8C15.5 12.8 16 11.4 16 10C16 6.7 13.3 4 10 4C6.7 4 4 6.7 4 10C4 13.3 6.7 16 10 16C11.4 16 12.8 15.5 13.8 14.6C13.8 14.9 13.8 15.2 14.1 15.4L18.3 19.6C18.5 19.8 18.8 19.9 19 19.9C19.2 19.9 19.5 19.8 19.7 19.6C20.1 19.3 20.1 18.7 19.7 18.3ZM10 14.5C7.5 14.5 5.5 12.5 5.5 10C5.5 7.5 7.5 5.5 10 5.5C12.5 5.5 14.5 7.5 14.5 10C14.5 12.5 12.5 14.5 10 14.5Z" fill="#A3A8AF"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_155_9023">
7
+ <rect width="16" height="16" fill="white" transform="translate(4 4)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
package/dist/assets/svg/icon-success.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10 2.50041C14.1421 2.50041 17.5 5.85828 17.5 10.0004C17.4998 14.1424 14.142 17.5004 10 17.5004C5.858 17.5004 2.50022 14.1424 2.5 10.0004C2.5 5.85828 5.85786 2.50041 10 2.50041ZM10 3.86369C6.61098 3.86369 3.86328 6.61139 3.86328 10.0004C3.8635 13.3892 6.61112 16.1362 10 16.1362C13.3889 16.1362 16.1365 13.3892 16.1367 10.0004C16.1367 6.61139 13.389 3.86369 10 3.86369ZM13.9053 8.01506L8.875 13.0453L6.09473 10.2651L7.15527 9.20451L8.875 10.9242L12.8447 6.95451L13.9053 8.01506Z" fill="white"/>
3
+ </svg>
package/dist/assets/svg/icon-warning.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.27915 2.9137C9.60027 2.35977 10.4006 2.35955 10.7215 2.9137L18.4422 16.2506C18.7638 16.8061 18.3633 17.5014 17.7215 17.5016H2.27915C1.63721 17.5016 1.23583 16.8062 1.55747 16.2506L9.27915 2.9137ZM3.72446 15.8346H16.2762L9.99985 4.99475L3.72446 15.8346ZM10.8329 14.9996H9.16685V13.3336H10.8329V14.9996ZM10.8329 12.4996H9.16685V8.33362H10.8329V12.4996Z" fill="white"/>
3
+ </svg>
package/dist/assets/svg/index.d.ts CHANGED
@@ -4,4 +4,12 @@ export declare const Svg: {
4
4
  IconCheckboxActive: import("react").FC<import("react-native-svg").SvgProps>;
5
5
  IconRadio: import("react").FC<import("react-native-svg").SvgProps>;
6
6
  IconRadioActive: import("react").FC<import("react-native-svg").SvgProps>;
7
+ IconSearch: import("react").FC<import("react-native-svg").SvgProps>;
8
+ IconInfo: import("react").FC<import("react-native-svg").SvgProps>;
9
+ IconSuccess: import("react").FC<import("react-native-svg").SvgProps>;
10
+ IconWarning: import("react").FC<import("react-native-svg").SvgProps>;
11
+ IconArrowDown: import("react").FC<import("react-native-svg").SvgProps>;
12
+ IconError: import("react").FC<import("react-native-svg").SvgProps>;
13
+ IconClearText: import("react").FC<import("react-native-svg").SvgProps>;
14
+ IconDelNumber: import("react").FC<import("react-native-svg").SvgProps>;
7
15
  };
package/dist/assets/svg/index.ts CHANGED
@@ -3,6 +3,14 @@ import IconCheckbox from "./icon-checkbox.svg";
3
3
  import IconCheckboxActive from "./icon-checkbox-active.svg";
4
4
  import IconRadio from "./icon-radio.svg";
5
5
  import IconRadioActive from "./icon-radio-active.svg";
6
+ import IconSearch from "./icons/IconSearch.svg";
7
+ import IconInfo from "./icons/IconInfo.svg";
8
+ import IconSuccess from "./icons/IconSuccess.svg";
9
+ import IconWarning from "./icons/IconWarning.svg";
10
+ import IconArrowDown from "./icons/IconArrowDown.svg";
11
+ import IconError from "./icons/IconError.svg";
12
+ import IconClearText from "./icons/IconClearText.svg";
13
+ import IconDelNumber from './icon-del-number.svg'
6
14
 
7
15
  export const Svg = {
8
16
  IconClose,
@@ -10,4 +18,12 @@ export const Svg = {
10
18
  IconCheckboxActive,
11
19
  IconRadio,
12
20
  IconRadioActive,
21
+ IconSearch,
22
+ IconInfo,
23
+ IconSuccess,
24
+ IconWarning,
25
+ IconArrowDown,
26
+ IconError,
27
+ IconClearText,
28
+ IconDelNumber,
13
29
  };
package/dist/components/IconSvg/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
+ import { Svg } from "../../assets/svg";
2
3
  interface SvgIconProps {
3
- name: any;
4
+ name: keyof typeof Svg;
4
5
  width?: number;
5
6
  height?: number;
6
7
  color?: string;
package/dist/index.esm.js CHANGED
@@ -4,12 +4,19 @@ import React__default, { memo, useCallback, forwardRef as forwardRef$1, useState
4
4
  import require$$1 from 'deepmerge';
5
5
  import Animated, { useSharedValue, withSequence, withTiming, withSpring, useAnimatedStyle, interpolateColor, useAnimatedReaction } from 'react-native-reanimated';
6
6
  import color from 'color';
7
- import IconClose$1 from './assets/svg/icon-close.svg';
8
- import IconCheckbox$1 from './assets/svg/icon-checkbox.svg';
9
- import IconCheckboxActive$1 from './assets/svg/icon-checkbox-active.svg';
10
- import IconRadio$1 from './assets/svg/icon-radio.svg';
11
- import IconRadioActive$1 from './assets/svg/icon-radio-active.svg';
12
- import Svg$1, { Rect, Path, Circle } from 'react-native-svg';
7
+ import IconClose from './assets/svg/icon-close.svg';
8
+ import IconCheckbox from './assets/svg/icon-checkbox.svg';
9
+ import IconCheckboxActive from './assets/svg/icon-checkbox-active.svg';
10
+ import IconRadio from './assets/svg/icon-radio.svg';
11
+ import IconRadioActive from './assets/svg/icon-radio-active.svg';
12
+ import IconSearch from './assets/svg/icons/IconSearch.svg';
13
+ import IconInfo from './assets/svg/icons/IconInfo.svg';
14
+ import IconSuccess from './assets/svg/icons/IconSuccess.svg';
15
+ import IconWarning from './assets/svg/icons/IconWarning.svg';
16
+ import IconArrowDown from './assets/svg/icons/IconArrowDown.svg';
17
+ import IconError from './assets/svg/icons/IconError.svg';
18
+ import IconClearText from './assets/svg/icons/IconClearText.svg';
19
+ import IconDelNumber from './assets/svg/icon-del-number.svg';
13
20
  import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context';
14
21
  import { useDebouncedCallback } from 'use-debounce';
15
22
 
@@ -5016,11 +5023,19 @@ var colors = {
5016
5023
  };
5017
5024
 
5018
5025
  var Svg = {
5019
- IconClose: IconClose$1,
5020
- IconCheckbox: IconCheckbox$1,
5021
- IconCheckboxActive: IconCheckboxActive$1,
5022
- IconRadio: IconRadio$1,
5023
- IconRadioActive: IconRadioActive$1,
5026
+ IconClose: IconClose,
5027
+ IconCheckbox: IconCheckbox,
5028
+ IconCheckboxActive: IconCheckboxActive,
5029
+ IconRadio: IconRadio,
5030
+ IconRadioActive: IconRadioActive,
5031
+ IconSearch: IconSearch,
5032
+ IconInfo: IconInfo,
5033
+ IconSuccess: IconSuccess,
5034
+ IconWarning: IconWarning,
5035
+ IconArrowDown: IconArrowDown,
5036
+ IconError: IconError,
5037
+ IconClearText: IconClearText,
5038
+ IconDelNumber: IconDelNumber,
5024
5039
  };
5025
5040
 
5026
5041
  var SvgIcon = function (_a) {
@@ -5033,111 +5048,6 @@ var SvgIcon = function (_a) {
5033
5048
  return (React__default.createElement(IconComponent, { width: width, height: height, color: disabled ? colors.ink.INK20 : color, style: style, onPress: disabled ? undefined : onPress }));
5034
5049
  };
5035
5050
 
5036
- var IconCheckboxActive = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5037
- React$3.createElement(Rect, { x: 2, y: 2, width: 20, height: 20, rx: 6, fill: "currentColor" }),
5038
- React$3.createElement(Path, { d: "M17.7745 8.32544L10.4245 15.6751L6.74951 12.0004", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }))); };
5039
-
5040
- var IconCheckbox = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5041
- React$3.createElement(Rect, { x: 2.75, y: 2.75, width: 18.5, height: 18.5, rx: 5.25, fill: "currentColor", stroke: "#A1A5AB", strokeWidth: 1.5 }))); };
5042
-
5043
- var IconRadio = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5044
- React$3.createElement(Circle, { cx: 12, cy: 12, r: 9.25, stroke: "#A1A5AB", strokeWidth: 1.5 }))); };
5045
-
5046
- var IconRadioActive = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5047
- React$3.createElement(Circle, { cx: 12, cy: 12, r: 9.25, stroke: "currentColor", strokeWidth: 1.5 }),
5048
- React$3.createElement(Circle, { cx: 12, cy: 12, r: 6, fill: "currentColor" }))); };
5049
-
5050
- var IconRadioDisable = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5051
- React$3.createElement(Circle, { cx: 12, cy: 12, r: 9.25, stroke: "#E5E7EB", strokeWidth: 1.5 }),
5052
- React$3.createElement(Circle, { cx: 12, cy: 12, r: 6, fill: "#F3F4F6" }))); };
5053
-
5054
- var IconArrowDown = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5055
- React$3.createElement(Path, { d: "M18.0107 9.70166L12 15.7124L5.98926 9.70166L7.40332 8.2876L12 12.8843L16.5967 8.2876L18.0107 9.70166Z", fill: "currentColor" }))); };
5056
-
5057
- var IconClearText = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5058
- React$3.createElement(Path, { d: "M12 2.00043C17.53 2.00043 22 6.47046 22 12.0004C21.9997 17.5302 17.5298 22.0004 12 22.0004C6.47016 22.0004 2.00026 17.5302 2 12.0004C2.00004 6.47046 6.47003 2.00043 12 2.00043ZM12 10.5903L9.41016 8.00043L8 9.40961L10.5898 12.0004L8 14.5903L9.41016 16.0004L12 13.4096L14.5898 16.0004L16 14.5903L13.4102 12.0004L16 9.40961L14.5898 8.00043L12 10.5903Z", fill: "currentColor" }))); };
5059
-
5060
- var IconSearch = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none" }, props),
5061
- React$3.createElement(Path, { d: "M15.7 14.3L11.5 10.1C11.3 9.9 11 9.8 10.7 9.8C11.5 8.8 12 7.4 12 6C12 2.7 9.3 0 6 0C2.7 0 0 2.7 0 6C0 9.3 2.7 12 6 12C7.4 12 8.8 11.5 9.8 10.6C9.8 10.9 9.8 11.2 10.1 11.4L14.3 15.6C14.5 15.8 14.8 15.9 15 15.9C15.2 15.9 15.5 15.8 15.7 15.6C16.1 15.3 16.1 14.7 15.7 14.3ZM6 10.5C3.5 10.5 1.5 8.5 1.5 6C1.5 3.5 3.5 1.5 6 1.5C8.5 1.5 10.5 3.5 10.5 6C10.5 8.5 8.5 10.5 6 10.5Z", fill: "currentColor" }))); };
5062
-
5063
- var IconClose = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props),
5064
- React$3.createElement(Path, { d: "M19 6.40958L13.4102 12.0004L19 17.5902L17.5898 19.0004L12 13.4096L6.41016 19.0004L5 17.5902L10.5898 12.0004L5 6.40958L6.41016 5.0004L12 10.5902L17.5898 5.0004L19 6.40958Z", fill: "currentColor" }))); };
5065
-
5066
- var IconSuccess = function (props) { return (React__default.createElement(Svg$1, __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
5067
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM3.86364 10C3.86364 6.61098 6.61098 3.86364 10 3.86364C13.389 3.86364 16.1364 6.61098 16.1364 10C16.1364 13.389 13.389 16.1364 10 16.1364C6.61098 16.1364 3.86364 13.389 3.86364 10Z", fill: "white" }),
5068
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8.875 10.9242L12.8447 6.9545L13.9053 8.01516L8.875 13.0455L6.09467 10.2652L7.15533 9.2045L8.875 10.9242Z", fill: "white" }))); };
5069
-
5070
- var IconError = function (props) { return (React__default.createElement(Svg$1, __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
5071
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM3.86364 10C3.86364 6.61098 6.61098 3.86364 10 3.86364C13.389 3.86364 16.1364 6.61098 16.1364 10C16.1364 13.389 13.389 16.1364 10 16.1364C6.61098 16.1364 3.86364 13.389 3.86364 10Z", fill: "white" }),
5072
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M13.3333 6.66667L10 10L6.66667 6.66667L5.83333 7.5L9.16667 10.8333L5.83333 14.1667L6.66667 15L10 11.6667L13.3333 15L14.1667 14.1667L10.8333 10.8333L14.1667 7.5L13.3333 6.66667Z", fill: "white" }))); };
5073
-
5074
- var IconInfo = function (props) { return (React__default.createElement(Svg$1, __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
5075
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM3.86364 10C3.86364 6.61098 6.61098 3.86364 10 3.86364C13.389 3.86364 16.1364 6.61098 16.1364 10C16.1364 13.389 13.389 16.1364 10 16.1364C6.61098 16.1364 3.86364 13.389 3.86364 10Z", fill: "white" }),
5076
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 6.66667C10.4602 6.66667 10.8333 7.03976 10.8333 7.5V10.8333C10.8333 11.2936 10.4602 11.6667 10 11.6667C9.53976 11.6667 9.16667 11.2936 9.16667 10.8333V7.5C9.16667 7.03976 9.53976 6.66667 10 6.66667Z", fill: "white" }),
5077
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 12.5C10.4602 12.5 10.8333 12.8731 10.8333 13.3333C10.8333 13.7936 10.4602 14.1667 10 14.1667C9.53976 14.1667 9.16667 13.7936 9.16667 13.3333C9.16667 12.8731 9.53976 12.5 10 12.5Z", fill: "white" }))); };
5078
-
5079
- var IconWarning = function (props) { return (React__default.createElement(Svg$1, __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
5080
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.5L17.5 17.5H2.5L10 2.5ZM10 5.83333L4.16667 15.8333H15.8333L10 5.83333Z", fill: "white" }),
5081
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 7.5C10.4602 7.5 10.8333 7.8731 10.8333 8.33333V11.6667C10.8333 12.1269 10.4602 12.5 10 12.5C9.53976 12.5 9.16667 12.1269 9.16667 11.6667V8.33333C9.16667 7.8731 9.53976 7.5 10 7.5Z", fill: "white" }),
5082
- React__default.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 13.3333C10.4602 13.3333 10.8333 13.7064 10.8333 14.1667C10.8333 14.6269 10.4602 15 10 15C9.53976 15 9.16667 14.6269 9.16667 14.1667C9.16667 13.7064 9.53976 13.3333 10 13.3333Z", fill: "white" }))); };
5083
-
5084
- var IconDelNumber = function (props) { return (React$3.createElement(Svg$1, __assign({ width: 28, height: 20, viewBox: "0 0 28 20", fill: "none" }, props),
5085
- React$3.createElement(Path, { d: "M25.1705 0H11.5404C10.9189 0.000239015 10.3202 0.240624 9.8659 0.6725L1.0149 9.08617C0.766199 9.32258 0.625 9.65352 0.625 10C0.625 10.3465 0.766199 10.6774 1.0149 10.9138L9.86599 19.3276C10.3203 19.7595 10.9189 19.9998 11.5404 20H25.1705C25.8214 20 26.4458 19.7366 26.9061 19.2678C27.3664 18.7989 27.625 18.163 27.625 17.5V2.5C27.625 1.83696 27.3664 1.20108 26.9061 0.732233C26.4458 0.263392 25.8214 0 25.1705 0Z", fill: "currentColor" }),
5086
- React$3.createElement(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M13.8326 5.95343C14.2267 5.5665 14.8598 5.57231 15.2468 5.9664L17.8059 8.57296L20.3651 5.9664C20.752 5.57231 21.3852 5.5665 21.7792 5.95343C22.1733 6.34035 22.1791 6.97349 21.7922 7.36758L19.2073 10.0003L21.7922 12.6331C22.1791 13.0272 22.1733 13.6603 21.7792 14.0472C21.3852 14.4341 20.752 14.4283 20.3651 14.0342L17.8059 11.4277L15.2468 14.0342C14.8598 14.4283 14.2267 14.4341 13.8326 14.0472C13.4385 13.6603 13.4327 13.0272 13.8196 12.6331L16.4045 10.0003L13.8196 7.36758C13.4327 6.97349 13.4385 6.34035 13.8326 5.95343Z", fill: "white" }))); };
5087
-
5088
- var Icon = function (_a) {
5089
- var name = _a.name, _b = _a.size, size = _b === void 0 ? 14 : _b, color = _a.color, style = _a.style, onPress = _a.onPress;
5090
- var theme = useInternalTheme();
5091
- var colors = theme.colors;
5092
- var renderName = function () {
5093
- switch (name) {
5094
- case "IconCheckboxActive":
5095
- return IconCheckboxActive;
5096
- case "IconCheckbox":
5097
- return IconCheckbox;
5098
- case "IconRadio":
5099
- return IconRadio;
5100
- case "IconRadioActive":
5101
- return IconRadioActive;
5102
- case "IconRadioDisable":
5103
- return IconRadioDisable;
5104
- case "IconArrowDown":
5105
- return IconArrowDown;
5106
- case "IconClearText":
5107
- return IconClearText;
5108
- case "IconSearch":
5109
- return IconSearch;
5110
- case "IconClose":
5111
- return IconClose;
5112
- case "IconSuccess":
5113
- return IconSuccess;
5114
- case "IconError":
5115
- return IconError;
5116
- case "IconInfo":
5117
- return IconInfo;
5118
- case "IconWarning":
5119
- return IconWarning;
5120
- case "IconDelNumber":
5121
- return IconDelNumber;
5122
- default:
5123
- return IconCheckbox;
5124
- }
5125
- };
5126
- var renderIcon = function () {
5127
- return (React__default.createElement(SvgIcon, { name: renderName(), width: size, height: size, color: color || colors.iconPrimaryDefault }));
5128
- };
5129
- return (React__default.createElement(TouchableOpacity, { disabled: !onPress, onPress: onPress },
5130
- React__default.createElement(View$1, { style: [
5131
- {
5132
- width: size,
5133
- height: size,
5134
- borderRadius: CONSTANTS.BORDER_RADIUS_8,
5135
- },
5136
- style,
5137
- ] }, renderIcon())));
5138
- };
5139
- var Icon$1 = React__default.memo(Icon);
5140
-
5141
5051
  var TextInputFlat = function (_a) {
5142
5052
  var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.editable, editable = _c === void 0 ? true : _c, label = _a.label, _d = _a.error, error = _d === void 0 ? false : _d, customSelectionColor = _a.selectionColor, cursorColor = _a.cursorColor, underlineColor = _a.underlineColor; _a.underlineStyle; var activeUnderlineColor = _a.activeUnderlineColor, textColor = _a.textColor, dense = _a.dense, style = _a.style, theme = _a.theme, _e = _a.render, render = _e === void 0 ? function (props) { return React$3.createElement(TextInput$1, __assign({}, props)); } : _e, _f = _a.multiline, multiline = _f === void 0 ? false : _f, parentState = _a.parentState, innerRef = _a.innerRef, onFocus = _a.onFocus; _a.forceFocus; var onBlur = _a.onBlur, onChangeText = _a.onChangeText, onLayoutAnimatedText = _a.onLayoutAnimatedText, onLabelTextLayout = _a.onLabelTextLayout; _a.onLeftAffixLayoutChange; _a.onRightAffixLayoutChange; var onInputLayout = _a.onInputLayout, left = _a.left, right = _a.right, prefix = _a.prefix, suffix = _a.suffix, placeholderTextColor = _a.placeholderTextColor, clearButton = _a.clearButton, contentStyle = _a.contentStyle, scaledLabel = _a.scaledLabel, outlineStyle = _a.outlineStyle, outlineColor = _a.outlineColor, value = _a.value, textError = _a.textError, required = _a.required, rest = __rest(_a, ["disabled", "editable", "label", "error", "selectionColor", "cursorColor", "underlineColor", "underlineStyle", "activeUnderlineColor", "textColor", "dense", "style", "theme", "render", "multiline", "parentState", "innerRef", "onFocus", "forceFocus", "onBlur", "onChangeText", "onLayoutAnimatedText", "onLabelTextLayout", "onLeftAffixLayoutChange", "onRightAffixLayoutChange", "onInputLayout", "left", "right", "prefix", "suffix", "placeholderTextColor", "clearButton", "contentStyle", "scaledLabel", "outlineStyle", "outlineColor", "value", "textError", "required"]);
5143
5053
  var _g = React$3.useState(value || ""), inputValue = _g[0], setInputValue = _g[1];
@@ -5388,7 +5298,7 @@ var TextInputFlat = function (_a) {
5388
5298
  ] })),
5389
5299
  renderSuffix())),
5390
5300
  parentState.focused && !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: styles$e.clearButton },
5391
- React$3.createElement(Icon$1, { name: "IconClearText", size: 24 }))) : (React$3.createElement(Spacer, { width: SPACE_12 })),
5301
+ React$3.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24 }))) : (React$3.createElement(Spacer, { width: SPACE_12 })),
5392
5302
  checkLineRightAction() && (React$3.createElement(Spacer, { width: 1, height: 24, backgroundColor: theme.colors.borderPrimaryDefault, style: {
5393
5303
  marginRight: SPACE_8,
5394
5304
  } })),
@@ -5638,7 +5548,7 @@ var TextInputDefault = function (_a) {
5638
5548
  ] })),
5639
5549
  !multiline && renderSuffix()))),
5640
5550
  parentState.focused && !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: multiline ? styles$d.clearButtonMultiline : styles$d.clearButton },
5641
- React$3.createElement(Icon$1, { name: "IconClearText", size: 24 }))) : (React$3.createElement(Spacer, { width: CONSTANTS.SPACE_12 })),
5551
+ React$3.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24 }))) : (React$3.createElement(Spacer, { width: CONSTANTS.SPACE_12 })),
5642
5552
  checkLineRightAction() && (React$3.createElement(Spacer, { width: 1, height: 24, backgroundColor: colors.borderPrimaryDefault, style: {
5643
5553
  marginRight: CONSTANTS.SPACE_8,
5644
5554
  } })),
@@ -5910,7 +5820,7 @@ var TextInputNumber = function (_a) {
5910
5820
  !checkValueEmpty() && suffix.toString() !== "" && (React__default.createElement(Text$1, { numberOfLines: 1, color: colors.textSecondary, style: [disabled && disabledTextStyle] }, " ",
5911
5821
  suffix)))),
5912
5822
  clearButton && !checkValueEmpty() && (React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: handleClearInput },
5913
- React__default.createElement(Icon$1, { name: "IconClearText", size: 24 }))),
5823
+ React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24 }))),
5914
5824
  right && numberValue && (React__default.createElement(Spacer, { width: 1, height: 24, backgroundColor: theme.colors.borderPrimaryDefault, style: {
5915
5825
  marginLeft: SPACE_4,
5916
5826
  } })),
@@ -5926,7 +5836,7 @@ var TextInputNumber = function (_a) {
5926
5836
  React__default.createElement(View, { paddingHorizontal: SPACE_40 },
5927
5837
  React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$c.text30, styles$c.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "0")),
5928
5838
  React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles$c.clearButton },
5929
- React__default.createElement(Icon$1, { name: "IconClearText", size: 24, color: colors.textSecondary }))),
5839
+ React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24, color: colors.textSecondary }))),
5930
5840
  React__default.createElement(View, { style: styles$c.keyboardGrid }, [
5931
5841
  ["1", "2", "3"],
5932
5842
  ["4", "5", "6"],
@@ -5939,7 +5849,7 @@ var TextInputNumber = function (_a) {
5939
5849
  inputValue.includes(".") &&
5940
5850
  styles$c.disabledKey,
5941
5851
  ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
5942
- (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon$1, { name: "IconDelNumber", size: 24 })) : (React__default.createElement(Text$1, { style: [
5852
+ (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(SvgIcon, { name: "IconDelNumber", width: 24, height: 24, color: colors.textSecondary })) : (React__default.createElement(Text$1, { style: [
5943
5853
  styles$c.keyText,
5944
5854
  styles$c.text22,
5945
5855
  key === "000" &&
@@ -6709,7 +6619,7 @@ var Toast = memoWithRef(function (_props, ref) {
6709
6619
  ] },
6710
6620
  React__default.createElement(View, { row: true, style: { alignItems: "flex-start" } },
6711
6621
  React__default.createElement(View, null,
6712
- React__default.createElement(Icon$1, { name: getSourceIcon(), size: 20 })),
6622
+ React__default.createElement(SvgIcon, { name: getSourceIcon(), width: 20, height: 20 })),
6713
6623
  React__default.createElement(View, { full: true, paddingLeft: CONSTANTS.SPACE_8 },
6714
6624
  React__default.createElement(Text$1, { bold: true, color: colors.textOnFillDefault }, options.title),
6715
6625
  message.toString().length > 0 && (React__default.createElement(Text$1, { color: colors.textOnFillDefault, numberOfLines: 4, style: !options.title && styles$9.wrapMess }, message)))))));
@@ -7228,7 +7138,7 @@ var SelectionField = function (_a) {
7228
7138
  React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: getColor(), style: [disabled && disabledTextStyle, textStyle] }, textProps),
7229
7139
  content.toString() === "" ? label : content,
7230
7140
  required && content.toString() === "" && (React__default.createElement(Text$1, { color: colors.textErrorDefault }, " *")))),
7231
- right || React__default.createElement(Icon$1, { name: "IconArrowDown", size: 24 }),
7141
+ right || React__default.createElement(SvgIcon, { name: "IconArrowDown", height: 24, width: 24 }),
7232
7142
  React__default.createElement(Spacer, { width: SPACE_12 }))),
7233
7143
  error.length > 0 && (React__default.createElement(View, { paddingHorizontal: SPACE_12, paddingVertical: SPACE_4 },
7234
7144
  React__default.createElement(Text$1, { style: styles$2.text12, color: colors.textErrorDefault }, error)))));
@@ -7254,7 +7164,7 @@ var SearchInput = function (_a) {
7254
7164
  onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
7255
7165
  }, debounceTime);
7256
7166
  return (React__default.createElement(TextInput, { left: React__default.createElement(View, null,
7257
- React__default.createElement(Icon$1, { name: "IconSearch", size: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, placeholderTextColor: colors.textPlaceholder, right: rightIcon, onFocus: onFocus, autoFocus: autoFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
7167
+ React__default.createElement(SvgIcon, { name: "IconSearch", width: 18, height: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, placeholderTextColor: colors.textPlaceholder, right: rightIcon, onFocus: onFocus, autoFocus: autoFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
7258
7168
  {
7259
7169
  height: height || 36,
7260
7170
  },
@@ -7298,7 +7208,7 @@ var Tag = function (_a) {
7298
7208
  textStyle,
7299
7209
  ] }, title)),
7300
7210
  rightIcon ? (React__default.createElement(View, { paddingLeft: CONSTANTS.SPACE_4 }, rightIcon)) : hideRightIcon ? (React__default.createElement(View, null)) : (React__default.createElement(View, { paddingLeft: CONSTANTS.SPACE_4 },
7301
- React__default.createElement(Icon$1, { name: "IconClose", size: 20, color: colors.iconBrandDefault }))))));
7211
+ React__default.createElement(SvgIcon, { name: "IconClose", width: 20, height: 20, color: colors.iconBrandDefault }))))));
7302
7212
  };
7303
7213
  var styles$1 = StyleSheet.create(__assign({}, containerStyles));
7304
7214
 
@@ -7437,7 +7347,7 @@ var NumberKeyboard = function (_a) {
7437
7347
  React__default.createElement(View, { paddingHorizontal: SPACE_40 },
7438
7348
  React__default.createElement(Text$1, { numberOfLines: 1, style: [styles.text30, styles.valueText] }, formatNumberInput(inputValue, formatDecimal) || "0")),
7439
7349
  React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles.clearButton },
7440
- React__default.createElement(Icon$1, { name: "IconClearText", size: 24, color: colors.textSecondary }))),
7350
+ React__default.createElement(SvgIcon, { name: "IconClearText", width: 24, height: 24, color: colors.textSecondary }))),
7441
7351
  React__default.createElement(View, { style: styles.keyboardGrid }, [
7442
7352
  ["1", "2", "3"],
7443
7353
  ["4", "5", "6"],
@@ -7450,7 +7360,7 @@ var NumberKeyboard = function (_a) {
7450
7360
  inputValue.includes(".") &&
7451
7361
  styles.disabledKey,
7452
7362
  ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
7453
- (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon$1, { name: "IconDelNumber", size: 24 })) : (React__default.createElement(Text$1, { style: [
7363
+ (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon, { name: "IconDelNumber", size: 24 })) : (React__default.createElement(Text$1, { style: [
7454
7364
  styles.keyText,
7455
7365
  styles.text22,
7456
7366
  key === "000" &&