@akin-travel/partner-sdk 1.0.5

package/dist/loyalty/components/TierCard.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TierCard = TierCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+const AkinAuthProvider_1 = require("../../auth/AkinAuthProvider");
+/**
+ * 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>
+ * ```
+ */
+function TierCard({ children }) {
+    const { tier, tierConfig, points } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    const { member } = (0, AkinAuthProvider_1.useAkinAuth)();
+    const props = {
+        tier,
+        displayName: tierConfig?.displayName || tier,
+        color: tierConfig?.tierColor || null,
+        icon: tierConfig?.tierIcon || null,
+        byline: tierConfig?.tierByline || null,
+        points,
+        loyaltyNumber: member?.loyaltyNumber || '',
+        maxPerks: tierConfig?.maxPerksAllowed || 0,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=TierCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TierCard.js","sourceRoot":"","sources":["../../../src/loyalty/components/TierCard.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiCb,4BAgBC;;AA9CD,gEAAwD;AACxD,kEAA0D;AAW1D;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAiB;IAClD,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IACtD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IAEjC,MAAM,KAAK,GAAwB;QACjC,IAAI;QACJ,WAAW,EAAE,UAAU,EAAE,WAAW,IAAI,IAAI;QAC5C,KAAK,EAAE,UAAU,EAAE,SAAS,IAAI,IAAI;QACpC,IAAI,EAAE,UAAU,EAAE,QAAQ,IAAI,IAAI;QAClC,MAAM,EAAE,UAAU,EAAE,UAAU,IAAI,IAAI;QACtC,MAAM;QACN,aAAa,EAAE,MAAM,EAAE,aAAa,IAAI,EAAE;QAC1C,QAAQ,EAAE,UAAU,EAAE,eAAe,IAAI,CAAC;KAC3C,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

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

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import type { TierProgressRenderProps } from '../../types/loyalty';
+interface TierProgressProps {
+    /**
+     * Render function that receives progress data
+     * Use this to build your own styled progress display
+     */
+    children: (props: TierProgressRenderProps) => ReactNode;
+}
+/**
+ * Headless TierProgress component
+ *
+ * Provides progress toward next tier - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <TierProgress>
+ *   {({ currentTierName, nextTierName, percentage, pointsNeeded }) => (
+ *     <div className="your-progress">
+ *       <p>Current: {currentTierName}</p>
+ *       <progress value={percentage} max={100} />
+ *       {nextTierName && (
+ *         <p>{pointsNeeded} points to {nextTierName}</p>
+ *       )}
+ *     </div>
+ *   )}
+ * </TierProgress>
+ * ```
+ */
+export declare function TierProgress({ children }: TierProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TierProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TierProgress.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/TierProgress.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEnE,UAAU,iBAAiB;IACzB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;CACzD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAe3D"}

package/dist/loyalty/components/TierProgress.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TierProgress = TierProgress;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+/**
+ * Headless TierProgress component
+ *
+ * Provides progress toward next tier - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <TierProgress>
+ *   {({ currentTierName, nextTierName, percentage, pointsNeeded }) => (
+ *     <div className="your-progress">
+ *       <p>Current: {currentTierName}</p>
+ *       <progress value={percentage} max={100} />
+ *       {nextTierName && (
+ *         <p>{pointsNeeded} points to {nextTierName}</p>
+ *       )}
+ *     </div>
+ *   )}
+ * </TierProgress>
+ * ```
+ */
+function TierProgress({ children }) {
+    const { tier, tierConfig, tierProgress } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    const props = {
+        currentTier: tier,
+        currentTierName: tierConfig?.displayName || tier,
+        nextTier: tierProgress?.nextTier || null,
+        nextTierName: tierProgress?.nextTierConfig?.displayName || null,
+        percentage: tierProgress?.progressPercentage || 0,
+        pointsNeeded: tierProgress?.pointsToNextTier || 0,
+        totalStays: tierProgress?.totalStays || 0,
+        originStays: tierProgress?.originStays || 0,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=TierProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TierProgress.js","sourceRoot":"","sources":["../../../src/loyalty/components/TierProgress.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAkCb,oCAeC;;AA9CD,gEAAwD;AAWxD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAAqB;IAC1D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IAE5D,MAAM,KAAK,GAA4B;QACrC,WAAW,EAAE,IAAI;QACjB,eAAe,EAAE,UAAU,EAAE,WAAW,IAAI,IAAI;QAChD,QAAQ,EAAE,YAAY,EAAE,QAAQ,IAAI,IAAI;QACxC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,IAAI,IAAI;QAC/D,UAAU,EAAE,YAAY,EAAE,kBAAkB,IAAI,CAAC;QACjD,YAAY,EAAE,YAAY,EAAE,gBAAgB,IAAI,CAAC;QACjD,UAAU,EAAE,YAAY,EAAE,UAAU,IAAI,CAAC;QACzC,WAAW,EAAE,YAAY,EAAE,WAAW,IAAI,CAAC;KAC5C,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

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

@@ -0,0 +1,54 @@
+import { type ReactNode } from 'react';
+import type { TierRequirementsTableRenderProps } from '../../types/loyalty';
+interface TierRequirementsTableProps {
+    /**
+     * Partner name for dynamic labels (e.g., "Haka stays")
+     * @default 'Origin'
+     */
+    partnerName?: string;
+    /**
+     * Render function that receives tier requirements data
+     * Use this to build your own styled requirements table
+     */
+    children: (props: TierRequirementsTableRenderProps) => ReactNode;
+}
+/**
+ * Headless TierRequirementsTable component
+ *
+ * Provides tier requirement data for building custom requirement tables.
+ * You provide the UI, we provide the data and utilities.
+ *
+ * @example
+ * ```tsx
+ * <TierRequirementsTable partnerName="Haka">
+ *   {({ tierConfigs, requirementKeys, getRequirementLabel, formatValue, getRequirement }) => (
+ *     <table>
+ *       <thead>
+ *         <tr>
+ *           <th>Requirement</th>
+ *           {tierConfigs.map(tier => <th key={tier.id}>{tier.displayName}</th>)}
+ *         </tr>
+ *       </thead>
+ *       <tbody>
+ *         {requirementKeys.map(key => (
+ *           <tr key={key}>
+ *             <td>{getRequirementLabel(key)}</td>
+ *             {tierConfigs.map(tier => {
+ *               const req = getRequirement(tier, key);
+ *               return (
+ *                 <td key={tier.id}>
+ *                   {req ? formatValue(Number(req.requirementValue), req.operator) : '—'}
+ *                 </td>
+ *               );
+ *             })}
+ *           </tr>
+ *         ))}
+ *       </tbody>
+ *     </table>
+ *   )}
+ * </TierRequirementsTable>
+ * ```
+ */
+export declare function TierRequirementsTable({ partnerName, children, }: TierRequirementsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TierRequirementsTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TierRequirementsTable.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/TierRequirementsTable.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAGV,gCAAgC,EAEjC,MAAM,qBAAqB,CAAC;AAE7B,UAAU,0BAA0B;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,SAAS,CAAC;CAClE;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,WAAsB,EACtB,QAAQ,GACT,EAAE,0BAA0B,2CAiD5B"}

package/dist/loyalty/components/TierRequirementsTable.js

@@ -0,0 +1,104 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TierRequirementsTable = TierRequirementsTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+const tierLabels_1 = require("../../utils/tierLabels");
+/**
+ * Format a value with its operator symbol
+ */
+function formatValue(value, operator) {
+    switch (operator) {
+        case 'gte':
+            return `${value}+`;
+        case 'gt':
+            return `>${value}`;
+        case 'lte':
+            return `≤${value}`;
+        case 'lt':
+            return `<${value}`;
+        case 'eq':
+        default:
+            return `${value}`;
+    }
+}
+/**
+ * Headless TierRequirementsTable component
+ *
+ * Provides tier requirement data for building custom requirement tables.
+ * You provide the UI, we provide the data and utilities.
+ *
+ * @example
+ * ```tsx
+ * <TierRequirementsTable partnerName="Haka">
+ *   {({ tierConfigs, requirementKeys, getRequirementLabel, formatValue, getRequirement }) => (
+ *     <table>
+ *       <thead>
+ *         <tr>
+ *           <th>Requirement</th>
+ *           {tierConfigs.map(tier => <th key={tier.id}>{tier.displayName}</th>)}
+ *         </tr>
+ *       </thead>
+ *       <tbody>
+ *         {requirementKeys.map(key => (
+ *           <tr key={key}>
+ *             <td>{getRequirementLabel(key)}</td>
+ *             {tierConfigs.map(tier => {
+ *               const req = getRequirement(tier, key);
+ *               return (
+ *                 <td key={tier.id}>
+ *                   {req ? formatValue(Number(req.requirementValue), req.operator) : '—'}
+ *                 </td>
+ *               );
+ *             })}
+ *           </tr>
+ *         ))}
+ *       </tbody>
+ *     </table>
+ *   )}
+ * </TierRequirementsTable>
+ * ```
+ */
+function TierRequirementsTable({ 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]);
+    // Extract unique requirement keys (sorted by priority)
+    const requirementKeys = (0, react_1.useMemo)(() => (0, tierLabels_1.extractRequirementKeys)(sortedTiers), [sortedTiers]);
+    // Build a map of requirement keys to displayNames (use first found displayName per key)
+    const displayNameMap = (0, react_1.useMemo)(() => {
+        const map = {};
+        sortedTiers.forEach((tier) => {
+            tier.requirements
+                ?.filter((r) => r.active)
+                .forEach((req) => {
+                // Only set if not already set and displayName exists
+                if (!map[req.requirementKey] && req.displayName) {
+                    map[req.requirementKey] = req.displayName;
+                }
+            });
+        });
+        return map;
+    }, [sortedTiers]);
+    // Get label for a requirement key (with custom displayName support)
+    const getRequirementLabel = (key, displayName) => {
+        return (0, tierLabels_1.getLabel)(key, partnerName, displayName ?? displayNameMap[key]);
+    };
+    // Get requirement for a specific tier and key
+    const getRequirement = (tier, key) => {
+        return tier.requirements?.find((r) => r.active && r.requirementKey === key);
+    };
+    const props = {
+        tierConfigs: sortedTiers,
+        requirementKeys,
+        getRequirementLabel,
+        formatValue,
+        getRequirement,
+        partnerName,
+        isLoading,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=TierRequirementsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TierRequirementsTable.js","sourceRoot":"","sources":["../../../src/loyalty/components/TierRequirementsTable.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiFb,sDAoDC;;AAnID,iCAAuD;AACvD,gEAAwD;AACxD,uDAA0E;AAqB1E;;GAEG;AACH,SAAS,WAAW,CAAC,KAAa,EAAE,QAA6B;IAC/D,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,KAAK;YACR,OAAO,GAAG,KAAK,GAAG,CAAC;QACrB,KAAK,IAAI;YACP,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,KAAK,KAAK;YACR,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,KAAK,IAAI;YACP,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,KAAK,IAAI,CAAC;QACV;YACE,OAAO,GAAG,KAAK,EAAE,CAAC;IACtB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,SAAgB,qBAAqB,CAAC,EACpC,WAAW,GAAG,QAAQ,EACtB,QAAQ,GACmB;IAC3B,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,uDAAuD;IACvD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,mCAAsB,EAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE1F,wFAAwF;IACxF,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,MAAM,GAAG,GAAuC,EAAE,CAAC;QACnD,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,IAAI,CAAC,YAAY;gBACf,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;iBACxB,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACf,qDAAqD;gBACrD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;oBAChD,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC;gBAC5C,CAAC;YACH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,oEAAoE;IACpE,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,WAA2B,EAAU,EAAE;QAC/E,OAAO,IAAA,qBAAQ,EAAC,GAAG,EAAE,WAAW,EAAE,WAAW,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC;IAEF,8CAA8C;IAC9C,MAAM,cAAc,GAAG,CAAC,IAAgB,EAAE,GAAW,EAA+B,EAAE;QACpF,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CAAC;IAC9E,CAAC,CAAC;IAEF,MAAM,KAAK,GAAqC;QAC9C,WAAW,EAAE,WAAW;QACxB,eAAe;QACf,mBAAmB;QACnB,WAAW;QACX,cAAc;QACd,WAAW;QACX,SAAS;KACV,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

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

@@ -0,0 +1,44 @@
+import { type ReactNode } from 'react';
+import type { TransactionListRenderProps } from '../../types/loyalty';
+interface TransactionListProps {
+    /**
+     * Render function that receives transaction data
+     * Use this to build your own styled transaction list
+     */
+    children: (props: TransactionListRenderProps) => ReactNode;
+    /**
+     * Number of transactions to load initially and per page
+     * @default 10
+     */
+    limit?: number;
+}
+/**
+ * Headless TransactionList component
+ *
+ * Provides transaction history with pagination - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <TransactionList limit={10}>
+ *   {({ transactions, isLoading, hasMore, loadMore }) => (
+ *     <div className="your-transactions">
+ *       <ul>
+ *         {transactions.map(tx => (
+ *           <li key={tx.id}>
+ *             {tx.reason}: {tx.pointsChange > 0 ? '+' : ''}{tx.pointsChange}
+ *           </li>
+ *         ))}
+ *       </ul>
+ *       {hasMore && (
+ *         <button onClick={loadMore} disabled={isLoading}>
+ *           {isLoading ? 'Loading...' : 'Load More'}
+ *         </button>
+ *       )}
+ *     </div>
+ *   )}
+ * </TransactionList>
+ * ```
+ */
+export declare function TransactionList({ children, limit }: TransactionListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TransactionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionList.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/TransactionList.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,KAAK,EAAE,0BAA0B,EAAsB,MAAM,qBAAqB,CAAC;AAE1F,UAAU,oBAAoB;IAC5B;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;IAE3D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAU,EAAE,EAAE,oBAAoB,2CAiD7E"}

package/dist/loyalty/components/TransactionList.js

@@ -0,0 +1,112 @@
+"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.TransactionList = TransactionList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+/**
+ * Headless TransactionList component
+ *
+ * Provides transaction history with pagination - you provide the UI.
+ *
+ * @example
+ * ```tsx
+ * <TransactionList limit={10}>
+ *   {({ transactions, isLoading, hasMore, loadMore }) => (
+ *     <div className="your-transactions">
+ *       <ul>
+ *         {transactions.map(tx => (
+ *           <li key={tx.id}>
+ *             {tx.reason}: {tx.pointsChange > 0 ? '+' : ''}{tx.pointsChange}
+ *           </li>
+ *         ))}
+ *       </ul>
+ *       {hasMore && (
+ *         <button onClick={loadMore} disabled={isLoading}>
+ *           {isLoading ? 'Loading...' : 'Load More'}
+ *         </button>
+ *       )}
+ *     </div>
+ *   )}
+ * </TransactionList>
+ * ```
+ */
+function TransactionList({ children, limit = 10 }) {
+    const { transactions: initialTransactions, getTransactionHistory, isLoading: contextLoading } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    const [transactions, setTransactions] = (0, react_1.useState)(initialTransactions);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [hasMore, setHasMore] = (0, react_1.useState)(true);
+    const [offset, setOffset] = (0, react_1.useState)(0);
+    // Update when initial transactions change
+    react_1.default.useEffect(() => {
+        setTransactions(initialTransactions);
+        setOffset(initialTransactions.length);
+        setHasMore(initialTransactions.length >= limit);
+    }, [initialTransactions, limit]);
+    const loadMore = (0, react_1.useCallback)(async () => {
+        if (isLoading || !hasMore)
+            return;
+        setIsLoading(true);
+        try {
+            const newTransactions = await getTransactionHistory({
+                limit,
+                offset,
+            });
+            if (newTransactions.length < limit) {
+                setHasMore(false);
+            }
+            if (newTransactions.length > 0) {
+                setTransactions((prev) => [...prev, ...newTransactions]);
+                setOffset((prev) => prev + newTransactions.length);
+            }
+        }
+        catch {
+            // Error is handled by the context
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isLoading, hasMore, getTransactionHistory, limit, offset]);
+    const props = {
+        transactions,
+        isLoading: isLoading || contextLoading,
+        hasMore,
+        loadMore,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=TransactionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionList.js","sourceRoot":"","sources":["../../../src/loyalty/components/TransactionList.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Cb,0CAiDC;;AA9FD,+CAAqE;AACrE,gEAAwD;AAiBxD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,SAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAwB;IAC5E,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IAEjH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAuB,mBAAmB,CAAC,CAAC;IAC5F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAExC,0CAA0C;IAC1C,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,eAAe,CAAC,mBAAmB,CAAC,CAAC;QACrC,SAAS,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACtC,UAAU,CAAC,mBAAmB,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACtC,IAAI,SAAS,IAAI,CAAC,OAAO;YAAE,OAAO;QAElC,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,CAAC;YACH,MAAM,eAAe,GAAG,MAAM,qBAAqB,CAAC;gBAClD,KAAK;gBACL,MAAM;aACP,CAAC,CAAC;YAEH,IAAI,eAAe,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC;gBACnC,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;YAED,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC/B,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC;gBACzD,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,kCAAkC;QACpC,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/D,MAAM,KAAK,GAA+B;QACxC,YAAY;QACZ,SAAS,EAAE,SAAS,IAAI,cAAc;QACtC,OAAO;QACP,QAAQ;KACT,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

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

@@ -0,0 +1,49 @@
+import { type ReactNode } from 'react';
+import type { UpcomingStaysRenderProps } from '../../types/loyalty';
+interface UpcomingStaysProps {
+    /**
+     * Render function that receives upcoming stays data
+     * Use this to build your own styled upcoming stays list
+     */
+    children: (props: UpcomingStaysRenderProps) => ReactNode;
+    /**
+     * Maximum number of stays to display
+     * @default 10
+     */
+    limit?: number;
+}
+/**
+ * Headless UpcomingStays component
+ *
+ * Provides upcoming stay data for display.
+ * Shows stays with future check-in dates.
+ *
+ * @example
+ * ```tsx
+ * <UpcomingStays limit={5}>
+ *   {({ stays, isEmpty, isLoading }) => (
+ *     <div className="upcoming-stays">
+ *       <h2>Upcoming Stays</h2>
+ *       {isLoading ? (
+ *         <p>Loading...</p>
+ *       ) : isEmpty ? (
+ *         <p>No upcoming stays. Book your next adventure!</p>
+ *       ) : (
+ *         <ul>
+ *           {stays.map((stay) => (
+ *             <li key={stay.id}>
+ *               <strong>{stay.propertyName}</strong>
+ *               <span>{new Date(stay.checkIn).toLocaleDateString()}</span>
+ *               <span>{stay.nights} nights</span>
+ *             </li>
+ *           ))}
+ *         </ul>
+ *       )}
+ *     </div>
+ *   )}
+ * </UpcomingStays>
+ * ```
+ */
+export declare function UpcomingStays({ children, limit }: UpcomingStaysProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UpcomingStays.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingStays.d.ts","sourceRoot":"","sources":["../../../src/loyalty/components/UpcomingStays.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAU,EAAE,EAAE,kBAAkB,2CAmBzE"}

package/dist/loyalty/components/UpcomingStays.js

@@ -0,0 +1,60 @@
+"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.UpcomingStays = UpcomingStays;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const AkinLoyaltyProvider_1 = require("../AkinLoyaltyProvider");
+/**
+ * Headless UpcomingStays component
+ *
+ * Provides upcoming stay data for display.
+ * Shows stays with future check-in dates.
+ *
+ * @example
+ * ```tsx
+ * <UpcomingStays limit={5}>
+ *   {({ stays, isEmpty, isLoading }) => (
+ *     <div className="upcoming-stays">
+ *       <h2>Upcoming Stays</h2>
+ *       {isLoading ? (
+ *         <p>Loading...</p>
+ *       ) : isEmpty ? (
+ *         <p>No upcoming stays. Book your next adventure!</p>
+ *       ) : (
+ *         <ul>
+ *           {stays.map((stay) => (
+ *             <li key={stay.id}>
+ *               <strong>{stay.propertyName}</strong>
+ *               <span>{new Date(stay.checkIn).toLocaleDateString()}</span>
+ *               <span>{stay.nights} nights</span>
+ *             </li>
+ *           ))}
+ *         </ul>
+ *       )}
+ *     </div>
+ *   )}
+ * </UpcomingStays>
+ * ```
+ */
+function UpcomingStays({ children, limit = 10 }) {
+    const { upcomingStays, isLoading } = (0, AkinLoyaltyProvider_1.useAkinLoyalty)();
+    const displayedStays = react_1.default.useMemo(() => {
+        return upcomingStays.slice(0, limit);
+    }, [upcomingStays, limit]);
+    const props = {
+        stays: displayedStays,
+        isLoading,
+        hasMore: upcomingStays.length > limit,
+        loadMore: () => {
+            // For now, no-op as we load all bookings upfront
+            // Could be extended to support pagination
+        },
+        isEmpty: upcomingStays.length === 0,
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(props) });
+}
+//# sourceMappingURL=UpcomingStays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingStays.js","sourceRoot":"","sources":["../../../src/loyalty/components/UpcomingStays.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;AAoDb,sCAmBC;;AArED,kDAA8C;AAC9C,gEAAwD;AAiBxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAsB;IACxE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAA,oCAAc,GAAE,CAAC;IAEtD,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,MAAM,KAAK,GAA6B;QACtC,KAAK,EAAE,cAAc;QACrB,SAAS;QACT,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,KAAK;QACrC,QAAQ,EAAE,GAAG,EAAE;YACb,iDAAiD;YACjD,0CAA0C;QAC5C,CAAC;QACD,OAAO,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;KACpC,CAAC;IAEF,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,GAAI,CAAC;AAChC,CAAC"}

package/dist/loyalty/index.d.ts

@@ -0,0 +1,12 @@
+export { AkinLoyaltyProvider, useAkinLoyalty } from './AkinLoyaltyProvider';
+export { TierCard } from './components/TierCard';
+export { TierProgress } from './components/TierProgress';
+export { TransactionList } from './components/TransactionList';
+export { PointsDisplay } from './components/PointsDisplay';
+export { TierRequirementsTable } from './components/TierRequirementsTable';
+export { SimpleTierCards } from './components/SimpleTierCards';
+export { LoyaltyCard } from './components/LoyaltyCard';
+export { UpcomingStays } from './components/UpcomingStays';
+export { PreviousStays } from './components/PreviousStays';
+export type { TierConfig, TierProgress as TierProgressType, LoyaltyTransaction, MemberTierHistory, TransactionType, TierChangeReason, LoyaltyState, LoyaltyActions, LoyaltyContextValue, TierCardRenderProps, TierProgressRenderProps, TransactionListRenderProps, TierRequirement, RequirementValueType, RequirementOperator, TierRequirementsTableRenderProps, SimpleTierCardsRenderProps, BookingStatus, MemberStay, LoyaltyCardRenderProps, UpcomingStaysRenderProps, PreviousStaysRenderProps, } from '../types/loyalty';
+//# sourceMappingURL=index.d.ts.map

package/dist/loyalty/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/loyalty/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,YAAY,EACV,UAAU,EACV,YAAY,IAAI,gBAAgB,EAChC,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,0BAA0B,EAE1B,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,gCAAgC,EAChC,0BAA0B,EAE1B,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,kBAAkB,CAAC"}

package/dist/loyalty/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviousStays = exports.UpcomingStays = exports.LoyaltyCard = exports.SimpleTierCards = exports.TierRequirementsTable = exports.PointsDisplay = exports.TransactionList = exports.TierProgress = exports.TierCard = exports.useAkinLoyalty = exports.AkinLoyaltyProvider = void 0;
+// Loyalty provider and hooks
+var AkinLoyaltyProvider_1 = require("./AkinLoyaltyProvider");
+Object.defineProperty(exports, "AkinLoyaltyProvider", { enumerable: true, get: function () { return AkinLoyaltyProvider_1.AkinLoyaltyProvider; } });
+Object.defineProperty(exports, "useAkinLoyalty", { enumerable: true, get: function () { return AkinLoyaltyProvider_1.useAkinLoyalty; } });
+// Headless components
+var TierCard_1 = require("./components/TierCard");
+Object.defineProperty(exports, "TierCard", { enumerable: true, get: function () { return TierCard_1.TierCard; } });
+var TierProgress_1 = require("./components/TierProgress");
+Object.defineProperty(exports, "TierProgress", { enumerable: true, get: function () { return TierProgress_1.TierProgress; } });
+var TransactionList_1 = require("./components/TransactionList");
+Object.defineProperty(exports, "TransactionList", { enumerable: true, get: function () { return TransactionList_1.TransactionList; } });
+var PointsDisplay_1 = require("./components/PointsDisplay");
+Object.defineProperty(exports, "PointsDisplay", { enumerable: true, get: function () { return PointsDisplay_1.PointsDisplay; } });
+var TierRequirementsTable_1 = require("./components/TierRequirementsTable");
+Object.defineProperty(exports, "TierRequirementsTable", { enumerable: true, get: function () { return TierRequirementsTable_1.TierRequirementsTable; } });
+var SimpleTierCards_1 = require("./components/SimpleTierCards");
+Object.defineProperty(exports, "SimpleTierCards", { enumerable: true, get: function () { return SimpleTierCards_1.SimpleTierCards; } });
+var LoyaltyCard_1 = require("./components/LoyaltyCard");
+Object.defineProperty(exports, "LoyaltyCard", { enumerable: true, get: function () { return LoyaltyCard_1.LoyaltyCard; } });
+var UpcomingStays_1 = require("./components/UpcomingStays");
+Object.defineProperty(exports, "UpcomingStays", { enumerable: true, get: function () { return UpcomingStays_1.UpcomingStays; } });
+var PreviousStays_1 = require("./components/PreviousStays");
+Object.defineProperty(exports, "PreviousStays", { enumerable: true, get: function () { return PreviousStays_1.PreviousStays; } });
+//# sourceMappingURL=index.js.map

package/dist/loyalty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loyalty/index.ts"],"names":[],"mappings":";;;AAAA,6BAA6B;AAC7B,6DAA4E;AAAnE,0HAAA,mBAAmB,OAAA;AAAE,qHAAA,cAAc,OAAA;AAE5C,sBAAsB;AACtB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AACjB,0DAAyD;AAAhD,4GAAA,YAAY,OAAA;AACrB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AACxB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AACtB,4EAA2E;AAAlE,8HAAA,qBAAqB,OAAA;AAC9B,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AACxB,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AACpB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AACtB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA"}