@bailaya/react 1.0.6 → 1.0.8

package/dist/components/UserProfileCard.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { UserProfile } from '@bailaya/core';
+export interface UserProfileCardProps {
+    /** The user ID to fetch */
+    userId: string;
+    /** Locale code (e.g. "en", "es") for picking the bio */
+    locale?: string;
+    /** Root container wrapper */
+    className?: string;
+    /** Wrapper for the entire "card" */
+    itemClassName?: string;
+    /** Wrapper around the profile image */
+    imageWrapperClassName?: string;
+    /** The `<img>` element itself */
+    imageClassName?: string;
+    /** Container for the name + bio + labels */
+    bodyClassName?: string;
+    /** Heading for the user’s name */
+    nameClassName?: string;
+    /** Paragraph for the bio */
+    bioClassName?: string;
+    /** Label/value lines (occupation, experience) */
+    labelClassName?: string;
+    /**
+     * If provided, completely overrides the default card render.
+     */
+    renderProfile?: (profile: UserProfile) => React.ReactNode;
+    /**
+     * Custom text labels (useful for localization):
+     * - occupationLabel
+     * - experienceLabel
+     */
+    labels?: {
+        occupationLabel?: string;
+        experienceLabel?: string;
+    };
+}
+/**
+ * Displays a single user's profile as a "card":
+ * - photo
+ * - full name
+ * - localized bio
+ * - occupation
+ * - years of experience
+ */
+export declare const UserProfileCard: React.FC<UserProfileCardProps>;
+//# sourceMappingURL=UserProfileCard.d.ts.map

package/dist/components/UserProfileCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileCard.d.ts","sourceRoot":"","sources":["../../src/components/UserProfileCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,WAAW,oBAAoB;IACnC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IAEf,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;IAE1D;;;;OAIG;IACH,MAAM,CAAC,EAAE;QACP,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8E1D,CAAC"}

package/dist/components/UserProfileCard.js

@@ -0,0 +1,61 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserProfileCard = void 0;
+const react_1 = __importDefault(require("react"));
+const useUserProfile_1 = require("../hooks/useUserProfile");
+const LoadingIcon_1 = require("./ui/LoadingIcon");
+/**
+ * Displays a single user's profile as a "card":
+ * - photo
+ * - full name
+ * - localized bio
+ * - occupation
+ * - years of experience
+ */
+const UserProfileCard = ({ userId, locale, className = 'mt-6 md:mt-12 space-y-8', itemClassName = 'flex flex-col md:flex-row items-center rounded-lg border border-[#DCDCDC] shadow-lg overflow-hidden', imageWrapperClassName = 'w-full p-4 pb-0 md:pb-4 md:w-1/3 aspect-square', imageClassName = 'w-full h-full rounded-xl object-cover', bodyClassName = 'p-6 flex-1 text-left', nameClassName = 'text-xl md:text-3xl font-geologica font-semibold text-[#2A2343]', bioClassName = 'mt-2 text-xs md:text-xl font-sourcesans font-semibold text-[#464646]', labelClassName = 'mt-1 text-sm text-gray-600', renderProfile, labels = {}, }) => {
+    var _a, _b;
+    const { data: profile, loading: isLoading, error } = (0, useUserProfile_1.useUserProfile)(userId);
+    if (isLoading) {
+        return react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(LoadingIcon_1.LoadingIcon, null));
+    }
+    if (error) {
+        return react_1.default.createElement("div", { className: className }, error.message);
+    }
+    if (!profile) {
+        return null;
+    }
+    // pick bio by locale, fallback to first
+    const bioMap = profile.bio || {};
+    const locales = Object.keys(bioMap);
+    const selectedBio = (locale && bioMap[locale]) ||
+        bioMap[locales[0]] ||
+        '';
+    if (renderProfile) {
+        return react_1.default.createElement(react_1.default.Fragment, null, renderProfile(profile));
+    }
+    const occLabel = (_a = labels === null || labels === void 0 ? void 0 : labels.occupationLabel) !== null && _a !== void 0 ? _a : (locale === 'es' ? 'Ocupación' : 'Occupation');
+    const expLabel = (_b = labels === null || labels === void 0 ? void 0 : labels.experienceLabel) !== null && _b !== void 0 ? _b : (locale === 'es' ? 'Años de experiencia' : 'Years of experience');
+    return (react_1.default.createElement("div", { className: className },
+        react_1.default.createElement("div", { className: itemClassName },
+            profile.image && (react_1.default.createElement("div", { className: imageWrapperClassName },
+                react_1.default.createElement("img", { src: profile.image, alt: `${profile.name}${profile.lastname ? ' ' + profile.lastname : ''}`, className: imageClassName }))),
+            react_1.default.createElement("div", { className: bodyClassName },
+                react_1.default.createElement("h3", { className: nameClassName },
+                    profile.name,
+                    profile.lastname ? ` ${profile.lastname}` : ''),
+                selectedBio && (react_1.default.createElement("p", { className: bioClassName }, selectedBio)),
+                profile.occupation && (react_1.default.createElement("p", { className: labelClassName },
+                    occLabel,
+                    ": ",
+                    profile.occupation)),
+                profile.yearsOfExperience != null && (react_1.default.createElement("p", { className: labelClassName },
+                    expLabel,
+                    ": ",
+                    profile.yearsOfExperience))))));
+};
+exports.UserProfileCard = UserProfileCard;

package/dist/components/ui/LoadingIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const LoadingIcon: () => React.JSX.Element;
+//# sourceMappingURL=LoadingIcon.d.ts.map

package/dist/components/ui/LoadingIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ui/LoadingIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,WAAW,yBAMvB,CAAC"}

package/dist/components/ui/LoadingIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const lucide_react_1 = require("lucide-react");
+const LoadingIcon = () => {
+    return (react_1.default.createElement("div", { className: "flex items-center justify-center h-screen" },
+        react_1.default.createElement(lucide_react_1.Loader, { className: "animate-spin w-12 h-12 text-blue-500" })));
+};
+exports.LoadingIcon = LoadingIcon;

package/dist/context/BailayaProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BailayaClient, BailayaClientOptions } from '@bailaya/core';
+export declare const BailayaProvider: React.FC<{
+    children: React.ReactNode;
+    config: BailayaClientOptions;
+}>;
+export declare const useBailayaClient: () => BailayaClient;
+//# sourceMappingURL=BailayaProvider.d.ts.map

package/dist/context/BailayaProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BailayaProvider.d.ts","sourceRoot":"","sources":["../../src/context/BailayaProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAIpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,oBAAoB,CAAC;CAC9B,CAOA,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAI5B,CAAC"}

package/dist/context/BailayaProvider.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBailayaClient = exports.BailayaProvider = void 0;
+const react_1 = __importStar(require("react"));
+const core_1 = require("@bailaya/core");
+const BailayaContext = (0, react_1.createContext)(null);
+const BailayaProvider = ({ children, config }) => {
+    const client = new core_1.BailayaClient(config);
+    return (react_1.default.createElement(BailayaContext.Provider, { value: client }, children));
+};
+exports.BailayaProvider = BailayaProvider;
+const useBailayaClient = () => {
+    const ctx = (0, react_1.useContext)(BailayaContext);
+    if (!ctx)
+        throw new Error('useBailayaClient must be used inside a BailayaProvider');
+    return ctx;
+};
+exports.useBailayaClient = useBailayaClient;

package/dist/hooks/useClasses.d.ts

@@ -0,0 +1,16 @@
+import type { StudioClass } from '@bailaya/core';
+type UseClassesResult = {
+    data: StudioClass[] | null;
+    error: Error | null;
+    loading: boolean;
+    refetch: () => Promise<void>;
+};
+/**
+ * Hook to fetch upcoming classes for a studio within a 7-day window.
+ *
+ * @param from - Optional Date to start the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+export declare function useClasses(from?: Date, overrideId?: string): UseClassesResult;
+export {};
+//# sourceMappingURL=useClasses.d.ts.map

package/dist/hooks/useClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClasses.d.ts","sourceRoot":"","sources":["../../src/hooks/useClasses.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,gBAAgB,CA+C7E"}

package/dist/hooks/useClasses.js

@@ -0,0 +1,60 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClasses = useClasses;
+const react_1 = require("react");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch upcoming classes for a studio within a 7-day window.
+ *
+ * @param from - Optional Date to start the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+function useClasses(from, overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    // Normalize `from` to a day key so the effect only re-runs when the day changes
+    const fromKey = (0, react_1.useMemo)(() => (from ? from.toISOString().split('T')[0] : 'today'), [from]);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    // Prevent race conditions when params change quickly
+    const seqRef = (0, react_1.useRef)(0);
+    const doFetch = () => __awaiter(this, void 0, void 0, function* () {
+        const seq = ++seqRef.current;
+        setLoading(true);
+        setError(null);
+        try {
+            const classes = yield client.getClasses(from, overrideId);
+            if (seq === seqRef.current) {
+                setData(classes);
+            }
+        }
+        catch (err) {
+            if (seq === seqRef.current) {
+                setError(err);
+            }
+        }
+        finally {
+            if (seq === seqRef.current) {
+                setLoading(false);
+            }
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        doFetch();
+        // cleanup just bumps the sequence so late resolves are ignored
+        return () => {
+            seqRef.current++;
+        };
+        // Depend on the normalized key + overrideId + client
+    }, [client, fromKey, overrideId]);
+    return { data, error, loading, refetch: doFetch };
+}

package/dist/hooks/useClassesByType.d.ts

@@ -0,0 +1,17 @@
+import type { StudioClass } from '@bailaya/core';
+type UseClassesByTypeResult = {
+    data: StudioClass[] | null;
+    error: Error | null;
+    loading: boolean;
+    refetch: () => Promise<void>;
+};
+/**
+ * Hook to fetch upcoming classes of a specific dance type for a studio within a 7-day window.
+ *
+ * @param typeName - Name of the dance type (e.g., "Salsa").
+ * @param from - Optional start Date for the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+export declare function useClassesByType(typeName: string, from?: Date, overrideId?: string): UseClassesByTypeResult;
+export {};
+//# sourceMappingURL=useClassesByType.d.ts.map

package/dist/hooks/useClassesByType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassesByType.d.ts","sourceRoot":"","sources":["../../src/hooks/useClassesByType.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC5B,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,IAAI,EACX,UAAU,CAAC,EAAE,MAAM,GACpB,sBAAsB,CA6CxB"}

package/dist/hooks/useClassesByType.js

@@ -0,0 +1,61 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClassesByType = useClassesByType;
+const react_1 = require("react");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch upcoming classes of a specific dance type for a studio within a 7-day window.
+ *
+ * @param typeName - Name of the dance type (e.g., "Salsa").
+ * @param from - Optional start Date for the 7-day window; defaults to today.
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+function useClassesByType(typeName, from, overrideId) {
+    if (!typeName) {
+        throw new Error('useClassesByType requires a typeName argument');
+    }
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    // Normalize keys so effect only re-runs when they *meaningfully* change.
+    const fromKey = (0, react_1.useMemo)(() => (from ? from.toISOString().split('T')[0] : 'today'), [from]);
+    const normType = (0, react_1.useMemo)(() => typeName.trim().toLowerCase(), [typeName]);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    // Prevent stale updates when inputs change quickly or on unmount.
+    const seqRef = (0, react_1.useRef)(0);
+    const doFetch = () => __awaiter(this, void 0, void 0, function* () {
+        const seq = ++seqRef.current;
+        setLoading(true);
+        setError(null);
+        try {
+            const classes = yield client.getClassesByType(normType, from, overrideId);
+            if (seq === seqRef.current)
+                setData(classes);
+        }
+        catch (err) {
+            if (seq === seqRef.current)
+                setError(err);
+        }
+        finally {
+            if (seq === seqRef.current)
+                setLoading(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        doFetch();
+        return () => {
+            // invalidate any in-flight requests
+            seqRef.current++;
+        };
+    }, [client, fromKey, normType, overrideId]);
+    return { data, error, loading, refetch: doFetch };
+}

package/dist/hooks/useInstructors.d.ts

@@ -0,0 +1,15 @@
+import type { Instructor } from '@bailaya/core';
+type UseInstructorsResult = {
+    data: Instructor[] | null;
+    error: Error | null;
+    loading: boolean;
+    refetch: () => Promise<void>;
+};
+/**
+ * Hook to fetch the list of instructors for a studio.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+export declare function useInstructors(overrideId?: string): UseInstructorsResult;
+export {};
+//# sourceMappingURL=useInstructors.d.ts.map

package/dist/hooks/useInstructors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInstructors.d.ts","sourceRoot":"","sources":["../../src/hooks/useInstructors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,oBAAoB,CAqCxE"}

package/dist/hooks/useInstructors.js

@@ -0,0 +1,55 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInstructors = useInstructors;
+const react_1 = require("react");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch the list of instructors for a studio.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+function useInstructors(overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    // Normalize to a stable key so effect only fires on meaningful changes
+    const idKey = (0, react_1.useMemo)(() => overrideId !== null && overrideId !== void 0 ? overrideId : 'default', [overrideId]);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    // Sequence guard to avoid race conditions on quick prop changes / unmount
+    const seqRef = (0, react_1.useRef)(0);
+    const doFetch = () => __awaiter(this, void 0, void 0, function* () {
+        const seq = ++seqRef.current;
+        setLoading(true);
+        setError(null);
+        try {
+            const instructors = yield client.getInstructors(overrideId);
+            if (seq === seqRef.current)
+                setData(instructors);
+        }
+        catch (err) {
+            if (seq === seqRef.current)
+                setError(err);
+        }
+        finally {
+            if (seq === seqRef.current)
+                setLoading(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        doFetch();
+        return () => {
+            // invalidate any in-flight request
+            seqRef.current++;
+        };
+    }, [client, idKey]);
+    return { data, error, loading, refetch: doFetch };
+}

package/dist/hooks/useStudioProfile.d.ts

@@ -0,0 +1,15 @@
+import type { StudioProfile } from '@bailaya/core';
+type UseStudioProfileResult = {
+    data: StudioProfile | null;
+    error: Error | null;
+    loading: boolean;
+    refetch: () => Promise<void>;
+};
+/**
+ * Hook to fetch the studio profile.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+export declare function useStudioProfile(overrideId?: string): UseStudioProfileResult;
+export {};
+//# sourceMappingURL=useStudioProfile.d.ts.map

package/dist/hooks/useStudioProfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStudioProfile.d.ts","sourceRoot":"","sources":["../../src/hooks/useStudioProfile.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAqC5E"}

package/dist/hooks/useStudioProfile.js

@@ -0,0 +1,55 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStudioProfile = useStudioProfile;
+const react_1 = require("react");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch the studio profile.
+ *
+ * @param overrideId - Optional studio ID to override the default configured ID.
+ */
+function useStudioProfile(overrideId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    // Stable dependency key so effect only fires on meaningful changes
+    const idKey = (0, react_1.useMemo)(() => overrideId !== null && overrideId !== void 0 ? overrideId : 'default', [overrideId]);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    // Prevent stale state updates if inputs change quickly or on unmount
+    const seqRef = (0, react_1.useRef)(0);
+    const doFetch = () => __awaiter(this, void 0, void 0, function* () {
+        const seq = ++seqRef.current;
+        setLoading(true);
+        setError(null);
+        try {
+            const profile = yield client.getStudioProfile(overrideId);
+            if (seq === seqRef.current)
+                setData(profile);
+        }
+        catch (err) {
+            if (seq === seqRef.current)
+                setError(err);
+        }
+        finally {
+            if (seq === seqRef.current)
+                setLoading(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        doFetch();
+        return () => {
+            // invalidate any in-flight promise
+            seqRef.current++;
+        };
+    }, [client, idKey]);
+    return { data, error, loading, refetch: doFetch };
+}

package/dist/hooks/useUserProfile.d.ts

@@ -0,0 +1,16 @@
+import type { UserProfile } from '@bailaya/core';
+type UseUserProfileResult = {
+    data: UserProfile | null;
+    error: Error | null;
+    loading: boolean;
+    refetch: () => Promise<void>;
+};
+/**
+ * Hook to fetch a user’s profile by their ID.
+ *
+ * @param userId - The ID of the user to fetch.
+ * @returns { data, error, loading, refetch }
+ */
+export declare function useUserProfile(userId: string): UseUserProfileResult;
+export {};
+//# sourceMappingURL=useUserProfile.d.ts.map

package/dist/hooks/useUserProfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserProfile.d.ts","sourceRoot":"","sources":["../../src/hooks/useUserProfile.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,oBAAoB,CA6CnE"}

package/dist/hooks/useUserProfile.js

@@ -0,0 +1,62 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserProfile = useUserProfile;
+const react_1 = require("react");
+const BailayaProvider_1 = require("../context/BailayaProvider");
+/**
+ * Hook to fetch a user’s profile by their ID.
+ *
+ * @param userId - The ID of the user to fetch.
+ * @returns { data, error, loading, refetch }
+ */
+function useUserProfile(userId) {
+    const client = (0, BailayaProvider_1.useBailayaClient)();
+    // Stable key so the effect only re-runs on meaningful change
+    const idKey = (0, react_1.useMemo)(() => userId || 'missing', [userId]);
+    const [data, setData] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    // Prevent race conditions on quick param changes / unmount
+    const seqRef = (0, react_1.useRef)(0);
+    const doFetch = () => __awaiter(this, void 0, void 0, function* () {
+        const seq = ++seqRef.current;
+        if (!userId) {
+            setData(null);
+            setError(new Error('useUserProfile requires a userId'));
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const profile = yield client.getUserProfile(userId);
+            if (seq === seqRef.current)
+                setData(profile);
+        }
+        catch (err) {
+            if (seq === seqRef.current)
+                setError(err);
+        }
+        finally {
+            if (seq === seqRef.current)
+                setLoading(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        doFetch();
+        return () => {
+            // invalidate any in-flight request
+            seqRef.current++;
+        };
+    }, [client, idKey]);
+    return { data, error, loading, refetch: doFetch };
+}

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Exports all components and hooks for interacting with the Bailaya API.
+ *
+ * @packageDocumentation
+ */
+/**
+ * Re-exported context and hooks for easy import
+ */
+export { BailayaProvider, useBailayaClient } from './context/BailayaProvider';
+/**
+ * Data hooks
+ */
+export { useStudioProfile } from './hooks/useStudioProfile';
+export { useInstructors } from './hooks/useInstructors';
+export { useClasses } from './hooks/useClasses';
+export { useClassesByType } from './hooks/useClassesByType';
+/**
+ * React components
+ */
+export { ClassSchedule, ClassScheduleProps } from './components/ClassSchedule';
+export { ClassScheduleByType, ClassScheduleByTypeProps } from './components/ClassScheduleByType';
+export { InstructorList, InstructorListProps } from './components/InstructorList';
+export { StudioProfileCard, StudioProfileCardProps } from './components/StudioProfileCard';
+export { UserProfileCard, UserProfileCardProps } from './components/UserProfileCard';
+export { StudioDescription } from './components/StudioDescription';
+/**
+ * Types re-exported for consumer convenience
+ */
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE9E;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE;;GAEG;AACH,cAAc,SAAS,CAAC"}