fix(clerk-js): Add descriptor for "Create Organization" logo box (#3596)

Author: LekoArts

.changeset/seven-feet-beam.md

@@ -0,0 +1,6 @@
+---
+"@clerk/clerk-js": patch
+"@clerk/types": patch
+---
+
+Add `organizationAvatarUploaderContainer` descriptor which is used e.g. for the logo upload box inside "Create Organization" flow

packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfileAvatarUploader.tsx

@@ -1,6 +1,6 @@
 import type { OrganizationResource } from '@clerk/types';
 
-import { Col, Text } from '../../customizables';
+import { Col, descriptors, Text } from '../../customizables';
 import type { AvatarUploaderProps } from '../../elements';
 import { AvatarUploader, OrganizationAvatar } from '../../elements';
 import { localizationKeys } from '../../localization';
@@ -11,7 +11,7 @@ export const OrganizationProfileAvatarUploader = (
   const { organization, ...rest } = props;
 
   return (
-    <Col>
+    <Col elementDescriptor={descriptors.organizationAvatarUploaderContainer}>
       <Text
         variant='subtitle'
         sx={t => ({

packages/clerk-js/src/ui/customizables/elementDescriptors.ts

@@ -166,6 +166,8 @@ export const APPEARANCE_KEYS = containsAllElementsConfigKeys([
   'organizationPreviewMainIdentifier',
   'organizationPreviewSecondaryIdentifier',
 
+  'organizationAvatarUploaderContainer',
+
   'membersPageInviteButton',
 
   'identityPreview',

packages/types/src/appearance.ts

@@ -290,6 +290,8 @@ export type ElementsConfig = {
   organizationPreviewMainIdentifier: WithOptions<OrganizationPreviewId>;
   organizationPreviewSecondaryIdentifier: WithOptions<OrganizationPreviewId>;
 
+  organizationAvatarUploaderContainer: WithOptions;
+
   membersPageInviteButton: WithOptions;
 
   identityPreview: WithOptions;