@swan-admin/swan-web-component 1.0.72 → 1.0.74

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { O as OnboardingProps, F as FocalLengthProps, E as EducationalProps } from './interfaces-ej_cyAqr.js';
-export { G as GenderType, P as PreferredLanguage, S as Step, a as StyleConfig } from './interfaces-ej_cyAqr.js';
+import { O as OnboardingProps, F as FocalLengthProps, E as EducationalProps } from './interfaces-C9CQpzhP.js';
+export { G as GenderType, P as PreferredLanguage, S as Step, a as StyleConfig } from './interfaces-C9CQpzhP.js';
 import React$1 from 'react';
 
 declare const Onboarding: React$1.FC<OnboardingProps>;

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("react"),l=require("./Header-DyVbEgG9.js"),n=require("./arrow-right-CC1_17IM.js"),a=require("./createSvgIcon-qbf2BgaS.js");function t(e){var o=Object.create(null);return e&&Object.keys(e).forEach(function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(o,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}}),o.default=e,Object.freeze(o)}require("react-dom");var i=t(o);const d=(...e)=>e.filter(Boolean).join(" "),m=i.forwardRef(({className:o,resolvedConfig:l,type:n,...a},t)=>e.jsxs(e.Fragment,{children:[e.jsx("input",{type:n,className:`${o||""} customInput `+d("flex w-full  px-[.75rem]  h-[40px] text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed  backdrop-blur-sm bg-btn font-medium pl-[1rem] pr-[2.5rem]  focus:ring-1  focus:outline-none transition-all duration-200"),autoCapitalize:"off",autoCorrect:"off",ref:t,...a,style:{background:l?.style?.input?.inputBackgroundColor||"#F9FAFC",color:l?.style?.input?.inputTextColor||"#000",fontSize:l?.style?.input?.inputFontSize||"16px",fontWeight:l?.style?.input?.inputFontWeight||"400",border:`1px solid ${l?.style?.input?.inputBorderColor||"transparent"}`,fontFamily:l?.style?.base?.baseFontFamily||"Inter, sans-serif",borderRadius:l?.style?.input?.inputBorderRadius||"4px"}}),e.jsx("style",{children:`\n            .customInput::placeholder {\n              color: ${l?.style?.input?.inputPlaceholderColor||"#000"};\n              font-weight: ${l?.style?.input?.inputFontWeight||"500"};\n              opacity: 1;\n              font-size: ${l?.style?.input?.inputFontSize||"14px"};\n                    }\n            .customInput:focus-visible {\n            box-shadow:0 0 0 2px white, 0 0 0 4px rgb(from currentColor r g b / 0.5);\n          }\n              \n          `})]}));m.displayName="CustomInput";
+"use strict";var e=require("react/jsx-runtime"),o=require("react"),l=require("./Header-Bf7ClSfT.js"),n=require("./arrow-right-CC1_17IM.js"),a=require("./createSvgIcon-CSumJvXf.js");function t(e){var o=Object.create(null);return e&&Object.keys(e).forEach(function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(o,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}}),o.default=e,Object.freeze(o)}require("react-dom");var i=t(o);const d=(...e)=>e.filter(Boolean).join(" "),m=i.forwardRef(({className:o,resolvedConfig:l,type:n,...a},t)=>e.jsxs(e.Fragment,{children:[e.jsx("input",{type:n,className:`${o||""} customInput `+d("flex w-full  px-[.75rem]  h-[40px] text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed  backdrop-blur-sm bg-btn font-medium pl-[1rem] pr-[2.5rem]  focus:ring-1  focus:outline-none transition-all duration-200"),autoCapitalize:"off",autoCorrect:"off",ref:t,...a,style:{background:l?.style?.input?.inputBackgroundColor||"#F9FAFC",color:l?.style?.input?.inputTextColor||"#000",fontSize:l?.style?.input?.inputFontSize||"16px",fontWeight:l?.style?.input?.inputFontWeight||"400",border:`1px solid ${l?.style?.input?.inputBorderColor||"transparent"}`,fontFamily:l?.style?.base?.baseFontFamily||"Inter, sans-serif",borderRadius:l?.style?.input?.inputBorderRadius||"4px"}}),e.jsx("style",{children:`\n            .customInput::placeholder {\n              color: ${l?.style?.input?.inputPlaceholderColor||"#000"};\n              font-weight: ${l?.style?.input?.inputFontWeight||"500"};\n              opacity: 1;\n              font-size: ${l?.style?.input?.inputFontSize||"14px"};\n                    }\n            .customInput:focus-visible {\n            box-shadow:0 0 0 2px white, 0 0 0 4px rgb(from currentColor r g b / 0.5);\n          }\n              \n          `})]}));m.displayName="CustomInput";
 /**
  * @license lucide-react v0.553.0 - ISC
  *

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as l,jsx as o}from"react/jsx-runtime";import*as n from"react";import a,{isValidElement as t,cloneElement as i,Children as d,useState as m,useCallback as _,useMemo as r,useEffect as c,createContext as s,useRef as h,useLayoutEffect as f,useId as g,useContext as u,useInsertionEffect as p,Fragment as y,createElement as v,forwardRef as P,Component as A}from"react";import{S as x,h as S,i as b,s as G,w as C,T,u as E,a as O,b as M,E as N,c as R,P as L,d as w,e as X,f as F,g as V,_ as I,j as D,k,l as H,m as U,n as B,o as K,p as j,q as W,r as Y,t as $,v as z,x as Z,y as Q,z as J,A as q,B as ee,C as le,D as oe,F as ne,G as ae,H as te,I as ie,J as de,K as me,L as _e,M as re,N as ce,O as se,Q as he,R as fe,U as ge,V as ue,W as pe,X as ye,Y as ve,Z as Pe,$ as Ae,a0 as xe,a1 as Se,a2 as be,a3 as Ge,a4 as Ce,a5 as Te,a6 as Ee,a7 as Oe,a8 as Me,a9 as Ne,aa as Re,ab as Le,ac as we,ad as Xe,ae as Fe,af as Ve,ag as Ie,ah as De,ai as ke,aj as He,ak as Ue,al as Be,am as Ke,an as je,ao as We,ap as Ye,aq as $e,ar as ze,as as Ze,at as Qe}from"./Header-CGdVhD4h.js";export{au as PreferredLanguage}from"./Header-CGdVhD4h.js";import{c as Je,A as qe}from"./arrow-right-DXQbS3wL.js";import{c as el,u as ll}from"./createSvgIcon-DS-4jmZ4.js";import"react-dom";const ol=(...e)=>e.filter(Boolean).join(" "),nl=n.forwardRef(({className:n,resolvedConfig:a,type:t,...i},d)=>e(l,{children:[o("input",{type:t,className:`${n||""} customInput `+ol("flex w-full  px-[.75rem]  h-[40px] text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed  backdrop-blur-sm bg-btn font-medium pl-[1rem] pr-[2.5rem]  focus:ring-1  focus:outline-none transition-all duration-200"),autoCapitalize:"off",autoCorrect:"off",ref:d,...i,style:{background:a?.style?.input?.inputBackgroundColor||"#F9FAFC",color:a?.style?.input?.inputTextColor||"#000",fontSize:a?.style?.input?.inputFontSize||"16px",fontWeight:a?.style?.input?.inputFontWeight||"400",border:`1px solid ${a?.style?.input?.inputBorderColor||"transparent"}`,fontFamily:a?.style?.base?.baseFontFamily||"Inter, sans-serif",borderRadius:a?.style?.input?.inputBorderRadius||"4px"}}),o("style",{children:`\n            .customInput::placeholder {\n              color: ${a?.style?.input?.inputPlaceholderColor||"#000"};\n              font-weight: ${a?.style?.input?.inputFontWeight||"500"};\n              opacity: 1;\n              font-size: ${a?.style?.input?.inputFontSize||"14px"};\n                    }\n            .customInput:focus-visible {\n            box-shadow:0 0 0 2px white, 0 0 0 4px rgb(from currentColor r g b / 0.5);\n          }\n              \n          `})]}));nl.displayName="CustomInput";
+import{jsxs as e,Fragment as l,jsx as o}from"react/jsx-runtime";import*as n from"react";import a,{isValidElement as t,cloneElement as i,Children as d,useState as m,useCallback as _,useMemo as r,useEffect as c,createContext as s,useRef as h,useLayoutEffect as f,useId as g,useContext as u,useInsertionEffect as p,Fragment as y,createElement as v,forwardRef as P,Component as A}from"react";import{S as x,h as S,i as b,s as G,w as C,T,u as E,a as O,b as M,E as N,c as R,P as L,d as w,e as X,f as F,g as V,_ as I,j as D,k,l as H,m as U,n as B,o as K,p as j,q as W,r as Y,t as $,v as z,x as Z,y as Q,z as J,A as q,B as ee,C as le,D as oe,F as ne,G as ae,H as te,I as ie,J as de,K as me,L as _e,M as re,N as ce,O as se,Q as he,R as fe,U as ge,V as ue,W as pe,X as ye,Y as ve,Z as Pe,$ as Ae,a0 as xe,a1 as Se,a2 as be,a3 as Ge,a4 as Ce,a5 as Te,a6 as Ee,a7 as Oe,a8 as Me,a9 as Ne,aa as Re,ab as Le,ac as we,ad as Xe,ae as Fe,af as Ve,ag as Ie,ah as De,ai as ke,aj as He,ak as Ue,al as Be,am as Ke,an as je,ao as We,ap as Ye,aq as $e,ar as ze,as as Ze,at as Qe}from"./Header-C65iSMsF.js";export{au as PreferredLanguage}from"./Header-C65iSMsF.js";import{c as Je,A as qe}from"./arrow-right-DXQbS3wL.js";import{c as el,u as ll}from"./createSvgIcon-KYNE9Cmr.js";import"react-dom";const ol=(...e)=>e.filter(Boolean).join(" "),nl=n.forwardRef(({className:n,resolvedConfig:a,type:t,...i},d)=>e(l,{children:[o("input",{type:t,className:`${n||""} customInput `+ol("flex w-full  px-[.75rem]  h-[40px] text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed  backdrop-blur-sm bg-btn font-medium pl-[1rem] pr-[2.5rem]  focus:ring-1  focus:outline-none transition-all duration-200"),autoCapitalize:"off",autoCorrect:"off",ref:d,...i,style:{background:a?.style?.input?.inputBackgroundColor||"#F9FAFC",color:a?.style?.input?.inputTextColor||"#000",fontSize:a?.style?.input?.inputFontSize||"16px",fontWeight:a?.style?.input?.inputFontWeight||"400",border:`1px solid ${a?.style?.input?.inputBorderColor||"transparent"}`,fontFamily:a?.style?.base?.baseFontFamily||"Inter, sans-serif",borderRadius:a?.style?.input?.inputBorderRadius||"4px"}}),o("style",{children:`\n            .customInput::placeholder {\n              color: ${a?.style?.input?.inputPlaceholderColor||"#000"};\n              font-weight: ${a?.style?.input?.inputFontWeight||"500"};\n              opacity: 1;\n              font-size: ${a?.style?.input?.inputFontSize||"14px"};\n                    }\n            .customInput:focus-visible {\n            box-shadow:0 0 0 2px white, 0 0 0 4px rgb(from currentColor r g b / 0.5);\n          }\n              \n          `})]}));nl.displayName="CustomInput";
 /**
  * @license lucide-react v0.553.0 - ISC
  *

package/dist/interfaces-C9CQpzhP.d.ts

@@ -0,0 +1,142 @@
+declare enum GenderType {
+    Male = "male",
+    Female = "female"
+}
+declare enum PreferredLanguage {
+    English = "English",
+    Hindi = "Hindi",
+    German = "German",
+    French = "French",
+    Spanish = "Spanish",
+    Arabic = "Arabic",
+    Italian = "Italian"
+}
+
+interface Step {
+    type: StepType;
+    value?: any;
+    order?: number;
+    isVisible?: boolean;
+    onStepComplete?: (value: any) => Promise<void> | void;
+}
+type Gender = "male" | "female";
+type StepType = "email" | "name" | "height" | "gender";
+interface StyleConfig {
+    base?: {
+        brandColor?: string;
+        backgroundColor?: string;
+        primaryColor?: string;
+        secondaryColor?: string;
+        baseTextColor?: string;
+        baseFontSize?: string;
+        baseFontFamily?: string;
+    };
+    logo?: {
+        logoWidth?: string;
+        logoHeight?: string;
+    };
+    heading?: {
+        headingColor?: string;
+        headingFontSize?: string;
+        headingFontWeight?: string;
+        headingFontFamily?: string;
+    };
+    subheading?: {
+        subheadingColor?: string;
+        subheadingFontSize?: string;
+        subheadingFontWeight?: string;
+        subheadingFontFamily?: string;
+    };
+    button?: {
+        buttonBackground?: string;
+        buttonDisabledBackground?: string;
+        buttonDisabledTextColor?: string;
+        buttonTextColor?: string;
+        buttonFontSize?: string;
+        buttonFontFamily?: string;
+        buttonBorderRadius?: string;
+    };
+    input?: {
+        inputBackgroundColor?: string;
+        inputTextColor?: string;
+        inputPlaceholderColor?: string;
+        inputBorderColor?: string;
+        inputFontSize?: string;
+        inputFontWeight?: string;
+        inputBorderRadius?: string;
+        inputErrorColor?: string;
+        inputErrorFontSize?: string;
+    };
+}
+interface OnboardingProps {
+    steps: Step[];
+    config?: Config;
+    onComplete?: (values: Record<string, any>) => void;
+}
+interface Config {
+    style?: StyleConfig;
+    logo?: string;
+    loader?: string;
+}
+interface FocalLengthOuput {
+    brandName: string;
+    modelName: string;
+    focalLength: number;
+}
+interface FocalLengthProps {
+    onComplete?: (value: FocalLengthOuput) => Promise<void> | void;
+    initialValue?: any;
+    config?: Config;
+}
+interface sectionsType {
+    full: "full";
+    body: "body";
+    face: "face";
+}
+interface EducationalProps {
+    gender?: Gender;
+    sections?: sectionsType[keyof sectionsType][];
+    config?: any;
+    onComplete?: () => void;
+}
+interface BodyScanProps {
+    userDetails: UserDetails;
+    language?: PreferredLanguage;
+    config?: any;
+    onScanSuccess?: (data: any) => void;
+    onRetry?: () => void;
+    onComplete?: () => void;
+    onScanError: (errorDetails: any) => void;
+    isError?: boolean;
+    isSuccess?: boolean;
+}
+interface UserDetails {
+    email: string;
+    userName?: string;
+    shopDomain: string;
+    gender: Gender;
+    heightInCm: number;
+    scanType: string;
+    deviceFocalLength: number;
+    deviceModelName: string;
+    callbackUrl?: string;
+}
+interface FaceScanMetaData {
+    email: string;
+    shopDomain: string;
+    gender: Gender;
+    deviceFocalLength: number;
+    callbackUrl?: string;
+}
+interface FaceScanProps {
+    userDetails: FaceScanMetaData;
+    onComplete?: (data: any) => void;
+    onScanError?: (data: any) => void;
+    onRetry?: () => void;
+    config?: any;
+    isError?: boolean;
+    isSuccess?: boolean;
+}
+
+export { GenderType as G, PreferredLanguage as P };
+export type { BodyScanProps as B, EducationalProps as E, FocalLengthProps as F, OnboardingProps as O, Step as S, UserDetails as U, StyleConfig as a, FaceScanProps as b, FaceScanMetaData as c };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@swan-admin/swan-web-component",
-	"version": "1.0.72",
+	"version": "1.0.74",
 	"description": "Cross-framework Onboarding component (React + Angular compatible)",
 	"main": "dist/index.js",
 	"module": "dist/index.mjs",