swell-js 5.1.2 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "swell-js",
-  "version": "5.1.2",
+  "version": "5.2.0",
   "description": "Swell JS library for client-side stores",
   "engines": {
     "node": ">=16"
@@ -50,6 +50,7 @@
     "@types/applepayjs": "^14.0.9",
     "@types/googlepay": "^0.7.7",
     "@types/jest": "^29.5.11",
+    "@types/lodash-es": "^4.17.12",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "babel-jest": "^29.7.0",

package/types/index.d.ts

@@ -34,6 +34,7 @@ import type {
   InputPaymentElementPaypalCase,
   InputPaymentElementGoogleCase,
   InputPaymentElementAppleCase,
+  InputPaymentElementSezzleCase,
   InputPaymentRedirectCase,
   PaymentCase,
 } from './payment';
@@ -326,6 +327,7 @@ export interface SwellClient<C extends 'snake' | 'camel' = 'snake'> {
       paypal?: InputPaymentElementPaypalCase[C];
       google?: InputPaymentElementGoogleCase[C];
       apple?: InputPaymentElementAppleCase[C];
+      sezzle?: InputPaymentElementSezzleCase[C];
     }): Promise<void>;
 
     tokenize(input?: {
@@ -486,18 +488,18 @@ export interface SwellClient<C extends 'snake' | 'camel' = 'snake'> {
   };
 
   utils: {
-    get: typeof import('lodash-es/get');
-    set: typeof import('lodash-es/set');
-    uniq: typeof import('lodash-es/uniq');
-    find: typeof import('lodash-es/find');
-    round: typeof import('lodash-es/round');
-    pick: typeof import('lodash-es/pick');
-    findIndex: typeof import('lodash-es/findIndex');
-    cloneDeep: typeof import('lodash-es/cloneDeep');
-    toNumber: typeof import('lodash-es/toNumber');
-    toLower: typeof import('lodash-es/toLower');
-    isEqual: typeof import('lodash-es/isEqual');
-    isEmpty: typeof import('lodash-es/isEmpty');
+    get: typeof import('lodash-es/get').default;
+    set: typeof import('lodash-es/set').default;
+    uniq: typeof import('lodash-es/uniq').default;
+    find: typeof import('lodash-es/find').default;
+    round: typeof import('lodash-es/round').default;
+    pick: typeof import('lodash-es/pick').default;
+    findIndex: typeof import('lodash-es/findIndex').default;
+    cloneDeep: typeof import('lodash-es/cloneDeep').default;
+    toNumber: typeof import('lodash-es/toNumber').default;
+    toLower: typeof import('lodash-es/toLower').default;
+    isEqual: typeof import('lodash-es/isEqual').default;
+    isEmpty: typeof import('lodash-es/isEmpty').default;
     merge: typeof import('deepmerge');
 
     map<T, R>(arr: T[], mapper: (item: T) => R): R[];

package/types/payment/camel.ts

@@ -17,6 +17,7 @@ import type {
   InputPaymentElementGoogle,
   InputPaymentElementIdeal,
   InputPaymentElementPaypal,
+  InputPaymentElementSezzle,
   InputPaymentRedirect,
 } from './snake';
 
@@ -54,5 +55,8 @@ export type InputPaymentElementAppleCamel =
 export type InputPaymentElementGoogleCamel =
   ConvertSnakeToCamelCase<InputPaymentElementGoogle>;
 
+export type InputPaymentElementSezzleCamel =
+  ConvertSnakeToCamelCase<InputPaymentElementSezzle>;
+
 export type InputPaymentRedirectCamel =
   ConvertSnakeToCamelCase<InputPaymentRedirect>;

package/types/payment/index.ts

@@ -7,6 +7,7 @@ import type {
   InputPaymentElementGoogle,
   InputPaymentElementIdeal,
   InputPaymentElementPaypal,
+  InputPaymentElementSezzle,
   InputPaymentRedirect,
   Payment,
 } from './snake';
@@ -18,6 +19,7 @@ import type {
   InputPaymentElementGoogleCamel,
   InputPaymentElementIdealCamel,
   InputPaymentElementPaypalCamel,
+  InputPaymentElementSezzleCamel,
   InputPaymentRedirectCamel,
   PaymentCamel,
 } from './camel';
@@ -52,6 +54,11 @@ export type InputPaymentElementPaypalCase = MakeCase<
   InputPaymentElementPaypalCamel
 >;
 
+export type InputPaymentElementSezzleCase = MakeCase<
+  InputPaymentElementSezzle,
+  InputPaymentElementSezzleCamel
+>;
+
 export type InputPaymentRedirectCase = MakeCase<
   InputPaymentRedirect,
   InputPaymentRedirectCamel

package/types/payment/snake.ts

@@ -48,21 +48,21 @@ export interface Payment extends BaseModel {
 export interface InputPaymentElementBase {
   element_id?: string;
   /** @optional called when the Element value changes */
-  on_change?: (event: unknown) => void;
+  onChange?: (event: unknown) => void;
   /** @optional called when the Element is fully rendered */
-  on_ready?: (event: unknown) => void;
+  onReady?: (event: unknown) => void;
   /** @optional called when the Element gains focus */
-  on_focus?: (event: unknown) => void;
+  onFocus?: (event: unknown) => void;
   /** @optional called when the Element loses focus */
-  on_blur?: (event: unknown) => void;
+  onBlur?: (event: unknown) => void;
   /** @optional */
-  on_escape?: (event: unknown) => void;
+  onEscape?: (event: unknown) => void;
   /** @optional optional, called when the Element is clicked */
-  on_click?: (event: unknown) => void;
+  onClick?: (event: unknown) => void;
   /** @optional called on card payment success */
-  on_success?: (event: unknown) => void;
+  onSuccess?: (data?: unknown) => void;
   /** @optional called on card payment error */
-  on_error?: (event: unknown) => void;
+  onError?: (error: Error) => void;
 }
 
 export interface InputPaymentElementCard extends InputPaymentElementBase {
@@ -127,9 +127,41 @@ export interface InputPaymentElementGoogle extends InputPaymentElementBase {
   };
 }
 
+export interface InputPaymentElementSezzle extends InputPaymentElementBase {
+  /** @see {@link https://docs.sezzle.com/docs/guides/express/express-checkout#options-2} */
+  style?: {
+    /** @default "Checkout with %%logo%%" */
+    templateText?: string;
+    borderType?: 'square' | 'semi-rounded';
+    customClass?: string;
+    /** @default "1px" */
+    paddingTop?: string;
+    /** @default "7px" */
+    paddingBottom?: string;
+    /** @default "30px" */
+    paddingLeft?: string;
+    /** @default "30px" */
+    paddingRight?: string;
+    /** @default "84px" */
+    sezzleImageWidth?: string;
+    sezzleImagePositionTop?: string;
+    sezzleImagePositionBottom?: string;
+    sezzleImagePositionLeft?: string;
+    sezzleImagePositionRight?: string;
+    letterSpacing?: string;
+    width?: string;
+    /** @default "4.2em" */
+    height?: string;
+  };
+
+  classes?: {
+    base?: string;
+  };
+}
+
 export interface InputPaymentRedirect {
   /** @optional called on card payment success */
-  on_success?: (event: unknown) => void;
+  onSuccess?: (event: unknown) => void;
   /** @optional called on card payment error */
-  on_error?: (event: unknown) => void;
+  onError?: (event: unknown) => void;
 }