@asgardeo/vue 0.3.3 → 0.3.5

package/dist/components/presentation/sign-up/BaseSignUp.d.ts

@@ -15,58 +15,18 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { EmbeddedFlowExecuteRequestPayload, EmbeddedFlowExecuteResponse } from '@asgardeo/browser';
 import { type Component } from 'vue';
+export type { BaseSignUpRenderProps, BaseSignUpProps } from './v2/BaseSignUp';
 /**
- * Render props passed to the default scoped slot.
- */
-export interface BaseSignUpRenderProps {
-    components: any[];
-    error?: Error | null;
-    fieldErrors: Record<string, string>;
-    handleInputChange: (name: string, value: string) => void;
-    handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
-    isLoading: boolean;
-    isValid: boolean;
-    messages: Array<{
-        message: string;
-        type: string;
-    }>;
-    subtitle: string;
-    title: string;
-    touched: Record<string, boolean>;
-    validateForm: () => {
-        fieldErrors: Record<string, string>;
-        isValid: boolean;
-    };
-    values: Record<string, string>;
-}
-export interface BaseSignUpProps {
-    afterSignUpUrl?: string;
-    buttonClassName?: string;
-    className?: string;
-    error?: Error | null;
-    errorClassName?: string;
-    inputClassName?: string;
-    isInitialized?: boolean;
-    messageClassName?: string;
-    onComplete?: (response: EmbeddedFlowExecuteResponse) => void;
-    onError?: (error: Error) => void;
-    onFlowChange?: (response: EmbeddedFlowExecuteResponse) => void;
-    onInitialize?: (payload?: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
-    onSubmit?: (payload: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
-    shouldRedirectAfterSignUp?: boolean;
-    showLogo?: boolean;
-    showSubtitle?: boolean;
-    showTitle?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    variant?: 'elevated' | 'outlined' | 'flat';
-}
-/**
- * BaseSignUp — app-native sign-up presentation component.
+ * BaseSignUp — platform-aware base sign-up component.
+ *
+ * Routes to V1 (component-driven, V1 flow API: `TYPOGRAPHY` / `INPUT` /
+ * `BUTTON` / `FORM` shapes) or V2 (`AsgardeoV2` platform with `BLOCK` / `STACK`
+ * / `TEXT_INPUT` shapes) based on the `platform` value resolved by
+ * {@link useAsgardeo}.
  *
- * Manages the sign-up flow lifecycle including initialization, form state,
- * passkey registration, popup-based social OAuth, and renders the server-driven UI.
+ * Mirrors the React `BaseSignUp` dispatcher and matches the existing pattern
+ * already used by `BaseSignIn` in this package.
  */
 declare const BaseSignUp: Component;
 export default BaseSignUp;

package/dist/components/presentation/sign-up/SignUp.d.ts

@@ -16,10 +16,13 @@
  * under the License.
  */
 import { type Component } from 'vue';
-import type { BaseSignUpRenderProps } from './BaseSignUp';
-export type SignUpRenderProps = BaseSignUpRenderProps;
+export type { SignUpRenderProps } from './v2/SignUp';
 /**
- * SignUp — embedded sign-up component that handles API calls and delegates UI to BaseSignUp.
+ * SignUp — platform-aware sign-up container.
+ *
+ * Routes to V1 (default, component-driven V1 flow API) or V2 (`AsgardeoV2`
+ * platform) based on the `platform` value from {@link useAsgardeo}. Mirrors
+ * the existing `SignIn` dispatcher pattern in this package.
  */
 declare const SignUp: Component;
 export default SignUp;

package/dist/components/presentation/sign-up/v1/BaseSignUp.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { type Component } from 'vue';
+/**
+ * Render-prop payload exposed via the default slot.
+ */
+export interface BaseSignUpRenderProps {
+    components: any[];
+    errors: Record<string, string>;
+    handleInputChange: (name: string, value: string) => void;
+    handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
+    isLoading: boolean;
+    isValid: boolean;
+    messages: Array<{
+        message: string;
+        type: string;
+    }>;
+    subtitle: string;
+    title: string;
+    touched: Record<string, boolean>;
+    values: Record<string, string>;
+}
+/**
+ * V1 BaseSignUp — component-driven app-native sign-up for Vue.
+ *
+ * Mirrors `packages/react/.../SignUp/v1/BaseSignUp.tsx`. Reads the
+ * `/api/server/v1/flow/execute` response shape (`TYPOGRAPHY`, `FORM`, `INPUT`,
+ * `BUTTON`, `RICH_TEXT`, etc.) and renders it via the V1
+ * `SignUpOptionFactory`. Tracks form state internally and submits steps via
+ * the `onSubmit` prop until the flow completes.
+ */
+declare const BaseSignUp: Component;
+export default BaseSignUp;

package/dist/components/presentation/sign-up/v1/SignUp.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { type Component } from 'vue';
+import type { BaseSignUpRenderProps } from './BaseSignUp';
+export type SignUpRenderProps = BaseSignUpRenderProps;
+/**
+ * V1 SignUp container — wires `useAsgardeo().signUp` into `BaseSignUpV1` and
+ * handles redirects after the flow completes.
+ *
+ * Mirrors `sign-up/v2/.../SignUp.ts` but invokes the V1 base component which
+ * understands the `TYPOGRAPHY` / `INPUT` / `BUTTON` / `FORM` shapes returned by
+ * the V1 flow API.
+ */
+declare const SignUp: Component;
+export default SignUp;

package/dist/components/presentation/sign-up/v1/options/SignUpOptionFactory.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { EmbeddedFlowComponent } from '@asgardeo/browser';
+import { type VNode } from 'vue';
+/**
+ * Props shared by all sign-up component renderers.
+ */
+export interface BaseSignUpOptionProps {
+    buttonClassName?: string;
+    component: EmbeddedFlowComponent;
+    formErrors: Record<string, string>;
+    formValues: Record<string, string>;
+    inputClassName?: string;
+    isFormValid: boolean;
+    isLoading: boolean;
+    onInputChange: (name: string, value: string) => void;
+    onSubmit: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;
+    size?: 'small' | 'medium' | 'large';
+    touchedFields: Record<string, boolean>;
+}
+/**
+ * Build a VNode for a single V1 flow component. Returns `null` for unknown
+ * types (caller filters these out).
+ */
+export declare const createSignUpComponent: (props: BaseSignUpOptionProps) => VNode | VNode[] | null;
+/**
+ * Render an array of V1 flow components as Vue VNodes, flattening nested
+ * containers (FORM) into a single list.
+ */
+export declare const renderSignUpComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, onSubmit: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void, options?: {
+    buttonClassName?: string;
+    inputClassName?: string;
+    size?: "small" | "medium" | "large";
+}) => VNode[];

package/dist/components/presentation/sign-up/v2/BaseSignUp.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { EmbeddedFlowExecuteRequestPayload, EmbeddedFlowExecuteResponse } from '@asgardeo/browser';
+import { type Component } from 'vue';
+/**
+ * Render props passed to the default scoped slot.
+ */
+export interface BaseSignUpRenderProps {
+    components: any[];
+    error?: Error | null;
+    fieldErrors: Record<string, string>;
+    handleInputChange: (name: string, value: string) => void;
+    handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
+    isLoading: boolean;
+    isValid: boolean;
+    messages: Array<{
+        message: string;
+        type: string;
+    }>;
+    subtitle: string;
+    title: string;
+    touched: Record<string, boolean>;
+    validateForm: () => {
+        fieldErrors: Record<string, string>;
+        isValid: boolean;
+    };
+    values: Record<string, string>;
+}
+export interface BaseSignUpProps {
+    afterSignUpUrl?: string;
+    buttonClassName?: string;
+    className?: string;
+    error?: Error | null;
+    errorClassName?: string;
+    inputClassName?: string;
+    isInitialized?: boolean;
+    messageClassName?: string;
+    onComplete?: (response: EmbeddedFlowExecuteResponse) => void;
+    onError?: (error: Error) => void;
+    onFlowChange?: (response: EmbeddedFlowExecuteResponse) => void;
+    onInitialize?: (payload?: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
+    onSubmit?: (payload: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;
+    shouldRedirectAfterSignUp?: boolean;
+    showLogo?: boolean;
+    showSubtitle?: boolean;
+    showTitle?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'elevated' | 'outlined' | 'flat';
+}
+/**
+ * BaseSignUp — app-native sign-up presentation component.
+ *
+ * Manages the sign-up flow lifecycle including initialization, form state,
+ * passkey registration, popup-based social OAuth, and renders the server-driven UI.
+ */
+declare const BaseSignUp: Component;
+export default BaseSignUp;

package/dist/components/presentation/sign-up/v2/SignUp.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { type Component } from 'vue';
+import type { BaseSignUpRenderProps } from './BaseSignUp';
+export type SignUpRenderProps = BaseSignUpRenderProps;
+/**
+ * SignUp — embedded sign-up component that handles API calls and delegates UI to BaseSignUp.
+ */
+declare const SignUp: Component;
+export default SignUp;

package/dist/index.d.ts

@@ -16,6 +16,7 @@
  * under the License.
  */
 export { default as AsgardeoPlugin } from './plugins/AsgardeoPlugin';
+export type { AsgardeoPluginOptions } from './plugins/AsgardeoPlugin';
 export { default as AsgardeoProvider } from './providers/AsgardeoProvider';
 export { default as BrandingProvider } from './providers/BrandingProvider';
 export { default as FlowMetaProvider } from './providers/FlowMetaProvider';