@eetech-commerce/cart-react 0.4.3 → 0.4.4

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
+import { loadStripe } from '@stripe/stripe-js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import react from 'react';
 
@@ -662,7 +663,16 @@ declare function useUpdateShippingSelections(): {
     error: Error | null;
 };
 
-declare function useStripePromise(): Promise<unknown> | null;
+/**
+ * Type for the loadStripe function from @stripe/stripe-js
+ */
+type LoadStripeFn = typeof loadStripe;
+/**
+ * Hook to initialize Stripe with the tenant's publishable key.
+ * @param loadStripe - The loadStripe function from @stripe/stripe-js
+ * @returns A promise that resolves to the Stripe instance, or null if not ready
+ */
+declare function useStripePromise(loadStripe: LoadStripeFn): ReturnType<LoadStripeFn> | null;
 declare function useCreateEmbeddedCheckoutSession(): {
     createEmbeddedCheckoutSession: (params: CreateEmbeddedPaymentSessionDto, callbacks?: MutationCallbacks<EmbeddedPaymentSessionResponseDto>) => void;
     isPending: boolean;
@@ -698,4 +708,4 @@ interface CartProviderProps {
 }
 declare function CartProvider({ children, tenantSlug, cartApiUrl, storageAdapter, autoInitialize, queryClient, }: CartProviderProps): react_jsx_runtime.JSX.Element;
 
-export { type CartContextValue, CartProvider, type CartProviderProps, type CartResponseDto, type CreateCheckoutDto, type CreateEmbeddedPaymentSessionDto, type EmbeddedPaymentSessionResponseDto, type LineItemResponseDto, type MutationCallbacks, type ShippingOptionDto, type ShippingSelectionDto, type StorageAdapter, type VerificationResultDto, cartKeys, localStorageAdapter, paymentKeys, shippingKeys, useAddToCart, useCart, useCartContext, useClearCart, useCreateCart, useCreateCheckoutSession, useCreateEmbeddedCheckoutSession, useInitializeCart, usePaymentSession, useRemoveItem, useShippingOptions, useStripePromise, useUpdateItemQty, useUpdateShippingSelections, useVerifyCart };
+export { type CartContextValue, CartProvider, type CartProviderProps, type CartResponseDto, type CreateCheckoutDto, type CreateEmbeddedPaymentSessionDto, type EmbeddedPaymentSessionResponseDto, type LineItemResponseDto, type LoadStripeFn, type MutationCallbacks, type ShippingOptionDto, type ShippingSelectionDto, type StorageAdapter, type VerificationResultDto, cartKeys, localStorageAdapter, paymentKeys, shippingKeys, useAddToCart, useCart, useCartContext, useClearCart, useCreateCart, useCreateCheckoutSession, useCreateEmbeddedCheckoutSession, useInitializeCart, usePaymentSession, useRemoveItem, useShippingOptions, useStripePromise, useUpdateItemQty, useUpdateShippingSelections, useVerifyCart };

package/dist/index.js

@@ -1,10 +1,3 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
 // src/adapters/localStorage.ts
 var localStorageAdapter = {
   get(key) {
@@ -1520,23 +1513,7 @@ function useUpdateShippingSelections() {
 // src/hooks/payment.ts
 import { useMutation as useMutation3, useQuery as useQuery3 } from "@tanstack/react-query";
 import { useCallback as useCallback3, useMemo } from "react";
-var _loadStripe = null;
-var _stripeLoadAttempted = false;
-function getStripeLoader() {
-  if (_stripeLoadAttempted) {
-    return _loadStripe;
-  }
-  _stripeLoadAttempted = true;
-  try {
-    const { loadStripe } = __require("@stripe/stripe-js");
-    _loadStripe = loadStripe;
-    return _loadStripe;
-  } catch {
-    _loadStripe = null;
-    return null;
-  }
-}
-function useStripePromise() {
+function useStripePromise(loadStripe) {
   const { tenantSlug, cartApiUrl } = useCartContext();
   const { data: tenantPublicKey } = useQuery3({
     ...tenantPublicControllerGetPublicKeyV1Options({
@@ -1551,15 +1528,8 @@ function useStripePromise() {
   const stripePromise = useMemo(() => {
     const publishableKey = tenantPublicKey?.value;
     if (!publishableKey) return null;
-    const loadStripe = getStripeLoader();
-    if (!loadStripe) {
-      console.error(
-        "useStripePromise: @stripe/stripe-js is not installed. Install it with: npm install @stripe/stripe-js"
-      );
-      return null;
-    }
     return loadStripe(publishableKey);
-  }, [tenantPublicKey?.value]);
+  }, [tenantPublicKey?.value, loadStripe]);
   return stripePromise;
 }
 function useCreateEmbeddedCheckoutSession() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eetech-commerce/cart-react",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -40,6 +40,7 @@
   "devDependencies": {
     "@hey-api/client-fetch": "^0.13.0",
     "@hey-api/openapi-ts": "0.87.5",
+    "@stripe/stripe-js": ">=2.0.0",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",