@umituz/web-dashboard 2.0.2 → 2.0.6

package/dist/onboarding/utils/onboarding.js

@@ -0,0 +1,83 @@
+"use client";
+
+// src/domains/onboarding/utils/onboarding.ts
+function validateStep(state, stepNumber, config) {
+  const stepConfig = config.steps[stepNumber - 1];
+  if (stepConfig?.validate) {
+    return stepConfig.validate(state);
+  }
+  switch (stepNumber) {
+    case 1:
+      return !!state.selectedUserType;
+    case 2:
+      return !!(state.hasMobileApp || state.hasWebApp);
+    case 3:
+      return state.connectedPlatforms.length > 0;
+    case 4:
+      return !!state.selectedPlan;
+    default:
+      return true;
+  }
+}
+function getStepTitle(stepNumber, config) {
+  const stepConfig = config.steps[stepNumber - 1];
+  return stepConfig?.title || `Step ${stepNumber}`;
+}
+function getStepDescription(stepNumber, config) {
+  const stepConfig = config.steps[stepNumber - 1];
+  return stepConfig?.description;
+}
+function calculateProgress(currentStep, totalSteps) {
+  return Math.min(currentStep / totalSteps * 100, 100);
+}
+function getCompletedSteps(currentStep) {
+  return Array.from({ length: currentStep - 1 }, (_, i) => i + 1);
+}
+function formatOnboardingData(state, userId) {
+  return {
+    userId,
+    userType: state.selectedUserType,
+    hasMobileApp: state.hasMobileApp,
+    hasWebApp: state.hasWebApp,
+    connectedPlatforms: state.connectedPlatforms,
+    selectedPlan: state.selectedPlan,
+    billingCycle: state.billingCycle,
+    stepData: state.stepData,
+    completedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function generateOnboardingEvent(event, state, additionalData) {
+  return {
+    event,
+    properties: {
+      currentStep: state.currentStep,
+      userType: state.selectedUserType,
+      hasMobileApp: state.hasMobileApp,
+      hasWebApp: state.hasWebApp,
+      platformCount: state.connectedPlatforms.length,
+      selectedPlan: state.selectedPlan,
+      billingCycle: state.billingCycle,
+      ...additionalData
+    },
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function isValidEmail(email) {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(email);
+}
+function isValidPassword(password, minLength = 8) {
+  return password.length >= minLength;
+}
+export {
+  calculateProgress,
+  formatOnboardingData,
+  generateOnboardingEvent,
+  getCompletedSteps,
+  getStepDescription,
+  getStepTitle,
+  isValidEmail,
+  isValidPassword,
+  validateStep
+};
+//# sourceMappingURL=onboarding.js.map

package/dist/onboarding/utils/onboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/domains/onboarding/utils/onboarding.ts"],"sourcesContent":["/**\n * Onboarding Utilities\n *\n * Utility functions for onboarding operations\n */\n\nimport type { OnboardingState, OnboardingConfig } from \"../types/onboarding\";\n\n/**\n * Validate onboarding step\n *\n * @param state - Current onboarding state\n * @param stepNumber - Step number to validate\n * @param config - Onboarding configuration\n * @returns Whether the step is valid\n */\nexport function validateStep(\n  state: OnboardingState,\n  stepNumber: number,\n  config: OnboardingConfig\n): boolean {\n  const stepConfig = config.steps[stepNumber - 1];\n\n  if (stepConfig?.validate) {\n    return stepConfig.validate(state);\n  }\n\n  // Default validations\n  switch (stepNumber) {\n    case 1:\n      // User type step\n      return !!state.selectedUserType;\n\n    case 2:\n      // App focus step\n      return !!(state.hasMobileApp || state.hasWebApp);\n\n    case 3:\n      // Platforms step\n      return state.connectedPlatforms.length > 0;\n\n    case 4:\n      // Plan step\n      return !!state.selectedPlan;\n\n    default:\n      return true;\n  }\n}\n\n/**\n * Get step title\n *\n * @param stepNumber - Step number\n * @param config - Onboarding configuration\n * @returns Step title\n */\nexport function getStepTitle(stepNumber: number, config: OnboardingConfig): string {\n  const stepConfig = config.steps[stepNumber - 1];\n  return stepConfig?.title || `Step ${stepNumber}`;\n}\n\n/**\n * Get step description\n *\n * @param stepNumber - Step number\n * @param config - Onboarding configuration\n * @returns Step description or undefined\n */\nexport function getStepDescription(stepNumber: number, config: OnboardingConfig): string | undefined {\n  const stepConfig = config.steps[stepNumber - 1];\n  return stepConfig?.description;\n}\n\n/**\n * Calculate onboarding progress\n *\n * @param currentStep - Current step number\n * @param totalSteps - Total number of steps\n * @returns Progress percentage (0-100)\n */\nexport function calculateProgress(currentStep: number, totalSteps: number): number {\n  return Math.min((currentStep / totalSteps) * 100, 100);\n}\n\n/**\n * Get completed steps\n *\n * @param currentStep - Current step number\n * @returns Array of completed step numbers\n */\nexport function getCompletedSteps(currentStep: number): number[] {\n  return Array.from({ length: currentStep - 1 }, (_, i) => i + 1);\n}\n\n/**\n * Format onboarding data for API submission\n *\n * @param state - Onboarding state\n * @param userId - User ID\n * @returns Formatted data object\n */\nexport function formatOnboardingData(state: OnboardingState, userId?: string) {\n  return {\n    userId,\n    userType: state.selectedUserType,\n    hasMobileApp: state.hasMobileApp,\n    hasWebApp: state.hasWebApp,\n    connectedPlatforms: state.connectedPlatforms,\n    selectedPlan: state.selectedPlan,\n    billingCycle: state.billingCycle,\n    stepData: state.stepData,\n    completedAt: new Date().toISOString(),\n  };\n}\n\n/**\n * Generate onboarding analytics event\n *\n * @param event - Event name\n * @param state - Onboarding state\n * @param additionalData - Additional event data\n * @returns Analytics event object\n */\nexport function generateOnboardingEvent(\n  event: string,\n  state: OnboardingState,\n  additionalData?: Record<string, unknown>\n) {\n  return {\n    event,\n    properties: {\n      currentStep: state.currentStep,\n      userType: state.selectedUserType,\n      hasMobileApp: state.hasMobileApp,\n      hasWebApp: state.hasWebApp,\n      platformCount: state.connectedPlatforms.length,\n      selectedPlan: state.selectedPlan,\n      billingCycle: state.billingCycle,\n      ...additionalData,\n    },\n    timestamp: new Date().toISOString(),\n  };\n}\n\n/**\n * Validate email format\n *\n * @param email - Email address\n * @returns Whether email is valid\n */\nexport function isValidEmail(email: string): boolean {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  return emailRegex.test(email);\n}\n\n/**\n * Validate password strength\n *\n * @param password - Password\n * @param minLength - Minimum length (default: 8)\n * @returns Whether password meets requirements\n */\nexport function isValidPassword(password: string, minLength: number = 8): boolean {\n  return password.length >= minLength;\n}\n"],"mappings":";;;AAgBO,SAAS,aACd,OACA,YACA,QACS;AACT,QAAM,aAAa,OAAO,MAAM,aAAa,CAAC;AAE9C,MAAI,YAAY,UAAU;AACxB,WAAO,WAAW,SAAS,KAAK;AAAA,EAClC;AAGA,UAAQ,YAAY;AAAA,IAClB,KAAK;AAEH,aAAO,CAAC,CAAC,MAAM;AAAA,IAEjB,KAAK;AAEH,aAAO,CAAC,EAAE,MAAM,gBAAgB,MAAM;AAAA,IAExC,KAAK;AAEH,aAAO,MAAM,mBAAmB,SAAS;AAAA,IAE3C,KAAK;AAEH,aAAO,CAAC,CAAC,MAAM;AAAA,IAEjB;AACE,aAAO;AAAA,EACX;AACF;AASO,SAAS,aAAa,YAAoB,QAAkC;AACjF,QAAM,aAAa,OAAO,MAAM,aAAa,CAAC;AAC9C,SAAO,YAAY,SAAS,QAAQ,UAAU;AAChD;AASO,SAAS,mBAAmB,YAAoB,QAA8C;AACnG,QAAM,aAAa,OAAO,MAAM,aAAa,CAAC;AAC9C,SAAO,YAAY;AACrB;AASO,SAAS,kBAAkB,aAAqB,YAA4B;AACjF,SAAO,KAAK,IAAK,cAAc,aAAc,KAAK,GAAG;AACvD;AAQO,SAAS,kBAAkB,aAA+B;AAC/D,SAAO,MAAM,KAAK,EAAE,QAAQ,cAAc,EAAE,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;AAChE;AASO,SAAS,qBAAqB,OAAwB,QAAiB;AAC5E,SAAO;AAAA,IACL;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM;AAAA,IACpB,WAAW,MAAM;AAAA,IACjB,oBAAoB,MAAM;AAAA,IAC1B,cAAc,MAAM;AAAA,IACpB,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,IAChB,cAAa,oBAAI,KAAK,GAAE,YAAY;AAAA,EACtC;AACF;AAUO,SAAS,wBACd,OACA,OACA,gBACA;AACA,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,WAAW,MAAM;AAAA,MACjB,eAAe,MAAM,mBAAmB;AAAA,MACxC,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,MACpB,GAAG;AAAA,IACL;AAAA,IACA,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,EACpC;AACF;AAQO,SAAS,aAAa,OAAwB;AACnD,QAAM,aAAa;AACnB,SAAO,WAAW,KAAK,KAAK;AAC9B;AASO,SAAS,gBAAgB,UAAkB,YAAoB,GAAY;AAChF,SAAO,SAAS,UAAU;AAC5B;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-dashboard",
-  "version": "2.0.2",
+  "version": "2.0.6",
   "description": "Dashboard Layout System - Customizable, themeable dashboard layouts and settings",
   "type": "module",
   "exports": {
@@ -48,6 +48,26 @@
       "types": "./dist/domains/settings/types/index.d.ts",
       "import": "./dist/domains/settings/types/index.js"
     },
+    "./onboarding": {
+      "types": "./dist/domains/onboarding/index.d.ts",
+      "import": "./dist/domains/onboarding/index.js"
+    },
+    "./onboarding/components": {
+      "types": "./dist/domains/onboarding/components/index.d.ts",
+      "import": "./dist/domains/onboarding/components/index.js"
+    },
+    "./onboarding/hooks": {
+      "types": "./dist/domains/onboarding/hooks/index.d.ts",
+      "import": "./dist/domains/onboarding/hooks/index.js"
+    },
+    "./onboarding/utils": {
+      "types": "./dist/domains/onboarding/utils/index.d.ts",
+      "import": "./dist/domains/onboarding/utils/index.js"
+    },
+    "./onboarding/types": {
+      "types": "./dist/domains/onboarding/types/index.d.ts",
+      "import": "./dist/domains/onboarding/types/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -88,6 +108,8 @@
     "dashboard",
     "layout",
     "settings",
+    "onboarding",
+    "wizard",
     "react",
     "typescript",
     "components",