svelte-stripe - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

CHANGELOG.md

 # Changelog
 
+## 0.0.19
+
+- Added `<LinkAuthenticationElement>`, see: https://stripe.com/docs/payments/link/accept-a-payment
+- Makes `@stripe/stripe-js` npm package a dependency.
+
 ## 0.0.18
@@ -4,0 +9,0 @@

Container.svelte.d.ts

@@ -6,2 +6,68 @@ /** @typedef {typeof __propDef.props}  ContainerProps */
     stripe: import("@stripe/stripe-js").Stripe;
+    elements?: import("@stripe/stripe-js").StripeElements;
+    theme?: "stripe" | "night" | "flat" | "none";
+    variables?: {
+        fontFamily?: string;
+        fontSmooth?: string;
+        fontVariantLigatures?: string;
+        fontVariationSettings?: string;
+        fontLineHeight?: string;
+        fontSizeBase?: string;
+        fontSizeSm?: string;
+        fontSizeXs?: string;
+        fontSize2Xs?: string;
+        fontSize3Xs?: string;
+        fontSizeLg?: string;
+        fontSizeXl?: string;
+        fontWeightLight?: string;
+        fontWeightNormal?: string;
+        fontWeightMedium?: string;
+        fontWeightBold?: string;
+        spacingUnit?: string;
+        spacingGridRow?: string;
+        spacingGridColumn?: string;
+        spacingTab?: string;
+        colorPrimary?: string;
+        colorPrimaryText?: string;
+        colorBackground?: string;
+        colorBackgroundText?: string;
+        colorText?: string;
+        colorSuccess?: string;
+        colorSuccessText?: string;
+        colorDanger?: string;
+        colorDangerText?: string;
+        colorWarning?: string;
+        colorWarningText?: string;
+        colorTextSecondary?: string;
+        colorTextPlaceholder?: string;
+        colorIcon?: string;
+        colorIconHover?: string;
+        colorIconCardError?: string;
+        colorIconCardCvc?: string;
+        colorIconCardCvcError?: string;
+        colorIconCheckmark?: string;
+        colorIconChevronDown?: string;
+        colorIconChevronDownHover?: string;
+        colorIconRedirect?: string;
+        colorIconTab?: string;
+        colorIconTabHover?: string;
+        colorIconTabSelected?: string;
+        colorIconTabMore?: string;
+        colorIconTabMoreHover?: string;
+        colorLogo?: string;
+        colorLogoTab?: string;
+        colorLogoTabSelected?: string;
+        colorLogoBlock?: string;
+        focusBoxShadow?: string;
+        focusOutline?: string;
+        borderRadius?: string;
+    };
+    rules?: {
+        [selector: string]: {
+            [cssPropertyName: string]: string;
+        };
+    };
+    labels?: "above" | "floating";
+    loader?: any;
+    clientSecret?: string;
 }, {
@@ -20,2 +86,68 @@ [evt: string]: CustomEvent<any>;
         stripe: import('@stripe/stripe-js').Stripe | null;
+        elements?: import('@stripe/stripe-js').StripeElements | null;
+        theme?: "stripe" | "night" | "flat" | "none";
+        variables?: {
+            fontFamily?: string;
+            fontSmooth?: string;
+            fontVariantLigatures?: string;
+            fontVariationSettings?: string;
+            fontLineHeight?: string;
+            fontSizeBase?: string;
+            fontSizeSm?: string;
+            fontSizeXs?: string;
+            fontSize2Xs?: string;
+            fontSize3Xs?: string;
+            fontSizeLg?: string;
+            fontSizeXl?: string;
+            fontWeightLight?: string;
+            fontWeightNormal?: string;
+            fontWeightMedium?: string;
+            fontWeightBold?: string;
+            spacingUnit?: string;
+            spacingGridRow?: string;
+            spacingGridColumn?: string;
+            spacingTab?: string;
+            colorPrimary?: string;
+            colorPrimaryText?: string;
+            colorBackground?: string;
+            colorBackgroundText?: string;
+            colorText?: string;
+            colorSuccess?: string;
+            colorSuccessText?: string;
+            colorDanger?: string;
+            colorDangerText?: string;
+            colorWarning?: string;
+            colorWarningText?: string;
+            colorTextSecondary?: string;
+            colorTextPlaceholder?: string;
+            colorIcon?: string;
+            colorIconHover?: string;
+            colorIconCardError?: string;
+            colorIconCardCvc?: string;
+            colorIconCardCvcError?: string;
+            colorIconCheckmark?: string;
+            colorIconChevronDown?: string;
+            colorIconChevronDownHover?: string;
+            colorIconRedirect?: string;
+            colorIconTab?: string;
+            colorIconTabHover?: string;
+            colorIconTabSelected?: string;
+            colorIconTabMore?: string;
+            colorIconTabMoreHover?: string;
+            colorLogo?: string;
+            colorLogoTab?: string;
+            colorLogoTabSelected?: string;
+            colorLogoBlock?: string;
+            focusBoxShadow?: string;
+            focusOutline?: string;
+            borderRadius?: string;
+        };
+        rules?: {
+            [selector: string]: {
+                [cssPropertyName: string]: string;
+            };
+        };
+        labels?: "above" | "floating";
+        loader?: any;
+        clientSecret?: string | null;
     };
@@ -22,0 +154,0 @@ events: {

Elements.svelte.d.ts

@@ -6,2 +6,68 @@ /** @typedef {typeof __propDef.props}  ElementsProps */
     stripe: import("@stripe/stripe-js").Stripe;
+    elements?: import("@stripe/stripe-js").StripeElements;
+    theme?: "stripe" | "night" | "flat" | "none";
+    variables?: {
+        fontFamily?: string;
+        fontSmooth?: string;
+        fontVariantLigatures?: string;
+        fontVariationSettings?: string;
+        fontLineHeight?: string;
+        fontSizeBase?: string;
+        fontSizeSm?: string;
+        fontSizeXs?: string;
+        fontSize2Xs?: string;
+        fontSize3Xs?: string;
+        fontSizeLg?: string;
+        fontSizeXl?: string;
+        fontWeightLight?: string;
+        fontWeightNormal?: string;
+        fontWeightMedium?: string;
+        fontWeightBold?: string;
+        spacingUnit?: string;
+        spacingGridRow?: string;
+        spacingGridColumn?: string;
+        spacingTab?: string;
+        colorPrimary?: string;
+        colorPrimaryText?: string;
+        colorBackground?: string;
+        colorBackgroundText?: string;
+        colorText?: string;
+        colorSuccess?: string;
+        colorSuccessText?: string;
+        colorDanger?: string;
+        colorDangerText?: string;
+        colorWarning?: string;
+        colorWarningText?: string;
+        colorTextSecondary?: string;
+        colorTextPlaceholder?: string;
+        colorIcon?: string;
+        colorIconHover?: string;
+        colorIconCardError?: string;
+        colorIconCardCvc?: string;
+        colorIconCardCvcError?: string;
+        colorIconCheckmark?: string;
+        colorIconChevronDown?: string;
+        colorIconChevronDownHover?: string;
+        colorIconRedirect?: string;
+        colorIconTab?: string;
+        colorIconTabHover?: string;
+        colorIconTabSelected?: string;
+        colorIconTabMore?: string;
+        colorIconTabMoreHover?: string;
+        colorLogo?: string;
+        colorLogoTab?: string;
+        colorLogoTabSelected?: string;
+        colorLogoBlock?: string;
+        focusBoxShadow?: string;
+        focusOutline?: string;
+        borderRadius?: string;
+    };
+    rules?: {
+        [selector: string]: {
+            [cssPropertyName: string]: string;
+        };
+    };
+    labels?: "above" | "floating";
+    loader?: any;
+    clientSecret?: string;
 }, {
@@ -20,2 +86,68 @@ [evt: string]: CustomEvent<any>;
         stripe: import('@stripe/stripe-js').Stripe | null;
+        elements?: import('@stripe/stripe-js').StripeElements | null;
+        theme?: "stripe" | "night" | "flat" | "none";
+        variables?: {
+            fontFamily?: string;
+            fontSmooth?: string;
+            fontVariantLigatures?: string;
+            fontVariationSettings?: string;
+            fontLineHeight?: string;
+            fontSizeBase?: string;
+            fontSizeSm?: string;
+            fontSizeXs?: string;
+            fontSize2Xs?: string;
+            fontSize3Xs?: string;
+            fontSizeLg?: string;
+            fontSizeXl?: string;
+            fontWeightLight?: string;
+            fontWeightNormal?: string;
+            fontWeightMedium?: string;
+            fontWeightBold?: string;
+            spacingUnit?: string;
+            spacingGridRow?: string;
+            spacingGridColumn?: string;
+            spacingTab?: string;
+            colorPrimary?: string;
+            colorPrimaryText?: string;
+            colorBackground?: string;
+            colorBackgroundText?: string;
+            colorText?: string;
+            colorSuccess?: string;
+            colorSuccessText?: string;
+            colorDanger?: string;
+            colorDangerText?: string;
+            colorWarning?: string;
+            colorWarningText?: string;
+            colorTextSecondary?: string;
+            colorTextPlaceholder?: string;
+            colorIcon?: string;
+            colorIconHover?: string;
+            colorIconCardError?: string;
+            colorIconCardCvc?: string;
+            colorIconCardCvcError?: string;
+            colorIconCheckmark?: string;
+            colorIconChevronDown?: string;
+            colorIconChevronDownHover?: string;
+            colorIconRedirect?: string;
+            colorIconTab?: string;
+            colorIconTabHover?: string;
+            colorIconTabSelected?: string;
+            colorIconTabMore?: string;
+            colorIconTabMoreHover?: string;
+            colorLogo?: string;
+            colorLogoTab?: string;
+            colorLogoTabSelected?: string;
+            colorLogoBlock?: string;
+            focusBoxShadow?: string;
+            focusOutline?: string;
+            borderRadius?: string;
+        };
+        rules?: {
+            [selector: string]: {
+                [cssPropertyName: string]: string;
+            };
+        };
+        labels?: "above" | "floating";
+        loader?: any;
+        clientSecret?: string | null;
     };
@@ -22,0 +154,0 @@ events: {

index.d.ts

@@ -9,4 +9,5 @@ export { default as Card } from "./Card.svelte";
 export { default as PaymentElement } from "./PaymentElement.svelte";
+export { default as LinkAuthenticationElement } from "./LinkAuthenticationElement.svelte";
 export { default as Elements } from "./Elements.svelte";
 export { default as Container } from "./Container.svelte";
 export { isServer } from "./util";

index.js

@@ -9,4 +9,5 @@ export { default as Card } from './Card.svelte'
 export { default as PaymentElement } from './PaymentElement.svelte'
+export { default as LinkAuthenticationElement } from './LinkAuthenticationElement.svelte'
 export { default as Elements } from './Elements.svelte'
 export { default as Container } from './Container.svelte'
 export { isServer } from './util'

package.json

 {
   "name": "svelte-stripe",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "homepage": "https://sveltestripe.com",
   "license": "MIT",
+  "dependencies": {
+    "@stripe/stripe-js": "^1.24.0"
+  },
   "devDependencies": {
-    "@stripe/stripe-js": "^1.24.0",
     "@sveltejs/adapter-vercel": "next",
     "@sveltejs/kit": "next",
+    "@vitejs/plugin-basic-ssl": "^0.1.1",
     "dotenv-cli": "^5.0.0",
@@ -25,3 +28,3 @@ "eslint": "^8.11.0",
     "typescript": "^4.6.2",
-    "vite-plugin-mkcert": "^1.6.0"
+    "vite": "^3.0.0"
   },
@@ -39,2 +42,3 @@ "type": "module",
     "./Ideal.svelte": "./Ideal.svelte",
+    "./LinkAuthenticationElement.svelte": "./LinkAuthenticationElement.svelte",
     "./PaymentElement.svelte": "./PaymentElement.svelte",
@@ -41,0 +45,0 @@ "./PaymentRequestButton.svelte": "./PaymentRequestButton.svelte",

PaymentElement.svelte.d.ts

@@ -5,73 +5,6 @@ /** @typedef {typeof __propDef.props}  PaymentElementProps */
 export default class PaymentElement extends SvelteComponentTyped<{
-    stripe: import("@stripe/stripe-js").Stripe;
-    clientSecret: string;
     focus?: () => void;
     blur?: () => void;
-    elements?: import("@stripe/stripe-js").StripeElements;
     clear?: () => void;
     destroy?: () => void;
-    theme?: "stripe" | "night" | "flat" | "none";
-    variables?: {
-        fontFamily?: string;
-        fontSmooth?: string;
-        fontVariantLigatures?: string;
-        fontVariationSettings?: string;
-        fontLineHeight?: string;
-        fontSizeBase?: string;
-        fontSizeSm?: string;
-        fontSizeXs?: string;
-        fontSize2Xs?: string;
-        fontSize3Xs?: string;
-        fontSizeLg?: string;
-        fontSizeXl?: string;
-        fontWeightLight?: string;
-        fontWeightNormal?: string;
-        fontWeightMedium?: string;
-        fontWeightBold?: string;
-        spacingUnit?: string;
-        spacingGridRow?: string;
-        spacingGridColumn?: string;
-        spacingTab?: string;
-        colorPrimary?: string;
-        colorPrimaryText?: string;
-        colorBackground?: string;
-        colorBackgroundText?: string;
-        colorText?: string;
-        colorSuccess?: string;
-        colorSuccessText?: string;
-        colorDanger?: string;
-        colorDangerText?: string;
-        colorWarning?: string;
-        colorWarningText?: string;
-        colorTextSecondary?: string;
-        colorTextPlaceholder?: string;
-        colorIcon?: string;
-        colorIconHover?: string;
-        colorIconCardError?: string;
-        colorIconCardCvc?: string;
-        colorIconCardCvcError?: string;
-        colorIconCheckmark?: string;
-        colorIconChevronDown?: string;
-        colorIconChevronDownHover?: string;
-        colorIconRedirect?: string;
-        colorIconTab?: string;
-        colorIconTabHover?: string;
-        colorIconTabSelected?: string;
-        colorIconTabMore?: string;
-        colorIconTabMoreHover?: string;
-        colorLogo?: string;
-        colorLogoTab?: string;
-        colorLogoTabSelected?: string;
-        colorLogoBlock?: string;
-        focusBoxShadow?: string;
-        focusOutline?: string;
-        borderRadius?: string;
-    };
-    rules?: {
-        [selector: string]: {
-            [cssPropertyName: string]: string;
-        };
-    };
-    labels?: "above" | "floating";
-    loader?: any;
 }, {
@@ -91,73 +24,6 @@ [evt: string]: CustomEvent<any>;
     props: {
-        stripe: import('@stripe/stripe-js').Stripe | null;
-        clientSecret: string;
         focus?: () => void;
         blur?: () => void;
-        elements?: import("@stripe/stripe-js").StripeElements;
         clear?: () => void;
         destroy?: () => void;
-        theme?: "stripe" | "night" | "flat" | "none";
-        variables?: {
-            fontFamily?: string;
-            fontSmooth?: string;
-            fontVariantLigatures?: string;
-            fontVariationSettings?: string;
-            fontLineHeight?: string;
-            fontSizeBase?: string;
-            fontSizeSm?: string;
-            fontSizeXs?: string;
-            fontSize2Xs?: string;
-            fontSize3Xs?: string;
-            fontSizeLg?: string;
-            fontSizeXl?: string;
-            fontWeightLight?: string;
-            fontWeightNormal?: string;
-            fontWeightMedium?: string;
-            fontWeightBold?: string;
-            spacingUnit?: string;
-            spacingGridRow?: string;
-            spacingGridColumn?: string;
-            spacingTab?: string;
-            colorPrimary?: string;
-            colorPrimaryText?: string;
-            colorBackground?: string;
-            colorBackgroundText?: string;
-            colorText?: string;
-            colorSuccess?: string;
-            colorSuccessText?: string;
-            colorDanger?: string;
-            colorDangerText?: string;
-            colorWarning?: string;
-            colorWarningText?: string;
-            colorTextSecondary?: string;
-            colorTextPlaceholder?: string;
-            colorIcon?: string;
-            colorIconHover?: string;
-            colorIconCardError?: string;
-            colorIconCardCvc?: string;
-            colorIconCardCvcError?: string;
-            colorIconCheckmark?: string;
-            colorIconChevronDown?: string;
-            colorIconChevronDownHover?: string;
-            colorIconRedirect?: string;
-            colorIconTab?: string;
-            colorIconTabHover?: string;
-            colorIconTabSelected?: string;
-            colorIconTabMore?: string;
-            colorIconTabMoreHover?: string;
-            colorLogo?: string;
-            colorLogoTab?: string;
-            colorLogoTabSelected?: string;
-            colorLogoBlock?: string;
-            focusBoxShadow?: string;
-            focusOutline?: string;
-            borderRadius?: string;
-        };
-        rules?: {
-            [selector: string]: {
-                [cssPropertyName: string]: string;
-            };
-        };
-        labels?: "above" | "floating";
-        loader?: any;
     };
@@ -164,0 +30,0 @@ events: {

README.md

@@ -22,2 +22,3 @@ # [svelte-stripe](https://sveltestripe.com)
 - `<PaymentElement/>`: All-in-one component that allows the user to choose the type of payment.
+- `<LinkAuthenticationElement/>`: Ability to use saved payment methods stored in [Link](https://link.co).
 
@@ -29,2 +30,3 @@ ## Examples
 - [Payment Element](src/routes/examples/payment-element)
+- [Link](src/routes/examples/payment-element)
 - [Credit card](src/routes/examples/credit-card)
@@ -31,0 +33,0 @@ - [GooglePay](src/routes/examples/payment-request)

No alert changes

Improved metrics

Total package byte prevSize

46137

increased by20.69%

Number of package files

31

increased by6.9%

Lines of code

783

increased by27.52%

Number of lines in readme file

70

increased by2.94%

Worsened metrics

Dependency count

1

increased byInfinity%

Dependency changes

• + Added@stripe/stripe-js@^1.24.0

• + Added@stripe/stripe-js@1.54.2(transitive)