refactor (core, react, examples, docs): rename org to organization

For better consistency across the apps, renamed org to organisation

Author: chakrihacker

README.md

@@ -24,7 +24,7 @@ This project uses a **monorepo architecture** designed for multi-framework suppo
 
 **What it provides:**
 
-- 📦 **Internal Services**: Handles all API logic for "My Account" and "My Org" components, using the "My Account" and "My Org" SDKs.
+- 📦 **Internal Services**: Handles all API logic for "My Account" and "My Organization" components, using the "My Account" and "My Organization" SDKs.
 - 🌐 **Internationalization (i18n)**: Contains all translation files for multi-language support and utils.
 - 🛡️ **Schema Validation**: Defines and maintains types for schema validation.
 - 🛠️ **Shared Utilities**: Provides shared functions, TypeScript types, and theme management utilities.
@@ -35,7 +35,7 @@ This project uses a **monorepo architecture** designed for multi-framework suppo
 
 **What it provides:**
 
-- ⚛️ **React Components**: Pre-built UI components for Auth0 features (MFA management, user profiles, ,org management etc.)
+- ⚛️ **React Components**: Pre-built UI components for Auth0 features (MFA management, user profiles, ,organization management etc.)
 - 🎣 **Custom Hooks**: React hooks for component state management and API interactions
 - 🎨 **UI Elements**: Beautiful, accessible components built with Radix UI and Tailwind CSS, following shadcn design patterns.
 - 🔄 **Providers**: React context providers for managing authentication, theme, and internationalization.
@@ -104,7 +104,7 @@ pnpm run test:core
 To run a specific test, go to the relevant package folder and run:
 
 ```bash
-pnpm run test org-details-edit
+pnpm run test organization-details-edit
 ```
 
 #### Shadcn Local Development
@@ -129,7 +129,7 @@ pnpm run dev
 
     ```bash
     npx shadcn@latest add http://localhost:5173/r/my-account/user-mfa-management.json --overwrite
-    npx shadcn@latest add http://localhost:5173/r/my-org/org-details-edit.json --overwrite
+    npx shadcn@latest add http://localhost:5173/r/my-organization/organization-details-edit.json --overwrite
     # ... other components
     ```
 

…y-org/domain-management/domain-table.png …ation/domain-management/domain-table.pngdocs-site/public/img/my-org/domain-management/domain-table.png renamed to docs-site/public/img/my-organization/domain-management/domain-table.png docs-site/public/img/my-org/domain-management/domain-table.png renamed to docs-site/public/img/my-organization/domain-management/domain-table.png

@@ -9,31 +9,31 @@
       "description": "A block for managing Multi-Factor Authentication (MFA) factors, including enrollment and deletion."
     },
     {
-      "name": "my-org/org-details-edit",
+      "name": "my-organization/organization-details-edit",
       "type": "registry:block",
       "title": "Organization Management",
       "description": "A block for managing organization details, including editing organization settings and branding, with delete functionality."
     },
     {
-      "name": "my-org/domain-table",
+      "name": "my-organization/domain-table",
       "type": "registry:block",
       "title": "Domain Management Table",
       "description": "A block for managing organization domains, including creating, verifying, configuring identity providers, and deleting domains."
     },
     {
-      "name": "my-org/sso-provider-table",
+      "name": "my-organization/sso-provider-table",
       "type": "registry:block",
       "title": "SSO Provider Table",
       "description": "A block for managing SSO identity providers in a table format, including create, edit, delete, enable/disable, and remove from organization capabilities."
     },
     {
-      "name": "my-org/sso-provider-create",
+      "name": "my-organization/sso-provider-create",
       "type": "registry:block",
       "title": "SSO Provider Creation Wizard",
       "description": "A multi-step wizard for creating SSO identity providers with support for multiple strategies including SAMLP, OIDC, ADFS, Okta, Google Workspace, Azure AD, and PingFederate."
     },
     {
-      "name": "my-org/sso-provider-edit",
+      "name": "my-organization/sso-provider-edit",
       "type": "registry:block",
       "title": "SSO Provider Edit",
       "description": "A comprehensive block for editing SSO identity providers with tabs for provider configuration, SCIM provisioning settings, and domain management. Includes token management, field mappings, and domain verification capabilities."

…g/idp-management/sso-provider-create.png …n/idp-management/sso-provider-create.pngdocs-site/public/img/my-org/idp-management/sso-provider-create.png renamed to docs-site/public/img/my-organization/idp-management/sso-provider-create.png docs-site/public/img/my-org/idp-management/sso-provider-create.png renamed to docs-site/public/img/my-organization/idp-management/sso-provider-create.png

@@ -253,7 +253,7 @@
     },
     {
       "path": "src/hooks/index.ts",
-      "content": "export { useCoreClient, CoreClientContext } from './use-core-client';\nexport { useTranslator } from './use-translator';\nexport { useTheme } from './use-theme';\nexport { useCoreClientInitialization } from './use-core-client-initialization';\nexport { useScopeManager } from './use-scope-manager';\nexport { useErrorHandler } from './use-error-handler';\nexport {\n  useContactEnrollment,\n  useOtpConfirmation,\n  useOtpEnrollment,\n  useMFA,\n} from './my-account/mfa';\nexport { useOrgDetailsEdit } from './my-org/org-management/use-org-details-edit';\n",
+      "content": "export { useCoreClient, CoreClientContext } from './use-core-client';\nexport { useTranslator } from './use-translator';\nexport { useTheme } from './use-theme';\nexport { useCoreClientInitialization } from './use-core-client-initialization';\nexport { useScopeManager } from './use-scope-manager';\nexport { useErrorHandler } from './use-error-handler';\nexport {\n  useContactEnrollment,\n  useOtpConfirmation,\n  useOtpEnrollment,\n  useMFA,\n} from './my-account/mfa';\nexport { useOrganizationDetailsEdit } from './my-organization/organization-management/use-organization-details-edit';\n",
       "type": "registry:file",
       "target": "auth0-ui-components/hooks/index.ts"
     },
@@ -337,7 +337,7 @@
     },
     {
       "path": "src/hoc/with-services.tsx",
-      "content": "import * as React from 'react';\n\nimport { Spinner } from '../components/ui/spinner';\nimport { useScopeManager } from '../hooks/use-scope-manager';\nimport { useTheme } from '../hooks/use-theme';\n\nexport interface ServiceRequirements {\n  myAccountApiScopes?: string;\n  myOrgApiScopes?: string;\n}\n\nfunction scopesSatisfied(required: string, ensured: string) {\n  if (!required) return true;\n  const requiredSet = required.split(' ').filter(Boolean);\n  const ensuredSet = new Set(ensured.split(' ').filter(Boolean));\n  return requiredSet.every((scope) => ensuredSet.has(scope));\n}\n\nfunction normalizeScopes(scopes?: string) {\n  return scopes\n    ? scopes\n        .split(' ')\n        .map((s) => s.trim())\n        .filter(Boolean)\n        .sort()\n        .join(' ')\n    : '';\n}\n\nexport function withServices<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  requirements: ServiceRequirements = {},\n): React.ComponentType<P> {\n  const WithServicesComponent = (props: P) => {\n    const { loader } = useTheme();\n    const { registerScopes, ensured } = useScopeManager();\n    const defaultLoader = (\n      <div className=\"fixed inset-0 flex items-center justify-center\">\n        <Spinner className=\"h-8 w-8\" />\n      </div>\n    );\n\n    const requiredMe = normalizeScopes(requirements.myAccountApiScopes);\n    const requiredOrg = normalizeScopes(requirements.myOrgApiScopes);\n\n    const meEnsured = scopesSatisfied(requiredMe, ensured.me);\n    const orgEnsured = scopesSatisfied(requiredOrg, ensured['my-org']);\n\n    React.useEffect(() => {\n      if (requirements.myAccountApiScopes) {\n        registerScopes('me', requirements.myAccountApiScopes);\n      }\n      if (requirements.myOrgApiScopes) {\n        registerScopes('my-org', requirements.myOrgApiScopes);\n      }\n    }, [requirements.myAccountApiScopes, requirements.myOrgApiScopes, registerScopes]);\n\n    if (\n      (requirements.myAccountApiScopes && !meEnsured) ||\n      (requirements.myOrgApiScopes && !orgEnsured)\n    ) {\n      return <>{loader || defaultLoader}</>;\n    }\n\n    return <WrappedComponent {...props} />;\n  };\n\n  return WithServicesComponent;\n}\n\nexport function withMyOrgService<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  scopes: string,\n): React.ComponentType<P> {\n  return withServices(WrappedComponent, { myOrgApiScopes: scopes });\n}\n\nexport function withMyAccountService<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  scopes: string,\n): React.ComponentType<P> {\n  return withServices(WrappedComponent, { myAccountApiScopes: scopes });\n}\n",
+      "content": "import * as React from 'react';\n\nimport { Spinner } from '../components/ui/spinner';\nimport { useScopeManager } from '../hooks/use-scope-manager';\nimport { useTheme } from '../hooks/use-theme';\n\nexport interface ServiceRequirements {\n  myAccountApiScopes?: string;\n  myOrganizationApiScopes?: string;\n}\n\nfunction scopesSatisfied(required: string, ensured: string) {\n  if (!required) return true;\n  const requiredSet = required.split(' ').filter(Boolean);\n  const ensuredSet = new Set(ensured.split(' ').filter(Boolean));\n  return requiredSet.every((scope) => ensuredSet.has(scope));\n}\n\nfunction normalizeScopes(scopes?: string) {\n  return scopes\n    ? scopes\n        .split(' ')\n        .map((s) => s.trim())\n        .filter(Boolean)\n        .sort()\n        .join(' ')\n    : '';\n}\n\nexport function withServices<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  requirements: ServiceRequirements = {},\n): React.ComponentType<P> {\n  const WithServicesComponent = (props: P) => {\n    const { loader } = useTheme();\n    const { registerScopes, ensured } = useScopeManager();\n    const defaultLoader = (\n      <div className=\"fixed inset-0 flex items-center justify-center\">\n        <Spinner className=\"h-8 w-8\" />\n      </div>\n    );\n\n    const requiredMe = normalizeScopes(requirements.myAccountApiScopes);\n    const requiredOrganization = normalizeScopes(requirements.myOrganizationApiScopes);\n\n    const meEnsured = scopesSatisfied(requiredMe, ensured.me);\n    const organizationEnsured = scopesSatisfied(requiredOrganization, ensured['my-org']);\n\n    React.useEffect(() => {\n      if (requirements.myAccountApiScopes) {\n        registerScopes('me', requirements.myAccountApiScopes);\n      }\n      if (requirements.myOrganizationApiScopes) {\n        registerScopes('my-org', requirements.myOrganizationApiScopes);\n      }\n    }, [requirements.myAccountApiScopes, requirements.myOrganizationApiScopes, registerScopes]);\n\n    if (\n      (requirements.myAccountApiScopes && !meEnsured) ||\n      (requirements.myOrganizationApiScopes && !organizationEnsured)\n    ) {\n      return <>{loader || defaultLoader}</>;\n    }\n\n    return <WrappedComponent {...props} />;\n  };\n\n  return WithServicesComponent;\n}\n\nexport function withMyOrganizationService<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  scopes: string,\n): React.ComponentType<P> {\n  return withServices(WrappedComponent, { myOrganizationApiScopes: scopes });\n}\n\nexport function withMyAccountService<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  scopes: string,\n): React.ComponentType<P> {\n  return withServices(WrappedComponent, { myAccountApiScopes: scopes });\n}\n",
       "type": "registry:file",
       "target": "auth0-ui-components/hoc/with-services.tsx"
     },