@duffel/components 3.5.0--canary-6 → 3.5.0--canary-7

package/components/DuffelCardForm/DuffelCardForm.d.ts

@@ -1,8 +1,3 @@
 import * as React from "react";
 import { DuffelCardFormProps } from "./lib/types";
-type DuffelCardFormActions = {
-    saveCard: () => void;
-    createCardForTemporaryUse: () => void;
-};
 export declare const DuffelCardForm: React.ForwardRefExoticComponent<DuffelCardFormProps & React.RefAttributes<DuffelCardFormActions>>;
-export {};

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

@@ -1,23 +1,24 @@
-import { DuffelCardFormProps } from "./types";
+import React from "react";
+export interface DuffelCardFormActions {
+    saveCard: () => void;
+    createCardForTemporaryUse: () => void;
+}
 export interface UseDuffelCardFormActionsHook {
     /**
-     * The actions array that should be passed to the `actions` prop of the `DuffelCardForm` component.
-     * You do not have have to modify this array directly, instead rely on `triggerSaveCard` and `triggerCreateCardForTemporaryUse` to update the array.
+     * The ref you should pass to the DuffelCardForm component.
      */
-    actions: DuffelCardFormProps["actions"];
+    ref: React.RefObject<DuffelCardFormActions>;
     /**
      *  Call this function to tell the component to save the card.
      */
-    triggerSaveCard: () => void;
+    saveCard: () => void;
     /**
      *  Call this function to tell the component to create a card for temporary use.
      */
-    triggerCreateCardForTemporaryUse: () => void;
+    createCardForTemporaryUse: () => void;
 }
 /**
- * This hook gives you convinient helpers to read and reason through the DuffelCardForm integration.
- * Add `actions` to the `DuffelCardForm` actions prop and call the functions to trigger the actions you'd like.
- *
- * In the background, this hook is setting the state on actions prop and the component's useEffect hook will trigger the action.
+ * This hook abstracts the ref for convinience and readability.
+ * Add `ref` to the `DuffelCardForm` `ref` prop and call the functions to trigger the actions you'd like.
  */
 export declare function useDuffelCardFormActions(): UseDuffelCardFormActionsHook;