@datatechsolutions/ui 3.12.1 → 3.13.1

package/dist/platform/settings/index.js

@@ -1,16 +1,16 @@
 "use client";
 'use strict';
 
-var chunkPLEWG2L7_js = require('../../chunk-PLEWG2L7.js');
-require('../../chunk-QSCWV47U.js');
-require('../../chunk-Z75CEP4V.js');
-require('../../chunk-TDNBO3V7.js');
-require('../../chunk-QGLGQXJE.js');
-require('../../chunk-ULKZGM2T.js');
+var chunkAC54BNSK_js = require('../../chunk-AC54BNSK.js');
+require('../../chunk-RPNMDGRA.js');
+require('../../chunk-54T5F65C.js');
+require('../../chunk-Q7QPHZOV.js');
+require('../../chunk-FV42SSLP.js');
+require('../../chunk-RWZ2PLMQ.js');
+require('../../chunk-Y5VN4SPH.js');
 require('../../chunk-22XPYFHJ.js');
 require('../../chunk-2OZZH2IO.js');
-require('../../chunk-YXN2K77G.js');
-require('../../chunk-BHOT22QL.js');
+require('../../chunk-EBARYRSA.js');
 require('../../chunk-UZ3CMNUJ.js');
 require('../../chunk-S7KHTUHA.js');
 
@@ -18,7 +18,7 @@ require('../../chunk-S7KHTUHA.js');
 
 Object.defineProperty(exports, "PlatformSettings", {
   enumerable: true,
-  get: function () { return chunkPLEWG2L7_js.PlatformSettings; }
+  get: function () { return chunkAC54BNSK_js.PlatformSettings; }
 });
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/platform/settings/index.mjs

@@ -1,14 +1,14 @@
 "use client";
-export { PlatformSettings } from '../../chunk-WLNY3GVM.mjs';
-import '../../chunk-UVFWKDRO.mjs';
-import '../../chunk-YYNGXKUE.mjs';
-import '../../chunk-BPMYNE7S.mjs';
-import '../../chunk-3VYD7QL2.mjs';
-import '../../chunk-OW5LSEHU.mjs';
+export { PlatformSettings } from '../../chunk-ZPV7X4ZE.mjs';
+import '../../chunk-SCGICCQM.mjs';
+import '../../chunk-YHD6SJIN.mjs';
+import '../../chunk-3VCSMSJB.mjs';
+import '../../chunk-WX44DAQD.mjs';
+import '../../chunk-QEACOJXX.mjs';
+import '../../chunk-ZEFNBGYI.mjs';
 import '../../chunk-NBW6WJQT.mjs';
 import '../../chunk-3AY5HIQ6.mjs';
-import '../../chunk-7VJ7CMMT.mjs';
-import '../../chunk-WR55H7DH.mjs';
+import '../../chunk-O4RZCDP2.mjs';
 import '../../chunk-D2JF6C3E.mjs';
 import '../../chunk-QWG2FMUN.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/platform/workflow-canvas-shell.js

@@ -1,14 +1,14 @@
 "use client";
 'use strict';
 
-var chunk5OZTI7TR_js = require('../chunk-5OZTI7TR.js');
-require('../chunk-FKRIQYRG.js');
-require('../chunk-ULKZGM2T.js');
+var chunkCKY2QIRR_js = require('../chunk-CKY2QIRR.js');
+require('../chunk-4Z5NZINA.js');
+require('../chunk-RWZ2PLMQ.js');
+require('../chunk-Y5VN4SPH.js');
 require('../chunk-22XPYFHJ.js');
 require('../chunk-2OZZH2IO.js');
-require('../chunk-YXN2K77G.js');
-require('../chunk-EZQ2D47U.js');
-require('../chunk-BHOT22QL.js');
+require('../chunk-CVEI4RQP.js');
+require('../chunk-EBARYRSA.js');
 require('../chunk-UZ3CMNUJ.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-72SWXOD5.js');
@@ -17,7 +17,7 @@ require('../chunk-72SWXOD5.js');
 
 Object.defineProperty(exports, "WorkflowCanvasShell", {
   enumerable: true,
-  get: function () { return chunk5OZTI7TR_js.WorkflowCanvasShell; }
+  get: function () { return chunkCKY2QIRR_js.WorkflowCanvasShell; }
 });
 //# sourceMappingURL=workflow-canvas-shell.js.map
 //# sourceMappingURL=workflow-canvas-shell.js.map

package/dist/platform/workflow-canvas-shell.mjs

@@ -1,12 +1,12 @@
 "use client";
-export { WorkflowCanvasShell } from '../chunk-NQGLSM46.mjs';
-import '../chunk-EDI46QA7.mjs';
-import '../chunk-OW5LSEHU.mjs';
+export { WorkflowCanvasShell } from '../chunk-Y65X2NHF.mjs';
+import '../chunk-TRNDFSM6.mjs';
+import '../chunk-QEACOJXX.mjs';
+import '../chunk-ZEFNBGYI.mjs';
 import '../chunk-NBW6WJQT.mjs';
 import '../chunk-3AY5HIQ6.mjs';
-import '../chunk-7VJ7CMMT.mjs';
-import '../chunk-PLTLRL2V.mjs';
-import '../chunk-WR55H7DH.mjs';
+import '../chunk-VPRAESA7.mjs';
+import '../chunk-O4RZCDP2.mjs';
 import '../chunk-D2JF6C3E.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-G7JQ4OCE.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datatechsolutions/ui",
-  "version": "3.12.1",
+  "version": "3.13.1",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -157,6 +157,7 @@
     "@dagrejs/dagre": "^1.1.8",
     "@radix-ui/react-progress": "^1.1.8",
     "@radix-ui/react-tabs": "^1.1.13",
+    "intl-messageformat": "10",
     "next-intl": "4.8.3",
     "posthog-js": "^1.207.0",
     "typescript": "^5.3.0"

package/dist/chunk-3VYD7QL2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/platform/auth/components.tsx"],"names":[],"mappings":"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","file":"chunk-3VYD7QL2.mjs","sourcesContent":["import React, { type ReactNode } from 'react'\nimport { Button } from '@ui/index'\n\n// =============================================================================\n// Stub UI components for windsock auth flows\n// These components are not exported by @datatechsolutions/ui and are defined\n// locally with minimal implementations.\n// =============================================================================\n\n// ── SocialProvider type ─────────────────────────────────────────────────────\n\nexport type SocialProvider = 'google' | 'github' | 'discord' | 'microsoft' | 'apple' | 'amazon'\n\n// ── OtpInput ────────────────────────────────────────────────────────────────\n\nexport interface OtpInputProps {\n  value: string\n  onChange: (value: string) => void\n  onComplete?: (code: string) => void\n  error?: string\n  disabled?: boolean\n  autoFocus?: boolean\n  length?: number\n}\n\nexport function OtpInput({\n  value,\n  onChange,\n  onComplete,\n  error,\n  disabled = false,\n  autoFocus = false,\n  length = 6,\n}: OtpInputProps) {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value.replace(/\\D/g, '').slice(0, length)\n    onChange(newValue)\n    if (newValue.length === length && onComplete) {\n      onComplete(newValue)\n    }\n  }\n\n  return (\n    <div className=\"space-y-1\">\n      <input\n        type=\"text\"\n        inputMode=\"numeric\"\n        pattern=\"[0-9]*\"\n        maxLength={length}\n        value={value}\n        onChange={handleChange}\n        disabled={disabled}\n        autoFocus={autoFocus}\n        className={`w-full rounded-xl border px-4 py-3 text-center font-mono text-2xl tracking-[0.5em] transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n          error\n            ? 'border-red-500 bg-red-50 dark:border-red-400 dark:bg-red-900/20'\n            : 'border-gray-300 bg-white dark:border-white/20 dark:bg-white/5'\n        } ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n        aria-invalid={!!error}\n      />\n      {error && (\n        <p className=\"text-xs text-red-600 dark:text-red-400 text-center\">{error}</p>\n      )}\n    </div>\n  )\n}\n\n// ── PasswordStrengthMeter ───────────────────────────────────────────────────\n\nexport interface PasswordStrengthMeterProps {\n  password: string\n  policy?: unknown\n  showRequirements?: boolean\n}\n\nexport function PasswordStrengthMeter({\n  password,\n  showRequirements = false,\n}: PasswordStrengthMeterProps) {\n  const strength = Math.min(4, Math.floor(password.length / 3))\n  const colors = ['bg-red-500', 'bg-orange-500', 'bg-yellow-500', 'bg-lime-500', 'bg-green-500']\n  const labels = ['Very weak', 'Weak', 'Fair', 'Strong', 'Very strong']\n\n  if (!password) return null\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex gap-1\">\n        {Array.from({ length: 4 }, (_, index) => (\n          <div\n            key={index}\n            className={`h-1 flex-1 rounded-full transition-colors ${\n              index <= strength - 1 ? colors[strength] : 'bg-gray-200 dark:bg-white/10'\n            }`}\n          />\n        ))}\n      </div>\n      {showRequirements && (\n        <p className=\"text-xs text-gray-500 dark:text-gray-400\">{labels[strength]}</p>\n      )}\n    </div>\n  )\n}\n\n// ── BackupCodeGrid ──────────────────────────────────────────────────────────\n\nexport interface BackupCodeGridProps {\n  codes: string[]\n  revealed?: boolean\n}\n\nexport function BackupCodeGrid({ codes, revealed = false }: BackupCodeGridProps) {\n  return (\n    <div className=\"grid grid-cols-2 gap-2\">\n      {codes.map((code, index) => (\n        <div\n          key={index}\n          className=\"rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-center font-mono text-sm dark:border-white/10 dark:bg-white/5\"\n        >\n          {revealed ? code : '\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022'}\n        </div>\n      ))}\n    </div>\n  )\n}\n\n// ── AuthLayout ──────────────────────────────────────────────────────────────\n\nexport interface AuthLayoutProps {\n  children: ReactNode\n  heroPanel?: unknown\n}\n\nexport function AuthLayout({ children }: AuthLayoutProps) {\n  return (\n    <div className=\"w-full max-w-md mx-auto\">\n      {children}\n    </div>\n  )\n}\n\n// ── SocialLoginButtons ──────────────────────────────────────────────────────\n\nexport interface SocialLoginButtonsProps {\n  providers: SocialProvider[]\n  onProviderClick: (provider: SocialProvider) => void\n  loading?: SocialProvider | null\n  disabled?: boolean\n}\n\nfunction GoogleIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z\" fill=\"#4285F4\" />\n      <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\" />\n      <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\" />\n      <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\" />\n    </svg>\n  )\n}\n\nfunction GitHubIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0 text-gray-800 dark:text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z\" />\n    </svg>\n  )\n}\n\nfunction MicrosoftIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill=\"#F25022\" />\n      <rect x=\"13\" y=\"1\" width=\"10\" height=\"10\" fill=\"#7FBA00\" />\n      <rect x=\"1\" y=\"13\" width=\"10\" height=\"10\" fill=\"#00A4EF\" />\n      <rect x=\"13\" y=\"13\" width=\"10\" height=\"10\" fill=\"#FFB900\" />\n    </svg>\n  )\n}\n\nfunction AppleIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0 text-gray-800 dark:text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path d=\"M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\n    </svg>\n  )\n}\n\nfunction AmazonIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <path d=\"M13.958 10.09c0 1.232.029 2.256-.591 3.351-.502.891-1.301 1.438-2.186 1.438-1.214 0-1.922-.924-1.922-2.292 0-2.692 2.415-3.182 4.7-3.182v.685zm3.186 7.705a.66.66 0 0 1-.753.077c-1.06-.876-1.25-1.283-1.828-2.119-1.748 1.783-2.986 2.317-5.249 2.317-2.681 0-4.768-1.653-4.768-4.96 0-2.583 1.4-4.34 3.392-5.2 1.727-.753 4.14-.886 5.98-1.094v-.408c0-.748.058-1.634-.383-2.28-.383-.579-1.117-.816-1.765-.816-1.2 0-2.266.615-2.527 1.89a.556.556 0 0 1-.481.482l-2.7-.291c-.224-.05-.474-.231-.41-.574C6.41 1.62 9.647.5 12.564.5c1.476 0 3.406.393 4.573 1.51 1.476 1.38 1.336 3.224 1.336 5.229v4.736c0 1.423.59 2.047 1.145 2.816.196.275.24.604-.01.807-.626.524-1.74 1.499-2.352 2.044l-.112.062z\" fill=\"#FF9900\" />\n      <path d=\"M21.558 18.494c-1.94 1.432-4.753 2.195-7.178 2.195-3.396 0-6.453-1.255-8.765-3.344-.182-.164-.02-.389.199-.261 2.497 1.453 5.584 2.328 8.773 2.328 2.152 0 4.517-.446 6.694-1.37.328-.14.603.216.277.452z\" fill=\"#FF9900\" />\n      <path d=\"M22.323 17.168c-.247-.317-1.636-.15-2.261-.076-.19.022-.219-.142-.048-.261 1.107-.777 2.923-.553 3.134-.293.212.264-.055 2.087-1.095 2.959-.16.134-.312.063-.241-.114.234-.583.758-1.899.511-2.215z\" fill=\"#FF9900\" />\n    </svg>\n  )\n}\n\nfunction DiscordIcon() {\n  return (\n    <svg className=\"h-5 w-5 shrink-0\" viewBox=\"0 0 24 24\">\n      <path d=\"M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z\" fill=\"#5865F2\" />\n    </svg>\n  )\n}\n\nconst PROVIDER_CONFIG: Record<SocialProvider, { label: string; Icon: React.FC }> = {\n  google: { label: 'Google', Icon: GoogleIcon },\n  github: { label: 'GitHub', Icon: GitHubIcon },\n  microsoft: { label: 'Microsoft', Icon: MicrosoftIcon },\n  apple: { label: 'Apple', Icon: AppleIcon },\n  amazon: { label: 'Amazon', Icon: AmazonIcon },\n  discord: { label: 'Discord', Icon: DiscordIcon },\n}\n\nexport function SocialLoginButtons({\n  providers,\n  onProviderClick,\n  loading,\n  disabled = false,\n}: SocialLoginButtonsProps) {\n  return (\n    <div className=\"flex flex-col gap-2.5\">\n      {providers.map((provider) => {\n        const { label, Icon } = PROVIDER_CONFIG[provider]\n        return (\n          <Button\n            key={provider}\n            type=\"button\"\n            color=\"ios-glass-blue\"\n            size=\"lg\"\n            fullWidth\n            onClick={() => onProviderClick(provider)}\n            disabled={disabled || (loading != null && loading !== provider)}\n            loading={loading === provider}\n          >\n            {loading !== provider && <Icon />}\n            {label}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"]}