Merge pull request #1 from rhnorskov/feature/element-type

rhnorskov · May 17, 2020 · 58c6efc · 58c6efc
2 parents 10252ba + 4e15b72
commit 58c6efc
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/src/CardCvcElement.tsx b/src/CardCvcElement.tsx
@@ -13,7 +13,7 @@ export interface CardCvcElementProps extends StripeCardCvcElementProps {
   name: string;
 }
 
-export const CardCvcElement: React.FC<CardCvcElementProps> = ({
+const CardCvcElement: React.FC<CardCvcElementProps> = ({
   name,
   onBlur,
   onChange,
@@ -41,6 +41,11 @@ export const CardCvcElement: React.FC<CardCvcElementProps> = ({
   );
 };
 
+// @ts-ignore
+CardCvcElement.__elementType = StripeCardCvcElement.__elementType;
+
+export { CardCvcElement };
+
 function cardCvcElement(
   this: ObjectSchema<object>,
   messages?: {

diff --git a/src/CardExpiryElement.tsx b/src/CardExpiryElement.tsx
@@ -13,7 +13,7 @@ export interface CardExpiryElementProps extends StripeCardExpiryElementProps {
   name: string;
 }
 
-export const CardExpiryElement: React.FC<CardExpiryElementProps> = ({
+const CardExpiryElement: React.FC<CardExpiryElementProps> = ({
   name,
   onBlur,
   onChange,
@@ -91,6 +91,11 @@ function cardExpiryElement(
   });
 }
 
+// @ts-ignore
+CardExpiryElement.__elementType = StripeCardExpiryElement.__elementType;
+
+export { CardExpiryElement };
+
 addMethod<ObjectSchema>(object, "cardExpiryElement", cardExpiryElement);
 
 declare module "yup" {

diff --git a/src/CardNumberElement.tsx b/src/CardNumberElement.tsx
@@ -13,7 +13,7 @@ export interface CardNumberElementProps extends StripeCardNumberElementProps {
   name: string;
 }
 
-export const CardNumberElement: React.FC<CardNumberElementProps> = ({
+const CardNumberElement: React.FC<CardNumberElementProps> = ({
   name,
   onBlur,
   onChange,
@@ -41,6 +41,11 @@ export const CardNumberElement: React.FC<CardNumberElementProps> = ({
   );
 };
 
+// @ts-ignore
+CardNumberElement.__elementType = StripeCardNumberElement.__elementType;
+
+export { CardNumberElement };
+
 function cardNumberElement(
   this: ObjectSchema<object>,
   messages?: { empty?: string; invalid?: string; incomplete?: string }