@meaple-com/react-query 1.0.0

package/dist/index.cjs

@@ -0,0 +1,294 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  MeapleSDKProvider: () => MeapleSDKProvider,
+  useCategories: () => useCategories,
+  useChannelEvent: () => useChannelEvent,
+  useChannelEvents: () => useChannelEvents,
+  useCheckCoupon: () => useCheckCoupon,
+  useCreateOrder: () => useCreateOrder,
+  useCreateTicketFile: () => useCreateTicketFile,
+  useEditUserTicket: () => useEditUserTicket,
+  useEventProducts: () => useEventProducts,
+  useEventTickets: () => useEventTickets,
+  useMeapleSDK: () => useMeapleSDK,
+  useOrder: () => useOrder,
+  useRefundUserOrder: () => useRefundUserOrder,
+  useTransferTicket: () => useTransferTicket,
+  useUserEventTickets: () => useUserEventTickets,
+  useUserEvents: () => useUserEvents,
+  useUserOrders: () => useUserOrders
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/contexts/MeapleSDKContext.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var MeapleSDKContext = (0, import_react.createContext)(
+  void 0
+);
+var MeapleSDKProvider = ({
+  sdk,
+  children
+}) => {
+  const value = (0, import_react.useMemo)(
+    () => ({
+      sdk
+    }),
+    [sdk]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MeapleSDKContext.Provider, { value, children });
+};
+var useMeapleSDK = () => {
+  const context = (0, import_react.useContext)(MeapleSDKContext);
+  if (!context) {
+    throw new Error(
+      "useMeapleSDK must be used within a MeapleSDKProvider. Make sure to wrap your application with <MeapleSDKProvider sdk={sdk}>"
+    );
+  }
+  return context;
+};
+
+// src/hooks/categories/useCategories.ts
+var import_react_query = require("@tanstack/react-query");
+var useCategories = (options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query.useQuery)({
+    ...options,
+    queryKey: [`categories`],
+    queryFn: () => sdk.categories.find()
+  });
+};
+
+// src/hooks/channel/useChannelEvent.ts
+var import_react_query2 = require("@tanstack/react-query");
+var useChannelEvent = ({ channelSlug, eventSlug }, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query2.useQuery)({
+    ...options,
+    queryKey: ["channels", channelSlug, "events", eventSlug],
+    queryFn: () => sdk.channels.getEvent(channelSlug, eventSlug)
+  });
+};
+
+// src/hooks/channel/useChannelEvents.ts
+var import_react_query3 = require("@tanstack/react-query");
+var useChannelEvents = ({ channelId }, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query3.useQuery)({
+    ...options,
+    queryKey: ["channels", channelId, "events"],
+    queryFn: () => sdk.channels.getEvents(channelId)
+  });
+};
+
+// src/hooks/coupon/useCheckCoupon.ts
+var import_react_query4 = require("@tanstack/react-query");
+var useCheckCoupon = (options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query4.useMutation)({
+    ...options,
+    mutationFn: ({ couponCode, eventId }) => sdk.coupon.check({ eventId, couponCode })
+  });
+};
+
+// src/hooks/event/useEventProducts.ts
+var import_react_query5 = require("@tanstack/react-query");
+var useEventProducts = (eventId, privateToken, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query5.useQuery)({
+    ...options,
+    queryKey: [`event`, eventId, `products`, privateToken],
+    queryFn: () => sdk.events.getProducts(eventId, privateToken)
+  });
+};
+
+// src/hooks/event/useEventTickets.ts
+var import_react_query6 = require("@tanstack/react-query");
+var useEventTickets = (eventId, privateToken, predecessorIds, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query6.useQuery)({
+    ...options,
+    /* Do not cache predecessorIds, as they are used to fetch new tickets on a batch */
+    queryKey: [`event`, eventId, `tickets`, privateToken],
+    queryFn: () => sdk.events.getTickets(eventId, privateToken, predecessorIds)
+  });
+};
+
+// src/hooks/event/useUserEventTickets.ts
+var import_react_query7 = require("@tanstack/react-query");
+var useUserEventTickets = (eventId, userId, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query7.useQuery)({
+    ...options,
+    queryKey: [`user-event-tickets`, eventId, userId],
+    queryFn: () => sdk.events.getUserEventTickets(eventId)
+  });
+};
+
+// src/hooks/order/useCreateOrder.ts
+var import_react_query8 = require("@tanstack/react-query");
+
+// src/utils/orderStorage.ts
+var ORDER_TOKEN_KEY = (orderId) => `orders:${orderId}:client-secret`;
+var setOrderAuthToken = (orderId, clientSecret) => {
+  if (typeof window === `undefined`) return;
+  sessionStorage.setItem(ORDER_TOKEN_KEY(orderId), clientSecret);
+};
+var getOrderAuthToken = (orderId) => {
+  if (typeof window === `undefined`) return null;
+  try {
+    const storedData = sessionStorage.getItem(ORDER_TOKEN_KEY(orderId));
+    if (!storedData) return null;
+    return storedData;
+  } catch (error) {
+    return null;
+  }
+};
+
+// src/hooks/order/useCreateOrder.ts
+var useCreateOrder = (options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query8.useMutation)({
+    ...options,
+    mutationFn: (data) => sdk.orders.create(data),
+    onSuccess: (data, variables, context, mutation) => {
+      if (data.clientSecret)
+        setOrderAuthToken(data.order.id, data.clientSecret);
+      options?.onSuccess?.(data, variables, context, mutation);
+    }
+  });
+};
+
+// src/hooks/order/useOrder.ts
+var import_react_query9 = require("@tanstack/react-query");
+var useOrder = (orderId, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query9.useQuery)({
+    ...options,
+    queryKey: [`orders`, orderId],
+    queryFn: async () => {
+      const orderAuthToken = getOrderAuthToken(orderId);
+      const headers = orderAuthToken ? { "x-order-client-secret": orderAuthToken } : void 0;
+      return sdk.orders.get(orderId, headers);
+    }
+  });
+};
+
+// src/hooks/order/useUserOrders.ts
+var import_react_query10 = require("@tanstack/react-query");
+var useUserOrders = (data, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query10.useQuery)({
+    ...options,
+    queryKey: [`user-orders`, data],
+    queryFn: () => sdk.users.getOrders(data)
+  });
+};
+
+// src/hooks/ticket/useEditUserTicket.ts
+var import_react_query11 = require("@tanstack/react-query");
+var useEditUserTicket = (options) => {
+  const { sdk } = useMeapleSDK();
+  const queryClient = (0, import_react_query11.useQueryClient)();
+  return (0, import_react_query11.useMutation)({
+    ...options,
+    mutationFn: ({ userTicketId, ...data }) => sdk.tickets.editUserTicket(userTicketId, data),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: ["user-event-tickets"]
+      });
+    }
+  });
+};
+
+// src/hooks/ticket/useTransferTicket.ts
+var import_react_query12 = require("@tanstack/react-query");
+var useTransferTicket = (options) => {
+  const { sdk } = useMeapleSDK();
+  const queryClient = (0, import_react_query12.useQueryClient)();
+  return (0, import_react_query12.useMutation)({
+    ...options,
+    mutationFn: ({ ticketId, ...payload }) => sdk.tickets.transfer(ticketId, payload),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: ["user-event-tickets"]
+      });
+    }
+  });
+};
+
+// src/hooks/ticket/useCreateTicketFile.ts
+var import_react_query13 = require("@tanstack/react-query");
+var useCreateTicketFile = (options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query13.useMutation)({
+    ...options,
+    mutationFn: ({ userTicketId, ...params }) => sdk.tickets.createFile(userTicketId, params)
+  });
+};
+
+// src/hooks/user/useUserEvents.ts
+var import_react_query14 = require("@tanstack/react-query");
+var useUserEvents = (data, options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query14.useQuery)({
+    ...options,
+    queryKey: [`user-events`, data],
+    queryFn: async () => {
+      const type = data?.type === `coming_soon` ? `FUTURE` : `PAST`;
+      return sdk.users.getEvents({ type });
+    }
+  });
+};
+
+// src/hooks/user/useRefundUserOrder.ts
+var import_react_query15 = require("@tanstack/react-query");
+var useRefundUserOrder = (options) => {
+  const { sdk } = useMeapleSDK();
+  return (0, import_react_query15.useMutation)({
+    ...options,
+    mutationFn: async (orderId) => {
+      await sdk.users.refundOrder(orderId);
+    }
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MeapleSDKProvider,
+  useCategories,
+  useChannelEvent,
+  useChannelEvents,
+  useCheckCoupon,
+  useCreateOrder,
+  useCreateTicketFile,
+  useEditUserTicket,
+  useEventProducts,
+  useEventTickets,
+  useMeapleSDK,
+  useOrder,
+  useRefundUserOrder,
+  useTransferTicket,
+  useUserEventTickets,
+  useUserEvents,
+  useUserOrders
+});

package/dist/index.d.cts

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { MeapleSDK } from '@meaple-com/core';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
+import { CategoryProps, EventProps, CouponProps, CheckCouponProps, FindEventProductsProps, FindEventTicketsProps, FindUserEventTicketsProps, CreatedOrderProps, CreateOrderProps, GetOrderProps, UserOrderProps, UpdateUserTicketProps, TransferTicketProps as TransferTicketProps$1, CreateTicketFileProps as CreateTicketFileProps$1 } from '@meaple-com/types';
+import { AxiosError } from 'axios';
+
+interface MeapleSDKContextValue {
+    sdk: MeapleSDK;
+}
+interface MeapleSDKProviderProps {
+    sdk: MeapleSDK;
+    children: ReactNode;
+}
+declare const MeapleSDKProvider: ({ sdk, children, }: MeapleSDKProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useMeapleSDK: () => MeapleSDKContextValue;
+
+declare const useCategories: (options?: Omit<UseQueryOptions<CategoryProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<CategoryProps[], Error>;
+
+type UseChannelEventProps = {
+    eventSlug: string;
+    channelSlug: string;
+};
+declare const useChannelEvent: ({ channelSlug, eventSlug }: UseChannelEventProps, options?: Omit<UseQueryOptions<EventProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<EventProps, Error>;
+
+type UseChannelEventsProps = {
+    channelId: string;
+};
+declare const useChannelEvents: ({ channelId }: UseChannelEventsProps, options?: Omit<UseQueryOptions<EventProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<EventProps[], Error>;
+
+declare const useCheckCoupon: (options?: Omit<UseMutationOptions<CouponProps, Error, CheckCouponProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<CouponProps, Error, CheckCouponProps, unknown>;
+
+declare const useEventProducts: (eventId: string, privateToken?: string | null, options?: Omit<UseQueryOptions<FindEventProductsProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<FindEventProductsProps, Error>;
+
+declare const useEventTickets: (eventId: string, privateToken?: string | null, predecessorIds?: string[], options?: Omit<UseQueryOptions<FindEventTicketsProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<FindEventTicketsProps, Error>;
+
+declare const useUserEventTickets: (eventId: string, userId?: string, options?: Omit<UseQueryOptions<FindUserEventTicketsProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<FindUserEventTicketsProps, Error>;
+
+declare const useCreateOrder: (options?: Omit<UseMutationOptions<CreatedOrderProps, AxiosError<any, any>, CreateOrderProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<CreatedOrderProps, AxiosError<any, any>, CreateOrderProps, unknown>;
+
+declare const useOrder: (orderId: string, options?: Omit<UseQueryOptions<GetOrderProps, AxiosError<any, any>>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<GetOrderProps, AxiosError<any, any>>;
+
+type SectionStatus = 'PAID' | 'REFUNDED';
+type FindUserOrdersProps = {
+    status: SectionStatus;
+    eventId?: string;
+};
+declare const useUserOrders: (data: FindUserOrdersProps, options?: Omit<UseQueryOptions<UserOrderProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<UserOrderProps[], Error>;
+
+type EditUserTicketProps = UpdateUserTicketProps & {
+    userTicketId: string;
+};
+declare const useEditUserTicket: (options?: Omit<UseMutationOptions<void, Error, EditUserTicketProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<void, Error, EditUserTicketProps, unknown>;
+
+type TransferTicketProps = TransferTicketProps$1 & {
+    ticketId: string;
+};
+declare const useTransferTicket: (options?: Omit<UseMutationOptions<void, Error, TransferTicketProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<void, Error, TransferTicketProps, unknown>;
+
+type CreateTicketFileProps = CreateTicketFileProps$1 & {
+    userTicketId: string;
+};
+declare const useCreateTicketFile: (options?: Omit<UseMutationOptions<Blob, Error, CreateTicketFileProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<Blob, Error, CreateTicketFileProps, unknown>;
+
+type SectionType = 'coming_soon' | 'past' | 'awards';
+type FindUserEventsProps = {
+    type: SectionType;
+};
+declare const useUserEvents: (data?: FindUserEventsProps, options?: Omit<UseQueryOptions<EventProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<EventProps[], Error>;
+
+declare const useRefundUserOrder: (options?: Omit<UseMutationOptions<void, unknown, string, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<void, unknown, string, unknown>;
+
+export { type CreateTicketFileProps, type MeapleSDKContextValue, MeapleSDKProvider, useCategories, useChannelEvent, useChannelEvents, useCheckCoupon, useCreateOrder, useCreateTicketFile, useEditUserTicket, useEventProducts, useEventTickets, useMeapleSDK, useOrder, useRefundUserOrder, useTransferTicket, useUserEventTickets, useUserEvents, useUserOrders };

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { MeapleSDK } from '@meaple-com/core';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
+import { CategoryProps, EventProps, CouponProps, CheckCouponProps, FindEventProductsProps, FindEventTicketsProps, FindUserEventTicketsProps, CreatedOrderProps, CreateOrderProps, GetOrderProps, UserOrderProps, UpdateUserTicketProps, TransferTicketProps as TransferTicketProps$1, CreateTicketFileProps as CreateTicketFileProps$1 } from '@meaple-com/types';
+import { AxiosError } from 'axios';
+
+interface MeapleSDKContextValue {
+    sdk: MeapleSDK;
+}
+interface MeapleSDKProviderProps {
+    sdk: MeapleSDK;
+    children: ReactNode;
+}
+declare const MeapleSDKProvider: ({ sdk, children, }: MeapleSDKProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useMeapleSDK: () => MeapleSDKContextValue;
+
+declare const useCategories: (options?: Omit<UseQueryOptions<CategoryProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<CategoryProps[], Error>;
+
+type UseChannelEventProps = {
+    eventSlug: string;
+    channelSlug: string;
+};
+declare const useChannelEvent: ({ channelSlug, eventSlug }: UseChannelEventProps, options?: Omit<UseQueryOptions<EventProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<EventProps, Error>;
+
+type UseChannelEventsProps = {
+    channelId: string;
+};
+declare const useChannelEvents: ({ channelId }: UseChannelEventsProps, options?: Omit<UseQueryOptions<EventProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<EventProps[], Error>;
+
+declare const useCheckCoupon: (options?: Omit<UseMutationOptions<CouponProps, Error, CheckCouponProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<CouponProps, Error, CheckCouponProps, unknown>;
+
+declare const useEventProducts: (eventId: string, privateToken?: string | null, options?: Omit<UseQueryOptions<FindEventProductsProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<FindEventProductsProps, Error>;
+
+declare const useEventTickets: (eventId: string, privateToken?: string | null, predecessorIds?: string[], options?: Omit<UseQueryOptions<FindEventTicketsProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<FindEventTicketsProps, Error>;
+
+declare const useUserEventTickets: (eventId: string, userId?: string, options?: Omit<UseQueryOptions<FindUserEventTicketsProps, Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<FindUserEventTicketsProps, Error>;
+
+declare const useCreateOrder: (options?: Omit<UseMutationOptions<CreatedOrderProps, AxiosError<any, any>, CreateOrderProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<CreatedOrderProps, AxiosError<any, any>, CreateOrderProps, unknown>;
+
+declare const useOrder: (orderId: string, options?: Omit<UseQueryOptions<GetOrderProps, AxiosError<any, any>>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<GetOrderProps, AxiosError<any, any>>;
+
+type SectionStatus = 'PAID' | 'REFUNDED';
+type FindUserOrdersProps = {
+    status: SectionStatus;
+    eventId?: string;
+};
+declare const useUserOrders: (data: FindUserOrdersProps, options?: Omit<UseQueryOptions<UserOrderProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<UserOrderProps[], Error>;
+
+type EditUserTicketProps = UpdateUserTicketProps & {
+    userTicketId: string;
+};
+declare const useEditUserTicket: (options?: Omit<UseMutationOptions<void, Error, EditUserTicketProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<void, Error, EditUserTicketProps, unknown>;
+
+type TransferTicketProps = TransferTicketProps$1 & {
+    ticketId: string;
+};
+declare const useTransferTicket: (options?: Omit<UseMutationOptions<void, Error, TransferTicketProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<void, Error, TransferTicketProps, unknown>;
+
+type CreateTicketFileProps = CreateTicketFileProps$1 & {
+    userTicketId: string;
+};
+declare const useCreateTicketFile: (options?: Omit<UseMutationOptions<Blob, Error, CreateTicketFileProps, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<Blob, Error, CreateTicketFileProps, unknown>;
+
+type SectionType = 'coming_soon' | 'past' | 'awards';
+type FindUserEventsProps = {
+    type: SectionType;
+};
+declare const useUserEvents: (data?: FindUserEventsProps, options?: Omit<UseQueryOptions<EventProps[], Error>, "queryKey" | "queryFn">) => _tanstack_react_query.UseQueryResult<EventProps[], Error>;
+
+declare const useRefundUserOrder: (options?: Omit<UseMutationOptions<void, unknown, string, unknown>, "mutationFn">) => _tanstack_react_query.UseMutationResult<void, unknown, string, unknown>;
+
+export { type CreateTicketFileProps, type MeapleSDKContextValue, MeapleSDKProvider, useCategories, useChannelEvent, useChannelEvents, useCheckCoupon, useCreateOrder, useCreateTicketFile, useEditUserTicket, useEventProducts, useEventTickets, useMeapleSDK, useOrder, useRefundUserOrder, useTransferTicket, useUserEventTickets, useUserEvents, useUserOrders };

package/dist/index.js

@@ -0,0 +1,257 @@
+// src/contexts/MeapleSDKContext.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var MeapleSDKContext = createContext(
+  void 0
+);
+var MeapleSDKProvider = ({
+  sdk,
+  children
+}) => {
+  const value = useMemo(
+    () => ({
+      sdk
+    }),
+    [sdk]
+  );
+  return /* @__PURE__ */ jsx(MeapleSDKContext.Provider, { value, children });
+};
+var useMeapleSDK = () => {
+  const context = useContext(MeapleSDKContext);
+  if (!context) {
+    throw new Error(
+      "useMeapleSDK must be used within a MeapleSDKProvider. Make sure to wrap your application with <MeapleSDKProvider sdk={sdk}>"
+    );
+  }
+  return context;
+};
+
+// src/hooks/categories/useCategories.ts
+import { useQuery } from "@tanstack/react-query";
+var useCategories = (options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery({
+    ...options,
+    queryKey: [`categories`],
+    queryFn: () => sdk.categories.find()
+  });
+};
+
+// src/hooks/channel/useChannelEvent.ts
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+var useChannelEvent = ({ channelSlug, eventSlug }, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery2({
+    ...options,
+    queryKey: ["channels", channelSlug, "events", eventSlug],
+    queryFn: () => sdk.channels.getEvent(channelSlug, eventSlug)
+  });
+};
+
+// src/hooks/channel/useChannelEvents.ts
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+var useChannelEvents = ({ channelId }, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery3({
+    ...options,
+    queryKey: ["channels", channelId, "events"],
+    queryFn: () => sdk.channels.getEvents(channelId)
+  });
+};
+
+// src/hooks/coupon/useCheckCoupon.ts
+import { useMutation } from "@tanstack/react-query";
+var useCheckCoupon = (options) => {
+  const { sdk } = useMeapleSDK();
+  return useMutation({
+    ...options,
+    mutationFn: ({ couponCode, eventId }) => sdk.coupon.check({ eventId, couponCode })
+  });
+};
+
+// src/hooks/event/useEventProducts.ts
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+var useEventProducts = (eventId, privateToken, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery4({
+    ...options,
+    queryKey: [`event`, eventId, `products`, privateToken],
+    queryFn: () => sdk.events.getProducts(eventId, privateToken)
+  });
+};
+
+// src/hooks/event/useEventTickets.ts
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+var useEventTickets = (eventId, privateToken, predecessorIds, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery5({
+    ...options,
+    /* Do not cache predecessorIds, as they are used to fetch new tickets on a batch */
+    queryKey: [`event`, eventId, `tickets`, privateToken],
+    queryFn: () => sdk.events.getTickets(eventId, privateToken, predecessorIds)
+  });
+};
+
+// src/hooks/event/useUserEventTickets.ts
+import { useQuery as useQuery6 } from "@tanstack/react-query";
+var useUserEventTickets = (eventId, userId, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery6({
+    ...options,
+    queryKey: [`user-event-tickets`, eventId, userId],
+    queryFn: () => sdk.events.getUserEventTickets(eventId)
+  });
+};
+
+// src/hooks/order/useCreateOrder.ts
+import { useMutation as useMutation2 } from "@tanstack/react-query";
+
+// src/utils/orderStorage.ts
+var ORDER_TOKEN_KEY = (orderId) => `orders:${orderId}:client-secret`;
+var setOrderAuthToken = (orderId, clientSecret) => {
+  if (typeof window === `undefined`) return;
+  sessionStorage.setItem(ORDER_TOKEN_KEY(orderId), clientSecret);
+};
+var getOrderAuthToken = (orderId) => {
+  if (typeof window === `undefined`) return null;
+  try {
+    const storedData = sessionStorage.getItem(ORDER_TOKEN_KEY(orderId));
+    if (!storedData) return null;
+    return storedData;
+  } catch (error) {
+    return null;
+  }
+};
+
+// src/hooks/order/useCreateOrder.ts
+var useCreateOrder = (options) => {
+  const { sdk } = useMeapleSDK();
+  return useMutation2({
+    ...options,
+    mutationFn: (data) => sdk.orders.create(data),
+    onSuccess: (data, variables, context, mutation) => {
+      if (data.clientSecret)
+        setOrderAuthToken(data.order.id, data.clientSecret);
+      options?.onSuccess?.(data, variables, context, mutation);
+    }
+  });
+};
+
+// src/hooks/order/useOrder.ts
+import { useQuery as useQuery7 } from "@tanstack/react-query";
+var useOrder = (orderId, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery7({
+    ...options,
+    queryKey: [`orders`, orderId],
+    queryFn: async () => {
+      const orderAuthToken = getOrderAuthToken(orderId);
+      const headers = orderAuthToken ? { "x-order-client-secret": orderAuthToken } : void 0;
+      return sdk.orders.get(orderId, headers);
+    }
+  });
+};
+
+// src/hooks/order/useUserOrders.ts
+import { useQuery as useQuery8 } from "@tanstack/react-query";
+var useUserOrders = (data, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery8({
+    ...options,
+    queryKey: [`user-orders`, data],
+    queryFn: () => sdk.users.getOrders(data)
+  });
+};
+
+// src/hooks/ticket/useEditUserTicket.ts
+import {
+  useMutation as useMutation3,
+  useQueryClient
+} from "@tanstack/react-query";
+var useEditUserTicket = (options) => {
+  const { sdk } = useMeapleSDK();
+  const queryClient = useQueryClient();
+  return useMutation3({
+    ...options,
+    mutationFn: ({ userTicketId, ...data }) => sdk.tickets.editUserTicket(userTicketId, data),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: ["user-event-tickets"]
+      });
+    }
+  });
+};
+
+// src/hooks/ticket/useTransferTicket.ts
+import {
+  useMutation as useMutation4,
+  useQueryClient as useQueryClient2
+} from "@tanstack/react-query";
+var useTransferTicket = (options) => {
+  const { sdk } = useMeapleSDK();
+  const queryClient = useQueryClient2();
+  return useMutation4({
+    ...options,
+    mutationFn: ({ ticketId, ...payload }) => sdk.tickets.transfer(ticketId, payload),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: ["user-event-tickets"]
+      });
+    }
+  });
+};
+
+// src/hooks/ticket/useCreateTicketFile.ts
+import { useMutation as useMutation5 } from "@tanstack/react-query";
+var useCreateTicketFile = (options) => {
+  const { sdk } = useMeapleSDK();
+  return useMutation5({
+    ...options,
+    mutationFn: ({ userTicketId, ...params }) => sdk.tickets.createFile(userTicketId, params)
+  });
+};
+
+// src/hooks/user/useUserEvents.ts
+import { useQuery as useQuery9 } from "@tanstack/react-query";
+var useUserEvents = (data, options) => {
+  const { sdk } = useMeapleSDK();
+  return useQuery9({
+    ...options,
+    queryKey: [`user-events`, data],
+    queryFn: async () => {
+      const type = data?.type === `coming_soon` ? `FUTURE` : `PAST`;
+      return sdk.users.getEvents({ type });
+    }
+  });
+};
+
+// src/hooks/user/useRefundUserOrder.ts
+import { useMutation as useMutation6 } from "@tanstack/react-query";
+var useRefundUserOrder = (options) => {
+  const { sdk } = useMeapleSDK();
+  return useMutation6({
+    ...options,
+    mutationFn: async (orderId) => {
+      await sdk.users.refundOrder(orderId);
+    }
+  });
+};
+export {
+  MeapleSDKProvider,
+  useCategories,
+  useChannelEvent,
+  useChannelEvents,
+  useCheckCoupon,
+  useCreateOrder,
+  useCreateTicketFile,
+  useEditUserTicket,
+  useEventProducts,
+  useEventTickets,
+  useMeapleSDK,
+  useOrder,
+  useRefundUserOrder,
+  useTransferTicket,
+  useUserEventTickets,
+  useUserEvents,
+  useUserOrders
+};

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@meaple-com/react-query",
+  "version": "1.0.0",
+  "description": "React Query hooks for Meaple SDK",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    }
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsup",
+    "build:packages": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --fix \"src/**/*.{ts,tsx}\"",
+    "clean": "rimraf dist"
+  },
+  "dependencies": {
+    "@meaple-com/core": "workspace:*",
+    "@meaple-com/types": "workspace:*"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.36.0",
+    "@tanstack/eslint-plugin-query": "^5.91.2",
+    "@tanstack/react-query": "^5.90.7",
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "axios": "^1.12.2",
+    "date-fns": "^4.1.0",
+    "eslint": "^9.36.0",
+    "globals": "^16.4.0",
+    "rimraf": "^5.0.5",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.44.1"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.90.7",
+    "axios": "^1.12.2",
+    "date-fns": "^4.0.0",
+    "react": "^19.0.0"
+  },
+  "files": [
+    "dist"
+  ]
+}