@agilemotion/oui-react-js 1.8.36 → 1.8.37

package/dist/components/facialRecognition/FaceRecognitionComponent.js

@@ -14,6 +14,33 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** Derive the public folder URL where your lib ships the models (dist/models). */
+function getModelsBaseUrl() {
+  // Point at ONE real file in your dist/models, then strip the filename to get its folder URL
+  var oneFileUrl = new URL('../../assets/models/ssd_mobilenetv1_model-weights_manifest.json', import.meta.url);
+  return oneFileUrl.toString().replace(/[^/]+$/, '');
+}
+
+/** Ensure bundlers actually emit every .json and .bin in ../models */
+function preloadFaceApiModelFiles() {
+  // Webpack: include all json/bin in ../models. This runs at build-time (no runtime cost).
+  try {
+    var ctx = require.context('../../assets/models', false, /\.(json|bin)$/);
+    ctx.keys().forEach(ctx);
+  } catch (e) {
+    // Not Webpack (e.g., Vite) — try Vite's glob import if available
+    try {
+      if (import.meta && import.meta.glob) {
+        var _ = import.meta.glob('../../assets/models/*.{json,bin}', {
+          eager: true
+        });
+      }
+    } catch (e2) {
+      // ignore — some toolchains will still work via the direct URL reference above
+    }
+  }
+}
+preloadFaceApiModelFiles();
 const FaceRecognitionComponent = _ref => {
   let {
     mode,
@@ -32,10 +59,11 @@ const FaceRecognitionComponent = _ref => {
   const canvasRef = (0, _react.useRef)(null);
   const navigate = (0, _reactRouterDom.useNavigate)();
   (0, _react.useEffect)(() => {
+    var base = props && props.modelsPath ? props.modelsPath : getModelsBaseUrl();
     const loadModels = async () => {
-      await faceapi.nets.ssdMobilenetv1.loadFromUri('/models');
-      await faceapi.nets.faceLandmark68Net.loadFromUri('/models');
-      await faceapi.nets.faceRecognitionNet.loadFromUri('/models');
+      await faceapi.nets.ssdMobilenetv1.loadFromUri(base);
+      await faceapi.nets.faceLandmark68Net.loadFromUri(base);
+      await faceapi.nets.faceRecognitionNet.loadFromUri(base);
       setModelsLoaded(true);
     };
     loadModels();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.36",
+  "version": "1.8.37",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",
@@ -160,18 +160,15 @@
     "webpack-dev-server": "^5.2.0"
   },
   "scripts": {
-    "//": "Build the library, copy assets + models, and publishable dist",
     "build": "webpack --mode production && npm run copy:assets && npm run copy:models",
     "start": "webpack serve --mode development --open",
     "publish:npm": "rm -rf dist && mkdir dist && babel src/lib -d dist --copy-files && npm run copy:assets && npm run copy:models",
-    "//2": "Copy all library assets (css/scss/images etc) into dist/assets",
-    "copy:assets": "shx mkdir -p dist/assets && shx cp -r src/assets/. dist/assets/",
-    "//3": "Copy face-api models (your repo path uses 'modules') into dist/models",
-    "copy:models": "shx mkdir -p dist/models && shx cp -r src/assets/models/. dist/models/",
+    "copy:assets": "shx mkdir -p dist/assets && shx cp -r src/lib/assets/. dist/assets/",
+    "copy:models": "shx mkdir -p dist/models && shx cp -r src/lib/assets/models/. dist/models/",
     "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
-    "compile-scss": "sass src/assets/scss/black-dashboard-react.scss src/assets/css/black-dashboard-react.css",
-    "minify-sass": "sass src/assets/scss/black-dashboard-react.scss src/assets/css/black-dashboard-react.min.css --output-style compressed",
-    "map-sass": "sass src/assets/scss/black-dashboard-react.scss src/assets/css/black-dashboard-react.css --source-map true"
+    "compile-scss": "sass src/lib/assets/scss/black-dashboard-react.scss src/lib/assets/css/black-dashboard-react.css",
+    "minify-sass": "sass src/lib/assets/scss/black-dashboard-react.scss src/lib/assets/css/black-dashboard-react.min.css --output-style compressed",
+    "map-sass": "sass src/lib/assets/scss/black-dashboard-react.scss src/lib/assets/css/black-dashboard-react.css --source-map true"
   },
   "browserslist": [
     ">0.2%",

package/dist/assets/css/skins.css

@@ -1,129 +0,0 @@
-.coj-skin,
-.coj-skin .negotiation-team-row-highlighted {
-    background-color: #50cd89 !important;
-}
-
-.coj-skin .negotiation-team-row-highlighted td {
-    color: white !important;
-}
-
-.coj-skin .sidebar .nav li > a, .off-canvas-sidebar .nav li > a {
-    font-family: "Poppins", sans-serif !important;
-    font-style: normal;
-}
-
-.coj-skin .sidebar .sidebar-app-logo-wrapper {
-    height: 0 !important;
-}
-
-.coj-skin .sidebar .sidebar-app-logo {
-    height: 48px !important;
-}
-
-.coj-skin .sidebar .sidebar-app-logo .product-logo {
-    display: none !important;
-}
-
-.coj-skin .nav-wrapper {
-    padding: 16px 16px 16px 0 !important;
-}
-
-.coj-skin .sidebar .logo-img {
-    width: 180px;
-}
-
-.coj-skin .sidebar .li-1 .menu-link-li,
-.coj-skin .sidebar .li-1 .menu-link-li-active {
-}
-
-.coj-skin .sidebar li {
-    border-radius: 4px !important;
-    font-size: 14px;
-    font-weight: 500;
-    padding: 0;
-}
-
-.coj-skin .sidebar .li-0,
-.coj-skin .sidebar .li-0,
-.coj-skin .sidebar .li-1,
-.coj-skin .sidebar .li-0 .menu-link-li,
-.coj-skin .sidebar .li-0 .menu-link-li-active {
-    margin-top: 4px !important;
-}
-
-.coj-skin .sidebar .li-0 .menu-link-li,
-.coj-skin .sidebar .li-0 .menu-link-li-active {
-    padding: 0;
-    margin-left: -16px !important;
-}
-
-.coj-skin .sidebar .li-1 .menu-link-li,
-.coj-skin .sidebar .li-1 .menu-link-li-active {
-    padding: 0;
-    margin-left: -24px !important;
-}
-
-.coj-skin .sidebar .menu-link-li-active {
-    background-color: transparent !important;
-}
-
-.coj-skin .sidebar .menu-link-li-active a {
-    background-color: #50cd89 !important;
-}
-
-.coj-skin .sidebar .menu-link-li a {
-    background-color: rgb(51, 51, 51) !important;
-}
-
-.coj-skin .sidebar .menu-link-li-active a span {
-    color: white !important;
-}
-
-.coj-skin .sidebar .li-link-0,
-.coj-skin .sidebar .li-link-1,
-.coj-skin .sidebar .menu-link-li a,
-.coj-skin .sidebar .menu-link-li-active a {
-    border-radius: 4px !important;
-    padding: 12px 0 8px 12px !important;
-}
-
-.coj-skin .sidebar .menu-link-li a span {
-    color: white !important;
-}
-
-.coj-skin .sidebar .li-link-0 {
-    background-color: #FCB614 !important;
-    text-transform: uppercase !important;
-}
-
-.coj-skin .sidebar .li-link-1 {
-    background-color: rgb(229, 229, 229) !important;
-    margin-left: 16px !important;
-}
-
-.coj-skin .sidebar .caret {
-    position: absolute !important;
-    right: 0 !important;
-    left: unset !important;
-    margin: 8px 8px 0 0 !important;
-}
-
-.coj-skin .sidebar .nav li > a + div .nav, .off-canvas-sidebar .nav li > a + div .nav {
-    margin-top: 0 !important;
-    overflow: hidden;
-    height: auto !important;
-    max-height: unset !important;
-}
-
-.coj-skin .dashboard-link a span{
-    text-transform: uppercase !important;
-}
-
-.absa-skin .sidebar .sidebar-app-logo .product-logo {
-    display: none !important;
-}
-
-.absa-skin .sidebar .nav li > a, .off-canvas-sidebar .nav li > a {
-    font-family: "Roboto", sans-serif !important;
-    font-style: normal;
-}

package/dist/assets/demo/demo.css

@@ -1,139 +0,0 @@
-/*!
-
-=========================================================
-* Black Dashboard React v1.1.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/black-dashboard-react
-* Copyright 2020 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/black-dashboard-react/blob/master/LICENSE.md)
-
-* Coded by Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-.tim-row {
-  margin-bottom: 20px;
-}
-
-.tim-white-buttons {
-  background-color: #777777;
-}
-
-.typography-line {
-  padding-left: 25%;
-  margin-bottom: 35px;
-  position: relative;
-  display: block;
-  width: 100%;
-}
-
-.typography-line span {
-  bottom: 10px;
-  color: #c0c1c2;
-  display: block;
-  font-weight: 400;
-  font-size: 13px;
-  line-height: 13px;
-  left: 0;
-  position: absolute;
-  width: 260px;
-  text-transform: none;
-}
-
-.tim-row {
-  padding-top: 60px;
-}
-
-.tim-row h3 {
-  margin-top: 0;
-}
-
-.offline-doc .page-header {
-  display: flex;
-  align-items: center;
-}
-
-.offline-doc .footer {
-  position: absolute;
-  width: 100%;
-  background: transparent;
-  bottom: 0;
-  color: #fff;
-  z-index: 1;
-  padding-left: 0;
-}
-
-@media all and (min-width: 992px) {
-  .sidebar .nav>li.active-pro {
-    position: absolute;
-    width: 100%;
-    bottom: 10px;
-  }
-}
-
-.card.card-upgrade .card-category {
-  max-width: 530px;
-  margin: 0 auto;
-}
-
-.offline-doc .page-header {
-  min-height: 100vh;
-  max-height: 999px;
-  padding: 0;
-  color: #ffffff;
-  position: relative; }
-  .offline-doc .page-header .page-header-image {
-    position: absolute;
-    background-size: cover;
-    background-position: center center;
-    width: 100%;
-    height: 100%;
-    z-index: -1; }
-  .offline-doc .page-header .content-center {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 2;
-    -ms-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    text-align: center;
-    color: #FFFFFF;
-    padding: 0 15px;
-    width: 100%;
-    max-width: 880px; }
-  .offline-doc .page-header footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%; }
-  .offline-doc .page-header .container {
-    height: 100%;
-    z-index: 1; }
-  .offline-doc .page-header .category,
-  .offline-doc .page-header .description {
-    color: rgba(255, 255, 255, 0.8); }
-  .offline-doc .page-header.page-header-small {
-    min-height: 60vh;
-    max-height: 440px; }
-  .offline-doc .page-header.page-header-mini {
-    min-height: 40vh;
-    max-height: 340px; }
-  .offline-doc .page-header .title {
-    margin-bottom: 15px; }
-  .offline-doc .page-header .title + h4 {
-    margin-top: 10px; }
-  .offline-doc .page-header:after, .offline-doc .page-header:before {
-    position: absolute;
-    z-index: 0;
-    width: 100%;
-    height: 100%;
-    display: block;
-    left: 0;
-    top: 0;
-    content: ""; }
-  .offline-doc .page-header:before {
-    background-color: rgba(0, 0, 0, 0.8); }