beem-component 2.1.28 → 2.1.29

package/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:lts as build
+FROM node:16 AS build
 
 WORKDIR /app
 
@@ -23,7 +23,9 @@ COPY --from=build /app/storybook-static /usr/share/nginx/html
 
 RUN rm /etc/nginx/conf.d/default.conf
 
-COPY nginx.conf /etc/nginx/conf.d/
+# Replace the default NGINX config with your custom one
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
 
 EXPOSE 3000
 

package/dist/components/BmSelector/BmSelector.js

@@ -6,8 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const hexToRgba = function (hex) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+  try {
+    const normalizedHex = hex === null || hex === void 0 ? void 0 : hex.replace('#', '');
+    if (!normalizedHex || normalizedHex.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(normalizedHex)) {
+      throw new Error('Invalid hex');
+    }
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+  } catch (e) {
+    return "rgba(0, 0, 0, ".concat(opacity, ")");
+  }
+};
 const CustomRadio = _styledComponents.default.span.withConfig({
   displayName: "BmSelector__CustomRadio"
 })(["display:inline-block;width:0.2143rem;height:0.2143rem;border-radius:714.2143rem;transition:all 0.1s ease-in-out;flex-shrink:0;", " @media (max-width:42.8571rem){width:0.0714rem;height:0.0714rem;}"], _ref => {
@@ -33,7 +47,7 @@ const TimeSlotCard = _styledComponents.default.div.withConfig({
     selected,
     themeColor
   } = _ref3;
-  return selected ? (0, _convertToRGBA.default)(themeColor, 0.08) : 'transparent';
+  return selected ? hexToRgba(themeColor, 0.08) : 'transparent';
 }, _ref4 => {
   let {
     themeColor

package/dist/components/Card_v2/Card.js

@@ -6,20 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.BmCardv2 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 const _excluded = ["className", "children", "borderColor", "borderWidth"];
 /* eslint-disable func-style */
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const hexToRgba = function (hex) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+  try {
+    const normalizedHex = hex === null || hex === void 0 ? void 0 : hex.replace('#', '');
+    if (!normalizedHex || normalizedHex.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(normalizedHex)) {
+      throw new Error('Invalid hex');
+    }
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+  } catch (e) {
+    return "rgba(0, 0, 0, ".concat(opacity, ")");
+  }
+};
 const StyledCard = _styledComponents.default.div.withConfig({
   displayName: "Card__StyledCard"
 })(["background-color:var(--card,#fff);color:var(--card-foreground,#000);display:flex;flex-direction:column;gap:1.5rem;border-radius:0.75rem;border-style:solid;border-color:", ";border-width:", ";width:100%;"], _ref => {
   let {
     borderColor
   } = _ref;
-  return (0, _convertToRGBA.default)(borderColor || '#ccc', 0.1);
+  return hexToRgba(borderColor || '#ccc', 0.1);
 }, _ref2 => {
   let {
     borderWidth

package/dist/components/InfoPanel/InfoPanel.js

@@ -6,8 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const hexToRgba = function (hex) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+  try {
+    const normalizedHex = hex === null || hex === void 0 ? void 0 : hex.replace('#', '');
+    if (!normalizedHex || normalizedHex.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(normalizedHex)) {
+      throw new Error('Invalid hex');
+    }
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+  } catch (e) {
+    return "rgba(0, 0, 0, ".concat(opacity, ")");
+  }
+};
 const Panel = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__Panel"
 })(["border:0.0714rem solid rgba(51,177,186,0.1);border-radius:0.5rem;overflow:hidden;"]);
@@ -21,7 +35,7 @@ const IconBox = _styledComponents.default.div.withConfig({
     iconBackgroundColor,
     iconColor
   } = _ref;
-  return iconBackgroundColor && (0, _convertToRGBA.default)(iconColor, 0.1);
+  return iconBackgroundColor && hexToRgba(iconColor, 0.1);
 }, _ref2 => {
   let {
     iconColor
@@ -45,7 +59,7 @@ const SummarySubtitle = _styledComponents.default.p.withConfig({
   let {
     textColor
   } = _ref4;
-  return (0, _convertToRGBA.default)(textColor || '#000000', 0.6);
+  return hexToRgba(textColor || '#000000', 0.6);
 });
 const SectionContainer = _styledComponents.default.div.withConfig({
   displayName: "InfoPanel__SectionContainer"
@@ -53,7 +67,7 @@ const SectionContainer = _styledComponents.default.div.withConfig({
   let {
     backgroundColor
   } = _ref5;
-  return backgroundColor && "\n    background-color: ".concat((0, _convertToRGBA.default)(backgroundColor, 0.05), ";\n  ");
+  return backgroundColor && "\n    background-color: ".concat(hexToRgba(backgroundColor, 0.05), ";\n  ");
 });
 const SectionTitle = _styledComponents.default.h3.withConfig({
   displayName: "InfoPanel__SectionTitle"

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -6,8 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const hexToRgba = function (hex) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+  try {
+    const normalizedHex = hex === null || hex === void 0 ? void 0 : hex.replace('#', '');
+    if (!normalizedHex || normalizedHex.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(normalizedHex)) {
+      throw new Error('Invalid hex');
+    }
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+  } catch (e) {
+    return "rgba(0, 0, 0, ".concat(opacity, ")");
+  }
+};
 const Container = _styledComponents.default.div.withConfig({
   displayName: "ProgressIndicator__Container"
 })(["margin-bottom:1rem;--primary-color:", ";--primary-light:", ";--primary-lighter:", ";--muted-color:", ";--muted-foreground-color:", ";@media (min-width:45.7143rem){margin-bottom:1.5rem;}"], _ref => {
@@ -19,12 +33,12 @@ const Container = _styledComponents.default.div.withConfig({
   let {
     primaryColor
   } = _ref2;
-  return (0, _convertToRGBA.default)(primaryColor, 0.2);
+  return hexToRgba(primaryColor, 0.2);
 }, _ref3 => {
   let {
     primaryColor
   } = _ref3;
-  return (0, _convertToRGBA.default)(primaryColor, 0.4);
+  return hexToRgba(primaryColor, 0.4);
 }, _ref4 => {
   let {
     mutedColor

package/dist/components/SelectionNotice/SelectionNotice.js

@@ -6,20 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _convertToRGBA = _interopRequireDefault(require("../../../util/convertToRGBA"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const hexToRgba = function (hex) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+  try {
+    const normalizedHex = hex === null || hex === void 0 ? void 0 : hex.replace('#', '');
+    if (!normalizedHex || normalizedHex.length !== 6 || !/^[0-9a-fA-F]{6}$/.test(normalizedHex)) {
+      throw new Error('Invalid hex');
+    }
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
+  } catch (e) {
+    return "rgba(0, 0, 0, ".concat(opacity, ")");
+  }
+};
 const Container = _styledComponents.default.div.withConfig({
   displayName: "SelectionNotice__Container"
 })(["background-color:", ";border:0.0714rem solid ", ";padding:0.5rem;border-radius:0.5rem;text-align:center;animation:fadeIn 0.3s ease-in;@media (min-width:45.7143rem){padding:0.75rem;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"], _ref => {
   let {
     color
   } = _ref;
-  return (0, _convertToRGBA.default)(color || '#33B1BA', 0.05);
+  return hexToRgba(color || '#33B1BA', 0.05);
 }, _ref2 => {
   let {
     color
   } = _ref2;
-  return (0, _convertToRGBA.default)(color || '#33B1BA', 0.2);
+  return hexToRgba(color || '#33B1BA', 0.2);
 });
 const Text = _styledComponents.default.p.withConfig({
   displayName: "SelectionNotice__Text"

package/nginx.conf

@@ -1,17 +1,31 @@
-server {
-    listen 8085;
-    root   /usr/share/nginx/html;
+# server {
+#     listen 8085;
+#     root   /usr/share/nginx/html;
 
-    index  index.html index.htm;
+#     index  index.html index.htm;
     
-    include /etc/nginx/mime.types;
+#     include /etc/nginx/mime.types;
     
-    gzip on;
-    gzip_min_length 1000;
-    gzip_proxied expired no-cache no-store private auth;
-    gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript; 
+#     gzip on;
+#     gzip_min_length 1000;
+#     gzip_proxied expired no-cache no-store private auth;
+#     gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript; 
     
-    location / {
-        try_files $uri $uri/ /index.html;
-    }
+#     location / {
+#         try_files $uri $uri/ /index.html;
+#     }
+# }
+
+
+# nginx.conf
+server {
+  listen 3000;
+  server_name localhost;
+
+  root /usr/share/nginx/html;
+  index index.html;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beem-component",
-  "version": "2.1.28",
+  "version": "2.1.29",
   "private": false,
   "main": "dist/components/index.js",
   "scripts": {

package/src/lib/components/BmSelector/BmSelector.js

@@ -1,6 +1,25 @@
 import React from 'react';
 import styled from 'styled-components';
-import hexToRgba from '../../../util/convertToRGBA';
+
+const hexToRgba = (hex, opacity = 0.6) => {
+  try {
+    const normalizedHex = hex?.replace('#', '');
+    if (
+      !normalizedHex ||
+      normalizedHex.length !== 6 ||
+      !/^[0-9a-fA-F]{6}$/.test(normalizedHex)
+    ) {
+      throw new Error('Invalid hex');
+    }
+
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  } catch (e) {
+    return `rgba(0, 0, 0, ${opacity})`;
+  }
+};
 
 const CustomRadio = styled.span`
   display: inline-block;

package/src/lib/components/Card_v2/Card.js

@@ -2,7 +2,25 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import hexToRgba from '../../../util/convertToRGBA';
+const hexToRgba = (hex, opacity = 0.6) => {
+  try {
+    const normalizedHex = hex?.replace('#', '');
+    if (
+      !normalizedHex ||
+      normalizedHex.length !== 6 ||
+      !/^[0-9a-fA-F]{6}$/.test(normalizedHex)
+    ) {
+      throw new Error('Invalid hex');
+    }
+
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  } catch (e) {
+    return `rgba(0, 0, 0, ${opacity})`;
+  }
+};
 
 const StyledCard = styled.div`
   background-color: var(--card, #fff);

package/src/lib/components/InfoPanel/InfoPanel.js

@@ -1,6 +1,25 @@
 import React from 'react';
 import styled from 'styled-components';
-import hexToRgba from '../../../util/convertToRGBA';
+
+const hexToRgba = (hex, opacity = 0.6) => {
+  try {
+    const normalizedHex = hex?.replace('#', '');
+    if (
+      !normalizedHex ||
+      normalizedHex.length !== 6 ||
+      !/^[0-9a-fA-F]{6}$/.test(normalizedHex)
+    ) {
+      throw new Error('Invalid hex');
+    }
+
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  } catch (e) {
+    return `rgba(0, 0, 0, ${opacity})`;
+  }
+};
 
 const Panel = styled.div`
   border: 0.0714rem solid rgba(51, 177, 186, 0.1);

package/src/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -1,7 +1,25 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import hexToRgba from '../../../util/convertToRGBA';
+const hexToRgba = (hex, opacity = 0.6) => {
+  try {
+    const normalizedHex = hex?.replace('#', '');
+    if (
+      !normalizedHex ||
+      normalizedHex.length !== 6 ||
+      !/^[0-9a-fA-F]{6}$/.test(normalizedHex)
+    ) {
+      throw new Error('Invalid hex');
+    }
+
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  } catch (e) {
+    return `rgba(0, 0, 0, ${opacity})`;
+  }
+};
 
 const Container = styled.div`
   margin-bottom: 1rem;

package/src/lib/components/SelectionNotice/SelectionNotice.js

@@ -1,7 +1,25 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import hexToRgba from '../../../util/convertToRGBA';
+const hexToRgba = (hex, opacity = 0.6) => {
+  try {
+    const normalizedHex = hex?.replace('#', '');
+    if (
+      !normalizedHex ||
+      normalizedHex.length !== 6 ||
+      !/^[0-9a-fA-F]{6}$/.test(normalizedHex)
+    ) {
+      throw new Error('Invalid hex');
+    }
+
+    const r = parseInt(normalizedHex.slice(0, 2), 16);
+    const g = parseInt(normalizedHex.slice(2, 4), 16);
+    const b = parseInt(normalizedHex.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  } catch (e) {
+    return `rgba(0, 0, 0, ${opacity})`;
+  }
+};
 
 const Container = styled.div`
   background-color: ${({ color }) => hexToRgba(color || '#33B1BA', 0.05)};