umwd-components 0.1.840 → 0.1.841

package/dist/esm/umwd-components/src/lib/utils.js

@@ -0,0 +1,166 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+/**
+ * INFO
+ * Flattens the attributes of a Strapi response object.
+ * @param data The Strapi response object to flatten.
+ * @returns The flattened object.
+ */
+function flattenAttributes(data) {
+    // Check if data is a plain object; return as is if not
+    if (typeof data !== "object" ||
+        data === null ||
+        data instanceof Date ||
+        typeof data === "function") {
+        return data;
+    }
+    // If data is an array, apply flattenAttributes to each element and return as array
+    if (Array.isArray(data)) {
+        return data.map((item) => flattenAttributes(item));
+    }
+    // Initialize an object with an index signature for the flattened structure
+    let flattened = {};
+    // Iterate over each key in the object
+    for (let key in data) {
+        // Skip inherited properties from the prototype chain
+        if (!data.hasOwnProperty(key))
+            continue;
+        // If the key is 'attributes' or 'data', and its value is an object, merge their contents
+        if ((key === "attributes" || key === "data") &&
+            typeof data[key] === "object" &&
+            !Array.isArray(data[key])) {
+            Object.assign(flattened, flattenAttributes(data[key]));
+        }
+        else {
+            // For other keys, copy the value, applying flattenAttributes if it's an object
+            flattened[key] = flattenAttributes(data[key]);
+        }
+    }
+    return flattened;
+}
+/**
+ * INFO
+ * @returns The base URL for the Strapi API, either from environment variables or a default value.
+ */
+function getStrapiURL() {
+    return process.env.NEXT_PUBLIC_STRAPI_URL ?? "http://localhost:1337";
+}
+function getStrapiMedia(url) {
+    if (url == null)
+        return null;
+    if (url.startsWith("data:"))
+        return url;
+    if (url.startsWith("http") || url.startsWith("//"))
+        return url;
+    return `${getStrapiURL()}${url}`;
+}
+function setOpacity(color, opacity) {
+    // Clamp opacity between 0 and 1
+    opacity = Math.min(Math.max(opacity, 0), 1);
+    // Regex to match various color formats (hex, rgb, rgba)
+    const match = color.match(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i);
+    if (match) {
+        // Hex color
+        const [, r, g, b, alpha = "FF"] = match;
+        return `rgba(${parseInt(r, 16)}, ${parseInt(g, 16)}, ${parseInt(b, 16)}, ${(parseInt(alpha, 16) / 255) * opacity})`;
+    }
+    else {
+        // Parse RGB or RGBA manually
+        const rgbMatch = color.match(/^rgb\((\d+)(?:,(\d+))?(?:,(\d+))?\)$/i);
+        const rgbaMatch = color.match(/^rgba\((\d+)(?:,(\d+))?(?:,(\d+))?(?:,([.\d]+))?\)$/i);
+        if (rgbMatch) {
+            // RGB format
+            const [, red, green, blue] = rgbMatch;
+            return `rgba(${red}, ${green}, ${blue}, ${opacity})`;
+        }
+        else if (rgbaMatch) {
+            // RGBA format
+            const [, red, green, blue, alpha] = rgbaMatch;
+            return `rgba(${red}, ${green}, ${blue}, ${alpha || opacity})`; // Use provided opacity if alpha is missing
+        }
+    }
+    // If parsing fails, return original color
+    return color;
+}
+function formDataToBlocks(formData) {
+    const newBlocks = [];
+    for (const [key, value] of formData.entries()) {
+        // console.log(key, value);
+        const parts = key.split(".");
+        // console.log(parts);
+        // Check if the key starts with "blocks" and has an index
+        if (parts[0].startsWith("blocks")) {
+            const blockIndex = parseInt(parts[0].slice(7, 8));
+            // console.log("blockIndex", blockIndex);
+            const blockProperty = parts[1].endsWith("]")
+                ? parts[1].slice(0, parts[1].length - 3)
+                : parts[1];
+            // console.log("blockProperty", blockProperty);
+            const nestedProperty = parts.length > 2 ? parts[2] : null;
+            // if (nestedProperty !== null) {
+            //   console.log("nestedProperty", nestedProperty);
+            // }
+            const nestedIndex = parts[1].endsWith("]")
+                ? parts[1].slice(-2, -1)
+                : null;
+            // if (nestedIndex !== null) {
+            //   console.log("nestedIndex", nestedIndex);
+            // }
+            // Initialize a new block object if it doesn't exist for the index
+            if (!newBlocks[blockIndex]) {
+                newBlocks[blockIndex] = {
+                    id: "",
+                    __component: "",
+                };
+            }
+            // Assign the value to the corresponding property based on blockProperty
+            switch (blockProperty) {
+                case "id":
+                    newBlocks[blockIndex].id = value.toString();
+                    break;
+                case "__component":
+                    newBlocks[blockIndex].__component = value.toString();
+                    break;
+                case "heading":
+                case "subHeading":
+                case "title":
+                case "subtitle":
+                    newBlocks[blockIndex][blockProperty] = value;
+                    break;
+                case "link":
+                    // with nested properties that are objects
+                    // if the blockproperty was undefined create as empty obj
+                    if (newBlocks[blockIndex][blockProperty] === undefined ||
+                        newBlocks[blockIndex][blockProperty] === null) {
+                        newBlocks[blockIndex][blockProperty] = {};
+                    }
+                    // set the nested property
+                    if (nestedProperty) {
+                        newBlocks[blockIndex][blockProperty][nestedProperty] = value;
+                    }
+                    break;
+                case "feature":
+                    console.log("!!", newBlocks[blockIndex], blockProperty, nestedIndex, nestedProperty);
+                    // with nested properties that are arrays
+                    // if the blockproperty was undefined create as empty arr
+                    if (newBlocks[blockIndex][blockProperty] === undefined ||
+                        newBlocks[blockIndex][blockProperty] === null) {
+                        newBlocks[blockIndex][blockProperty] = [];
+                    }
+                    // set the nested property
+                    // newBlocks[blockIndex][blockProperty][nestedIndex][nestedProperty] = value;
+                    break;
+                default:
+                    // Handle unexpected properties (optional)
+                    console.warn(`Ignoring unexpected property: ${key}`);
+            }
+        }
+    }
+    return newBlocks;
+}
+
+export { flattenAttributes, formDataToBlocks, getStrapiMedia, getStrapiURL, setOpacity };

package/dist/esm/umwd-components/src/lib/vatValidate.js

@@ -0,0 +1,98 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import '../../../node_modules/axios/index.js';
+import convert from '../../node_modules/xml-js/lib/index.js';
+import axios from '../../../node_modules/axios/lib/axios.js';
+
+function extractFirstNonNumericPart(inputString) {
+    const parts = inputString.split(/\d+/); // Split the string using any sequence of digits as delimiter
+    const firstNonNumericPart = parts.find((part) => part.trim() !== ""); // Find the first non-empty part
+    return firstNonNumericPart ? firstNonNumericPart.trim() : "";
+}
+// TODO this function does not work, it needs to be fixed
+// possibly it's because the function will only work with ngrok or in an online enviroment
+// since at the moment the function is not able to reach the service
+async function vatValidate(vatNumber) {
+    vatNumber = vatNumber.replace(/\s/g, "");
+    const countryCode = vatNumber.slice(0, 2);
+    const numberPart = vatNumber.slice(2);
+    const url = "https://ec.europa.eu/taxation_customs/vies/services/checkVatService";
+    let data = `<?xml version="1.0" encoding="utf-8"?>\r\n<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" soap:encodingStyle="http://www.w3.org/2001/12/soap-encoding">\r\n  <soap:Body>\r\n    <m:checkVat xmlns:m="urn:ec.europa.eu:taxud:vies:services:checkVat:types">\r\n        <m:countryCode>${countryCode}</m:countryCode>\r\n        <m:vatNumber>${numberPart}</m:vatNumber>\r\n    </m:checkVat>\r\n  </soap:Body>\r\n</soap:Envelope>`;
+    let config = {
+        method: "post",
+        maxBodyLength: Infinity,
+        url: url,
+        headers: {
+            "Content-Type": "text/xml",
+            SOAPAction: '"#POST"',
+        },
+        data: data,
+    };
+    const res = await axios(config)
+        .then(function (response) {
+        const json = convert.xml2json(response.data, {
+            compact: true,
+            spaces: 4,
+        });
+        const result = JSON.parse(json);
+        const data = result["env:Envelope"]["env:Body"]["ns2:checkVatResponse"];
+        if (data["ns2:valid"]._text === "false") {
+            return {
+                error: "Not a valid VAT number",
+            };
+        }
+        // could be and should be extracted to a seperate function
+        const responseObj = () => {
+            const address = data["ns2:address"]._text;
+            const addressTruncated = address.replace(/^\s+|\s+$/g, "");
+            const addressLine = addressTruncated.replace(/\r?\n|\r|\n/g, " ");
+            if (data["ns2:countryCode"]._text === "NL") {
+                const addressSplit = addressTruncated.split(/\r?\n|\r|\n/g);
+                const lastPart = addressSplit[addressSplit.length - 1];
+                const postalCode = lastPart.split(" ")[0];
+                const cityName = lastPart.split(" ")[1];
+                const firstPart = addressSplit[0];
+                const houseNum = firstPart.split(" ")[firstPart.split(" ").length - 1];
+                const streetName = extractFirstNonNumericPart(firstPart);
+                const houseNumber = houseNum - 0;
+                return {
+                    countryCode: data["ns2:countryCode"]._text,
+                    vatNumber: data["ns2:vatNumber"]._text,
+                    requestDate: data["ns2:requestDate"]._text,
+                    valid: data["ns2:valid"]._text,
+                    name: data["ns2:name"]._text,
+                    address: addressLine,
+                    postalCode: postalCode,
+                    cityName: cityName,
+                    streetName: streetName,
+                    houseNumber: houseNumber,
+                };
+            }
+            else {
+                return {
+                    countryCode: data["ns2:countryCode"]._text,
+                    vatNumber: data["ns2:vatNumber"]._text,
+                    requestDate: data["ns2:requestDate"]._text,
+                    valid: data["ns2:valid"]._text,
+                    name: data["ns2:name"]._text,
+                    address: addressLine,
+                };
+            }
+        };
+        return responseObj();
+    })
+        .catch(function (error) {
+        // this is the bare minimum, should have more advanced error logging
+        console.error(error);
+        return {
+            error: "It’s a bit busy at the moment, please try again",
+        };
+    });
+    return res;
+}
+
+export { vatValidate };

package/dist/esm/umwd-components/src/types/common/Contact.js

@@ -0,0 +1,15 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+var ContactType;
+(function (ContactType) {
+    ContactType["Logistics"] = "logistics";
+    ContactType["Finance"] = "finance";
+    ContactType["Sales"] = "sales";
+    ContactType["Other"] = "other";
+})(ContactType || (ContactType = {}));
+
+export { ContactType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.840",
+  "version": "0.1.841",
   "description": "UMWD Component library",
   "main": "./dist/cjs/src/index.js",
   "module": "./dist/esm/src/index.js",
@@ -90,7 +90,7 @@
     "zod": "^3.23.0"
   },
   "dependencies": {
-    "@mollie/api-client": "^3.7.0",
+    "@mollie/api-client": "^4.3.3",
     "@react-pdf/renderer": "^4.3.0",
     "dayjs": "^1.10.7",
     "qs": "^6.12.0",
@@ -101,10 +101,5 @@
   },
   "prettier": {
     "proseWrap": "always"
-  },
-  "overrides": {
-    "@mollie/api-client": {
-      "axios": "1.7.7"
-    }
   }
 }