@solidgate/vue-sdk 1.4.0 → 1.5.1

package/dist/solid-payment.es.js

@@ -1,4 +1,4 @@
-import { provide, h, inject, defineComponent, ref, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
+import { provide, h, inject, defineComponent, ref, onMounted, onUnmounted, watch, isReactive, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
 var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");
 var generateAlphabeticName = function generateAlphabeticName2(code) {
   var lastDigit = chars[code % chars.length];
@@ -2142,14 +2142,15 @@ function getPayButtonParams(config, key, container) {
   if (payParams.containerId) {
     delete payParams.containerId;
   }
+  const syntheticId = payButtonIds[key].id;
   if (container) {
-    if (container.id) {
+    if (container.id && container.id !== syntheticId) {
       console.warn(
         `Id attribute "${container.id}" of ${payButtonIds[key].title} container will be overridden`
       );
     }
-    payParams.containerId = payButtonIds[key].id;
-    container.id = payParams.containerId;
+    payParams.containerId = syntheticId;
+    container.id = syntheticId;
   }
   if (Object.keys(payParams).length) {
     return payParams;
@@ -2161,8 +2162,6 @@ const initClientSdk = async (props) => {
     width,
     styles,
     formParams,
-    googlePayButtonParams,
-    applePayButtonParams,
     googlePayContainerRef,
     applePayContainerRef
   } = props;
@@ -2259,7 +2258,8 @@ const _sfc_main = defineComponent({
     onCard: { type: Function, default: () => {
     } }
   },
-  setup(__props) {
+  emits: ["mounted", "error", "success", "fail", "submit", "verify", "customStylesAppended", "formRedirect", "interaction", "orderStatus", "resize", "card", "readyPaymentInstance"],
+  setup(__props, { emit }) {
     const props = __props;
     const StyledPayment = styled.div`
   iframe {
@@ -2278,18 +2278,18 @@ const _sfc_main = defineComponent({
       applePayContainerRef: props.applePayContainerRef
     };
     const callbacks = {
-      onMounted: props.onMounted,
-      onError: props.onError,
-      onSuccess: props.onSuccess,
-      onFail: props.onFail,
-      onSubmit: props.onSubmit,
-      onVerify: props.onVerify,
-      onCustomStylesAppended: props.onCustomStylesAppended,
-      onFormRedirect: props.onFormRedirect,
-      onInteraction: props.onInteraction,
-      onOrderStatus: props.onOrderStatus,
-      onResize: props.onResize,
-      onCard: props.onCard
+      onMounted: (e) => props.onMounted && props.onMounted(e),
+      onError: (e) => props.onError && props.onError(e),
+      onSuccess: (e) => props.onSuccess && props.onSuccess(e),
+      onFail: (e) => props.onFail && props.onFail(e),
+      onSubmit: (e) => props.onSubmit && props.onSubmit(e),
+      onVerify: (e) => props.onVerify && props.onVerify(e),
+      onCustomStylesAppended: (e) => props.onCustomStylesAppended && props.onCustomStylesAppended(e),
+      onFormRedirect: (e) => props.onFormRedirect && props.onFormRedirect(e),
+      onInteraction: (e) => props.onInteraction && props.onInteraction(e),
+      onOrderStatus: (e) => props.onOrderStatus && props.onOrderStatus(e),
+      onResize: (e) => props.onResize && props.onResize(e),
+      onCard: (e) => props.onCard && props.onCard(e)
     };
     onMounted(async () => {
       var _a2;
@@ -2300,8 +2300,17 @@ const _sfc_main = defineComponent({
       }
     });
     onUnmounted(() => {
-      sdkInstance == null ? void 0 : sdkInstance.value.destroy();
+      var _a2;
+      (_a2 = sdkInstance == null ? void 0 : sdkInstance.value) == null ? void 0 : _a2.destroy();
     });
+    watch(
+      Object.values(config).map(
+        (value) => isReactive(value) ? value : () => value
+      ),
+      async () => {
+        sdkInstance.value = await initClientSdk(config);
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ThemeProvider), { theme: {} }, {
         default: withCtx(() => [

package/package.json

@@ -10,7 +10,7 @@
       "import": "./dist/solid-payment.es.js"
     }
   },
-  "version": "1.4.0",
+  "version": "1.5.1",
   "typings": "./dist/lib/index.d.ts",
   "license": "Apache-2.0",
   "scripts": {
@@ -41,7 +41,7 @@
     "husky": "^7.0.4",
     "lint-staged": "^11.2.6",
     "prettier": "^2.5.1",
-    "typescript": "^4.5.4",
+    "typescript": "5.0.4",
     "vite": "^2.8.0",
     "vue-tsc": "^0.29.8",
     "path": "^0.12.7",