straumur-web-component 0.3.1 → 0.3.6

package/dist/index.cjs

@@ -1020,8 +1020,12 @@ function CardComponent({ configuration, paymentMethods }) {
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await (0, import_adyen_web.AdyenCheckout)({
       clientKey: paymentMethods.clientKey,
-      locale: configuration.locale,
       environment: configuration.environment,
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
+      locale: configuration.locale,
       countryCode: "IS",
       paymentMethodsResponse: paymentMethods.paymentMethods,
       onError: handleOnError,
@@ -1329,6 +1333,9 @@ var GooglePayIcon = () => /* @__PURE__ */ (0, import_preact18.h)(
 );
 var googlepay_default = GooglePayIcon;
 
+// src/models/constants.ts
+var CANCEL = "CANCEL";
+
 // src/features/google-pay/google-pay-component.tsx
 function GooglePayComponent({ configuration, paymentMethods }) {
   const googlePayElementRef = (0, import_hooks5.useRef)(null);
@@ -1347,12 +1354,15 @@ function GooglePayComponent({ configuration, paymentMethods }) {
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await (0, import_adyen_web2.AdyenCheckout)({
       clientKey: paymentMethods.clientKey,
-      locale: paymentMethods.locale,
       environment: configuration.environment,
+      locale: paymentMethods.locale,
       countryCode: "IS",
-      onError: handleOnError,
-      onSubmit: handleOnSubmit,
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
       onAdditionalDetails: handleOnSubmitAdditionalData,
+      onError: handleOnError,
       onPaymentCompleted: configuration.onPaymentCompleted,
       onPaymentFailed: configuration.onPaymentFailed
     });
@@ -1364,6 +1374,7 @@ function GooglePayComponent({ configuration, paymentMethods }) {
       },
       countryCode: "IS",
       environment: configuration.environment,
+      onSubmit: handleOnSubmit,
       configuration: {
         ...gpayConfig,
         merchantName: paymentMethods.merchantName
@@ -1373,7 +1384,7 @@ function GooglePayComponent({ configuration, paymentMethods }) {
     googlePayRef.current.isAvailable().then(() => {
       googlePayRef.current.mount(googlePayElementRef.current);
       updatePaymentMethodInitialization("googlepay", true);
-    }).catch((e) => {
+    }).catch(() => {
       handleError("error.googlePayNotAvailable");
     });
   };
@@ -1390,8 +1401,10 @@ function GooglePayComponent({ configuration, paymentMethods }) {
   const handleBoxChange = () => {
     setActivePaymentMethod("googlepay");
   };
-  function handleOnError(_, __) {
-    handleError("error.unknownError");
+  function handleOnError(data, __) {
+    if (data.name !== CANCEL) {
+      handleError("error.unknownError");
+    }
   }
   async function handleOnSubmit(state, _, actions) {
     const data = {
@@ -1415,6 +1428,7 @@ function GooglePayComponent({ configuration, paymentMethods }) {
     if (resultCode === "RedirectShopper" || resultCode === "IdentifyShopper") {
       setThreeDSecureActive(true);
       adyenCardRef.current.createFromAction(action).mount(threeDSecureRef?.current);
+      actions.resolve({});
       return;
     }
     actions.resolve({ resultCode, action });
@@ -1516,16 +1530,19 @@ function ApplePayComponent({ configuration, paymentMethods }) {
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await (0, import_adyen_web3.AdyenCheckout)({
       clientKey: paymentMethods.clientKey,
-      locale: paymentMethods.locale,
       environment: configuration.environment,
+      locale: paymentMethods.locale,
       countryCode: "IS",
-      onError: handleOnError,
-      onSubmit: handleOnSubmit,
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
       onAdditionalDetails: handleOnSubmitAdditionalData,
+      onError: handleOnError,
       onPaymentCompleted: configuration.onPaymentCompleted,
       onPaymentFailed: configuration.onPaymentFailed
     });
-    const gpayConfig = paymentMethods.paymentMethods.paymentMethods.find((x) => x.type === "applepay").configuration;
+    const apayConfig = paymentMethods.paymentMethods.paymentMethods.find((x) => x.type === "applepay").configuration;
     const applePayConfiguration = {
       amount: {
         value: paymentMethods.minorUnitsAmount,
@@ -1533,16 +1550,16 @@ function ApplePayComponent({ configuration, paymentMethods }) {
       },
       environment: configuration.environment,
       configuration: {
-        ...gpayConfig,
+        ...apayConfig,
         merchantName: paymentMethods.merchantName
-      }
+      },
+      onSubmit: handleOnSubmit
     };
     applePayRef.current = new import_adyen_web3.ApplePay(adyenCardRef.current, applePayConfiguration);
     applePayRef.current.isAvailable().then(() => {
       applePayRef.current.mount(applePayElementRef.current);
       updatePaymentMethodInitialization("applepay", true);
-    }).catch((e) => {
-      console.log(e);
+    }).catch(() => {
       handleError("error.applePayNotAvailable");
     });
   };
@@ -1559,8 +1576,10 @@ function ApplePayComponent({ configuration, paymentMethods }) {
   const handleBoxChange = () => {
     setActivePaymentMethod("applepay");
   };
-  function handleOnError(_, __) {
-    handleError("error.unknownError");
+  function handleOnError(data, _) {
+    if (data.name !== CANCEL) {
+      handleError("error.unknownError");
+    }
   }
   async function handleOnSubmit(state, _, actions) {
     const data = {
@@ -1584,6 +1603,7 @@ function ApplePayComponent({ configuration, paymentMethods }) {
     if (resultCode === "RedirectShopper" || resultCode === "IdentifyShopper") {
       setThreeDSecureActive(true);
       adyenCardRef.current.createFromAction(action).mount(threeDSecureRef?.current);
+      actions.resolve({});
       return;
     }
     actions.resolve({ resultCode, action });
@@ -1696,9 +1716,13 @@ function StoredCardComponent({
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await (0, import_adyen_web4.AdyenCheckout)({
       clientKey: paymentMethods.clientKey,
-      locale: configuration.locale,
       environment: configuration.environment,
+      locale: configuration.locale,
       countryCode: "IS",
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
       paymentMethodsResponse: paymentMethods.paymentMethods,
       onError: handleOnError,
       onSubmit: handleOnSubmit,
@@ -2131,7 +2155,17 @@ var StraumurCheckout = class {
   paymentMethods = null;
   mountElement = null;
   constructor(config) {
-    this.configuration = { ...config, locale: config.locale || "en-US" };
+    this.configuration = { ...config, locale: determineLocale(config.locale) };
+    function determineLocale(locale) {
+      switch (locale) {
+        case "is":
+          return "is-IS";
+        case "en":
+          return "en-US";
+        default:
+          return "is-IS";
+      }
+    }
   }
   async mount(selector) {
     try {

package/dist/index.d.cts

@@ -77,7 +77,7 @@ type StraumurWebConfiguration = {
     onPaymentCompleted?: () => void;
     onPaymentFailed?: () => void;
     placeholders?: Placeholders;
-    locale?: Language;
+    locale?: "is" | "en";
 };
 type StraumurCheckoutConfiguration = {
     sessionId: string;

package/dist/index.d.ts

@@ -77,7 +77,7 @@ type StraumurWebConfiguration = {
     onPaymentCompleted?: () => void;
     onPaymentFailed?: () => void;
     placeholders?: Placeholders;
-    locale?: Language;
+    locale?: "is" | "en";
 };
 type StraumurCheckoutConfiguration = {
     sessionId: string;

package/dist/index.mjs

@@ -997,8 +997,12 @@ function CardComponent({ configuration, paymentMethods }) {
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await AdyenCheckout({
       clientKey: paymentMethods.clientKey,
-      locale: configuration.locale,
       environment: configuration.environment,
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
+      locale: configuration.locale,
       countryCode: "IS",
       paymentMethodsResponse: paymentMethods.paymentMethods,
       onError: handleOnError,
@@ -1309,6 +1313,9 @@ var GooglePayIcon = () => /* @__PURE__ */ h17(
 );
 var googlepay_default = GooglePayIcon;
 
+// src/models/constants.ts
+var CANCEL = "CANCEL";
+
 // src/features/google-pay/google-pay-component.tsx
 function GooglePayComponent({ configuration, paymentMethods }) {
   const googlePayElementRef = useRef4(null);
@@ -1327,12 +1334,15 @@ function GooglePayComponent({ configuration, paymentMethods }) {
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await AdyenCheckout2({
       clientKey: paymentMethods.clientKey,
-      locale: paymentMethods.locale,
       environment: configuration.environment,
+      locale: paymentMethods.locale,
       countryCode: "IS",
-      onError: handleOnError,
-      onSubmit: handleOnSubmit,
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
       onAdditionalDetails: handleOnSubmitAdditionalData,
+      onError: handleOnError,
       onPaymentCompleted: configuration.onPaymentCompleted,
       onPaymentFailed: configuration.onPaymentFailed
     });
@@ -1344,6 +1354,7 @@ function GooglePayComponent({ configuration, paymentMethods }) {
       },
       countryCode: "IS",
       environment: configuration.environment,
+      onSubmit: handleOnSubmit,
       configuration: {
         ...gpayConfig,
         merchantName: paymentMethods.merchantName
@@ -1353,7 +1364,7 @@ function GooglePayComponent({ configuration, paymentMethods }) {
     googlePayRef.current.isAvailable().then(() => {
       googlePayRef.current.mount(googlePayElementRef.current);
       updatePaymentMethodInitialization("googlepay", true);
-    }).catch((e) => {
+    }).catch(() => {
       handleError("error.googlePayNotAvailable");
     });
   };
@@ -1370,8 +1381,10 @@ function GooglePayComponent({ configuration, paymentMethods }) {
   const handleBoxChange = () => {
     setActivePaymentMethod("googlepay");
   };
-  function handleOnError(_, __) {
-    handleError("error.unknownError");
+  function handleOnError(data, __) {
+    if (data.name !== CANCEL) {
+      handleError("error.unknownError");
+    }
   }
   async function handleOnSubmit(state, _, actions) {
     const data = {
@@ -1395,6 +1408,7 @@ function GooglePayComponent({ configuration, paymentMethods }) {
     if (resultCode === "RedirectShopper" || resultCode === "IdentifyShopper") {
       setThreeDSecureActive(true);
       adyenCardRef.current.createFromAction(action).mount(threeDSecureRef?.current);
+      actions.resolve({});
       return;
     }
     actions.resolve({ resultCode, action });
@@ -1499,16 +1513,19 @@ function ApplePayComponent({ configuration, paymentMethods }) {
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await AdyenCheckout3({
       clientKey: paymentMethods.clientKey,
-      locale: paymentMethods.locale,
       environment: configuration.environment,
+      locale: paymentMethods.locale,
       countryCode: "IS",
-      onError: handleOnError,
-      onSubmit: handleOnSubmit,
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
       onAdditionalDetails: handleOnSubmitAdditionalData,
+      onError: handleOnError,
       onPaymentCompleted: configuration.onPaymentCompleted,
       onPaymentFailed: configuration.onPaymentFailed
     });
-    const gpayConfig = paymentMethods.paymentMethods.paymentMethods.find((x) => x.type === "applepay").configuration;
+    const apayConfig = paymentMethods.paymentMethods.paymentMethods.find((x) => x.type === "applepay").configuration;
     const applePayConfiguration = {
       amount: {
         value: paymentMethods.minorUnitsAmount,
@@ -1516,16 +1533,16 @@ function ApplePayComponent({ configuration, paymentMethods }) {
       },
       environment: configuration.environment,
       configuration: {
-        ...gpayConfig,
+        ...apayConfig,
         merchantName: paymentMethods.merchantName
-      }
+      },
+      onSubmit: handleOnSubmit
     };
     applePayRef.current = new ApplePay(adyenCardRef.current, applePayConfiguration);
     applePayRef.current.isAvailable().then(() => {
       applePayRef.current.mount(applePayElementRef.current);
       updatePaymentMethodInitialization("applepay", true);
-    }).catch((e) => {
-      console.log(e);
+    }).catch(() => {
       handleError("error.applePayNotAvailable");
     });
   };
@@ -1542,8 +1559,10 @@ function ApplePayComponent({ configuration, paymentMethods }) {
   const handleBoxChange = () => {
     setActivePaymentMethod("applepay");
   };
-  function handleOnError(_, __) {
-    handleError("error.unknownError");
+  function handleOnError(data, _) {
+    if (data.name !== CANCEL) {
+      handleError("error.unknownError");
+    }
   }
   async function handleOnSubmit(state, _, actions) {
     const data = {
@@ -1567,6 +1586,7 @@ function ApplePayComponent({ configuration, paymentMethods }) {
     if (resultCode === "RedirectShopper" || resultCode === "IdentifyShopper") {
       setThreeDSecureActive(true);
       adyenCardRef.current.createFromAction(action).mount(threeDSecureRef?.current);
+      actions.resolve({});
       return;
     }
     actions.resolve({ resultCode, action });
@@ -1682,9 +1702,13 @@ function StoredCardComponent({
   const initializeAdyenComponent = async () => {
     adyenCardRef.current = await AdyenCheckout4({
       clientKey: paymentMethods.clientKey,
-      locale: configuration.locale,
       environment: configuration.environment,
+      locale: configuration.locale,
       countryCode: "IS",
+      amount: {
+        value: paymentMethods.minorUnitsAmount,
+        currency: paymentMethods.currency
+      },
       paymentMethodsResponse: paymentMethods.paymentMethods,
       onError: handleOnError,
       onSubmit: handleOnSubmit,
@@ -2117,7 +2141,17 @@ var StraumurCheckout = class {
   paymentMethods = null;
   mountElement = null;
   constructor(config) {
-    this.configuration = { ...config, locale: config.locale || "en-US" };
+    this.configuration = { ...config, locale: determineLocale(config.locale) };
+    function determineLocale(locale) {
+      switch (locale) {
+        case "is":
+          return "is-IS";
+        case "en":
+          return "en-US";
+        default:
+          return "is-IS";
+      }
+    }
   }
   async mount(selector) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "straumur-web-component",
-  "version": "0.3.1",
+  "version": "0.3.6",
   "license": "MIT",
   "homepage": "https://docs.straumur.is",
   "type": "module",