@duffel/components 3.1.7 → 3.1.8--canary.1

package/components/DuffelCardForm/DuffelCardForm.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { DuffelCardFormProps } from "./lib/types";
+export declare const DuffelCardForm: React.FC<DuffelCardFormProps>;

package/components/DuffelCardForm/DuffelCardFormCustomElement.d.ts

@@ -0,0 +1,13 @@
+import { DuffelCardFormProps } from "./DuffelCardForm";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "duffel-card-form": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+type DuffelCardFormCustomElementRenderArguments = Pick<DuffelCardFormProps, "clientKey" | "styles" | "shouldUseLocalTokenProxy">;
+export declare function renderDuffelCardFormCustomElement(props: DuffelCardFormCustomElementRenderArguments): void;
+export declare function onDuffelCardFormCardIdCreated(onCardIdCreated: DuffelCardFormProps["onStoreForTemporaryUseSuccess"]): void;
+export declare function onDuffelCardFormCardIdCreationError(onCardIdCreationError: DuffelCardFormProps["onStoreForTemporaryUseFailure"]): void;
+export {};

package/components/DuffelCardForm/lib/getIFrameEventListener.d.ts

@@ -0,0 +1,6 @@
+import { DuffelCardFormProps } from "./types";
+type Inputs = {
+    setIFrameHeight: (height: string) => void;
+} & Pick<DuffelCardFormProps, "onValidateSuccess" | "onValidateFailure" | "onStoreForTemporaryUseSuccess" | "onStoreForTemporaryUseFailure">;
+export declare function getIFrameEventListener(baseUrl: string, { setIFrameHeight, onStoreForTemporaryUseSuccess, onStoreForTemporaryUseFailure, }: Inputs): (event: MessageEvent) => void;
+export {};

package/components/DuffelCardForm/lib/getTokenFromClientKey.d.ts

@@ -0,0 +1 @@
+export declare function getTokenFromClientKey(clientKey: string): string;

package/components/DuffelCardForm/lib/types.d.ts

@@ -0,0 +1,60 @@
+import { CustomStyles } from "src/types";
+export interface StoreForTemporaryUseData {
+    id: string;
+    live_mode: false;
+}
+export interface StoreForTemporaryUseError {
+    status: number;
+    message: string;
+}
+export type DuffelCardFormStyles = Pick<CustomStyles, "fontFamily"> & {
+    stylesheetUrl?: string;
+};
+export type DuffelCardFormActions = "validate" | "store-for-temporary-use";
+export interface DuffelCardFormProps {
+    /**
+     * The client key present in the Quote object.
+     */
+    clientKey: string;
+    /**
+     * The styles to apply to the iframe input elements.
+     */
+    styles?: DuffelCardFormStyles;
+    /**
+     * If you want to develop with a local deployment of the token proxy on port 8000. Set this flag to true.
+     */
+    shouldUseLocalTokenProxy?: boolean;
+    /**
+     * The actions you'd like the component to perform.
+     *
+     * This prop is a dependecy of a useEffect hook in the component
+     * and so when it's changed it will perform the action you specify.
+     *
+     * The action `store-for-temporary-use` will only happen once `validate` has been successful.
+     *
+     */
+    actions: DuffelCardFormActions[];
+    /**
+     * This function will be called when the card form validation has been successful.
+     */
+    onValidateSuccess: () => void;
+    /**
+     * If the card form validation is successful but data is changed afterwards,
+     * making it invalid, this function will be called.
+     */
+    onValidateFailure: () => void;
+    /**
+     * This function will be called when the card has been stored for temporary use.
+     *
+     * This callback will only be triggered if the `store-for-temporary-use`
+     * action is present in the `actions` prop.
+     */
+    onStoreForTemporaryUseSuccess: (data: StoreForTemporaryUseData) => void;
+    /**
+     * This function will be called when the component has failed to store the card for temporary use.
+     *
+     * This callback will only be triggered if the `store-for-temporary-use`
+     * action is present in the `actions` prop.
+     */
+    onStoreForTemporaryUseFailure: (error: StoreForTemporaryUseError) => void;
+}

package/custom-elements.d.ts

@@ -4,3 +4,4 @@
  */
 export { onDuffelAncillariesPayloadReady, renderDuffelAncillariesCustomElement, } from "./components/DuffelAncillaries/DuffelAncillariesCustomElement";
 export { onDuffelPaymentsFailedPayment, onDuffelPaymentsSuccessfulPayment, renderDuffelPaymentsCustomElement, } from "./components/DuffelPayments/DuffelPaymentsCustomElement";
+export { renderDuffelCardFormCustomElement, onDuffelCardFormCardIdCreated, onDuffelCardFormCardIdCreationError, } from "./components/DuffelCardForm/DuffelCardFormCustomElement";