OP Lasku calculator

assets/op-lasku-assets/op-lasku-helper-blocks.js

@@ -0,0 +1,57 @@
+import { useEffect } from "react";
+import { select, subscribe } from "@wordpress/data";
+import { CART_STORE_KEY } from "@woocommerce/block-data";
+import { registerPlugin } from "@wordpress/plugins";
+import { ExperimentalOrderMeta } from "@woocommerce/blocks-checkout";
+
+const render = () => {
+  if (typeof ExperimentalOrderMeta === "undefined" || typeof window.op_lasku_data === "undefined") {
+    return null;
+  }
+
+  // Initialize calculator options if not available
+  if (!window.__opLaskuOpts) {
+    window.__opLaskuOpts = [];
+  }
+
+  // Subscribe to cart changes
+  const onCartChange = () => {
+    const cart = select(CART_STORE_KEY).getCartData();
+    if (!cart) {
+      return;
+    }
+
+    const cartTotal = cart.totals.total_price || 0;
+
+    if (window.__opLaskuCalcWidget?.lasku) {
+      window.__opLaskuCalcWidget.lasku.setAmount(cartTotal);
+    }
+
+    window.__opLaskuOpts = {
+      amount: cartTotal,
+      lang: window.op_lasku_data.language || "fi",
+      type: "lasku",
+    };
+  };
+
+  useEffect(() => {
+    const unsubscribe = subscribe(onCartChange);
+
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+
+  return (
+    <ExperimentalOrderMeta>
+      <div className="wc-block-components-totals-wrapper">
+        <div id="op-lasku--init"></div>
+      </div>
+    </ExperimentalOrderMeta>
+  );
+};
+
+registerPlugin("paytrail-oplasku-cart-blocks", {
+  render,
+  scope: "woocommerce-checkout",
+});

assets/op-lasku-assets/op-lasku-helper.js

@@ -0,0 +1,46 @@
+if (!window.__opLaskuOpts) {
+  window.__opLaskuOpts = [];
+}
+
+if (typeof window.op_lasku_data !== 'undefined') {
+  //Get the language
+  const lang = op_lasku_data.language || "fi";
+
+  // Initialize options based on page type
+  if (op_lasku_data?.product_price) {
+    // Product page
+    window.__opLaskuOpts = {
+      amount: Math.round(op_lasku_data.product_price * 100),
+      lang: lang,
+      type: "lasku",
+    };
+  } else if (op_lasku_data?.cart_total) {
+    // Cart page
+    window.__opLaskuOpts = {
+      amount: Math.round(op_lasku_data.cart_total * 100),
+      lang: lang,
+      type: "lasku",
+    };
+
+    // Attach cart update listener on shortcode cart page
+    jQuery(document.body).on("updated_cart_totals", function () {
+      const totalElement = document.querySelector(".order-total .amount");
+      if (!totalElement) return;
+
+      const cartTotal = totalElement.textContent
+        .replace(/[^0-9.,]/g, "")
+        .replace(",", ".");
+
+      window.__opLaskuOpts = {
+        amount: Math.round(parseFloat(cartTotal) * 100),
+        lang: lang,
+        type: "lasku",
+      };
+
+      // Call the OP Lasku initialization function
+      if (typeof window.opLaskuInit === "function") {
+        window.opLaskuInit();
+      }
+    });
+  }
+}