@solidgate/vue-sdk 1.15.1 → 1.15.2

package/README.md

@@ -1,23 +1,58 @@
 # Solidgate Vue3 SDK
 
-This is a wrapper for Solidgate Client SDK
+This repository is a Vue 3 wrapper for the Solidgate Client Software Development Kit (SDK).
+
+It supports rendering payment forms and resign forms, including custom container elements for <a href="https://docs.solidgate.com/payments/integrate/payment-form/google-pay-button/" target="_blank">Google Pay</a>, <a href="https://docs.solidgate.com/payments/integrate/payment-form/apple-pay-button/" target="_blank">Apple Pay</a>, or <a href="https://docs.solidgate.com/payments/integrate/payment-form/paypal-button/" target="_blank">PayPal</a> buttons.
+
+Check our
+* <a href="https://docs.solidgate.com/" target="_blank">Payment guide</a> to understand business value better
+* <a href="https://api-docs.solidgate.com/" target="_blank">API Reference</a> to find more examples of usage
+
+## Structure
+
+<table style="width: 100%; background: transparent;">
+  <colgroup>
+    <col style="width: 50%;">
+    <col style="width: 50%;">
+  </colgroup>
+  <tr>
+    <th>SDK for Vue3 contains</th>
+    <th>Table of contents</th>
+  </tr>
+  <tr>
+    <td>
+      <code>lib</code> – main Vue 3 SDK source code<br>
+      <code>public</code> – assets for example project<br>
+      <code>src</code> – entry point for example integration<br>
+      <code>package.json</code> – project metadata and dependency definitions
+    </td>
+    <td>
+      <a href="https://github.com/solidgate-tech/vue-sdk?tab=readme-ov-file#installation">Installation</a><br>
+      <a href="https://github.com/solidgate-tech/vue-sdk?tab=readme-ov-file#usage">Usage</a><br>
+      <a href="https://github.com/solidgate-tech/vue-sdk?tab=readme-ov-file#development-server">Development server</a><br>
+      <a href="https://github.com/solidgate-tech/vue-sdk?tab=readme-ov-file#build">Build</a>
+    </td>
+  </tr>
+</table>
+
+<br>
 
 ## Installation
 
-Run inside Vue3 project
+Run the following command inside your Vue 3 project:
 
 ```
 npm i @solidgate/vue-sdk
 ``` 
 
+<br>
+
 ## Usage
 
 ### Payment form
 
-Render a payment component in your vue3 project
+Render a <a href="https://docs.solidgate.com/payments/integrate/payment-form/create-your-payment-form/" target="_blank">payment form</a> component in your Vue3 project.
 
-Component inputs and outputs are described in the docs 
-https://docs.solidgate.com/payments/integrate/payment-form/create-your-payment-form/
 
 ```vue
 <template>
@@ -35,7 +70,10 @@ const merchantData: InitConfig['merchantData'] = {
 </script>
 ```
 
-In order to render google/apple/paypal button in custom container define Payment as async component and pass link to container element
+#### Custom containers
+
+To render <a href="https://docs.solidgate.com/payments/integrate/payment-form/google-pay-button/" target="_blank">Google Pay/a>, <a href="https://docs.solidgate.com/payments/integrate/payment-form/apple-pay-button/" target="_blank">Apple Pay</a>, or <a href="https://docs.solidgate.com/payments/integrate/payment-form/paypal-button/" target="_blank">PayPal</a> buttons in separate containers, define Payment as an asynchronous component and pass references to the container elements.
+
 ```vue
 <template>
   <Payment
@@ -68,10 +106,7 @@ const merchantData: InitConfig['merchantData'] = {
 
 ### Resign form
 
-Render a resign component in your vue3 project
-
-Component inputs and outputs are described in the docs
-https://docs.solidgate.com/payments/integrate/payment-form/resign-payment-form/
+Render a <a href="https://docs.solidgate.com/payments/integrate/payment-form/resign-payment-form/" target="_blank">resign payment form</a> component in your Vue3 project.
 
 ```vue
 <template>
@@ -89,18 +124,22 @@ const resignRequest: ResignRequest = {
 </script>
 ```
 
-## Development server (Vue3 + Typescript + Vite)
+<br>
 
-1. cd vue-sdk
-2. npm i
-3. npm run start
-4. Navigate to `http://localhost:3000/`. 
+## Development server
 
-## Build
+Vue3 + Typescript + Vite
+
+1. `cd vue-sdk`
+2. `npm i`
+3. `npm run start`
+4. Navigate to http://localhost:3000/
 
-1. cd vue-sdk
-2. npm run build
-3. cd dist
-4. solid-payment.es.js is a js bundle.
+<br>
 
+## Build
 
+1. `cd vue-sdk`
+2. `npm run build`
+3. `cd dist`
+4. solid-payment.es.js is a js bundle

package/dist/Resign.vue.d.ts

@@ -15,7 +15,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         resignCvvLabel: string;
         resignCvvPlaceholder: string;
         hideCvvNumbers: boolean;
-        cardBrandIconStyle: import("@solidgate/client-sdk-loader/dist/enums/CardBrandIconStyle").default;
     }> | undefined;
     styles?: Record<string, unknown> | undefined;
     onReadyResignInstance?: ((resignInstance: ClientSdkInstance) => void) | undefined;
@@ -74,7 +73,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         resignCvvLabel: string;
         resignCvvPlaceholder: string;
         hideCvvNumbers: boolean;
-        cardBrandIconStyle: import("@solidgate/client-sdk-loader/dist/enums/CardBrandIconStyle").default;
     }> | undefined;
     styles?: Record<string, unknown> | undefined;
     onReadyResignInstance?: ((resignInstance: ClientSdkInstance) => void) | undefined;

package/dist/index.es.js

@@ -63,7 +63,6 @@ var CardBrand$1 = {};
     CardBrand3["Bancontact"] = "bancontact";
     CardBrand3["Interac"] = "interac";
     CardBrand3["Bajaj"] = "bajaj";
-    CardBrand3["Paypal"] = "paypal";
   })(CardBrand2 = exports.CardBrand || (exports.CardBrand = {}));
   exports.default = CardBrand2;
 })(CardBrand$1);
@@ -168,15 +167,6 @@ var FormButtonType$1;
   FormButtonType2["Continue"] = "continue";
 })(FormButtonType$1 || (FormButtonType$1 = {}));
 FormButtonType$2.default = FormButtonType$1;
-var CardBrandIconStyle$2 = {};
-Object.defineProperty(CardBrandIconStyle$2, "__esModule", { value: true });
-var CardBrandIconStyle$1;
-(function(CardBrandIconStyle2) {
-  CardBrandIconStyle2["MonochromeLight"] = "monochrome-light";
-  CardBrandIconStyle2["MonochromeDark"] = "monochrome-dark";
-  CardBrandIconStyle2["Colored"] = "colored";
-})(CardBrandIconStyle$1 || (CardBrandIconStyle$1 = {}));
-CardBrandIconStyle$2.default = CardBrandIconStyle$1;
 var SdkLoader$2 = {};
 var __classPrivateFieldGet = commonjsGlobal && commonjsGlobal.__classPrivateFieldGet || function(receiver, state, kind, f) {
   if (kind === "a" && !f)
@@ -236,7 +226,7 @@ var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || functi
   return mod && mod.__esModule ? mod : { "default": mod };
 };
 Object.defineProperty(dist, "__esModule", { value: true });
-var FormType = dist.FormType = SdkLoader = dist.SdkLoader = CardBrand = dist.CardBrand = FieldName = dist.FieldName = MessageType = dist.MessageType = CardBrandIconStyle = dist.CardBrandIconStyle = SecureBrand = dist.SecureBrand = PayableEntity = dist.PayableEntity = FormButtonType = dist.FormButtonType = InteractionType = dist.InteractionType = AdditionalFieldName = dist.AdditionalFieldName = InteractionTargetType = dist.InteractionTargetType = void 0;
+var FormType = dist.FormType = SdkLoader = dist.SdkLoader = CardBrand = dist.CardBrand = FieldName = dist.FieldName = MessageType = dist.MessageType = SecureBrand = dist.SecureBrand = PayableEntity = dist.PayableEntity = FormButtonType = dist.FormButtonType = InteractionType = dist.InteractionType = AdditionalFieldName = dist.AdditionalFieldName = InteractionTargetType = dist.InteractionTargetType = void 0;
 const MessageType_1 = __importDefault(MessageType$2);
 var MessageType = dist.MessageType = MessageType_1.default;
 const FieldName_1 = __importDefault(FieldName$2);
@@ -257,8 +247,6 @@ const AdditionalFieldName_1 = __importDefault(AdditionalFieldName$2);
 var AdditionalFieldName = dist.AdditionalFieldName = AdditionalFieldName_1.default;
 const FormButtonType_1 = __importDefault(FormButtonType$2);
 var FormButtonType = dist.FormButtonType = FormButtonType_1.default;
-const CardBrandIconStyle_1 = __importDefault(CardBrandIconStyle$2);
-var CardBrandIconStyle = dist.CardBrandIconStyle = CardBrandIconStyle_1.default;
 const SdkLoader_1 = __importDefault(SdkLoader$2);
 var SdkLoader = dist.SdkLoader = SdkLoader_1.default;
 const payButtonIds = {
@@ -630,4 +618,4 @@ const _sfc_main = defineComponent({
   }
 });
 var Resign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77b30339"]]);
-export { AdditionalFieldName, CardBrand, CardBrandIconStyle, FieldName, FormButtonType, FormType, InteractionTargetType, InteractionType, MessageType, PayableEntity, Resign, SdkLoader, SecureBrand, Payment as default };
+export { AdditionalFieldName, CardBrand, FieldName, FormButtonType, FormType, InteractionTargetType, InteractionType, MessageType, PayableEntity, Resign, SdkLoader, SecureBrand, Payment as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidgate/vue-sdk",
-  "version": "1.15.1",
+  "version": "1.15.2",
   "repository": "https://github.com/solidgate-tech/vue-sdk",
   "files": [
     "dist"