@verifiedinc-public/shared-ui-elements 0.11.6 → 0.12.0

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 (90) hide show
  1. package/README.md +41 -0
  2. package/package.json +6 -24
  3. package/src/components/Alert/Alert.tsx +8 -0
  4. package/src/components/Alert/FullWidthAlert.tsx +27 -0
  5. package/src/components/Alert/index.ts +2 -0
  6. package/src/components/Button/index.tsx +8 -0
  7. package/src/components/CredentialRequestsEditor/CredentialRequestsEditor.context.tsx +98 -0
  8. package/src/components/CredentialRequestsEditor/components/CredentialRequestsField.tsx +103 -0
  9. package/src/components/CredentialRequestsEditor/components/DataFieldAccordion.tsx +337 -0
  10. package/src/components/CredentialRequestsEditor/components/DataFieldDeleteModal.tsx +64 -0
  11. package/src/components/CredentialRequestsEditor/components/DataFieldDescription.tsx +68 -0
  12. package/src/components/CredentialRequestsEditor/components/DataFieldMandatory.tsx +84 -0
  13. package/src/components/CredentialRequestsEditor/components/DataFieldMulti.tsx +74 -0
  14. package/src/components/CredentialRequestsEditor/components/DataFieldOptionType.tsx +84 -0
  15. package/src/components/CredentialRequestsEditor/components/DataFieldSection.tsx +48 -0
  16. package/src/components/CredentialRequestsEditor/components/DataFieldUserInput.tsx +71 -0
  17. package/src/components/CredentialRequestsEditor/components/RadioOption.tsx +89 -0
  18. package/src/components/CredentialRequestsEditor/contexts/CredentialRequestFieldContext.tsx +36 -0
  19. package/src/components/CredentialRequestsEditor/index.tsx +15 -0
  20. package/src/components/CredentialRequestsEditor/types/compositeCredentialSchema.ts +1 -0
  21. package/src/components/CredentialRequestsEditor/types/credentialSchemasDto.ts +3 -0
  22. package/src/components/CredentialRequestsEditor/types/form.ts +28 -0
  23. package/src/components/CredentialRequestsEditor/types/mandatoryEnum.ts +5 -0
  24. package/src/components/CredentialRequestsEditor/utils/buildDataFieldValue.ts +65 -0
  25. package/src/components/CredentialRequestsEditor/utils/prettyField.ts +16 -0
  26. package/src/components/Image.tsx +10 -0
  27. package/src/components/QRCodeDisplay/index.tsx +50 -0
  28. package/src/components/RequiredLabel/index.tsx +15 -0
  29. package/src/components/TextField/index.tsx +8 -0
  30. package/src/components/Tip/index.tsx +18 -0
  31. package/src/components/Typography/index.tsx +8 -0
  32. package/src/components/When.tsx +28 -0
  33. package/src/components/form/CountrySelector.tsx +96 -0
  34. package/src/components/form/DataFieldClearAdornment.tsx +28 -0
  35. package/src/components/form/DateInput.tsx +117 -0
  36. package/src/components/form/DefaultInput.tsx +28 -0
  37. package/src/components/form/InputMask.tsx +41 -0
  38. package/src/components/form/OTPInput.tsx +246 -0
  39. package/src/components/form/PhoneInput.tsx +153 -0
  40. package/src/components/form/SSNInput.tsx +100 -0
  41. package/src/components/form/SelectInput.tsx +89 -0
  42. package/src/components/form/TextMaskCustom.tsx +48 -0
  43. package/src/components/form/index.ts +5 -0
  44. package/src/components/form/styles/input.ts +24 -0
  45. package/src/components/index.ts +10 -0
  46. package/src/components/terms/AcceptTermsNotice.tsx +27 -0
  47. package/src/components/terms/LegalLink.tsx +22 -0
  48. package/src/components/verified/VerifiedImage.tsx +272 -0
  49. package/src/components/verified/VerifiedIncLogo.tsx +11 -0
  50. package/src/components/verified/index.ts +2 -0
  51. package/src/hooks/index.ts +5 -0
  52. package/src/hooks/useCallbackRef.ts +22 -0
  53. package/src/hooks/useCopyToClipboard.ts +76 -0
  54. package/src/hooks/useDisclosure.ts +96 -0
  55. package/src/hooks/useLocalStorage.ts +24 -0
  56. package/src/hooks/usePrevious.ts +17 -0
  57. package/src/hooks/useQRCode.ts +62 -0
  58. package/src/index.ts +5 -0
  59. package/src/stories/components/Alert.stories.tsx +41 -0
  60. package/src/stories/components/Button.stories.ts +49 -0
  61. package/src/stories/components/CredentialRequestsEditor.stories.tsx +98 -0
  62. package/src/stories/components/QRCodeDisplay.stories.tsx +60 -0
  63. package/src/stories/components/TextField.stories.ts +59 -0
  64. package/src/stories/components/Typography.stories.ts +140 -0
  65. package/src/stories/components/VerifiedImage.stories.tsx +32 -0
  66. package/src/stories/components/form/DateInput.stories.ts +39 -0
  67. package/src/stories/components/form/OTPInput.stories.tsx +90 -0
  68. package/src/stories/components/form/PhoneInput.stories.tsx +34 -0
  69. package/src/stories/components/form/SSNInput.stories.ts +30 -0
  70. package/src/stories/components/form/SelectInput.stories.ts +39 -0
  71. package/src/stories/hooks/useCopyToClipboard.stories.tsx +45 -0
  72. package/src/styles/colors.ts +34 -0
  73. package/src/styles/index.ts +2 -0
  74. package/src/styles/theme.ts +209 -0
  75. package/src/utils/date.ts +41 -0
  76. package/src/utils/index.ts +5 -0
  77. package/src/utils/masks/index.ts +6 -0
  78. package/src/utils/omitProperty.ts +19 -0
  79. package/src/utils/phone.ts +76 -0
  80. package/src/utils/wrapPromise.ts +19 -0
  81. package/src/validations/birthDate.schema.ts +54 -0
  82. package/src/validations/date.schema.ts +10 -0
  83. package/src/validations/description.schema.ts +5 -0
  84. package/src/validations/email.schema.ts +3 -0
  85. package/src/validations/field.schema.ts +3 -0
  86. package/src/validations/index.ts +9 -0
  87. package/src/validations/phone.schema.ts +6 -0
  88. package/src/validations/ssn.schema.ts +6 -0
  89. package/src/validations/state.schema.ts +3 -0
  90. package/src/validations/unix.schema.ts +11 -0
@@ -0,0 +1,11 @@
1
+ import { z as zod } from 'zod';
2
+
3
+ export const getUnixSchema = (message = 'Invalid Unix string timestamp') => {
4
+ return zod.string().refine((value: string) => {
5
+ const regex = /^\d+$/; // Checks if the string contains only digits
6
+ const isValidRegex = regex.test(value) && !isNaN(Number(value));
7
+
8
+ // Added the length check here to ensure that the displayed message is the one in the message parameter
9
+ return isValidRegex && value.length >= 10 && value.length <= 13;
10
+ }, message);
11
+ };