@axcode/axcloud-sdk 0.1.7-dev.cc5cc69 → 0.2.0-dev.03fb26c

package/README.md

@@ -30,7 +30,7 @@ npm install --save-exact @axcode/axcloud-sdk@latest
 ```json
 {
   "dependencies": {
-    "@axcode/axcloud-sdk": "0.1.6"
+    "@axcode/axcloud-sdk": "0.2.0"
   }
 }
 ```
@@ -353,25 +353,25 @@ function Dashboard() {
 
 ### Hooks
 
-| Hook                              | Description                                                                                  |
-| --------------------------------- | -------------------------------------------------------------------------------------------- |
-| `useAuth()`                       | Login/logout, email-verification state, resend, and profile refresh                          |
-| `useUser()`                       | Fetch the normalized user and verified organization membership                               |
-| `useUpdateMyProfile()`            | Update the signed-in user's name, phone, and address                                          |
-| `useOrg()`                        | Fetch organization info and check modules                                                    |
-| `useNews(options?)`               | Fetch the published news collection visible to the current visitor                           |
-| `useContent(type, options?)`      | Fetch a published `news`, `pages`, or `events` collection                                    |
-| `useContentItem(type, id, opts?)` | Fetch one published item directly by ID or slug                                              |
-| `usePageContent(slug, options?)`  | Fetch a page and read structured template slots                                              |
-| `useMySection()`                  | Fetch current user's section with members                                                    |
-| `useSections()`                   | Fetch all organization sections                                                              |
-| `useBranding()`                   | Fetch organization branding (logo, colors)                                                   |
-| `useLogo()`                       | Fetch organization logo URL                                                                  |
-| `useMedia(mediaId)`               | Fetch specific media file URL                                                                |
-| `useAvatar(userId)`               | Fetch user avatar URL                                                                        |
-| `useMediaList(type)`              | List media files                                                                             |
-| `useDocuments(options?)`          | List published public documents                                                              |
-| `useDocumentDownload(documentId)` | Fetch a signed document download URL                                                         |
+| Hook                              | Description                                                         |
+| --------------------------------- | ------------------------------------------------------------------- |
+| `useAuth()`                       | Login/logout, email-verification state, resend, and profile refresh |
+| `useUser()`                       | Fetch the normalized user and verified organization membership      |
+| `useUpdateMyProfile()`            | Update the signed-in user's name, phone, and address                |
+| `useOrg()`                        | Fetch organization info and check modules                           |
+| `useNews(options?)`               | Fetch the published news collection visible to the current visitor  |
+| `useContent(type, options?)`      | Fetch a published `news`, `pages`, or `events` collection           |
+| `useContentItem(type, id, opts?)` | Fetch one published item directly by ID or slug                     |
+| `usePageContent(slug, options?)`  | Fetch a page and read structured template slots                     |
+| `useMySection()`                  | Fetch current user's section with members                           |
+| `useSections()`                   | Fetch all organization sections                                     |
+| `useBranding()`                   | Fetch organization branding (logo, colors)                          |
+| `useLogo()`                       | Fetch organization logo URL                                         |
+| `useMedia(mediaId)`               | Fetch specific media file URL                                       |
+| `useAvatar(userId)`               | Fetch user avatar URL                                               |
+| `useMediaList(type)`              | List media files                                                    |
+| `useDocuments(options?)`          | List published public documents                                     |
+| `useDocumentDownload(documentId)` | Fetch a signed document download URL                                |
 
 Profile self-service is deliberately limited to personal contact fields. Organization title,
 email, roles, status, organization, and section assignments remain administrator-managed.
@@ -384,14 +384,18 @@ const {
   user,
   roleInOrg,
   title,
-  section,       // { id, name, role } | null
-  sections,      // all verified section memberships
+  section, // { id, name, role } | null
+  sections, // all verified section memberships
   sectionId,
   sectionIds,
-  memberSince,   // normalized from joined_at
+  memberSince, // normalized from joined_at
 } = useUser();
 
-return <p>{section?.name ?? 'No section'} · member since {memberSince}</p>;
+return (
+  <p>
+    {section?.name ?? 'No section'} · member since {memberSince}
+  </p>
+);
 ```
 
 ```tsx
@@ -400,14 +404,19 @@ import { useUpdateMyProfile } from '@axcode/axcloud-sdk';
 function ProfileForm() {
   const updateProfile = useUpdateMyProfile();
 
-  const save = () => updateProfile.mutateAsync({
-    firstName: 'Anna',
-    lastName: 'Pilot',
-    phone: '+46701234567',
-    address: 'Flyggatan 1',
-  });
+  const save = () =>
+    updateProfile.mutateAsync({
+      firstName: 'Anna',
+      lastName: 'Pilot',
+      phone: '+46701234567',
+      address: 'Flyggatan 1',
+    });
 
-  return <button onClick={save} disabled={updateProfile.isPending}>Save profile</button>;
+  return (
+    <button onClick={save} disabled={updateProfile.isPending}>
+      Save profile
+    </button>
+  );
 }
 ```
 

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
@@ -1032,7 +1031,7 @@ interface AxCloudProviderProps {
  * </AxCloudProvider>
  * ```
  */
-declare function AxCloudProvider({ children, orgId, apiUrl, stage, apiKey, analytics, auth0, queryClient: providedQueryClient, timeout, }: AxCloudProviderProps): react_jsx_runtime.JSX.Element;
+declare function AxCloudProvider({ children, orgId, apiUrl, stage, apiKey, analytics, auth0, queryClient: providedQueryClient, timeout, }: AxCloudProviderProps): React.JSX.Element;
 
 interface AxCloudContextValue {
     config: AxCloudConfig;
@@ -1985,7 +1984,7 @@ interface LoginButtonProps {
  * <LoginButton className="btn btn-primary">Sign In</LoginButton>
  * ```
  */
-declare function LoginButton({ children, returnTo, className, style, }: LoginButtonProps): react_jsx_runtime.JSX.Element;
+declare function LoginButton({ children, returnTo, className, style, }: LoginButtonProps): React.JSX.Element;
 interface LogoutButtonProps {
     /**
      * Button text
@@ -2012,7 +2011,7 @@ interface LogoutButtonProps {
  * <LogoutButton>Sign Out</LogoutButton>
  * ```
  */
-declare function LogoutButton({ children, returnTo, className, style, }: LogoutButtonProps): react_jsx_runtime.JSX.Element;
+declare function LogoutButton({ children, returnTo, className, style, }: LogoutButtonProps): React.JSX.Element;
 
 interface ProtectedRouteProps {
     /**
@@ -2080,7 +2079,7 @@ interface ProtectedRouteProps {
  * </ProtectedRoute>
  * ```
  */
-declare function ProtectedRoute({ children, roles, loadingComponent, unauthenticatedComponent, unauthorizedComponent, redirectToLogin, returnTo, }: ProtectedRouteProps): react_jsx_runtime.JSX.Element;
+declare function ProtectedRoute({ children, roles, loadingComponent, unauthenticatedComponent, unauthorizedComponent, redirectToLogin, returnTo, }: ProtectedRouteProps): React.JSX.Element;
 
 interface ModuleGateProps {
     /**
@@ -2129,7 +2128,7 @@ interface ModuleGateProps {
  * </ModuleGate>
  * ```
  */
-declare function ModuleGate({ module, children, fallback, requireAll, }: ModuleGateProps): react_jsx_runtime.JSX.Element | null;
+declare function ModuleGate({ module, children, fallback, requireAll, }: ModuleGateProps): React.JSX.Element | null;
 /**
  * useModuleAccess - Hook for programmatic module checks
  *
@@ -2154,6 +2153,31 @@ declare function useModuleAccess(): {
     isLoading: boolean;
 };
 
+/**
+ * LinkedAccountsList Component
+ *
+ * Ready-to-use component for displaying and managing linked social accounts.
+ * Can be used in customer frontends (SPF "mina sidor" etc.).
+ *
+ * Import the CSS file for default styling:
+ * import '@axcode/axcloud-sdk/styles/linked-accounts.css'
+ *
+ * @example
+ * ```tsx
+ * import { LinkedAccountsList } from '@axcode/axcloud-sdk'
+ * import '@axcode/axcloud-sdk/styles/linked-accounts.css'
+ *
+ * function MinProfil() {
+ *   return (
+ *     <div>
+ *       <h2>Kopplade konton</h2>
+ *       <LinkedAccountsList providers={['google', 'microsoft']} />
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+
 interface LinkedAccountsListProps {
     /** Which providers to show (default: all available) */
     providers?: ('google' | 'microsoft' | 'apple')[];
@@ -2176,6 +2200,6 @@ interface LinkedAccountsListProps {
  * Uses CSS classes for styling. Import the CSS file for default styles:
  * import '@axcode/axcloud-sdk/styles/linked-accounts.css'
  */
-declare function LinkedAccountsList({ providers, showConnectButtons, className, onUnlink, onLinkInitiated, renderIdentity, renderAvailableProvider, }: LinkedAccountsListProps): react_jsx_runtime.JSX.Element;
+declare function LinkedAccountsList({ providers, showConnectButtons, className, onUnlink, onLinkInitiated, renderIdentity, renderAvailableProvider, }: LinkedAccountsListProps): React.JSX.Element;
 
 export { type AnalyticsEventData, type AnalyticsEventValue, type AnalyticsPublicConfig, type AnalyticsRuntime, type AnalyticsRuntimeConfig, type Auth0ClientState, type AuthUser, type AvailableProvider, type AxCloudAnalyticsOptions, AxCloudClient, type AxCloudConfig, AxCloudError, type AxCloudErrorCode, type AxCloudModule, AxCloudProvider, type Ballot, type BallotCandidate, type BallotOption, type BallotSeat, type BarnsportActivitiesFilter, type BarnsportActivity, type BarnsportActivityListItem, type BarnsportActivityLocation, type BarnsportActivityResponse, type BarnsportActivitySchedule, type BarnsportInterestSubmissionRequest, type BarnsportInterestSubmissionResponse, type BarnsportListResponse, type BarnsportMunicipality, type BarnsportRegistrationMethod, type BarnsportSitemapResponse, type BarnsportSitemapUrl, type BarnsportSport, type BaseRole, type CastVoteResult, type CodeEligibility, type ContentCollectionType, type ContentDetailType, type ContentItem, type ContentListResponse, type ContentQueryOptions, type ContentSlotImage, type ContentSlotMap, type ContentSlotReader, type ContentSlotValue, type CustomRole, type DocumentAudience, type DocumentFolder, type DocumentFolderListResponse, type DocumentItem, type DocumentListResponse, type DocumentQueryOptions, type DocumentSourceProvider, type DocumentStatus, type EmailVerificationResult, type FormStatsResponse, type FormSubmission, type FormSubmissionRecord, type FormSubmissionResponse, type FormSubmissionsResponse, LinkedAccountsList, type LinkedAccountsListProps, type LinkedIdentity, LoginButton, LogoutButton, type MediaItem, type MediaListResponse, type Membership, ModuleGate, type MyProfileResponse, type NewsItem, type Organization, type OrganizationBranding, type OrganizationSettings, type Page, type PageContentState, type PaginatedResponse, ProtectedRoute, type Section, type SectionPermissions, type SignedDocumentUrl, type SignedMediaUrl, type SystemRole, type UpdateMyProfileInput, type UseAuthReturn, type UseLinkedAccountsReturn, type User, type UserApiResponse, type UserOrganizationMembership, type UserOrganizationSection, type UserRole, type VoteReceipt, castVote, castVoteWithCode, checkEligibility, checkVotingCode, createClient, createContentSlotReader, createFormHelper, fetchAnalyticsPublicConfig, getBallot, getClient, getContentSlotMap, getVotingReceipt, isAllowedAnalyticsEvent, isAxCloudError, isLocalAnalyticsHostname, sanitizeAnalyticsEventData, sanitizeAnalyticsPath, submitForm, useAnalytics, useAnalyticsRuntime, useAuth, useAvatar, useAxCloudContext, useBarnsportActivities, useBarnsportActivity, useBarnsportMunicipalities, useBarnsportSitemap, useBarnsportSport, useBarnsportSports, useBranding, useCodeBallot, useContent, useContentItem, useDocumentDownload, useDocuments, useFormStats, useForms, useLinkedAccounts, useLogo, useMedia, useMediaList, useMemberDocumentDownload, useMemberDocumentFolders, useMemberDocuments, useModuleAccess, useMySection, useNews, useOrg, usePageContent, useSections, useSubmitBarnsportInterest, useUpdateFormSubmission, useUpdateMyProfile, useUser, userHasAllPermissions, userHasAnyPermission, userHasPermission };

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
@@ -1032,7 +1031,7 @@ interface AxCloudProviderProps {
  * </AxCloudProvider>
  * ```
  */
-declare function AxCloudProvider({ children, orgId, apiUrl, stage, apiKey, analytics, auth0, queryClient: providedQueryClient, timeout, }: AxCloudProviderProps): react_jsx_runtime.JSX.Element;
+declare function AxCloudProvider({ children, orgId, apiUrl, stage, apiKey, analytics, auth0, queryClient: providedQueryClient, timeout, }: AxCloudProviderProps): React.JSX.Element;
 
 interface AxCloudContextValue {
     config: AxCloudConfig;
@@ -1985,7 +1984,7 @@ interface LoginButtonProps {
  * <LoginButton className="btn btn-primary">Sign In</LoginButton>
  * ```
  */
-declare function LoginButton({ children, returnTo, className, style, }: LoginButtonProps): react_jsx_runtime.JSX.Element;
+declare function LoginButton({ children, returnTo, className, style, }: LoginButtonProps): React.JSX.Element;
 interface LogoutButtonProps {
     /**
      * Button text
@@ -2012,7 +2011,7 @@ interface LogoutButtonProps {
  * <LogoutButton>Sign Out</LogoutButton>
  * ```
  */
-declare function LogoutButton({ children, returnTo, className, style, }: LogoutButtonProps): react_jsx_runtime.JSX.Element;
+declare function LogoutButton({ children, returnTo, className, style, }: LogoutButtonProps): React.JSX.Element;
 
 interface ProtectedRouteProps {
     /**
@@ -2080,7 +2079,7 @@ interface ProtectedRouteProps {
  * </ProtectedRoute>
  * ```
  */
-declare function ProtectedRoute({ children, roles, loadingComponent, unauthenticatedComponent, unauthorizedComponent, redirectToLogin, returnTo, }: ProtectedRouteProps): react_jsx_runtime.JSX.Element;
+declare function ProtectedRoute({ children, roles, loadingComponent, unauthenticatedComponent, unauthorizedComponent, redirectToLogin, returnTo, }: ProtectedRouteProps): React.JSX.Element;
 
 interface ModuleGateProps {
     /**
@@ -2129,7 +2128,7 @@ interface ModuleGateProps {
  * </ModuleGate>
  * ```
  */
-declare function ModuleGate({ module, children, fallback, requireAll, }: ModuleGateProps): react_jsx_runtime.JSX.Element | null;
+declare function ModuleGate({ module, children, fallback, requireAll, }: ModuleGateProps): React.JSX.Element | null;
 /**
  * useModuleAccess - Hook for programmatic module checks
  *
@@ -2154,6 +2153,31 @@ declare function useModuleAccess(): {
     isLoading: boolean;
 };
 
+/**
+ * LinkedAccountsList Component
+ *
+ * Ready-to-use component for displaying and managing linked social accounts.
+ * Can be used in customer frontends (SPF "mina sidor" etc.).
+ *
+ * Import the CSS file for default styling:
+ * import '@axcode/axcloud-sdk/styles/linked-accounts.css'
+ *
+ * @example
+ * ```tsx
+ * import { LinkedAccountsList } from '@axcode/axcloud-sdk'
+ * import '@axcode/axcloud-sdk/styles/linked-accounts.css'
+ *
+ * function MinProfil() {
+ *   return (
+ *     <div>
+ *       <h2>Kopplade konton</h2>
+ *       <LinkedAccountsList providers={['google', 'microsoft']} />
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+
 interface LinkedAccountsListProps {
     /** Which providers to show (default: all available) */
     providers?: ('google' | 'microsoft' | 'apple')[];
@@ -2176,6 +2200,6 @@ interface LinkedAccountsListProps {
  * Uses CSS classes for styling. Import the CSS file for default styles:
  * import '@axcode/axcloud-sdk/styles/linked-accounts.css'
  */
-declare function LinkedAccountsList({ providers, showConnectButtons, className, onUnlink, onLinkInitiated, renderIdentity, renderAvailableProvider, }: LinkedAccountsListProps): react_jsx_runtime.JSX.Element;
+declare function LinkedAccountsList({ providers, showConnectButtons, className, onUnlink, onLinkInitiated, renderIdentity, renderAvailableProvider, }: LinkedAccountsListProps): React.JSX.Element;
 
 export { type AnalyticsEventData, type AnalyticsEventValue, type AnalyticsPublicConfig, type AnalyticsRuntime, type AnalyticsRuntimeConfig, type Auth0ClientState, type AuthUser, type AvailableProvider, type AxCloudAnalyticsOptions, AxCloudClient, type AxCloudConfig, AxCloudError, type AxCloudErrorCode, type AxCloudModule, AxCloudProvider, type Ballot, type BallotCandidate, type BallotOption, type BallotSeat, type BarnsportActivitiesFilter, type BarnsportActivity, type BarnsportActivityListItem, type BarnsportActivityLocation, type BarnsportActivityResponse, type BarnsportActivitySchedule, type BarnsportInterestSubmissionRequest, type BarnsportInterestSubmissionResponse, type BarnsportListResponse, type BarnsportMunicipality, type BarnsportRegistrationMethod, type BarnsportSitemapResponse, type BarnsportSitemapUrl, type BarnsportSport, type BaseRole, type CastVoteResult, type CodeEligibility, type ContentCollectionType, type ContentDetailType, type ContentItem, type ContentListResponse, type ContentQueryOptions, type ContentSlotImage, type ContentSlotMap, type ContentSlotReader, type ContentSlotValue, type CustomRole, type DocumentAudience, type DocumentFolder, type DocumentFolderListResponse, type DocumentItem, type DocumentListResponse, type DocumentQueryOptions, type DocumentSourceProvider, type DocumentStatus, type EmailVerificationResult, type FormStatsResponse, type FormSubmission, type FormSubmissionRecord, type FormSubmissionResponse, type FormSubmissionsResponse, LinkedAccountsList, type LinkedAccountsListProps, type LinkedIdentity, LoginButton, LogoutButton, type MediaItem, type MediaListResponse, type Membership, ModuleGate, type MyProfileResponse, type NewsItem, type Organization, type OrganizationBranding, type OrganizationSettings, type Page, type PageContentState, type PaginatedResponse, ProtectedRoute, type Section, type SectionPermissions, type SignedDocumentUrl, type SignedMediaUrl, type SystemRole, type UpdateMyProfileInput, type UseAuthReturn, type UseLinkedAccountsReturn, type User, type UserApiResponse, type UserOrganizationMembership, type UserOrganizationSection, type UserRole, type VoteReceipt, castVote, castVoteWithCode, checkEligibility, checkVotingCode, createClient, createContentSlotReader, createFormHelper, fetchAnalyticsPublicConfig, getBallot, getClient, getContentSlotMap, getVotingReceipt, isAllowedAnalyticsEvent, isAxCloudError, isLocalAnalyticsHostname, sanitizeAnalyticsEventData, sanitizeAnalyticsPath, submitForm, useAnalytics, useAnalyticsRuntime, useAuth, useAvatar, useAxCloudContext, useBarnsportActivities, useBarnsportActivity, useBarnsportMunicipalities, useBarnsportSitemap, useBarnsportSport, useBarnsportSports, useBranding, useCodeBallot, useContent, useContentItem, useDocumentDownload, useDocuments, useFormStats, useForms, useLinkedAccounts, useLogo, useMedia, useMediaList, useMemberDocumentDownload, useMemberDocumentFolders, useMemberDocuments, useModuleAccess, useMySection, useNews, useOrg, usePageContent, useSections, useSubmitBarnsportInterest, useUpdateFormSubmission, useUpdateMyProfile, useUser, userHasAllPermissions, userHasAnyPermission, userHasPermission };

package/dist/index.js

@@ -2155,7 +2155,7 @@ function ProtectedRoute({
   returnTo
 }) {
   const { isAuthenticated, isLoading: isAuthLoading, login } = useAuth();
-  const { user, role, isLoading: isUserLoading } = useUser();
+  const { role, isLoading: isUserLoading } = useUser();
   const isLoading = isAuthLoading || isAuthenticated && isUserLoading;
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultLoadingComponent, {}) });
@@ -2167,9 +2167,9 @@ function ProtectedRoute({
     }
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: unauthenticatedComponent ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultUnauthenticatedComponent, {}) });
   }
-  if (roles && role) {
+  if (roles) {
     const requiredRoles = Array.isArray(roles) ? roles : [roles];
-    const hasRequiredRole = requiredRoles.includes(role);
+    const hasRequiredRole = role !== null && role !== void 0 && requiredRoles.includes(role);
     if (!hasRequiredRole) {
       return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: unauthorizedComponent ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultUnauthorizedComponent, {}) });
     }