@verifiedinc-public/shared-ui-elements 1.3.3 → 2.1.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 (122) hide show
  1. package/README.md +3 -29
  2. package/dist/components/animation/Counter.d.ts +8 -0
  3. package/dist/components/animation/index.d.ts +2 -0
  4. package/dist/components/animation/index.mjs +1 -0
  5. package/dist/components/animation/motions.d.ts +2220 -0
  6. package/dist/components/index.mjs +1 -0
  7. package/dist/hooks/index.mjs +1 -0
  8. package/dist/hooks/useOnClickOutside.d.ts +23 -0
  9. package/dist/index.mjs +1 -0
  10. package/dist/shared/index-C9nSeFPi.mjs +105 -0
  11. package/dist/shared/jsx-runtime-jmtevAuS.mjs +1 -0
  12. package/dist/shared/phone.schema-XBbyizhq.mjs +1 -0
  13. package/dist/shared/shadows-fgmuXym6.mjs +1 -0
  14. package/dist/shared/unix.schema-CMYTtXco.mjs +1 -0
  15. package/dist/shared/useQRCode-DXiPIj-D.mjs +1 -0
  16. package/dist/shared/useSearchParams-CW9y02Ym.mjs +1 -0
  17. package/dist/styles/index.mjs +1 -0
  18. package/dist/utils/masks/index.mjs +1 -0
  19. package/dist/utils/string/index.mjs +1 -0
  20. package/dist/validations/index.mjs +1 -0
  21. package/package.json +36 -12
  22. package/dist/shared-ui-elements.mjs +0 -105
  23. package/src/components/Alert/Alert.tsx +0 -8
  24. package/src/components/Alert/FullWidthAlert.tsx +0 -27
  25. package/src/components/Alert/index.ts +0 -2
  26. package/src/components/Backdrop/index.tsx +0 -34
  27. package/src/components/Banners/Banner.tsx +0 -42
  28. package/src/components/Banners/ExactBirthdayBanner.tsx +0 -18
  29. package/src/components/Banners/ResendPhoneBanner.tsx +0 -55
  30. package/src/components/Banners/TestPhoneNumbersBanner.tsx +0 -25
  31. package/src/components/Banners/index.tsx +0 -4
  32. package/src/components/Button/index.tsx +0 -8
  33. package/src/components/CredentialRequestsEditor/CredentialRequestsEditor.context.tsx +0 -98
  34. package/src/components/CredentialRequestsEditor/components/CredentialRequestsField.tsx +0 -103
  35. package/src/components/CredentialRequestsEditor/components/DataFieldAccordion.tsx +0 -337
  36. package/src/components/CredentialRequestsEditor/components/DataFieldDeleteModal.tsx +0 -64
  37. package/src/components/CredentialRequestsEditor/components/DataFieldDescription.tsx +0 -68
  38. package/src/components/CredentialRequestsEditor/components/DataFieldMandatory.tsx +0 -84
  39. package/src/components/CredentialRequestsEditor/components/DataFieldMulti.tsx +0 -74
  40. package/src/components/CredentialRequestsEditor/components/DataFieldOptionType.tsx +0 -84
  41. package/src/components/CredentialRequestsEditor/components/DataFieldSection.tsx +0 -48
  42. package/src/components/CredentialRequestsEditor/components/DataFieldUserInput.tsx +0 -71
  43. package/src/components/CredentialRequestsEditor/components/RadioOption.tsx +0 -89
  44. package/src/components/CredentialRequestsEditor/contexts/CredentialRequestFieldContext.tsx +0 -36
  45. package/src/components/CredentialRequestsEditor/index.tsx +0 -15
  46. package/src/components/CredentialRequestsEditor/types/compositeCredentialSchema.ts +0 -1
  47. package/src/components/CredentialRequestsEditor/types/credentialSchemasDto.ts +0 -3
  48. package/src/components/CredentialRequestsEditor/types/form.ts +0 -28
  49. package/src/components/CredentialRequestsEditor/types/mandatoryEnum.ts +0 -5
  50. package/src/components/CredentialRequestsEditor/utils/buildDataFieldValue.ts +0 -65
  51. package/src/components/CredentialRequestsEditor/utils/prettyField.ts +0 -16
  52. package/src/components/Image.tsx +0 -10
  53. package/src/components/QRCodeDisplay/index.tsx +0 -50
  54. package/src/components/RequiredLabel/index.tsx +0 -15
  55. package/src/components/Snackbar/index.tsx +0 -156
  56. package/src/components/TextField/index.tsx +0 -8
  57. package/src/components/Tip/index.tsx +0 -18
  58. package/src/components/Typography/index.tsx +0 -8
  59. package/src/components/When.tsx +0 -28
  60. package/src/components/form/CountrySelector.tsx +0 -96
  61. package/src/components/form/DataFieldClearAdornment.tsx +0 -28
  62. package/src/components/form/DateInput.tsx +0 -78
  63. package/src/components/form/DefaultInput.tsx +0 -26
  64. package/src/components/form/InputMask.tsx +0 -41
  65. package/src/components/form/OTPInput.tsx +0 -254
  66. package/src/components/form/PhoneInput.tsx +0 -152
  67. package/src/components/form/SSNInput.tsx +0 -99
  68. package/src/components/form/SelectInput.tsx +0 -101
  69. package/src/components/form/TextMaskCustom.tsx +0 -48
  70. package/src/components/form/index.ts +0 -5
  71. package/src/components/index.ts +0 -13
  72. package/src/components/terms/AcceptTermsNotice.tsx +0 -27
  73. package/src/components/terms/LegalLink.tsx +0 -22
  74. package/src/components/verified/VerifiedImage.tsx +0 -272
  75. package/src/components/verified/VerifiedIncLogo.tsx +0 -11
  76. package/src/components/verified/index.ts +0 -2
  77. package/src/hooks/index.ts +0 -6
  78. package/src/hooks/useCallbackRef.ts +0 -22
  79. package/src/hooks/useCopyToClipboard.ts +0 -76
  80. package/src/hooks/useDisclosure.ts +0 -96
  81. package/src/hooks/useLocalStorage.ts +0 -24
  82. package/src/hooks/usePrevious.ts +0 -17
  83. package/src/hooks/useQRCode.ts +0 -62
  84. package/src/hooks/useSearchParams.ts +0 -7
  85. package/src/index.ts +0 -13
  86. package/src/stories/components/Alert.stories.tsx +0 -41
  87. package/src/stories/components/Button.stories.ts +0 -49
  88. package/src/stories/components/CredentialRequestsEditor.stories.tsx +0 -98
  89. package/src/stories/components/QRCodeDisplay.stories.tsx +0 -60
  90. package/src/stories/components/TextField.stories.ts +0 -59
  91. package/src/stories/components/Typography.stories.ts +0 -140
  92. package/src/stories/components/VerifiedImage.stories.tsx +0 -32
  93. package/src/stories/components/form/DateInput.stories.ts +0 -36
  94. package/src/stories/components/form/OTPInput.stories.tsx +0 -90
  95. package/src/stories/components/form/PhoneInput.stories.tsx +0 -34
  96. package/src/stories/components/form/SSNInput.stories.ts +0 -30
  97. package/src/stories/components/form/SelectInput.stories.ts +0 -39
  98. package/src/stories/hooks/useCopyToClipboard.stories.tsx +0 -45
  99. package/src/styles/colors.ts +0 -60
  100. package/src/styles/index.ts +0 -3
  101. package/src/styles/shadows.ts +0 -6
  102. package/src/styles/theme.ts +0 -257
  103. package/src/styles/typography.ts +0 -86
  104. package/src/utils/date.ts +0 -32
  105. package/src/utils/index.ts +0 -6
  106. package/src/utils/masks/index.ts +0 -6
  107. package/src/utils/omitProperty.ts +0 -19
  108. package/src/utils/phone.ts +0 -76
  109. package/src/utils/ssn.ts +0 -8
  110. package/src/utils/string/index.ts +0 -2
  111. package/src/utils/string/toCapitalize.ts +0 -13
  112. package/src/utils/string/toSentenceCase.ts +0 -7
  113. package/src/utils/wrapPromise.ts +0 -19
  114. package/src/validations/date.schema.ts +0 -18
  115. package/src/validations/description.schema.ts +0 -5
  116. package/src/validations/email.schema.ts +0 -3
  117. package/src/validations/field.schema.ts +0 -3
  118. package/src/validations/index.ts +0 -8
  119. package/src/validations/phone.schema.ts +0 -6
  120. package/src/validations/ssn.schema.ts +0 -24
  121. package/src/validations/state.schema.ts +0 -3
  122. package/src/validations/unix.schema.ts +0 -11
@@ -0,0 +1 @@
1
+ "use strict";import{A as a,a as s,g as e,e as r,B as n,C as t,d as o,D as i,E as p,F as d,I as u,O as c,P as m,Q as l,R as B,S as I,b as h,f as P,T as S,V as b,c as g,W as A,u as C}from"../shared/index-C9nSeFPi.mjs";import{SnackbarProvider as T}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,n as Button,t as CredentialRequestsEditor,o as CustomAlertComponent,i as DateInput,p as ExactBirthdayBanner,d as FullWidthAlert,u as Image,c as OTPInput,m as PhoneInput,l as QRCodeDisplay,B as ResendPhoneBanner,I as SSNInput,h as SelectInput,T as SnackbarProvider,P as TestPhoneNumbersBanner,S as Typography,b as VerifiedImage,g as VerifiedIncLogo,A as When,C as useSnackbar};
@@ -0,0 +1 @@
1
+ "use strict";import{c as a,a as s,b as e,u as o,d as r}from"../shared/useSearchParams-CW9y02Ym.mjs";import{u}from"../shared/useQRCode-DXiPIj-D.mjs";export{a as useCallbackRef,s as useCopyToClipboard,e as useDisclosure,o as useLocalStorage,u as useQRCode,r as useSearchParams};
@@ -0,0 +1,23 @@
1
+ import { RefObject } from 'react';
2
+ /** Supported event types. */
3
+ type EventType = 'mousedown' | 'mouseup' | 'touchstart' | 'touchend' | 'focusin' | 'focusout';
4
+ /**
5
+ * Custom hook that handles clicks outside a specified element.
6
+ * @template T - The type of the element's reference.
7
+ * @param {RefObject<T> | RefObject<T>[]} ref - The React ref object(s) representing the element(s) to watch for outside clicks.
8
+ * @param {(event: MouseEvent | TouchEvent | FocusEvent) => void} handler - The callback function to be executed when a click outside the element occurs.
9
+ * @param {EventType} [eventType] - The mouse event type to listen for (optional, default is 'mousedown').
10
+ * @param {?AddEventListenerOptions} [eventListenerOptions] - The options object to be passed to the `addEventListener` method (optional).
11
+ * @returns {void}
12
+ * @public
13
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-on-click-outside)
14
+ * @example
15
+ * ```tsx
16
+ * const containerRef = useRef(null);
17
+ * useOnClickOutside([containerRef], () => {
18
+ * // Handle clicks outside the container.
19
+ * });
20
+ * ```
21
+ */
22
+ export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T> | Array<RefObject<T>>, handler: (event: MouseEvent | TouchEvent | FocusEvent) => void, eventType?: EventType, eventListenerOptions?: AddEventListenerOptions): void;
23
+ export {};
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";import{A as n,a as i,g as m,e as l,B as d,C as c,d as u,D as h,E as p,F as g,I as S,O as f,P as y,Q as D,R as k,S as C,b as P,f as w,T as b,V as B,c as T,W as I,h as N,i as R,j as Y,o as A,p as F,s as G,u as x,v as M}from"./shared/index-C9nSeFPi.mjs";import{c as U,a as v,b as V,u as W,d as j}from"./shared/useSearchParams-CW9y02Ym.mjs";import{u as E}from"./shared/useQRCode-DXiPIj-D.mjs";import{b as q,a as L,v as O,e as Q,d as z,p as H,u as J,h as X,j as Z,g as _,o as $,s as K,m as aa,c as sa,l as ea,n as ta,q as ra,f as oa,i as na,r as ia,z as ma,t as la,x as da,k as ca,w as ua,y as ha}from"./shared/shadows-fgmuXym6.mjs";import{masks as pa}from"./utils/masks/index.mjs";import{M as ga,S as Sa,U as fa,d as ya,e as Da,f as ka,g as Ca,a as Pa,s as wa}from"./shared/unix.schema-CMYTtXco.mjs";import{p as ba}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ba}from"notistack";async function Ta(s){try{return[await s,null]}catch(a){return[null,a]}}const Ia=s=>{let a=new Date(Number(s));if(!s){const e=new Date;a=new Date(e.getFullYear(),e.getMonth(),e.getDate())}const t=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0"),o=a.getFullYear();return[r,t,o].join("/")},Na=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ra=s=>s.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{n as AcceptTermsNotice,i as Alert,m as Backdrop,l as Banner,d as Button,c as CredentialRequestsEditor,u as CustomAlertComponent,h as DateInput,p as ExactBirthdayBanner,g as FullWidthAlert,S as Image,ga as MaskedAndUnmaskedSSNSchema,f as OTPInput,y as PhoneInput,D as QRCodeDisplay,k as ResendPhoneBanner,C as SSNInput,Sa as SSNSchema,P as SelectInput,Ba as SnackbarProvider,w as TestPhoneNumbersBanner,b as Typography,fa as USDateSchema,B as VerifiedImage,T as VerifiedIncLogo,I as When,q as black,L as blue,O as colors,N as countries,Q as darkBlue,z as darkGreen,H as darkGrey,J as darkGreyContrast,X as darkRed,Z as darkYellow,ya as descriptionSchema,Da as emailSchema,ka as fieldSchema,Ia as formatDateMMDDYYYY,Na as formatDateToTimestamp,Ca as getDateSchemaWithPastValidation,R as getPhoneData,Y as getPhoneDataByFieldName,Pa as getUnixSchema,_ as green,$ as grey,K as greyContrast,aa as infoContrast,sa as lightBlue,ea as lightGreen,ta as lightGrey,ra as lightGreyContrast,oa as lightRed,na as lightYellow,pa as masks,A as omitProperties,F as parseToPhoneNational,ba as phoneSchema,ia as red,ma as shadows,G as sortByCountryName,Ra as ssnFormatter,wa as stateSchema,la as textDisabled,da as theme,U as useCallbackRef,v as useCopyToClipboard,V as useDisclosure,W as useLocalStorage,E as useQRCode,j as useSearchParams,x as useSnackbar,M as validatePhone,ca as warningContrast,ua as white,Ta as wrapPromise,ha as yellow};