@solidgate/vue-sdk 1.0.1 → 1.1.1

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+**1.1.0**
+
+***
+
+- Added **AdditionalFields** enum
+- Fixed types which controlling labels visibility (like **initConfig.formParams.cardNumberLabel**)
+- Deprecated **initConfig.allowedAdditionalFields** usage
+- Added **CardMessage** event

package/LICENSE.md

@@ -0,0 +1,13 @@
+Apache License, Version 2.0
+
+Copyright 2015 - GTWS Tech Limited (https://solidgate.com/)
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -30,7 +30,7 @@ const merchantData: InitConfig['merchantData'] = {
 </script>
 ```
 
-In order to render google/apple button in custom container define Payment as async component and pass l
+In order to render google/apple button in custom container define Payment as async component and pass link to container element
 ```vue
 <template>
   <Payment
@@ -63,8 +63,8 @@ const merchantData: InitConfig['merchantData'] = {
 1. cd vue-sdk
 2. npm i
 3. npm run start
-4. Navigate to `http://localhost:3000/`. The app will automatically reload if you change any of the 
-
+4. Navigate to `http://localhost:3000/`. 
+5. 
 ## Build
 
 1. cd vue-sdk

package/dist/lib/Payment.vue.d.ts

@@ -1,4 +1,4 @@
-import { OrderStatusMessage, InteractionMessage, MountedMessage, SuccessMessage, ResizeMessage, SubmitMessage, ErrorMessage, FailMessage, SdkMessage, MessageType } from '@solidgate/client-sdk-loader';
+import { CustomStylesAppendedMessage, OrderStatusMessage, InteractionMessage, RedirectMessage, MountedMessage, SuccessMessage, ResizeMessage, VerifyMessage, SubmitMessage, ErrorMessage, FailMessage, CardMessage } from '@solidgate/client-sdk-loader';
 declare const _default: import("vue").DefineComponent<{
     merchantData: {
         type: import("vue").PropType<{
@@ -27,12 +27,15 @@ declare const _default: import("vue").DefineComponent<{
             cardBrands: import("@solidgate/client-sdk-loader").CardBrand[];
             secureBrands: import("@solidgate/client-sdk-loader/dist/enums/SecureBrand").default[];
             allowSubmit: boolean;
-            allowedAdditionalFields: import("@solidgate/client-sdk-loader/dist/enums/AdditionalField").default[];
             googleFontLink: string;
-        }>>;
+            cardNumberLabel: string;
+            cardCvvLabel: string;
+            cardExpiryDateLabel: string;
+        } & Record<"zipСodeLabel" | "argentinaDniLabel" | "bangladeshNicLabel" | "boliviaCiLabel" | "brazilCpfLabel" | "cameroonCniLabel" | "chileCiLabel" | "chinaIdLabel" | "colombiaCcLabel" | "costaRicaCiLabel" | "dominicanaIdLabel" | "ecuadorCiLabel" | "elSalvadorIdLabel" | "egyptIdLabel" | "ghanaCardLabel" | "guatemalaCuiLabel" | "indiaPanLabel" | "indonesiaNikLabel" | "japanIdLabel" | "kenyaIdLabel" | "malaysiaNricLabel" | "mexicoCurpLabel" | "moroccoCnieLabel" | "nigeriaNinLabel" | "panamaIdLabel" | "paraguayCiLabel" | "peruDniLabel" | "philipinesPsnLabel" | "senegalCniLabel" | "southAfricaIdLabel" | "tanzaniaIdLabel" | "thailandIdLabel" | "turkeyTcKimlikNoLabel" | "ugandaNicLabel" | "uriguayCiLabel" | "vietnamVnidLabel", string>>>;
     };
     googlePayButtonParams: {
         type: import("vue").PropType<Omit<Partial<{
+            allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"] | ["PAN_ONLY"] | ["CRYPTOGRAM_3DS"];
             enabled: false;
             containerId: string;
             color: string;
@@ -82,17 +85,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
     };
     onVerify: {
-        type: import("vue").PropType<(e: SdkMessage[MessageType.Verify]) => void>;
+        type: import("vue").PropType<(e: VerifyMessage) => void>;
     } & {
         default: () => void;
     };
     onCustomStylesAppended: {
-        type: import("vue").PropType<(e: SdkMessage[MessageType.CustomStylesAppended]) => void>;
+        type: import("vue").PropType<(e: CustomStylesAppendedMessage) => void>;
     } & {
         default: () => void;
     };
     onFormRedirect: {
-        type: import("vue").PropType<(e: SdkMessage[MessageType.Redirect]) => void>;
+        type: import("vue").PropType<(e: RedirectMessage) => void>;
     } & {
         default: () => void;
     };
@@ -111,6 +114,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: () => void;
     };
+    onCard: {
+        type: import("vue").PropType<(e: CardMessage) => void>;
+    } & {
+        default: () => void;
+    };
 }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     merchantData: {
         type: import("vue").PropType<{
@@ -139,12 +147,15 @@ declare const _default: import("vue").DefineComponent<{
             cardBrands: import("@solidgate/client-sdk-loader").CardBrand[];
             secureBrands: import("@solidgate/client-sdk-loader/dist/enums/SecureBrand").default[];
             allowSubmit: boolean;
-            allowedAdditionalFields: import("@solidgate/client-sdk-loader/dist/enums/AdditionalField").default[];
             googleFontLink: string;
-        }>>;
+            cardNumberLabel: string;
+            cardCvvLabel: string;
+            cardExpiryDateLabel: string;
+        } & Record<"zipСodeLabel" | "argentinaDniLabel" | "bangladeshNicLabel" | "boliviaCiLabel" | "brazilCpfLabel" | "cameroonCniLabel" | "chileCiLabel" | "chinaIdLabel" | "colombiaCcLabel" | "costaRicaCiLabel" | "dominicanaIdLabel" | "ecuadorCiLabel" | "elSalvadorIdLabel" | "egyptIdLabel" | "ghanaCardLabel" | "guatemalaCuiLabel" | "indiaPanLabel" | "indonesiaNikLabel" | "japanIdLabel" | "kenyaIdLabel" | "malaysiaNricLabel" | "mexicoCurpLabel" | "moroccoCnieLabel" | "nigeriaNinLabel" | "panamaIdLabel" | "paraguayCiLabel" | "peruDniLabel" | "philipinesPsnLabel" | "senegalCniLabel" | "southAfricaIdLabel" | "tanzaniaIdLabel" | "thailandIdLabel" | "turkeyTcKimlikNoLabel" | "ugandaNicLabel" | "uriguayCiLabel" | "vietnamVnidLabel", string>>>;
     };
     googlePayButtonParams: {
         type: import("vue").PropType<Omit<Partial<{
+            allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"] | ["PAN_ONLY"] | ["CRYPTOGRAM_3DS"];
             enabled: false;
             containerId: string;
             color: string;
@@ -194,17 +205,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
     };
     onVerify: {
-        type: import("vue").PropType<(e: SdkMessage[MessageType.Verify]) => void>;
+        type: import("vue").PropType<(e: VerifyMessage) => void>;
     } & {
         default: () => void;
     };
     onCustomStylesAppended: {
-        type: import("vue").PropType<(e: SdkMessage[MessageType.CustomStylesAppended]) => void>;
+        type: import("vue").PropType<(e: CustomStylesAppendedMessage) => void>;
     } & {
         default: () => void;
     };
     onFormRedirect: {
-        type: import("vue").PropType<(e: SdkMessage[MessageType.Redirect]) => void>;
+        type: import("vue").PropType<(e: RedirectMessage) => void>;
     } & {
         default: () => void;
     };
@@ -223,6 +234,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: () => void;
     };
+    onCard: {
+        type: import("vue").PropType<(e: CardMessage) => void>;
+    } & {
+        default: () => void;
+    };
 }>>, {
     onError: (e: ErrorMessage) => void;
     onSubmit: (e: SubmitMessage) => void;
@@ -232,8 +248,9 @@ declare const _default: import("vue").DefineComponent<{
     onResize: (e: ResizeMessage) => void;
     onSuccess: (e: SuccessMessage) => void;
     onInteraction: (e: InteractionMessage) => void;
-    onVerify: (e: SdkMessage[MessageType.Verify]) => void;
-    onFormRedirect: (e: SdkMessage[MessageType.Redirect]) => void;
-    onCustomStylesAppended: (e: SdkMessage[MessageType.CustomStylesAppended]) => void;
+    onCard: (e: CardMessage) => void;
+    onVerify: (e: VerifyMessage) => void;
+    onFormRedirect: (e: RedirectMessage) => void;
+    onCustomStylesAppended: (e: CustomStylesAppendedMessage) => void;
 }>;
 export default _default;

package/dist/solid-payment.es.js

@@ -1927,19 +1927,9 @@ var MessageType$1;
   MessageType2["Interaction"] = "interaction";
   MessageType2["Submit"] = "submit";
   MessageType2["CustomStylesAppended"] = "customStylesAppended";
+  MessageType2["Card"] = "card";
 })(MessageType$1 || (MessageType$1 = {}));
 MessageType$2.default = MessageType$1;
-var AdditionalField$2 = {};
-Object.defineProperty(AdditionalField$2, "__esModule", { value: true });
-var AdditionalField$1;
-(function(AdditionalField2) {
-  AdditionalField2["Zip"] = "ZIP";
-  AdditionalField2["Curp"] = "CURP";
-  AdditionalField2["Cpf"] = "CPF";
-  AdditionalField2["Dni"] = "DNI";
-  AdditionalField2["Pin"] = "PIN";
-})(AdditionalField$1 || (AdditionalField$1 = {}));
-AdditionalField$2.default = AdditionalField$1;
 var FieldName$2 = {};
 Object.defineProperty(FieldName$2, "__esModule", { value: true });
 var FieldName$1;
@@ -1948,11 +1938,6 @@ var FieldName$1;
   FieldName2["CardCvv"] = "cardCvv";
   FieldName2["CardHolder"] = "cardHolder";
   FieldName2["CardExpiryDate"] = "cardExpiryDate";
-  FieldName2["CardCpf"] = "cpf";
-  FieldName2["ZipCode"] = "zipCode";
-  FieldName2["CardDni"] = "dni";
-  FieldName2["CardPin"] = "cardPin";
-  FieldName2["CardCurp"] = "curp";
 })(FieldName$1 || (FieldName$1 = {}));
 FieldName$2.default = FieldName$1;
 var CardBrand$1 = {};
@@ -2025,6 +2010,48 @@ var InteractionTargetType$1;
   InteractionTargetType2["Button"] = "button";
 })(InteractionTargetType$1 || (InteractionTargetType$1 = {}));
 InteractionTargetType$2.default = InteractionTargetType$1;
+var AdditionalFieldName$2 = {};
+Object.defineProperty(AdditionalFieldName$2, "__esModule", { value: true });
+var AdditionalFieldName$1;
+(function(AdditionalFieldName2) {
+  AdditionalFieldName2["ZipCode"] = "zip\u0421ode";
+  AdditionalFieldName2["ArgentinaDni"] = "argentinaDni";
+  AdditionalFieldName2["BangladeshNic"] = "bangladeshNic";
+  AdditionalFieldName2["BoliviaCi"] = "boliviaCi";
+  AdditionalFieldName2["BrazilCpf"] = "brazilCpf";
+  AdditionalFieldName2["CameroonCni"] = "cameroonCni";
+  AdditionalFieldName2["ChileCi"] = "chileCi";
+  AdditionalFieldName2["ChinaId"] = "chinaId";
+  AdditionalFieldName2["ColombiaCc"] = "colombiaCc";
+  AdditionalFieldName2["CostaRicaCi"] = "costaRicaCi";
+  AdditionalFieldName2["DominicanaId"] = "dominicanaId";
+  AdditionalFieldName2["EcuadorCi"] = "ecuadorCi";
+  AdditionalFieldName2["ElSalvadorId"] = "elSalvadorId";
+  AdditionalFieldName2["EgyptId"] = "egyptId";
+  AdditionalFieldName2["GhanaCard"] = "ghanaCard";
+  AdditionalFieldName2["GuatemalaCui"] = "guatemalaCui";
+  AdditionalFieldName2["IndiaPan"] = "indiaPan";
+  AdditionalFieldName2["IndonesiaNik"] = "indonesiaNik";
+  AdditionalFieldName2["JapanId"] = "japanId";
+  AdditionalFieldName2["KenyaId"] = "kenyaId";
+  AdditionalFieldName2["MalaysiaNric"] = "malaysiaNric";
+  AdditionalFieldName2["MexicoCurp"] = "mexicoCurp";
+  AdditionalFieldName2["MoroccoCnie"] = "moroccoCnie";
+  AdditionalFieldName2["NigeriaNin"] = "nigeriaNin";
+  AdditionalFieldName2["PanamaId"] = "panamaId";
+  AdditionalFieldName2["ParaguayCi"] = "paraguayCi";
+  AdditionalFieldName2["PeruDni"] = "peruDni";
+  AdditionalFieldName2["PhilipinesPsn"] = "philipinesPsn";
+  AdditionalFieldName2["SenegalCni"] = "senegalCni";
+  AdditionalFieldName2["SouthAfricaId"] = "southAfricaId";
+  AdditionalFieldName2["TanzaniaId"] = "tanzaniaId";
+  AdditionalFieldName2["ThailandId"] = "thailandId";
+  AdditionalFieldName2["TurkeyTcKimlikNo"] = "turkeyTcKimlikNo";
+  AdditionalFieldName2["UgandaNic"] = "ugandaNic";
+  AdditionalFieldName2["UriguayCi"] = "uriguayCi";
+  AdditionalFieldName2["VietnamVnid"] = "vietnamVnid";
+})(AdditionalFieldName$1 || (AdditionalFieldName$1 = {}));
+AdditionalFieldName$2.default = AdditionalFieldName$1;
 var SdkLoader$2 = {};
 var __classPrivateFieldGet = commonjsGlobal && commonjsGlobal.__classPrivateFieldGet || function(receiver, state, kind, f) {
   if (kind === "a" && !f)
@@ -2081,11 +2108,9 @@ 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 = SecureBrand = dist.SecureBrand = PayableEntity = dist.PayableEntity = AdditionalField = dist.AdditionalField = InteractionType = dist.InteractionType = 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 = 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 AdditionalField_1 = __importDefault(AdditionalField$2);
-var AdditionalField = dist.AdditionalField = AdditionalField_1.default;
 const FieldName_1 = __importDefault(FieldName$2);
 var FieldName = dist.FieldName = FieldName_1.default;
 const CardBrand_1 = __importDefault(CardBrand$1);
@@ -2100,6 +2125,8 @@ const InteractionType_1 = __importDefault(InteractionType$2);
 var InteractionType = dist.InteractionType = InteractionType_1.default;
 const InteractionTargetType_1 = __importDefault(InteractionTargetType$2);
 var InteractionTargetType = dist.InteractionTargetType = InteractionTargetType_1.default;
+const AdditionalFieldName_1 = __importDefault(AdditionalFieldName$2);
+var AdditionalFieldName = dist.AdditionalFieldName = AdditionalFieldName_1.default;
 const SdkLoader_1 = __importDefault(SdkLoader$2);
 var SdkLoader = dist.SdkLoader = SdkLoader_1.default;
 const payButtonIds = {
@@ -2171,6 +2198,7 @@ const onSubscribe = (sdkInstanceValue, props) => {
   sdkInstanceValue.on(MessageType.Interaction, (e) => props.onInteraction(e.data));
   sdkInstanceValue.on(MessageType.OrderStatus, (e) => props.onOrderStatus(e.data));
   sdkInstanceValue.on(MessageType.Resize, (e) => props.onResize(e.data));
+  sdkInstanceValue.on(MessageType.Card, (e) => props.onCard(e.data));
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -2204,6 +2232,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onOrderStatus: { type: Function, default: () => {
     } },
     onResize: { type: Function, default: () => {
+    } },
+    onCard: { type: Function, default: () => {
     } }
   },
   setup(__props) {
@@ -2235,7 +2265,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onFormRedirect: props.onFormRedirect,
       onInteraction: props.onInteraction,
       onOrderStatus: props.onOrderStatus,
-      onResize: props.onResize
+      onResize: props.onResize,
+      onCard: props.onCard
     };
     onMounted(async () => {
       var _a2;
@@ -2258,4 +2289,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-export { AdditionalField, CardBrand, FieldName, FormType, InteractionTargetType, InteractionType, MessageType, PayableEntity, SdkLoader, SecureBrand, _sfc_main as default };
+export { AdditionalFieldName, CardBrand, FieldName, FormType, InteractionTargetType, InteractionType, MessageType, PayableEntity, SdkLoader, SecureBrand, _sfc_main as default };

package/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@solidgate/vue-sdk",
+  "repository": "https://bitbucket.org/solidgate/vue-sdk",
   "files": [
     "dist"
   ],
@@ -9,7 +10,7 @@
       "import": "./dist/solid-payment.es.js"
     }
   },
-  "version": "1.0.1",
+  "version": "1.1.1",
   "typings": "./dist/lib/index.d.ts",
   "scripts": {
     "start": "vite",
@@ -23,7 +24,7 @@
     "vue": "^3.2.25"
   },
   "dependencies": {
-    "@solidgate/client-sdk-loader": "^1.0.0",
+    "@solidgate/client-sdk-loader": "^1.3.1",
     "vue3-styled-components": "^1.2.1"
   },
   "devDependencies": {