@akin-travel/partner-sdk 1.0.5

package/dist/loyalty/components/LoyaltyCard.d.ts

@@ -0,0 +1,48 @@
+import { type ReactNode } from 'react';
+import type { LoyaltyCardRenderProps } from '../../types/loyalty';
+interface LoyaltyCardProps {
+    /**
+     * Render function that receives loyalty card data
+     * Use this to build your own styled loyalty card
+     */
+    children: (props: LoyaltyCardRenderProps) => ReactNode;
+    /** Called when "Book now" button is clicked */
+    onBookNow?: () => void;
+    /** Called when "Add a stay" button is clicked */
+    onAddStay?: () => void;
+    /** Called when "Refer a friend" button is clicked */
+    onReferFriend?: () => void;
+    /** Called when "Set preferences" button is clicked */
+    onSetPreferences?: () => void;
+}
+/**
+ * Headless LoyaltyCard component
+ *
+ * Provides comprehensive loyalty data including stats and progress.
+ * Use this as the main loyalty card at the top of a rewards page.
+ *
+ * @example
+ * ```tsx
+ * <LoyaltyCard>
+ *   {({ firstName, tierDisplayName, points, membershipYearStats, tierProgress }) => (
+ *     <div className="loyalty-card">
+ *       <h1>Welcome back, {firstName}!</h1>
+ *       <div className="tier">{tierDisplayName}</div>
+ *       <div className="points">{points.toLocaleString()} points</div>
+ *       <div className="stats">
+ *         <span>{membershipYearStats.totalStays} stays this year</span>
+ *         <span>{membershipYearStats.totalNights} nights this year</span>
+ *       </div>
+ *       {tierProgress?.nextTier && (
+ *         <div className="progress">
+ *           {tierProgress.pointsToNextTier} points to next tier
+ *         </div>
+ *       )}
+ *     </div>
+ *   )}
+ * </LoyaltyCard>
+ * ```
+ */
+export declare function LoyaltyCard({ children, onBookNow, onAddStay, onReferFriend, onSetPreferences, }: LoyaltyCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LoyaltyCard.d.ts.map

package/dist/loyalty/components/LoyaltyCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoyaltyCard.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/LoyaltyCard.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,sBAAsB,EAAc,MAAM,qBAAqB,CAAC;AAgB9E,UAAU,gBAAgB;IACxB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAGvD,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE,gBAAgB,2CAkElB"}

package/dist/loyalty/components/LoyaltyCard.js

@@ -0,0 +1,140 @@
+"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.LoyaltyCard = LoyaltyCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+const AkinAuthProvider_1 = require("../../auth/AkinAuthProvider");
+/**
+ * Get the membership year dates based on calendar year
+ * Most loyalty programs use calendar year (Jan 1 - Dec 31)
+ */
+function getMembershipYearDates() {
+    const now = new Date();
+    const currentYear = now.getFullYear();
+    return {
+        start: new Date(currentYear, 0, 1), // Jan 1
+        end: new Date(currentYear, 11, 31), // Dec 31
+    };
+}
+/**
+ * Headless LoyaltyCard component
+ *
+ * Provides comprehensive loyalty data including stats and progress.
+ * Use this as the main loyalty card at the top of a rewards page.
+ *
+ * @example
+ * ```tsx
+ * <LoyaltyCard>
+ *   {({ firstName, tierDisplayName, points, membershipYearStats, tierProgress }) => (
+ *     <div className="loyalty-card">
+ *       <h1>Welcome back, {firstName}!</h1>
+ *       <div className="tier">{tierDisplayName}</div>
+ *       <div className="points">{points.toLocaleString()} points</div>
+ *       <div className="stats">
+ *         <span>{membershipYearStats.totalStays} stays this year</span>
+ *         <span>{membershipYearStats.totalNights} nights this year</span>
+ *       </div>
+ *       {tierProgress?.nextTier && (
+ *         <div className="progress">
+ *           {tierProgress.pointsToNextTier} points to next tier
+ *         </div>
+ *       )}
+ *     </div>
+ *   )}
+ * </LoyaltyCard>
+ * ```
+ */
+function LoyaltyCard({ children, onBookNow, onAddStay, onReferFriend, onSetPreferences, }) {
+    const { member } = (0, AkinAuthProvider_1.useAkinAuth)();
+    const { tier, tierConfig, tierConfigs, tierProgress, points, isLoading, previousStays } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    // Get membership year dates
+    const membershipYearDates = (0, react_1.useMemo)(() => getMembershipYearDates(), []);
+    // Default to TIER1 if no tier is set, and find the corresponding config
+    const effectiveTier = tier || 'TIER1';
+    const effectiveTierConfig = (0, react_1.useMemo)(() => {
+        if (tierConfig)
+            return tierConfig;
+        // Find TIER1 config as default
+        return tierConfigs.find((t) => t.tierName === 'TIER1') || null;
+    }, [tierConfig, tierConfigs]);
+    // Calculate stats from previous stays
+    const membershipYearStats = react_1.default.useMemo(() => {
+        const startOfYear = membershipYearDates.start;
+        const thisYearStays = previousStays.filter((s) => new Date(s.checkOut) >= startOfYear);
+        return {
+            points: thisYearStays.reduce((sum, s) => sum + (s.pointsEarned || 0), 0),
+            totalStays: thisYearStays.length,
+            originStays: 0, // Would need partner context to calculate
+            totalNights: thisYearStays.reduce((sum, s) => sum + s.nights, 0),
+        };
+    }, [previousStays, membershipYearDates.start]);
+    const lifetimeStats = react_1.default.useMemo(() => {
+        // Total network points = spendable + unspendable
+        const totalPoints = (member?.spendableNetworkPoints || 0) + (member?.unspendableNetworkPoints || 0);
+        return {
+            points: totalPoints,
+            totalStays: previousStays.length,
+            originStays: 0, // Would need partner context to calculate
+            totalNights: previousStays.reduce((sum, s) => sum + s.nights, 0),
+        };
+    }, [previousStays, member?.spendableNetworkPoints, member?.unspendableNetworkPoints]);
+    const props = {
+        firstName: member?.firstName || '',
+        fullName: member ? `${member.firstName} ${member.lastName}`.trim() : '',
+        loyaltyNumber: member?.loyaltyNumber || '',
+        currentTier: effectiveTier,
+        tierDisplayName: effectiveTierConfig?.displayName || null,
+        tierColor: effectiveTierConfig?.tierColor || null,
+        memberSince: member?.createdAt ? new Date(member.createdAt) : null,
+        membershipYearStart: membershipYearDates.start,
+        membershipYearEnd: membershipYearDates.end,
+        points,
+        lifetimePoints: lifetimeStats.points,
+        membershipYearStats,
+        lifetimeStats,
+        tierProgress,
+        isLoading,
+        // Action callbacks
+        onBookNow,
+        onAddStay,
+        onReferFriend,
+        onSetPreferences,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=LoyaltyCard.js.map

package/dist/loyalty/components/LoyaltyCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoyaltyCard.js","sourceRoot":"","sources":["../../../src/loyalty/components/LoyaltyCard.tsx"],"names":[],"mappings":"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"}

package/dist/loyalty/components/PointsDisplay.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+interface PointsDisplayRenderProps {
+    /** Current points balance */
+    points: number;
+    /** Formatted points string (e.g., "1,234") */
+    formattedPoints: string;
+    /** Whether data is loading */
+    isLoading: boolean;
+}
+interface PointsDisplayProps {
+    /**
+     * Render function that receives points data
+     * Use this to build your own styled points display
+     */
+    children: (props: PointsDisplayRenderProps) => ReactNode;
+    /**
+     * Locale for number formatting
+     * @default 'en-US'
+     */
+    locale?: string;
+}
+/**
+ * Headless PointsDisplay component
+ *
+ * Provides points balance - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <PointsDisplay>
+ *   {({ formattedPoints, isLoading }) => (
+ *     <div className="your-points">
+ *       {isLoading ? 'Loading...' : `${formattedPoints} points`}
+ *     </div>
+ *   )}
+ * </PointsDisplay>
+ * ```
+ */
+export declare function PointsDisplay({ children, locale }: PointsDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PointsDisplay.d.ts.map

package/dist/loyalty/components/PointsDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointsDisplay.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/PointsDisplay.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,UAAU,wBAAwB;IAChC,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAEzD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAgB,EAAE,EAAE,kBAAkB,2CAU/E"}

package/dist/loyalty/components/PointsDisplay.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointsDisplay = PointsDisplay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+/**
+ * Headless PointsDisplay component
+ *
+ * Provides points balance - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <PointsDisplay>
+ *   {({ formattedPoints, isLoading }) => (
+ *     <div className="your-points">
+ *       {isLoading ? 'Loading...' : `${formattedPoints} points`}
+ *     </div>
+ *   )}
+ * </PointsDisplay>
+ * ```
+ */
+function PointsDisplay({ children, locale = 'en-US' }) {
+    const { points, isLoading } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    const props = {
+        points,
+        formattedPoints: points.toLocaleString(locale),
+        isLoading,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=PointsDisplay.js.map

package/dist/loyalty/components/PointsDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointsDisplay.js","sourceRoot":"","sources":["../../../src/loyalty/components/PointsDisplay.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA4Cb,sCAUC;;AAnDD,gEAAwD;AAyBxD;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,EAAsB;IAC9E,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IAE/C,MAAM,KAAK,GAA6B;QACtC,MAAM;QACN,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;QAC9C,SAAS;KACV,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

package/dist/loyalty/components/PreviousStays.d.ts

@@ -0,0 +1,59 @@
+import { type ReactNode } from 'react';
+import type { PreviousStaysRenderProps } from '../../types/loyalty';
+interface PreviousStaysProps {
+    /**
+     * Render function that receives previous stays data
+     * Use this to build your own styled previous stays list
+     */
+    children: (props: PreviousStaysRenderProps) => ReactNode;
+    /**
+     * Number of stays to display initially and per page
+     * @default 10
+     */
+    limit?: number;
+}
+/**
+ * Headless PreviousStays component
+ *
+ * Provides previous stay data for display with pagination.
+ * Shows stays with past check-out dates, sorted most recent first.
+ *
+ * @example
+ * ```tsx
+ * <PreviousStays limit={10}>
+ *   {({ stays, isEmpty, isLoading, hasMore, loadMore }) => (
+ *     <div className="previous-stays">
+ *       <h2>Previous Stays</h2>
+ *       {isLoading && stays.length === 0 ? (
+ *         <p>Loading...</p>
+ *       ) : isEmpty ? (
+ *         <p>No previous stays yet. Your travel history will appear here.</p>
+ *       ) : (
+ *         <>
+ *           <ul>
+ *             {stays.map((stay) => (
+ *               <li key={stay.id}>
+ *                 <strong>{stay.propertyName}</strong>
+ *                 <span>{new Date(stay.checkOut).toLocaleDateString()}</span>
+ *                 <span>{stay.nights} nights</span>
+ *                 {stay.pointsEarned && (
+ *                   <span>+{stay.pointsEarned} points</span>
+ *                 )}
+ *               </li>
+ *             ))}
+ *           </ul>
+ *           {hasMore && (
+ *             <button onClick={loadMore} disabled={isLoading}>
+ *               {isLoading ? 'Loading...' : 'Load More'}
+ *             </button>
+ *           )}
+ *         </>
+ *       )}
+ *     </div>
+ *   )}
+ * </PreviousStays>
+ * ```
+ */
+export declare function PreviousStays({ children, limit }: PreviousStaysProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PreviousStays.d.ts.map

package/dist/loyalty/components/PreviousStays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousStays.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/PreviousStays.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAEzD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAU,EAAE,EAAE,kBAAkB,2CAqBzE"}

package/dist/loyalty/components/PreviousStays.js

@@ -0,0 +1,101 @@
+"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.PreviousStays = PreviousStays;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+/**
+ * Headless PreviousStays component
+ *
+ * Provides previous stay data for display with pagination.
+ * Shows stays with past check-out dates, sorted most recent first.
+ *
+ * @example
+ * ```tsx
+ * <PreviousStays limit={10}>
+ *   {({ stays, isEmpty, isLoading, hasMore, loadMore }) => (
+ *     <div className="previous-stays">
+ *       <h2>Previous Stays</h2>
+ *       {isLoading && stays.length === 0 ? (
+ *         <p>Loading...</p>
+ *       ) : isEmpty ? (
+ *         <p>No previous stays yet. Your travel history will appear here.</p>
+ *       ) : (
+ *         <>
+ *           <ul>
+ *             {stays.map((stay) => (
+ *               <li key={stay.id}>
+ *                 <strong>{stay.propertyName}</strong>
+ *                 <span>{new Date(stay.checkOut).toLocaleDateString()}</span>
+ *                 <span>{stay.nights} nights</span>
+ *                 {stay.pointsEarned && (
+ *                   <span>+{stay.pointsEarned} points</span>
+ *                 )}
+ *               </li>
+ *             ))}
+ *           </ul>
+ *           {hasMore && (
+ *             <button onClick={loadMore} disabled={isLoading}>
+ *               {isLoading ? 'Loading...' : 'Load More'}
+ *             </button>
+ *           )}
+ *         </>
+ *       )}
+ *     </div>
+ *   )}
+ * </PreviousStays>
+ * ```
+ */
+function PreviousStays({ children, limit = 10 }) {
+    const { previousStays, isLoading: contextLoading } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    const [displayCount, setDisplayCount] = (0, react_1.useState)(limit);
+    const displayedStays = react_1.default.useMemo(() => {
+        return previousStays.slice(0, displayCount);
+    }, [previousStays, displayCount]);
+    const loadMore = (0, react_1.useCallback)(() => {
+        setDisplayCount((prev) => prev + limit);
+    }, [limit]);
+    const props = {
+        stays: displayedStays,
+        isLoading: contextLoading,
+        hasMore: previousStays.length > displayCount,
+        loadMore,
+        isEmpty: previousStays.length === 0,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=PreviousStays.js.map

package/dist/loyalty/components/PreviousStays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousStays.js","sourceRoot":"","sources":["../../../src/loyalty/components/PreviousStays.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8Db,sCAqBC;;AAjFD,+CAAqE;AACrE,gEAAwD;AAiBxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAsB;IACxE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IACtE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,KAAK,GAA6B;QACtC,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE,cAAc;QACzB,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,YAAY;QAC5C,QAAQ;QACR,OAAO,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;KACpC,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

package/dist/loyalty/components/SimpleTierCards.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode } from 'react';
+import type { SimpleTierCardsRenderProps } from '../../types/loyalty';
+interface SimpleTierCardsProps {
+    /**
+     * Partner name for dynamic labels (e.g., "Haka stays")
+     * @default 'Origin'
+     */
+    partnerName?: string;
+    /**
+     * Render function that receives tier card data
+     * Use this to build your own styled tier cards
+     */
+    children: (props: SimpleTierCardsRenderProps) => ReactNode;
+}
+/**
+ * Headless SimpleTierCards component
+ *
+ * Provides tier card data for building custom tier card displays.
+ * You provide the UI, we provide the data and utilities.
+ *
+ * @example
+ * ```tsx
+ * <SimpleTierCards partnerName="Haka">
+ *   {({ tierConfigs, formatRequirement, getTextColor }) => (
+ *     <div className="grid grid-cols-4 gap-4">
+ *       {tierConfigs.map((tier, index) => (
+ *         <div
+ *           key={tier.id}
+ *           style={{
+ *             backgroundColor: tier.tierColor || '#382108',
+ *             color: getTextColor(tier.tierColor || '#382108'),
+ *           }}
+ *           className="p-4 rounded-lg"
+ *         >
+ *           <h3 className="text-2xl font-bold">{tier.displayName}</h3>
+ *           <span className="text-sm">Tier {index + 1}</span>
+ *           {tier.requirements?.filter(r => r.active).map(req => (
+ *             <p key={req.id} className="text-xs opacity-80">
+ *               {formatRequirement(req)}
+ *             </p>
+ *           ))}
+ *         </div>
+ *       ))}
+ *     </div>
+ *   )}
+ * </SimpleTierCards>
+ * ```
+ */
+export declare function SimpleTierCards({ partnerName, children }: SimpleTierCardsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SimpleTierCards.d.ts.map

package/dist/loyalty/components/SimpleTierCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTierCards.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/SimpleTierCards.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAmB,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEvF,UAAU,oBAAoB;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;CAC5D;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,eAAe,CAAC,EAAE,WAAsB,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA6CzF"}

package/dist/loyalty/components/SimpleTierCards.js

@@ -0,0 +1,96 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleTierCards = SimpleTierCards;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+const tierLabels_1 = require("../../utils/tierLabels");
+/**
+ * Get a contrasting text color (black or white) based on background luminance
+ */
+function getContrastingTextColor(bgColor) {
+    // Handle empty or invalid colors
+    if (!bgColor || !bgColor.startsWith('#')) {
+        return '#FFFFFF';
+    }
+    const hex = bgColor.replace('#', '');
+    const r = parseInt(hex.substr(0, 2), 16);
+    const g = parseInt(hex.substr(2, 2), 16);
+    const b = parseInt(hex.substr(4, 2), 16);
+    // Calculate relative luminance
+    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+    return luminance > 0.5 ? '#000000' : '#FFFFFF';
+}
+/**
+ * Headless SimpleTierCards component
+ *
+ * Provides tier card data for building custom tier card displays.
+ * You provide the UI, we provide the data and utilities.
+ *
+ * @example
+ * ```tsx
+ * <SimpleTierCards partnerName="Haka">
+ *   {({ tierConfigs, formatRequirement, getTextColor }) => (
+ *     <div className="grid grid-cols-4 gap-4">
+ *       {tierConfigs.map((tier, index) => (
+ *         <div
+ *           key={tier.id}
+ *           style={{
+ *             backgroundColor: tier.tierColor || '#382108',
+ *             color: getTextColor(tier.tierColor || '#382108'),
+ *           }}
+ *           className="p-4 rounded-lg"
+ *         >
+ *           <h3 className="text-2xl font-bold">{tier.displayName}</h3>
+ *           <span className="text-sm">Tier {index + 1}</span>
+ *           {tier.requirements?.filter(r => r.active).map(req => (
+ *             <p key={req.id} className="text-xs opacity-80">
+ *               {formatRequirement(req)}
+ *             </p>
+ *           ))}
+ *         </div>
+ *       ))}
+ *     </div>
+ *   )}
+ * </SimpleTierCards>
+ * ```
+ */
+function SimpleTierCards({ partnerName = 'Origin', children }) {
+    const { tierConfigs, isLoading } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    // Sort tiers by display order
+    const sortedTiers = (0, react_1.useMemo)(() => [...tierConfigs].sort((a, b) => a.displayOrder - b.displayOrder), [tierConfigs]);
+    /**
+     * Format a requirement for display (e.g., "10+ Origin stays")
+     */
+    const formatRequirement = (req) => {
+        const label = (0, tierLabels_1.getLabel)(req.requirementKey, partnerName, req.displayName);
+        const value = req.requirementValue;
+        // Achievement-type requirements just show the label (e.g., "By invitation")
+        if (req.requirementKey.startsWith('achievement_')) {
+            return label;
+        }
+        // Format based on operator
+        switch (req.operator) {
+            case 'gte':
+                return `${value}+ ${label}`;
+            case 'gt':
+                return `>${value} ${label}`;
+            case 'lte':
+                return `≤${value} ${label}`;
+            case 'lt':
+                return `<${value} ${label}`;
+            case 'eq':
+            default:
+                return `${value} ${label}`;
+        }
+    };
+    const props = {
+        tierConfigs: sortedTiers,
+        formatRequirement,
+        getTextColor: getContrastingTextColor,
+        isLoading,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=SimpleTierCards.js.map

package/dist/loyalty/components/SimpleTierCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTierCards.js","sourceRoot":"","sources":["../../../src/loyalty/components/SimpleTierCards.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA0Eb,0CA6CC;;AArHD,iCAAuD;AACvD,gEAAwD;AACxD,uDAAkD;AAgBlD;;GAEG;AACH,SAAS,uBAAuB,CAAC,OAAe;IAC9C,iCAAiC;IACjC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACzC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzC,+BAA+B;IAC/B,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAE5D,OAAO,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACjD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,SAAgB,eAAe,CAAC,EAAE,WAAW,GAAG,QAAQ,EAAE,QAAQ,EAAwB;IACxF,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IAEpD,8BAA8B;IAC9B,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC,EACtE,CAAC,WAAW,CAAC,CACd,CAAC;IAEF;;OAEG;IACH,MAAM,iBAAiB,GAAG,CAAC,GAAoB,EAAU,EAAE;QACzD,MAAM,KAAK,GAAG,IAAA,qBAAQ,EAAC,GAAG,CAAC,cAAc,EAAE,WAAW,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;QACzE,MAAM,KAAK,GAAG,GAAG,CAAC,gBAAgB,CAAC;QAEnC,4EAA4E;QAC5E,IAAI,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;YAClD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,2BAA2B;QAC3B,QAAQ,GAAG,CAAC,QAAQ,EAAE,CAAC;YACrB,KAAK,KAAK;gBACR,OAAO,GAAG,KAAK,KAAK,KAAK,EAAE,CAAC;YAC9B,KAAK,IAAI;gBACP,OAAO,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;YAC9B,KAAK,KAAK;gBACR,OAAO,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;YAC9B,KAAK,IAAI;gBACP,OAAO,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;YAC9B,KAAK,IAAI,CAAC;YACV;gBACE,OAAO,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAA+B;QACxC,WAAW,EAAE,WAAW;QACxB,iBAAiB;QACjB,YAAY,EAAE,uBAAuB;QACrC,SAAS;KACV,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

package/dist/loyalty/components/TierCard.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+import type { TierCardRenderProps } from '../../types/loyalty';
+interface TierCardProps {
+    /**
+     * Render function that receives tier data
+     * Use this to build your own styled tier card
+     */
+    children: (props: TierCardRenderProps) => ReactNode;
+}
+/**
+ * Headless TierCard component
+ *
+ * Provides tier data for display - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <TierCard>
+ *   {({ tier, displayName, color, points, loyaltyNumber }) => (
+ *     <div style={{ backgroundColor: color }} className="your-tier-card">
+ *       <h2>{displayName}</h2>
+ *       <p>{points.toLocaleString()} points</p>
+ *       <span>#{loyaltyNumber}</span>
+ *     </div>
+ *   )}
+ * </TierCard>
+ * ```
+ */
+export declare function TierCard({ children }: TierCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TierCard.d.ts.map

package/dist/loyalty/components/TierCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TierCard.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/TierCard.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,UAAU,aAAa;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;CACrD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAgBnD"}