chore(clerk-js): Remove barrel file (#6193)

Author: dstaley

.changeset/real-grapes-occur.md

@@ -0,0 +1,2 @@
+---
+---

packages/clerk-js/src/ui/common/CustomPageContentContainer.tsx

@@ -1,6 +1,6 @@
 import { Col, descriptors } from '../customizables';
-import type { CustomPageContent } from '../utils';
-import { ExternalElementMounter } from '../utils';
+import type { CustomPageContent } from '../utils/createCustomPages';
+import { ExternalElementMounter } from '../utils/ExternalElementMounter';
 
 export const CustomPageContentContainer = ({ mount, unmount }: Omit<CustomPageContent, 'url'>) => {
   return (

packages/clerk-js/src/ui/common/EmailLinkVerify.tsx

@@ -6,7 +6,7 @@ import { completeSignUpFlow } from '../../utils';
 import { useCoreSignUp } from '../contexts';
 import type { LocalizationKey } from '../localization';
 import { useRouter } from '../router';
-import { sleep } from '../utils';
+import { sleep } from '../utils/sleep';
 import type { EmailLinkUIStatus } from './EmailLinkStatusCard';
 import { EmailLinkStatusCard } from './EmailLinkStatusCard';
 

packages/clerk-js/src/ui/common/RemoveResourceForm.tsx

@@ -7,7 +7,7 @@ import { FormButtons } from '../elements/FormButtons';
 import type { FormProps } from '../elements/FormContainer';
 import { FormContainer } from '../elements/FormContainer';
 import type { LocalizationKey } from '../localization';
-import { handleError } from '../utils';
+import { handleError } from '../utils/errorHandler';
 
 type RemoveFormProps = FormProps & {
   title: LocalizationKey;

packages/clerk-js/src/ui/common/SSOCallback.tsx

@@ -8,7 +8,7 @@ import { Card } from '../elements/Card';
 import { useCardState, withCardStateProvider } from '../elements/contexts';
 import { LoadingCardContainer } from '../elements/LoadingCard';
 import { useRouter } from '../router';
-import { handleError } from '../utils';
+import { handleError } from '../utils/errorHandler';
 
 export const SSOCallback = withCardStateProvider<HandleOAuthCallbackParams | HandleSamlCallbackParams>(props => {
   return (

packages/clerk-js/src/ui/common/verification.ts

@@ -1,6 +1,6 @@
 import type { ClerkAPIError } from '@clerk/types';
 
-import { getClerkAPIErrorMessage, getGlobalError } from '../utils';
+import { getClerkAPIErrorMessage, getGlobalError } from '../utils/errorHandler';
 
 export const VerificationErrorMessage = {
   Incorrect: 'Incorrect, try again',

packages/clerk-js/src/ui/components/ApiKeys/RevokeAPIKeyConfirmationModal.tsx

@@ -8,7 +8,7 @@ import { FormButtons } from '@/ui/elements/FormButtons';
 import { FormContainer } from '@/ui/elements/FormContainer';
 import { Modal } from '@/ui/elements/Modal';
 import { localizationKeys, useLocalizations } from '@/ui/localization';
-import { useFormControl } from '@/ui/utils';
+import { useFormControl } from '@/ui/utils/useFormControl';
 
 type RevokeAPIKeyConfirmationModalProps = {
   subject: string;

packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx

@@ -2,13 +2,13 @@ import { useEffect, useRef, useState } from 'react';
 
 import { Drawer, useDrawerContext } from '@/ui/elements/Drawer';
 import { LineItems } from '@/ui/elements/LineItems';
+import { formatDate } from '@/ui/utils/formatDate';
 
 import { useCheckoutContext } from '../../contexts';
 import { Box, Button, descriptors, Heading, localizationKeys, Span, Text, useAppearance } from '../../customizables';
 import { transitionDurationValues, transitionTiming } from '../../foundations/transitions';
 import { usePrefersReducedMotion } from '../../hooks';
 import { useRouter } from '../../router';
-import { formatDate } from '../../utils';
 import { useCheckoutContextRoot } from './CheckoutPage';
 
 const capitalize = (name: string) => name[0].toUpperCase() + name.slice(1);

packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx

@@ -15,12 +15,12 @@ import { LineItems } from '@/ui/elements/LineItems';
 import { SegmentedControl } from '@/ui/elements/SegmentedControl';
 import { Select, SelectButton, SelectOptionList } from '@/ui/elements/Select';
 import { Tooltip } from '@/ui/elements/Tooltip';
+import { handleError } from '@/ui/utils/errorHandler';
 
 import { DevOnly } from '../../common/DevOnly';
 import { useCheckoutContext, usePaymentMethods } from '../../contexts';
 import { Box, Button, Col, descriptors, Flex, Form, localizationKeys, Text } from '../../customizables';
 import { ChevronUpDown, InformationCircle } from '../../icons';
-import { handleError } from '../../utils';
 import * as AddPaymentSource from '../PaymentSources/AddPaymentSource';
 import { PaymentSourceRow } from '../PaymentSources/PaymentSourceRow';
 import { useCheckoutContextRoot } from './CheckoutPage';

packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx

@@ -10,13 +10,15 @@ import { FormContainer } from '@/ui/elements/FormContainer';
 import { Header } from '@/ui/elements/Header';
 import { IconButton } from '@/ui/elements/IconButton';
 import { SuccessPage } from '@/ui/elements/SuccessPage';
+import { createSlug } from '@/ui/utils/createSlug';
+import { handleError } from '@/ui/utils/errorHandler';
+import { useFormControl } from '@/ui/utils/useFormControl';
 
 import { useWizard, Wizard } from '../../common';
 import { Col, Icon } from '../../customizables';
 import { Upload } from '../../icons';
 import type { LocalizationKey } from '../../localization';
 import { localizationKeys } from '../../localization';
-import { createSlug, handleError, useFormControl } from '../../utils';
 import { InviteMembersForm } from '../OrganizationProfile/InviteMembersForm';
 import { InvitationsSentMessage } from '../OrganizationProfile/InviteMembersScreen';
 import { OrganizationProfileAvatarUploader } from '../OrganizationProfile/OrganizationProfileAvatarUploader';