@stokr/components-library 3.0.59 → 3.0.61

package/dist/components/Country/CountrySelect.js

@@ -99,6 +99,8 @@ CountrySelect.propTypes = {
   /** string for single mode, string[] for multi mode */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   multiple: PropTypes.bool,
+  /** Multi mode: values that cannot be removed (e.g. countries already saved server-side). */
+  lockedValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   placeholder: PropTypes.string,
   selectedLabel: PropTypes.string,
   error: PropTypes.bool,

package/dist/components/HeroBlock/HeroVideoBlock.js

@@ -2,6 +2,10 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import styled from "styled-components";
 import { useRef, useState, useCallback, useEffect } from "react";
 import { useInView } from "react-intersection-observer";
+const ViewportWrapper = styled.div`
+  width: 100%;
+  height: 100%;
+`;
 const VideoContainer = styled.div`
   position: relative;
   width: 100%;
@@ -21,7 +25,7 @@ const CLOUDINARY_VERSION = "v1745923531";
 const CLOUDINARY_PUBLIC_ID = "Static/Hero_section_video_kuatj1";
 const VIDEO_SRC_DESKTOP = `${CLOUDINARY_BASE}/f_auto,q_auto:good,vc_auto,w_1920,c_limit/${CLOUDINARY_VERSION}/${CLOUDINARY_PUBLIC_ID}.mp4`;
 const VIDEO_SRC_MOBILE = `${CLOUDINARY_BASE}/f_auto,q_auto:good,vc_auto,w_1280,c_limit/${CLOUDINARY_VERSION}/${CLOUDINARY_PUBLIC_ID}.mp4`;
-const VIDEO_POSTER = `${CLOUDINARY_BASE}/so_0,f_auto,q_auto:good,w_1920,c_limit/${CLOUDINARY_VERSION}/${CLOUDINARY_PUBLIC_ID}.jpg`;
+const VIDEO_POSTER = `${CLOUDINARY_BASE}/so_auto,f_jpg,q_auto:good,w_1920,c_limit/${CLOUDINARY_VERSION}/${CLOUDINARY_PUBLIC_ID}.jpg`;
 const shouldLoadVideo = () => {
   if (typeof navigator === "undefined") return true;
   const conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
@@ -105,7 +109,7 @@ const HeroVideoBlock = () => {
       document.removeEventListener("visibilitychange", handleDocVisibilityChange);
     };
   }, [playVideo]);
-  return /* @__PURE__ */ jsx("div", { ref: windowViewportRef, children: /* @__PURE__ */ jsx(VideoContainer, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ViewportWrapper, { ref: windowViewportRef, children: /* @__PURE__ */ jsx(VideoContainer, { children: /* @__PURE__ */ jsx(
     VideoBackground,
     {
       ref: videoRef,

package/dist/components/Input/Select.js

@@ -95,6 +95,7 @@ const Select = (props) => {
     search = false,
     creatable = false,
     multiple = false,
+    lockedValues = [],
     menuHeight,
     selectedLabel = "Selected",
     floatingLabel = true,
@@ -117,12 +118,16 @@ const Select = (props) => {
   const handleChange = (selected) => {
     if (multiple) {
       const arr = Array.isArray(selected) ? selected : [];
-      onChange?.({ name, value: arr.map((o) => o.value) });
+      let next = arr.map((o) => o.value);
+      const locked = (Array.isArray(value) ? value : []).filter((v) => lockedValues.includes(v));
+      for (const v of locked) if (!next.includes(v)) next = [...next, v];
+      onChange?.({ name, value: next });
       return;
     }
     onChange?.({ name, value: selected?.value ?? "" });
   };
   const removeValue = (val) => {
+    if (lockedValues.includes(val)) return;
     const arr = Array.isArray(value) ? value.filter((v) => v !== val) : [];
     onChange?.({ name, value: arr });
   };
@@ -203,19 +208,22 @@ const Select = (props) => {
         currentValue.length,
         ")"
       ] }),
-      /* @__PURE__ */ jsx(SelectedChipsList, { children: currentValue.map((opt) => /* @__PURE__ */ jsxs(SelectedChip, { children: [
-        renderIcon(opt.icon),
-        /* @__PURE__ */ jsx(SelectedChipLabel, { children: opt.label }),
-        /* @__PURE__ */ jsx(
-          SelectedChipRemove,
-          {
-            onClick: () => removeValue(opt.value),
-            "aria-label": `Remove ${typeof opt.label === "string" ? opt.label : opt.value}`,
-            disabled,
-            children: "✕"
-          }
-        )
-      ] }, opt.key ?? opt.value)) })
+      /* @__PURE__ */ jsx(SelectedChipsList, { children: currentValue.map((opt) => {
+        const isLocked = lockedValues.includes(opt.value);
+        return /* @__PURE__ */ jsxs(SelectedChip, { children: [
+          renderIcon(opt.icon),
+          /* @__PURE__ */ jsx(SelectedChipLabel, { children: opt.label }),
+          /* @__PURE__ */ jsx(
+            SelectedChipRemove,
+            {
+              onClick: () => removeValue(opt.value),
+              "aria-label": `Remove ${typeof opt.label === "string" ? opt.label : opt.value}`,
+              disabled: disabled || isLocked,
+              children: "✕"
+            }
+          )
+        ] }, opt.key ?? opt.value);
+      }) })
     ] })
   ] });
 };
@@ -246,6 +254,8 @@ Select.propTypes = {
   creatable: PropTypes.bool,
   /** Multi-select: checkbox options + chips list rendered below the field. */
   multiple: PropTypes.bool,
+  /** Multi mode: values that cannot be removed (chip ✕ disabled, can't be deselected). */
+  lockedValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
   menuHeight: PropTypes.number,
   /** Heading shown above the chips list in multi mode (default: "Selected"). */
   selectedLabel: PropTypes.string,

package/dist/context/Checkbox/CheckboxContext.js

@@ -70,7 +70,7 @@ const CheckboxProvider = ({ children }) => {
     [checkboxes, loadingStates, errorStates, fetchCheckboxes]
   );
   const checkCheckbox = useCallback(async (checkboxId, data = {}) => {
-    const { userId, investmentId = "", privateInvestorId = "" } = data;
+    const { userId, investmentId, privateInvestorId } = data;
     if (!userId) {
       throw new Error("userId is required to check checkbox");
     }
@@ -81,8 +81,8 @@ const CheckboxProvider = ({ children }) => {
       const response = await fetchData("compliance/check-checkbox", {
         userId,
         checkboxId,
-        investmentId,
-        privateInvestorId
+        ...investmentId != null ? { investmentId } : {},
+        ...privateInvestorId != null ? { privateInvestorId } : {}
       });
       return response;
     } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.59",
+  "version": "3.0.61",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",