@getruba/checkout 0.3.0

package/dist/providers/index.d.cts

@@ -0,0 +1,89 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { s as schemas, o as operations, C as Client } from '../index.d-DvLuMU7T.cjs';
+import { A } from './config-oYrbe6vX.js';
+import { Stripe, StripeElements } from '@stripe/stripe-js';
+import { UseFormReturn } from 'react-hook-form';
+import 'openapi-fetch';
+
+interface CheckoutFormContextProps {
+    checkout: schemas['CheckoutPublic'];
+    form: UseFormReturn<schemas['CheckoutUpdatePublic']>;
+    update: (data: schemas['CheckoutUpdatePublic']) => Promise<schemas['CheckoutPublic']>;
+    confirm: (data: schemas['CheckoutConfirmStripe'], stripe: Stripe | null, elements: StripeElements | null) => Promise<schemas['CheckoutPublicConfirmed']>;
+    loading: boolean;
+    loadingLabel: string | undefined;
+    isUpdatePending: boolean;
+}
+declare const CheckoutFormContext: react.Context<CheckoutFormContextProps>;
+declare const CheckoutFormProvider: ({ children, locale, }: React.PropsWithChildren<{
+    locale?: A;
+}>) => react_jsx_runtime.JSX.Element;
+declare const useCheckoutForm: () => CheckoutFormContextProps;
+
+type ResponseMap = Record<number, {
+    content?: Record<string, unknown>;
+}>;
+type ErrorCodes<T extends ResponseMap> = Exclude<keyof T, 200 | 201 | 202 | 204>;
+type JsonErrorCodes<T extends ResponseMap> = {
+    [K in ErrorCodes<T>]: T[K] extends {
+        content: {
+            'application/json': unknown;
+        };
+    } ? K : never;
+}[ErrorCodes<T>];
+type ErrorTypes<T extends ResponseMap> = {
+    [K in JsonErrorCodes<T>]: T[K] extends {
+        content: {
+            'application/json': {
+                error: infer E;
+            };
+        };
+    } ? E : never;
+}[JsonErrorCodes<T>];
+type SuccessBody<T extends ResponseMap> = T[200] extends {
+    content: {
+        'application/json': infer R;
+    };
+} ? R : never;
+type APIError<T extends keyof operations> = {
+    error: ErrorTypes<operations[T]['responses']>;
+    detail: string;
+};
+type ValidationError = {
+    error: 'RequestValidationError';
+    detail: {
+        input: unknown;
+        loc: string[];
+        msg: string;
+        type: string;
+    }[];
+};
+type ErrorResponse<T extends keyof operations> = APIError<T> | ValidationError;
+type Result<T extends keyof operations> = {
+    ok: true;
+    error: never;
+    value: SuccessBody<operations[T]['responses']>;
+} | {
+    ok: false;
+    error: ErrorResponse<T> | null;
+    value: never;
+};
+interface CheckoutContextProps {
+    checkout: schemas['CheckoutPublic'];
+    refresh: () => Promise<Result<'checkouts:client_get'>>;
+    update: (data: schemas['CheckoutUpdatePublic']) => Promise<Result<'checkouts:client_update'>>;
+    confirm: (data: schemas['CheckoutConfirmStripe']) => Promise<Result<'checkouts:client_confirm'>>;
+    client: Client;
+}
+declare const CheckoutContext: react.Context<CheckoutContextProps>;
+interface CheckoutProviderProps {
+    clientSecret: string;
+    initialCheckout?: schemas['CheckoutPublic'];
+    server?: 'production' | 'sandbox';
+    serverURL?: string;
+}
+declare const CheckoutProvider: ({ clientSecret, initialCheckout, serverURL, server, children, }: React.PropsWithChildren<CheckoutProviderProps>) => react_jsx_runtime.JSX.Element | null;
+declare const useCheckout: () => CheckoutContextProps;
+
+export { CheckoutContext, CheckoutFormContext, CheckoutFormProvider, CheckoutProvider, type Result, useCheckout, useCheckoutForm };

package/dist/providers/index.d.ts

@@ -0,0 +1,89 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { s as schemas, o as operations, C as Client } from '../index.d-DvLuMU7T.js';
+import { A } from './config-oYrbe6vX.js';
+import { Stripe, StripeElements } from '@stripe/stripe-js';
+import { UseFormReturn } from 'react-hook-form';
+import 'openapi-fetch';
+
+interface CheckoutFormContextProps {
+    checkout: schemas['CheckoutPublic'];
+    form: UseFormReturn<schemas['CheckoutUpdatePublic']>;
+    update: (data: schemas['CheckoutUpdatePublic']) => Promise<schemas['CheckoutPublic']>;
+    confirm: (data: schemas['CheckoutConfirmStripe'], stripe: Stripe | null, elements: StripeElements | null) => Promise<schemas['CheckoutPublicConfirmed']>;
+    loading: boolean;
+    loadingLabel: string | undefined;
+    isUpdatePending: boolean;
+}
+declare const CheckoutFormContext: react.Context<CheckoutFormContextProps>;
+declare const CheckoutFormProvider: ({ children, locale, }: React.PropsWithChildren<{
+    locale?: A;
+}>) => react_jsx_runtime.JSX.Element;
+declare const useCheckoutForm: () => CheckoutFormContextProps;
+
+type ResponseMap = Record<number, {
+    content?: Record<string, unknown>;
+}>;
+type ErrorCodes<T extends ResponseMap> = Exclude<keyof T, 200 | 201 | 202 | 204>;
+type JsonErrorCodes<T extends ResponseMap> = {
+    [K in ErrorCodes<T>]: T[K] extends {
+        content: {
+            'application/json': unknown;
+        };
+    } ? K : never;
+}[ErrorCodes<T>];
+type ErrorTypes<T extends ResponseMap> = {
+    [K in JsonErrorCodes<T>]: T[K] extends {
+        content: {
+            'application/json': {
+                error: infer E;
+            };
+        };
+    } ? E : never;
+}[JsonErrorCodes<T>];
+type SuccessBody<T extends ResponseMap> = T[200] extends {
+    content: {
+        'application/json': infer R;
+    };
+} ? R : never;
+type APIError<T extends keyof operations> = {
+    error: ErrorTypes<operations[T]['responses']>;
+    detail: string;
+};
+type ValidationError = {
+    error: 'RequestValidationError';
+    detail: {
+        input: unknown;
+        loc: string[];
+        msg: string;
+        type: string;
+    }[];
+};
+type ErrorResponse<T extends keyof operations> = APIError<T> | ValidationError;
+type Result<T extends keyof operations> = {
+    ok: true;
+    error: never;
+    value: SuccessBody<operations[T]['responses']>;
+} | {
+    ok: false;
+    error: ErrorResponse<T> | null;
+    value: never;
+};
+interface CheckoutContextProps {
+    checkout: schemas['CheckoutPublic'];
+    refresh: () => Promise<Result<'checkouts:client_get'>>;
+    update: (data: schemas['CheckoutUpdatePublic']) => Promise<Result<'checkouts:client_update'>>;
+    confirm: (data: schemas['CheckoutConfirmStripe']) => Promise<Result<'checkouts:client_confirm'>>;
+    client: Client;
+}
+declare const CheckoutContext: react.Context<CheckoutContextProps>;
+interface CheckoutProviderProps {
+    clientSecret: string;
+    initialCheckout?: schemas['CheckoutPublic'];
+    server?: 'production' | 'sandbox';
+    serverURL?: string;
+}
+declare const CheckoutProvider: ({ clientSecret, initialCheckout, serverURL, server, children, }: React.PropsWithChildren<CheckoutProviderProps>) => react_jsx_runtime.JSX.Element | null;
+declare const useCheckout: () => CheckoutContextProps;
+
+export { CheckoutContext, CheckoutFormContext, CheckoutFormProvider, CheckoutProvider, type Result, useCheckout, useCheckoutForm };

package/dist/providers/index.js

@@ -0,0 +1 @@
+"use client";import{b as I,c as y,d as _,e as M,i as N,n as O}from"../chunk-TS7YIDY3.js";import"../chunk-ZWRDP37E.js";import{createContext as ee,useCallback as S,useContext as te,useState as A}from"react";var R=(r,u,e=1,s)=>{r.forEach(d=>{let o=d.loc.slice(e);s&&s.includes(o[0])&&(o=o.slice(1)),u(o.join("."),{type:d.type,message:d.msg})})};import{createContext as G,useCallback as v,useContext as W,useEffect as Y,useMemo as $,useState as D}from"react";import{jsx as Z}from"react/jsx-runtime";var j=async(r,u)=>{try{return{ok:!0,value:await _(r.GET("/v1/checkouts/client/{client_secret}",{params:{path:u}}))}}catch(e){return e instanceof y?{ok:!1,error:e.error}:{ok:!1,error:null}}},H=async(r,u,e)=>{try{return{ok:!0,value:await _(r.POST("/v1/checkouts/client/{client_secret}/confirm",{params:{path:u},body:e}))}}catch(s){return s instanceof y?{ok:!1,error:s.error}:{ok:!1,error:null}}},z=async(r,u,e)=>{try{return{ok:!0,value:await _(r.PATCH("/v1/checkouts/client/{client_secret}",{params:{path:u},body:e}))}}catch(s){return s instanceof y?{ok:!1,error:s.error}:{ok:!1,error:null}}},Q=()=>{throw new Error("You forgot to wrap your component in <CheckoutProvider>.")},T=G(Q),X=({clientSecret:r,initialCheckout:u,serverURL:e,server:s,children:d})=>{let o=$(()=>{let n=(()=>{if(e)return e.replace(/\/v1\/?$/,"");switch(s){case"sandbox":return"https://sandbox-api.getruba.com";case"production":case void 0:return"https://api.getruba.com";default:throw new Error(`Unknown server: '${s}'`)}})();return I(n)},[s,e]),[f,c]=D(u??null);Y(()=>{u||j(o,{client_secret:r}).then(n=>{n.ok&&c(n.value)}).catch(n=>{throw n})},[o,r,u]);let g=v(async()=>{let n=await j(o,{client_secret:r});return n.ok&&c(n.value),n},[o,r]),k=v(async n=>{let p=await z(o,{client_secret:r},n);return p.ok&&c(p.value),p},[o,r]),P=v(async n=>{let p=await H(o,{client_secret:r},n);return p.ok&&c(p.value),p},[o,r]);return f?Z(T.Provider,{value:{checkout:f,refresh:g,update:k,confirm:P,client:o},children:d}):null},F=()=>W(T);import{jsx as ne}from"react/jsx-runtime";var oe=()=>{throw new Error("You forgot to wrap your component in <CheckoutFormProvider>.")},U=ee(oe),re=({children:r,locale:u=M})=>{let{checkout:e,update:s,confirm:d}=F(),o=N(u),[f,c]=A(!1),[g,k]=A(),[P,n]=A(!1),p=O({defaultValues:{...e,customer_billing_address:e.customer_billing_address,discount_code:e.discount?e.discount.code:void 0,allow_trial:void 0},shouldUnregister:!0}),{setError:l}=p,E=S(async i=>{n(!0);let{ok:m,value:h,error:t}=await s(i).finally(()=>{n(!1)});if(m)return h;if(t){if(Array.isArray(t.detail))throw R(t.detail,l),t;switch(t.error){case"AlreadyActiveSubscriptionError":case"NotOpenCheckout":case"PaymentNotReady":l("root",{message:t.detail});break;case"ResourceNotFound":case"ExpiredCheckoutError":break}}throw t},[s,l]),b=S(async i=>{let{ok:m,value:h,error:t}=await d(i);if(m)return h;if(t){if(Array.isArray(t.detail))throw R(t.detail,l),t;switch(t.error){case"PaymentError":case"AlreadyActiveSubscriptionError":case"NotOpenCheckout":case"PaymentNotReady":l("root",{message:t.detail});break;case"TrialAlreadyRedeemed":l("root",{message:t.detail}),await E({allow_trial:!1});break;case"ResourceNotFound":case"ExpiredCheckoutError":break}}throw t},[d,l,E]),q=S(async(i,m,h)=>{if(c(!0),!e.is_payment_form_required){k(o("checkout.loading.processingOrder"));try{return await b(i)}finally{c(!1)}}if(!m||!h)throw c(!1),new Error("Stripe elements not provided");k(o("checkout.loading.processingPayment"));let{error:t}=await h.submit();if(t)throw t.type!=="validation_error"&&l("root",{message:t.message}),c(!1),new Error(t.message);let w,C;try{let a=await m.createConfirmationToken({elements:h,params:{payment_method_data:{billing_details:{name:i.customer_name||null,email:i.customer_email,address:{line1:i.customer_billing_address?.line1||null,line2:i.customer_billing_address?.line2||null,postal_code:i.customer_billing_address?.postal_code||null,city:i.customer_billing_address?.city||null,state:i.customer_billing_address?.state||null,country:i.customer_billing_address?.country||null},phone:null}}}});w=a.confirmationToken,C=a.error}catch(a){throw c(!1),a}if(!w||C){let a=o("checkout.loading.confirmationTokenFailed");throw l("root",{message:C?.message||a}),c(!1),new Error(C?.message||a)}let x;try{x=await b({...i,confirmation_token_id:w.id})}catch(a){throw c(!1),a}k(o("checkout.loading.paymentSuccessful"));let{intent_status:V,intent_client_secret:K}=x.payment_processor_metadata,L=V;for(;L==="requires_action";){let{error:a,paymentIntent:B,setupIntent:J}=await m.handleNextAction({clientSecret:K});if(a)throw c(!1),l("root",{message:a.message}),new Error(a.message);L=B?.status||J?.status||V}return c(!1),x},[e,l,b,o]);return ne(U.Provider,{value:{checkout:e,form:p,update:E,confirm:q,loading:f,loadingLabel:g,isUpdatePending:P},children:r})},se=()=>te(U);export{T as CheckoutContext,U as CheckoutFormContext,re as CheckoutFormProvider,X as CheckoutProvider,F as useCheckout,se as useCheckoutForm};

package/dist/react/payment-method.cjs

@@ -0,0 +1 @@
+"use strict";var e,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,a=Object.prototype.hasOwnProperty,r={};((e,n)=>{for(var s in n)t(e,s,{get:n[s],enumerable:!0})})(r,{RubaPaymentMethod:()=>f,usePaymentMethodRedirectResult:()=>b}),module.exports=(e=r,((e,r,o,i)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let d of s(r))a.call(e,d)||d===o||t(e,d,{get:()=>r[d],enumerable:!(i=n(r,d))||i.enumerable});return e})(t({},"__esModule",{value:!0}),e));var o=require("react"),i="RUBA_PAYMENT_METHOD",d="/embed/payment-method",l="ruba_payment_method_status",c=()=>{const e="http://127.0.0.1:3000".split(",");return"undefined"!=typeof window&&e.includes(window.location.origin)?window.location.origin:e[0]},m=()=>{const e="http://127.0.0.1:3000".split(",").join(" ");return`payment 'self' ${e}; publickey-credentials-get 'self' ${e};`},u=class e{iframe;mode;loader;loaded;closable;eventTarget;windowMessageListener;constructor(e,t,n){this.iframe=e,this.mode=t,this.loader=n,this.loaded=!1,this.closable=!0,this.eventTarget=new EventTarget,this.windowMessageListener=this.handleWindowMessage.bind(this),window.addEventListener("message",this.windowMessageListener)}static postMessage(e,t){window.parent.postMessage({...e,type:i},t)}static create(t){const{sessionToken:n,theme:s,setAsDefault:a,returnUrl:r,locale:o,onLoaded:i}=t,l=document.createElement("style");l.innerText=`\n      .ruba-loader-spinner {\n        width: 20px;\n        aspect-ratio: 1;\n        border-radius: 50%;\n        background: ${"dark"===s?"#000":"#fff"};\n        box-shadow: 0 0 0 0 ${"dark"===s?"#fff":"#000"};\n        animation: ruba-loader-spinner-animation 1s infinite;\n      }\n      @keyframes ruba-loader-spinner-animation {\n        100% {box-shadow: 0 0 0 30px #0000}\n      }\n      body.ruba-no-scroll {\n        overflow: hidden;\n      }\n    `,document.head.appendChild(l);const u=document.createElement("div");u.style.position="absolute",u.style.top="50%",u.style.left="50%",u.style.transform="translate(-50%, -50%)",u.style.zIndex="2147483647",u.style.colorScheme="auto";const h=document.createElement("div");h.className="ruba-loader-spinner",u.appendChild(h),document.body.classList.add("ruba-no-scroll"),document.body.appendChild(u);const f=new URL(d,c());f.searchParams.set("session_token",n),f.searchParams.set("embed","true"),f.searchParams.set("embed_origin",window.location.origin),f.searchParams.set("mode","modal"),f.searchParams.set("embed_return_url",r??window.location.href),s&&f.searchParams.set("theme",s),!1===a&&f.searchParams.set("set_default","false"),o&&f.searchParams.set("locale",o);const b=document.createElement("iframe");b.src=f.toString(),b.style.position="fixed",b.style.top="0",b.style.left="0",b.style.width="100%",b.style.height="100%",b.style.border="none",b.style.zIndex="2147483647",b.style.backgroundColor="rgba(0, 0, 0, 0.5)",b.style.colorScheme="auto",b.allow=m(),document.body.appendChild(b);const p=new e(b,"modal",u);return i&&p.addEventListener("loaded",i,{once:!0}),new Promise(e=>{p.addEventListener("loaded",()=>e(p),{once:!0})})}static createInline(t){const{sessionToken:n,element:s,theme:a,setAsDefault:r,locale:o,onLoaded:i}=t,l=new URL(d,c());l.searchParams.set("session_token",n),l.searchParams.set("embed","true"),l.searchParams.set("embed_origin",window.location.origin),l.searchParams.set("mode","inline"),a&&l.searchParams.set("theme",a),!1===r&&l.searchParams.set("set_default","false"),o&&l.searchParams.set("locale",o);const u=document.createElement("iframe");u.src=l.toString(),u.style.display="block",u.style.width="100%",u.style.height="0",u.style.border="none",u.style.colorScheme="auto",u.allow=m(),s.replaceChildren(u);const h=new e(u,"inline",null);return i&&h.addEventListener("loaded",i,{once:!0}),h}static init(){document.querySelectorAll("[data-ruba-payment-method]").forEach(t=>{t.removeEventListener("click",e.elementClickHandler),t.addEventListener("click",e.elementClickHandler)})}static getRedirectResult(){if("undefined"==typeof window)return null;const e=new URLSearchParams(window.location.search),t=e.get(l);if("succeeded"!==t&&"failed"!==t)return null;e.delete(l);const n=e.toString();return window.history.replaceState({},"",`${window.location.pathname}${n?`?${n}`:""}${window.location.hash}`),{status:t}}close(){window.removeEventListener("message",this.windowMessageListener),this.iframe.remove(),"modal"===this.mode&&document.body.classList.remove("ruba-no-scroll")}addEventListener(e,t,n){this.eventTarget.addEventListener(e,t,n)}removeEventListener(e,t){this.eventTarget.removeEventListener(e,t)}static async elementClickHandler(t){t.preventDefault();let n=t.target;for(;!n.hasAttribute("data-ruba-payment-method");){if(!n.parentElement)return;n=n.parentElement}const s=n.getAttribute("data-ruba-payment-method");if(!s)return;const a=n.getAttribute("data-ruba-payment-method-theme"),r=n.getAttribute("data-ruba-payment-method-set-as-default"),o=n.getAttribute("data-ruba-payment-method-return-url"),i=n.getAttribute("data-ruba-payment-method-locale");e.create({sessionToken:s,theme:a??void 0,setAsDefault:null===r?void 0:"false"!==r,returnUrl:o??void 0,locale:i??void 0})}handleLoaded(){this.loaded||(this.loader&&document.body.contains(this.loader)&&document.body.removeChild(this.loader),this.loaded=!0)}handleClose(){this.closable&&this.close()}handleConfirmed(){this.closable=!1}handleSuccess(){"inline"!==this.mode&&(this.closable=!0,this.close())}handleError(){this.closable=!0}handleWindowMessage({data:e,origin:t}){if(!"http://127.0.0.1:3000".split(",").includes(t))return;if(e.type!==i)return;if("resize"===e.event)return void("inline"===this.mode&&(this.iframe.style.height=`${Math.max(0,Math.ceil(e.height))}px`));const n=new CustomEvent(e.event,{detail:e,cancelable:!0});if(this.eventTarget.dispatchEvent(n),!n.defaultPrevented)switch(e.event){case"loaded":this.handleLoaded();break;case"close":this.handleClose();break;case"confirmed":this.handleConfirmed();break;case"success":this.handleSuccess();break;case"error":this.handleError()}}};if("undefined"!=typeof window&&(window.Ruba={...window.Ruba??{},EmbedPaymentMethod:u}),"undefined"!=typeof document){const e=document.currentScript;e&&e.hasAttribute("data-auto-init")&&document.addEventListener("DOMContentLoaded",()=>{u.init()})}var h=require("react/jsx-runtime"),f=({sessionToken:e,theme:t,setAsDefault:n,locale:s,onLoaded:a,onConfirmed:r,onSuccess:i,onError:d,className:l,style:c})=>{const m=(0,o.useRef)(null),u=(0,o.useRef)({onLoaded:a,onConfirmed:r,onSuccess:i,onError:d});return(0,o.useEffect)(()=>{u.current={onLoaded:a,onConfirmed:r,onSuccess:i,onError:d}}),(0,o.useEffect)(()=>{const a=m.current;if(!a)return;const r=new URL("/embed/payment-method","http://127.0.0.1:3000".split(",")[0]);r.searchParams.set("session_token",e),r.searchParams.set("embed","true"),r.searchParams.set("embed_origin",window.location.origin),t&&r.searchParams.set("theme",t),!1===n&&r.searchParams.set("set_default","false"),s&&r.searchParams.set("locale",s);const o=document.createElement("iframe");o.src=r.toString(),o.style.display="block",o.style.width="100%",o.style.height="0",o.style.border="none",o.style.colorScheme="auto",o.allow=(()=>{const e="http://127.0.0.1:3000".split(",").join(" ");return`payment 'self' ${e}; publickey-credentials-get 'self' ${e};`})(),a.replaceChildren(o);const i=({data:e,origin:t})=>{var n;if((e=>"http://127.0.0.1:3000".split(",").includes(e))(t)&&((n=e)&&"object"==typeof n&&"RUBA_PAYMENT_METHOD"===n.type))switch(e.event){case"loaded":u.current.onLoaded?.();break;case"confirmed":u.current.onConfirmed?.();break;case"success":u.current.onSuccess?.(e.paymentMethodId);break;case"error":u.current.onError?.(e.code);break;case"resize":o.style.height=`${Math.max(0,Math.ceil(e.height))}px`}};return window.addEventListener("message",i),()=>{window.removeEventListener("message",i),o.remove()}},[e,t,n,s]),(0,h.jsx)("div",{ref:m,className:l,style:c})},b=({onSuccess:e,onError:t,onResult:n})=>{const s=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(s.current)return;s.current=!0;const a=u.getRedirectResult();a&&(n?.(a),"succeeded"===a.status?e?.():t?.())},[e,t,n])};

package/dist/react/payment-method.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EmbedPaymentMethodErrorCode, EmbedPaymentMethodRedirectResult } from '../payment-method.cjs';
+
+interface RubaPaymentMethodBaseProps {
+    sessionToken: string;
+    theme?: 'light' | 'dark';
+    setAsDefault?: boolean;
+    locale?: string;
+    onLoaded?: () => void;
+    onConfirmed?: () => void;
+    onSuccess?: (paymentMethodId: string) => void;
+    onError?: (code: EmbedPaymentMethodErrorCode) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+type RubaPaymentMethodProps = RubaPaymentMethodBaseProps;
+declare const RubaPaymentMethod: ({ sessionToken, theme, setAsDefault, locale, onLoaded, onConfirmed, onSuccess, onError, className, style, }: RubaPaymentMethodProps) => react_jsx_runtime.JSX.Element;
+interface UsePaymentMethodRedirectResultOptions {
+    onSuccess?: () => void;
+    onError?: () => void;
+    onResult?: (result: EmbedPaymentMethodRedirectResult) => void;
+}
+declare const usePaymentMethodRedirectResult: ({ onSuccess, onError, onResult, }: UsePaymentMethodRedirectResultOptions) => void;
+
+export { RubaPaymentMethod, type RubaPaymentMethodProps, type UsePaymentMethodRedirectResultOptions, usePaymentMethodRedirectResult };

package/dist/react/payment-method.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EmbedPaymentMethodErrorCode, EmbedPaymentMethodRedirectResult } from '../payment-method.js';
+
+interface RubaPaymentMethodBaseProps {
+    sessionToken: string;
+    theme?: 'light' | 'dark';
+    setAsDefault?: boolean;
+    locale?: string;
+    onLoaded?: () => void;
+    onConfirmed?: () => void;
+    onSuccess?: (paymentMethodId: string) => void;
+    onError?: (code: EmbedPaymentMethodErrorCode) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+type RubaPaymentMethodProps = RubaPaymentMethodBaseProps;
+declare const RubaPaymentMethod: ({ sessionToken, theme, setAsDefault, locale, onLoaded, onConfirmed, onSuccess, onError, className, style, }: RubaPaymentMethodProps) => react_jsx_runtime.JSX.Element;
+interface UsePaymentMethodRedirectResultOptions {
+    onSuccess?: () => void;
+    onError?: () => void;
+    onResult?: (result: EmbedPaymentMethodRedirectResult) => void;
+}
+declare const usePaymentMethodRedirectResult: ({ onSuccess, onError, onResult, }: UsePaymentMethodRedirectResultOptions) => void;
+
+export { RubaPaymentMethod, type RubaPaymentMethodProps, type UsePaymentMethodRedirectResultOptions, usePaymentMethodRedirectResult };

package/dist/react/payment-method.js

@@ -0,0 +1 @@
+import{EmbedPaymentMethod as e}from"../chunk-FSZEYAE6.js";import{useEffect as r,useRef as t}from"react";import{jsx as s}from"react/jsx-runtime";var o=({sessionToken:e,theme:o,setAsDefault:n,locale:a,onLoaded:c,onConfirmed:i,onSuccess:d,onError:l,className:m,style:u})=>{const h=t(null),f=t({onLoaded:c,onConfirmed:i,onSuccess:d,onError:l});return r(()=>{f.current={onLoaded:c,onConfirmed:i,onSuccess:d,onError:l}}),r(()=>{const r=h.current;if(!r)return;const t=new URL("/embed/payment-method","http://127.0.0.1:3000".split(",")[0]);t.searchParams.set("session_token",e),t.searchParams.set("embed","true"),t.searchParams.set("embed_origin",window.location.origin),o&&t.searchParams.set("theme",o),!1===n&&t.searchParams.set("set_default","false"),a&&t.searchParams.set("locale",a);const s=document.createElement("iframe");s.src=t.toString(),s.style.display="block",s.style.width="100%",s.style.height="0",s.style.border="none",s.style.colorScheme="auto",s.allow=(()=>{const e="http://127.0.0.1:3000".split(",").join(" ");return`payment 'self' ${e}; publickey-credentials-get 'self' ${e};`})(),r.replaceChildren(s);const c=({data:e,origin:r})=>{var t;if((e=>"http://127.0.0.1:3000".split(",").includes(e))(r)&&((t=e)&&"object"==typeof t&&"RUBA_PAYMENT_METHOD"===t.type))switch(e.event){case"loaded":f.current.onLoaded?.();break;case"confirmed":f.current.onConfirmed?.();break;case"success":f.current.onSuccess?.(e.paymentMethodId);break;case"error":f.current.onError?.(e.code);break;case"resize":s.style.height=`${Math.max(0,Math.ceil(e.height))}px`}};return window.addEventListener("message",c),()=>{window.removeEventListener("message",c),s.remove()}},[e,o,n,a]),s("div",{ref:h,className:m,style:u})},n=({onSuccess:s,onError:o,onResult:n})=>{const a=t(!1);r(()=>{if(a.current)return;a.current=!0;const r=e.getRedirectResult();r&&(n?.(r),"succeeded"===r.status?s?.():o?.())},[s,o,n])};export{o as RubaPaymentMethod,n as usePaymentMethodRedirectResult};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@getruba/checkout",
+  "description": "Ruba Checkout SDK",
+  "author": "Ruba",
+  "license": "Apache-2.0",
+  "type": "module",
+  "version": "0.3.0",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rubadot/ruba.git",
+    "directory": "clients/packages/checkout"
+  },
+  "exports": {
+    "./guards": {
+      "types": "./dist/guards.d.ts",
+      "default": "./dist/guards.js"
+    },
+    "./embed": {
+      "types": "./dist/embed.d.ts",
+      "default": "./dist/embed.js"
+    },
+    "./payment-method": {
+      "types": "./dist/payment-method.d.ts",
+      "default": "./dist/payment-method.js"
+    },
+    "./react/payment-method": {
+      "types": "./dist/react/payment-method.d.ts",
+      "default": "./dist/react/payment-method.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
+    },
+    "./providers": {
+      "types": "./dist/providers/index.d.ts",
+      "default": "./dist/providers/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "date-fns": "^4.1.0",
+    "event-source-plus": "^0.1.15"
+  },
+  "peerDependencies": {
+    "@stripe/react-stripe-js": "^3.6.0 || ^4.0.2 || ^5.6.1",
+    "@stripe/stripe-js": "^7.1.0 || ^8.11.0",
+    "react": "^18 || ^19"
+  },
+  "scripts": {
+    "build": "rm -rf dist/ && tsup && node scripts/sanitize-public-build.mjs",
+    "lint": "oxfmt --check . && eslint --max-warnings 0 .",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  }
+}