@cohostvip/cohost-react 0.1.6 → 0.1.8

package/dist/context/CohostCheckoutContext.d.ts

@@ -13,6 +13,7 @@ export type CohostCheckoutContextType = {
     placeOrder: () => Promise<CartSession | undefined>;
     processPayment: (data: unknown) => Promise<unknown>;
     applyCoupon: (code: string) => Promise<void>;
+    removeCoupon: (id: string) => Promise<void>;
 };
 export declare const CohostCheckoutContext: React.Context<CohostCheckoutContextType | null>;
 export declare const CohostCheckoutProvider: React.FC<CohostCheckoutProviderProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"CohostCheckoutContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostCheckoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,MAAM,2BAA2B,GAAG;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnF,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD,CAAC;AAGF,eAAO,MAAM,qBAAqB,iDAAwD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkIxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}
+{"version":3,"file":"CohostCheckoutContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostCheckoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,MAAM,2BAA2B,GAAG;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnF,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C,CAAC;AAGF,eAAO,MAAM,qBAAqB,iDAAwD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgJxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}

package/dist/context/CohostCheckoutContext.js

@@ -20,6 +20,18 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
         }
         catch (error) {
             console.error("Error applying coupon:", error);
+            throw error;
+        }
+    };
+    const removeCoupon = async (id) => {
+        assertCartSession();
+        try {
+            const updatedCart = await client.cart.deleteCoupon(cartSessionId, id);
+            setCartSession(updatedCart);
+        }
+        catch (error) {
+            console.error("Error removing coupon:", error);
+            throw error;
         }
     };
     const joinGroup = async (groupId) => {
@@ -103,6 +115,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             joinGroup,
             processPayment,
             applyCoupon,
+            removeCoupon,
         }, children: children }));
 };
 /**

package/dist/context/PaymentElementContext.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CreditCardInformation } from '../lib/tokenizers/types';
+export type PaymentElementProviderProps = {
+    children: React.ReactNode;
+};
+export type PaymentElementContextType = {
+    tokenizeCard: (cardInfo: CreditCardInformation) => Promise<any>;
+};
+export declare const PaymentElementProvider: React.FC<PaymentElementProviderProps>;
+/**
+ * Hook to access the current PaymentElementContext
+ * Must be used inside a <PaymentElementProvider>
+ */
+export declare const usePaymentElement: () => PaymentElementContextType;
+//# sourceMappingURL=PaymentElementContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentElementContext.d.ts","sourceRoot":"","sources":["../../src/context/PaymentElementContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,qBAAqB,EAAa,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,2BAA2B,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,YAAY,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CACnE,CAAC;AAUF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkDxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}

package/dist/context/PaymentElementContext.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { useCohostCheckout } from './CohostCheckoutContext';
+import { authnetTokenizer } from '../lib/tokenizers/authnet';
+const PaymentElementContext = createContext(null);
+const tokenizers = {
+    'authnet': authnetTokenizer
+};
+export const PaymentElementProvider = ({ children }) => {
+    const { cartSession } = useCohostCheckout();
+    const [paymentIntent, setPaymentIntent] = useState(null);
+    const [tokenizer, setTokenizer] = useState(null);
+    const tokenizeCard = async (cardInfo) => {
+        if (!tokenizer) {
+            throw new Error("Tokenizer not found");
+        }
+        const paymentIntent = cartSession?.meta?.paymentIntent;
+        if (!paymentIntent) {
+            throw new Error("Payment intent not found");
+        }
+        return await tokenizer.tokenize(cardInfo, paymentIntent);
+    };
+    useEffect(() => {
+        if (!tokenizer) {
+            return;
+        }
+        tokenizer.registerScripts();
+    }, [tokenizer]);
+    useEffect(() => {
+        if (paymentIntent?.provider) {
+            setTokenizer(tokenizers[paymentIntent.provider] || null);
+        }
+    }, [paymentIntent]);
+    useEffect(() => {
+        setPaymentIntent(cartSession?.meta?.paymentIntent || null);
+    }, [cartSession]);
+    return (_jsx(PaymentElementContext.Provider, { value: {
+            tokenizeCard
+        }, children: children }));
+};
+/**
+ * Hook to access the current PaymentElementContext
+ * Must be used inside a <PaymentElementProvider>
+ */
+export const usePaymentElement = () => {
+    const ctx = useContext(PaymentElementContext);
+    if (!ctx)
+        throw new Error("usePaymentElement must be used within a PaymentElementProvider");
+    return ctx;
+};

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { CohostCheckoutProvider, CohostCheckoutContext, useCohostCheckout } from './context/CohostCheckoutContext';
 export { CohostEventProvider, useCohostEvent } from './context/CohostEventContext';
 export { CohostProvider, type CohostProviderProps } from './context/CohostContext';
+export { PaymentElementProvider } from './context/PaymentElementContext';
+export { CreditCardInformation } from './lib/tokenizers/types';
 export { useCohost } from './hooks/useCohost';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 export { CohostCheckoutProvider, CohostCheckoutContext, useCohostCheckout } from './context/CohostCheckoutContext';
 export { CohostEventProvider, useCohostEvent } from './context/CohostEventContext';
 export { CohostProvider } from './context/CohostContext';
+export { PaymentElementProvider } from './context/PaymentElementContext';
 export { useCohost } from './hooks/useCohost';

package/dist/lib/tokenizers/authnet.d.ts

@@ -0,0 +1,9 @@
+import { Tokenizer } from "./types";
+declare global {
+    interface Window {
+        Accept?: any;
+    }
+}
+declare const authnetTokenizer: Tokenizer;
+export { authnetTokenizer };
+//# sourceMappingURL=authnet.d.ts.map

package/dist/lib/tokenizers/authnet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authnet.d.ts","sourceRoot":"","sources":["../../../src/lib/tokenizers/authnet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,SAAS,CAAC;AAE3D,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,MAAM,CAAC,EAAE,GAAG,CAAC;KAChB;CACJ;AAiDD,QAAA,MAAM,gBAAgB,EAAE,SAGvB,CAAA;AACD,OAAO,EACH,gBAAgB,EACnB,CAAA"}

package/dist/lib/tokenizers/authnet.js

@@ -0,0 +1,45 @@
+const tokenizeCard = async (cardInfo, paymentIntent) => {
+    return new Promise((resolve, reject) => {
+        const cardNumber = cardInfo.cardNumber.replace(/\s/g, '');
+        const expMonth = `${cardInfo.month}`.padStart(2, '0');
+        const expYear = cardInfo.year < 100 ? `20${cardInfo.year}` : `${cardInfo.year}`;
+        const cardData = {
+            cardNumber,
+            month: expMonth,
+            year: expYear,
+            cardCode: cardInfo.cardCode,
+            nameOnCard: cardInfo.nameOnCard,
+        };
+        const secureData = {
+            authData: {
+                apiLoginID: paymentIntent.apiLoginId,
+                clientKey: paymentIntent.publicClientKey,
+            },
+            cardData
+        };
+        window.Accept?.dispatchData(secureData, (response) => {
+            if (response.messages.resultCode === "Error") {
+                reject(response.messages.message[0].text);
+            }
+            else {
+                resolve(response);
+            }
+        });
+    });
+};
+const registerScripts = () => {
+    const scriptId = 'authnet-accept-js';
+    // Only add if not already in the DOM
+    if (!document.getElementById(scriptId)) {
+        const script = document.createElement('script');
+        script.id = scriptId;
+        script.src = 'https://jstest.authorize.net/v1/Accept.js';
+        script.async = true;
+        document.body.appendChild(script);
+    }
+};
+const authnetTokenizer = {
+    tokenize: tokenizeCard,
+    registerScripts
+};
+export { authnetTokenizer };

package/dist/lib/tokenizers/types.d.ts

@@ -0,0 +1,12 @@
+export interface CreditCardInformation {
+    cardNumber: string;
+    month: number;
+    year: number;
+    cardCode: string;
+    nameOnCard: string;
+}
+export type Tokenizer = {
+    tokenize: (cardInfo: CreditCardInformation, paymentIntent: any) => Promise<any>;
+    registerScripts: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/tokenizers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/tokenizers/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,SAAS,GAAG;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,qBAAqB,EAAE,aAAa,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAChF,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAA"}

package/dist/lib/tokenizers/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cohostvip/cohost-react",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "React bindings for the Cohost API",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@cohostvip/cohost-node": "0.1.6"
+    "@cohostvip/cohost-node": "0.1.8"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.6.3",