@solidgate/client-sdk-loader 1.0.0

package/.eslintignore

@@ -0,0 +1,8 @@
+build/
+dist/
+node_modules/
+.snapshots/
+*.min.js
+/**/*.d.ts
+*.scss
+*.css

package/.eslintrc

@@ -0,0 +1,41 @@
+{
+  "env": {
+    "node": true
+  },
+  "extends": [
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "plugins": [
+    "@typescript-eslint"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "ecmaFeatures": {
+      "legacyDecorators": true,
+      "jsx": true
+    }
+  },
+  "rules": {
+    "max-len": ["error", { "code": 120 }],
+    "no-debugger": "error",
+    "no-console": ["error", { "allow": ["error", "warn"] }],
+    "no-alert": "error",
+    "semi": ["error", "never"],
+    "space-before-function-paren": "error",
+    "space-before-blocks": "error",
+    "no-empty-function": "off",
+    "eol-last": "error",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/member-delimiter-style": ["error", {
+      "multiline": {
+        "delimiter": "none"
+      },
+      "singleline": {
+        "delimiter": "comma"
+      }
+    }]
+  }
+}

package/.gitlab-ci.yml

@@ -0,0 +1,27 @@
+image: 533135976680.dkr.ecr.us-west-2.amazonaws.com/gitlab-runner-node:14.15.4-alpine3.12
+
+cache:
+  paths:
+    - /node-modules
+
+stages:
+  - test
+  - build
+
+lint:
+  stage: test
+  script:
+    - npm ci --progress=false
+    - npm run lint
+
+test:
+  stage: test
+  script:
+    - npm ci --progress=false
+    - npm run test
+
+build:
+  stage: build
+  script:
+    - npm ci --progress=false
+    - npm run build

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+./node_modules/.bin/lint-staged

package/.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "*.{ts,tsx,js}": ["prettier --write", "eslint --fix --ext js,ts,tsx"],
+}

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "singleQuote": true,
+  "jsxSingleQuote": false,
+  "semi": false,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "trailingComma": "none"
+}

package/README.md

@@ -0,0 +1,37 @@
+# Solid client SDK loader
+
+## Installation
+
+```
+npm install --save @solidgate/client-sdk-loader
+```
+
+## Usage
+
+```typescript
+import { SDKLoader } from "@solidgate/client-sdk-loader"
+
+/**
+ * Configuration, as it described here
+ * https://dev.solidgate.com/developers/documentation/solid-payment-form
+ */
+const data = {
+  merchantData: {
+    merchant: '<<--YOUR MERCHANT ID-->>',
+    signature: '<<--YOUR SIGNATURE OF THE REQUEST-->>',
+    paymentIntent: '<<--YOUR PAYMENT INTENT-->>'
+  }
+}
+
+async function init() {
+  const sdk = await SDKLoader.load()
+  const form = sdk.init(data)
+}
+```
+
+## Development
+
+Run tests
+```
+npm run test
+```

package/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ['@babel/preset-env', {targets: {node: 'current'}}],
+    '@babel/preset-typescript',
+  ],
+}

package/dist/enums/AdditionalField.d.ts

@@ -0,0 +1,8 @@
+declare enum AdditionalField {
+    Zip = "ZIP",
+    Curp = "CURP",
+    Cpf = "CPF",
+    Dni = "DNI",
+    Pin = "PIN"
+}
+export default AdditionalField;

package/dist/enums/AdditionalField.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var AdditionalField;
+(function (AdditionalField) {
+    AdditionalField["Zip"] = "ZIP";
+    AdditionalField["Curp"] = "CURP";
+    AdditionalField["Cpf"] = "CPF";
+    AdditionalField["Dni"] = "DNI";
+    AdditionalField["Pin"] = "PIN";
+})(AdditionalField || (AdditionalField = {}));
+exports.default = AdditionalField;

package/dist/enums/CardBrand.d.ts

@@ -0,0 +1,15 @@
+export declare enum CardBrand {
+    Verve = "verve",
+    Visa = "visa",
+    Mastercard = "mastercard",
+    Maestro = "maestro",
+    AmericanExpress = "american-express",
+    Jcb = "jcb",
+    DinersClub = "diners-club",
+    Discover = "discover",
+    Aura = "aura",
+    Elo = "elo",
+    Hipercard = "hipercard",
+    Mir = "mir"
+}
+export default CardBrand;

package/dist/enums/CardBrand.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardBrand = void 0;
+var CardBrand;
+(function (CardBrand) {
+    CardBrand["Verve"] = "verve";
+    CardBrand["Visa"] = "visa";
+    CardBrand["Mastercard"] = "mastercard";
+    CardBrand["Maestro"] = "maestro";
+    CardBrand["AmericanExpress"] = "american-express";
+    CardBrand["Jcb"] = "jcb";
+    CardBrand["DinersClub"] = "diners-club";
+    CardBrand["Discover"] = "discover";
+    CardBrand["Aura"] = "aura";
+    CardBrand["Elo"] = "elo";
+    CardBrand["Hipercard"] = "hipercard";
+    CardBrand["Mir"] = "mir";
+})(CardBrand = exports.CardBrand || (exports.CardBrand = {}));
+exports.default = CardBrand;

package/dist/enums/FieldName.d.ts

@@ -0,0 +1,12 @@
+declare enum FieldName {
+    CardNumber = "cardNumber",
+    CardCvv = "cardCvv",
+    CardHolder = "cardHolder",
+    CardExpiryDate = "cardExpiryDate",
+    CardCpf = "cpf",
+    ZipCode = "zipCode",
+    CardDni = "dni",
+    CardPin = "cardPin",
+    CardCurp = "curp"
+}
+export default FieldName;

package/dist/enums/FieldName.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var FieldName;
+(function (FieldName) {
+    FieldName["CardNumber"] = "cardNumber";
+    FieldName["CardCvv"] = "cardCvv";
+    FieldName["CardHolder"] = "cardHolder";
+    FieldName["CardExpiryDate"] = "cardExpiryDate";
+    FieldName["CardCpf"] = "cpf";
+    FieldName["ZipCode"] = "zipCode";
+    FieldName["CardDni"] = "dni";
+    FieldName["CardPin"] = "cardPin";
+    FieldName["CardCurp"] = "curp";
+})(FieldName || (FieldName = {}));
+exports.default = FieldName;

package/dist/enums/FormType.d.ts

@@ -0,0 +1,7 @@
+declare enum FormType {
+    Default = "default",
+    Card = "card",
+    Inline = "inline",
+    Flat = "flat"
+}
+export default FormType;

package/dist/enums/FormType.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var FormType;
+(function (FormType) {
+    FormType["Default"] = "default";
+    FormType["Card"] = "card";
+    FormType["Inline"] = "inline";
+    FormType["Flat"] = "flat";
+})(FormType || (FormType = {}));
+exports.default = FormType;

package/dist/enums/InteractionTargetType.d.ts

@@ -0,0 +1,5 @@
+declare enum InteractionTargetType {
+    Input = "input",
+    Button = "button"
+}
+export default InteractionTargetType;

package/dist/enums/InteractionTargetType.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var InteractionTargetType;
+(function (InteractionTargetType) {
+    InteractionTargetType["Input"] = "input";
+    InteractionTargetType["Button"] = "button";
+})(InteractionTargetType || (InteractionTargetType = {}));
+exports.default = InteractionTargetType;

package/dist/enums/InteractionType.d.ts

@@ -0,0 +1,7 @@
+declare enum InteractionType {
+    Click = "click",
+    Focus = "focus",
+    Blur = "blur",
+    Change = "change"
+}
+export default InteractionType;

package/dist/enums/InteractionType.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var InteractionType;
+(function (InteractionType) {
+    InteractionType["Click"] = "click";
+    InteractionType["Focus"] = "focus";
+    InteractionType["Blur"] = "blur";
+    InteractionType["Change"] = "change";
+})(InteractionType || (InteractionType = {}));
+exports.default = InteractionType;

package/dist/enums/MessageType.d.ts

@@ -0,0 +1,14 @@
+declare enum MessageType {
+    Mounted = "mounted",
+    Success = "success",
+    Fail = "fail",
+    OrderStatus = "orderStatus",
+    Error = "error",
+    Resize = "resize",
+    Redirect = "formRedirect",
+    Verify = "verify",
+    Interaction = "interaction",
+    Submit = "submit",
+    CustomStylesAppended = "customStylesAppended"
+}
+export default MessageType;

package/dist/enums/MessageType.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var MessageType;
+(function (MessageType) {
+    MessageType["Mounted"] = "mounted";
+    MessageType["Success"] = "success";
+    MessageType["Fail"] = "fail";
+    MessageType["OrderStatus"] = "orderStatus";
+    MessageType["Error"] = "error";
+    MessageType["Resize"] = "resize";
+    MessageType["Redirect"] = "formRedirect";
+    MessageType["Verify"] = "verify";
+    MessageType["Interaction"] = "interaction";
+    MessageType["Submit"] = "submit";
+    MessageType["CustomStylesAppended"] = "customStylesAppended";
+})(MessageType || (MessageType = {}));
+exports.default = MessageType;

package/dist/enums/PayableEntity.d.ts

@@ -0,0 +1,6 @@
+declare enum PayableEntity {
+    ApplePay = "applebtn",
+    GooglePay = "googlebtn",
+    Form = "form"
+}
+export default PayableEntity;

package/dist/enums/PayableEntity.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var PayableEntity;
+(function (PayableEntity) {
+    PayableEntity["ApplePay"] = "applebtn";
+    PayableEntity["GooglePay"] = "googlebtn";
+    PayableEntity["Form"] = "form";
+})(PayableEntity || (PayableEntity = {}));
+exports.default = PayableEntity;

package/dist/enums/SecureBrand.d.ts

@@ -0,0 +1,9 @@
+declare enum SecureBrand {
+    VisaSecure = "visa-secure",
+    MccIdCheck = "mcc-id-check",
+    SSL = "ssl",
+    PCIDss = "pci-dss",
+    Norton = "norton",
+    McAffee = "mc-affee"
+}
+export default SecureBrand;

package/dist/enums/SecureBrand.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var SecureBrand;
+(function (SecureBrand) {
+    SecureBrand["VisaSecure"] = "visa-secure";
+    SecureBrand["MccIdCheck"] = "mcc-id-check";
+    SecureBrand["SSL"] = "ssl";
+    SecureBrand["PCIDss"] = "pci-dss";
+    SecureBrand["Norton"] = "norton";
+    SecureBrand["McAffee"] = "mc-affee";
+})(SecureBrand || (SecureBrand = {}));
+exports.default = SecureBrand;

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import ClientSdk from './interfaces/ClientSdk';
+import SdkMessage from './interfaces/SdkMessage';
+import InitConfig from './interfaces/InitConfig';
+import UpdateConfig from './interfaces/UpdateConfig';
+import Transaction from './interfaces/Transaction';
+import MountedMessage from './interfaces/messages/MountedMessage';
+import ErrorMessage from './interfaces/messages/ErrorMessage';
+import FailMessage from './interfaces/messages/FailMessage';
+import OrderStatusMessage from './interfaces/messages/OrderStatusMessage';
+import ResizeMessage from './interfaces/messages/ResizeMessage';
+import SuccessMessage from './interfaces/messages/SuccessMessage';
+import SubmitMessage from './interfaces/messages/SubmitMessage';
+import InteractionMessage from './interfaces/messages/InteractionMessage';
+import Message from './interfaces/messages/Message';
+import OrderShort from './interfaces/OrderShort';
+import OrderStatus from './interfaces/OrderStatus';
+import ClientSdkInstance from './interfaces/ClientSdkInstance';
+import MessageType from './enums/MessageType';
+import AdditionalField from './enums/AdditionalField';
+import FieldName from './enums/FieldName';
+import CardBrand from './enums/CardBrand';
+import SecureBrand from './enums/SecureBrand';
+import FormType from './enums/FormType';
+import PayableEntity from './enums/PayableEntity';
+import InteractionType from './enums/InteractionType';
+import InteractionTargetType from './enums/InteractionTargetType';
+import SdkLoader from './services/SdkLoader';
+export { InteractionTargetType, InteractionType, AdditionalField, PayableEntity, SecureBrand, MessageType, FieldName, CardBrand, SdkLoader, FormType };
+export type { OrderStatusMessage, InteractionMessage, ClientSdkInstance, MountedMessage, SuccessMessage, ResizeMessage, SubmitMessage, ErrorMessage, UpdateConfig, FailMessage, OrderStatus, Transaction, SdkMessage, InitConfig, OrderShort, ClientSdk, Message };

package/dist/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormType = exports.SdkLoader = exports.CardBrand = exports.FieldName = exports.MessageType = exports.SecureBrand = exports.PayableEntity = exports.AdditionalField = exports.InteractionType = exports.InteractionTargetType = void 0;
+const MessageType_1 = __importDefault(require("./enums/MessageType"));
+exports.MessageType = MessageType_1.default;
+const AdditionalField_1 = __importDefault(require("./enums/AdditionalField"));
+exports.AdditionalField = AdditionalField_1.default;
+const FieldName_1 = __importDefault(require("./enums/FieldName"));
+exports.FieldName = FieldName_1.default;
+const CardBrand_1 = __importDefault(require("./enums/CardBrand"));
+exports.CardBrand = CardBrand_1.default;
+const SecureBrand_1 = __importDefault(require("./enums/SecureBrand"));
+exports.SecureBrand = SecureBrand_1.default;
+const FormType_1 = __importDefault(require("./enums/FormType"));
+exports.FormType = FormType_1.default;
+const PayableEntity_1 = __importDefault(require("./enums/PayableEntity"));
+exports.PayableEntity = PayableEntity_1.default;
+const InteractionType_1 = __importDefault(require("./enums/InteractionType"));
+exports.InteractionType = InteractionType_1.default;
+const InteractionTargetType_1 = __importDefault(require("./enums/InteractionTargetType"));
+exports.InteractionTargetType = InteractionTargetType_1.default;
+const SdkLoader_1 = __importDefault(require("./services/SdkLoader"));
+exports.SdkLoader = SdkLoader_1.default;

package/dist/interfaces/ClientSdk.d.ts

@@ -0,0 +1,6 @@
+import InitConfig from './InitConfig';
+import ClientSdkInstance from './ClientSdkInstance';
+export default interface ClientSdk {
+    init(config: InitConfig): ClientSdkInstance;
+    destroy(): void;
+}

package/dist/interfaces/ClientSdk.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/ClientSdkInstance.d.ts

@@ -0,0 +1,12 @@
+import InitConfig from './InitConfig';
+import UpdateConfig from './UpdateConfig';
+import SdkMessage from './SdkMessage';
+import MessageType from '../enums/MessageType';
+export default interface ClientSdkInstance {
+    init(config: InitConfig): Promise<void>;
+    update(config: UpdateConfig): Promise<void>;
+    on<T extends MessageType>(event: T, callback: (e: MessageEvent<SdkMessage[T]>) => void): void;
+    unsubcribe(messageType: MessageType): void;
+    unsubscribeAll(): void;
+    submit(): void;
+}

package/dist/interfaces/ClientSdkInstance.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/InitConfig.d.ts

@@ -0,0 +1,43 @@
+import FormType from '../enums/FormType';
+import CardBrand from '../enums/CardBrand';
+import SecureBrand from '../enums/SecureBrand';
+import AdditionalField from '../enums/AdditionalField';
+export default interface InitConfig {
+    merchantData: {
+        merchant: string;
+        signature: string;
+        paymentIntent: string;
+        version?: string;
+    };
+    iframeParams?: Partial<{
+        containerId: string;
+        width: string;
+    }>;
+    styles?: Record<string, unknown>;
+    formParams?: Partial<{
+        enabled: false;
+        submitButtonText: string;
+        isCardHolderVisible: boolean;
+        headerText: string;
+        titleText: string;
+        formTypeClass: FormType;
+        isSolidLogoVisible: boolean;
+        cardBrands: CardBrand[];
+        secureBrands: SecureBrand[];
+        allowSubmit: boolean;
+        allowedAdditionalFields: AdditionalField[];
+        googleFontLink: string;
+    }>;
+    googlePayButtonParams?: Partial<{
+        enabled: false;
+        containerId: string;
+        color: string;
+        type: string;
+    }>;
+    applePayButtonParams?: Partial<{
+        enabled: false;
+        containerId: string;
+        color: string;
+        type: string;
+    }>;
+}

package/dist/interfaces/InitConfig.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/OrderShort.d.ts

@@ -0,0 +1,7 @@
+export default interface OrderShort {
+    status?: string;
+    currency?: string;
+    amount?: number;
+    subscription_id?: string;
+    order_id?: string;
+}

package/dist/interfaces/OrderShort.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/OrderStatus.d.ts

@@ -0,0 +1,28 @@
+import Transaction from './Transaction';
+export default interface OrderStatus {
+    order?: {
+        amount?: number;
+        currency?: string;
+        order_id?: string;
+        descriptor?: string;
+        processing_amount?: number;
+        processing_currency?: string;
+        refunded_amount?: number;
+        status: string;
+        subscription_id?: string;
+        marketing_amount?: number;
+        marketing_currency?: string;
+    };
+    transactions?: Record<string, Transaction>;
+    transaction?: Transaction;
+    error?: {
+        code: string;
+        message: string;
+        recommended_message_for_user?: string;
+    };
+    three_ds?: {
+        eci: string;
+    };
+    redirect_url?: string;
+    verify_url?: string;
+}

package/dist/interfaces/OrderStatus.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/SdkMessage.d.ts

@@ -0,0 +1,24 @@
+import MountedMessage from './messages/MountedMessage';
+import ErrorMessage from './messages/ErrorMessage';
+import FailMessage from './messages/FailMessage';
+import OrderStatusMessage from './messages/OrderStatusMessage';
+import ResizeMessage from './messages/ResizeMessage';
+import SuccessMessage from './messages/SuccessMessage';
+import Message from './messages/Message';
+import SubmitMessage from './messages/SubmitMessage';
+import InteractionMessage from "./messages/InteractionMessage";
+import MessageType from '../enums/MessageType';
+interface SdkMessage {
+    [MessageType.Error]: ErrorMessage;
+    [MessageType.Fail]: FailMessage;
+    [MessageType.Mounted]: MountedMessage;
+    [MessageType.OrderStatus]: OrderStatusMessage;
+    [MessageType.Resize]: ResizeMessage;
+    [MessageType.Success]: SuccessMessage;
+    [MessageType.Submit]: SubmitMessage;
+    [MessageType.Interaction]: InteractionMessage;
+    [MessageType.Verify]: Message<MessageType.Verify>;
+    [MessageType.Redirect]: Message<MessageType.Redirect>;
+    [MessageType.CustomStylesAppended]: Message<MessageType.CustomStylesAppended>;
+}
+export default SdkMessage;

package/dist/interfaces/SdkMessage.js

@@ -0,0 +1,6 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const MessageType_1 = __importDefault(require("../enums/MessageType"));

package/dist/interfaces/Transaction.d.ts

@@ -0,0 +1,57 @@
+export default interface Transaction {
+    descriptor?: string;
+    amount: number;
+    card_token?: {
+        token: string;
+    };
+    card: {
+        bank?: string;
+        bin: number;
+        brand?: string;
+        card_exp_month: string;
+        card_exp_year: number;
+        card_holder?: string;
+        card_type?: string;
+        country?: string;
+        number?: string;
+        card_token?: {
+            token: string;
+        };
+    };
+    created_at: string;
+    currency: string;
+    id: string;
+    operation: string;
+    status: string;
+    updated_at: string;
+    refund_reason?: string;
+    refund_reason_code?: string;
+    marketing_amount?: number;
+    marketing_currency?: string;
+    finance_fee_amount?: string | number;
+    finance_fee_currency?: string | number;
+    billing_details?: {
+        address?: string;
+        city?: string;
+        country?: string;
+        state?: string;
+        zip?: string;
+    };
+    error?: {
+        code: string;
+        message: string;
+        recommended_message_for_user?: string;
+    };
+    finance?: {
+        amount: number;
+        currency: string;
+        internal?: {
+            amount: number;
+            currency: string;
+        };
+        external?: {
+            amount: number;
+            currency: string;
+        };
+    };
+}

package/dist/interfaces/Transaction.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interfaces/UpdateConfig.d.ts

@@ -0,0 +1,4 @@
+export default interface UpdateConfig {
+    partialIntent: string;
+    signature: string;
+}