propro-common-components 0.2.84 → 0.3.1

package/dist/utils/configureAuth.d.ts

@@ -0,0 +1,67 @@
+export interface AuthConfig {
+    /**
+     * Client ID for web authentication
+     * Defaults to AUTH_CLIENTS.WEB
+     */
+    webClientId?: string;
+    /**
+     * Client ID for desktop authentication
+     * Defaults to AUTH_CLIENTS.DESKTOP
+     */
+    desktopClientId?: string;
+    /**
+     * Redirect URI for desktop deep link
+     * Defaults to AUTH_REDIRECT_URIS.DESKTOP
+     */
+    desktopRedirectUri?: string;
+    /**
+     * Function to get web redirect URI
+     * Defaults to `${window.location.origin}/auth/callback`
+     */
+    getWebRedirectUri?: () => string;
+    /**
+     * Function to get auth frontend URL
+     * Defaults to constructing from API base URL
+     */
+    getAuthFrontendUrl?: () => string;
+    /**
+     * API base URL for token exchange
+     */
+    apiBaseUrl?: string;
+    /**
+     * Redirect path after successful authentication
+     * Defaults to '/dashboard/overview'
+     */
+    successRedirectPath?: string;
+    /**
+     * Redirect path on authentication failure
+     * Defaults to '/desktop-entry'
+     */
+    errorRedirectPath?: string;
+}
+/**
+ * Configure authentication settings for the application
+ * Call this once during app initialization
+ *
+ * @example
+ * ```tsx
+ * import { configureAuth } from 'propro-common-components';
+ *
+ * configureAuth({
+ *   webClientId: 'myapp_web',
+ *   desktopClientId: 'myapp_desktop',
+ *   desktopRedirectUri: 'myapp://auth/callback',
+ *   apiBaseUrl: 'https://api.myapp.com',
+ *   successRedirectPath: '/dashboard',
+ * });
+ * ```
+ */
+export declare function configureAuth(config: AuthConfig): void;
+/**
+ * Get the current auth configuration
+ */
+export declare function getAuthConfig(): AuthConfig;
+/**
+ * Reset auth configuration to defaults
+ */
+export declare function resetAuthConfig(): void;

package/dist/utils/createAuthRouteLoader.d.ts

@@ -0,0 +1,43 @@
+import { LoaderFunctionArgs } from 'react-router-dom';
+
+interface AuthRouteLoaderOptions {
+    /**
+     * Whether to allow redirect (for web) or just open browser (for desktop)
+     * Defaults to true
+     */
+    allowRedirect?: boolean;
+    /**
+     * Custom logic to run before auth check
+     * Return a Response to short-circuit the loader
+     */
+    beforeAuthCheck?: (args: LoaderFunctionArgs) => Promise<Response | null> | Response | null;
+    /**
+     * Custom logic to run after successful auth check
+     * Return a Response to short-circuit the loader
+     */
+    afterAuthCheck?: (args: LoaderFunctionArgs) => Promise<Response | null> | Response | null;
+}
+/**
+ * Creates a route loader function that handles authentication
+ * Can be used in React Router v6+ route configurations
+ *
+ * @example
+ * ```tsx
+ * import { createAuthRouteLoader } from 'propro-common-components';
+ *
+ * const routes = [
+ *   {
+ *     path: '/dashboard',
+ *     loader: createAuthRouteLoader({
+ *       afterAuthCheck: async () => {
+ *         // Fetch dashboard data
+ *         return null; // Continue with route loading
+ *       }
+ *     }),
+ *     element: <Dashboard />
+ *   }
+ * ];
+ * ```
+ */
+export declare function createAuthRouteLoader(options?: AuthRouteLoaderOptions): (args: LoaderFunctionArgs) => Promise<Response | Request>;
+export {};

package/dist/utils/handleAuth.d.ts

@@ -1 +1 @@
-export declare const handleAuth: (allowRedirect?: boolean) => Promise<any>;
+export declare const handleAuth: (allowRedirect?: boolean) => Promise<string>;

package/dist/utils/iconUtils.d.ts

@@ -13,4 +13,4 @@ export declare const searchIcon: (name?: string, importType?: ImportMethodTypes)
     component: FC;
 }[] | undefined>;
 export declare function loadIcon(name: string, style?: StyleType | '', path?: string, importMethod?: ImportMethodTypes): Promise<(() => null) | ((props: SVGProps<any>) => import("react/jsx-runtime").JSX.Element)>;
-export declare const getAvailableStyles: (iconName: string, path?: string) => Promise<("line" | "solid" | "duotone")[]>;
+export declare const getAvailableStyles: (iconName: string, path?: string) => Promise<('line' | 'solid' | 'duotone')[]>;

package/package.json

@@ -1,118 +1,116 @@
 {
-	"name": "propro-common-components",
-	"version": "0.2.84",
-	"type": "module",
-	"main": "dist/propro-common-components.js",
-	"types": "dist/main.d.ts",
-	"files": [
-		"dist"
-	],
-	"scripts": {
-		"dev": "vite",
-		"build": "tsc --p ./tsconfig-build.json && vite build",
-		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-		"preview": "vite preview",
-		"prepublishOnly": "yarn build",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build"
-	},
-	"dependencies": {
-		"@ant-design/icons": "^5.2.6",
-		"@ant-design/pro-components": "^2.6.4",
-		"@fortawesome/fontawesome-svg-core": "^6.5.1",
-		"@fortawesome/free-solid-svg-icons": "^6.5.1",
-		"@fortawesome/react-fontawesome": "^0.2.0",
-		"@mantine/hooks": "^7.9.0",
-		"@plasmicapp/cli": "^0.1.327",
-		"@plasmicapp/host": "^1.0.227",
-		"@plasmicapp/react-web": "^0.2.406",
-		"@plasmicpkgs/antd": "^2.0.150",
-		"@plasmicpkgs/antd5": "^0.0.308",
-		"@plasmicpkgs/lottie-react": "^0.0.220",
-		"@plasmicpkgs/plasmic-basic-components": "^0.0.256",
-		"@plasmicpkgs/plasmic-embed-css": "^0.1.213",
-		"@plasmicpkgs/plasmic-rich-components": "^1.0.224",
-		"@plasmicpkgs/plasmic-tabs": "^0.0.49",
-		"@plasmicpkgs/react-aria": "^0.0.155",
-		"@plasmicpkgs/react-awesome-reveal": "^3.8.230",
-		"@radix-ui/react-avatar": "^1.0.4",
-		"@radix-ui/react-dialog": "^1.0.5",
-		"@radix-ui/react-dropdown-menu": "^2.0.6",
-		"@radix-ui/react-label": "^2.0.2",
-		"@radix-ui/react-menubar": "^1.0.4",
-		"@radix-ui/react-popover": "^1.0.7",
-		"@radix-ui/react-slot": "^1.0.2",
-		"@radix-ui/react-switch": "^1.0.3",
-		"@radix-ui/react-tabs": "^1.0.4",
-		"@radix-ui/react-tooltip": "^1.1.2",
-		"@tanstack/react-query": "^5.90.5",
-		"@tanstack/react-query-devtools": "^5.90.2",
-		"@tauri-apps/api": "^2.0.2",
-		"@tauri-apps/plugin-fs": "^2.2.0",
-		"@tauri-apps/plugin-http": "^2.0.0",
-		"@tauri-apps/plugin-upload": "^2.2.1",
-		"@types/chrome": "^0.0.287",
-		"@types/js-cookie": "^3.0.6",
-		"@types/webpack-env": "^1.18.8",
-		"antd": "^5.27.6",
-		"axios": "^1.6.7",
-		"class-variance-authority": "^0.7.0",
-		"clsx": "^2.1.0",
-		"formik": "^2.4.5",
-		"js-cookie": "^3.0.5",
-		"lucide-react": "^0.309.0",
-		"propro-icons": "^0.0.32",
-		"react-error-boundary": "^4.0.12",
-		"react-lottie": "^1.2.4",
-		"react-router-dom": "^6.22.3",
-		"react-toastify": "^10.0.5",
-		"sonner": "^1.7.0",
-		"tailwind-merge": "^2.2.0",
-		"tailwindcss-animate": "^1.0.7",
-		"yup": "^1.4.0"
-	},
-	"devDependencies": {
-		"@chromatic-com/storybook": "^1.5.0",
-		"@storybook/addon-essentials": "^8.1.5",
-		"@storybook/addon-interactions": "^8.1.5",
-		"@storybook/addon-links": "^8.1.5",
-		"@storybook/addon-onboarding": "^8.1.5",
-		"@storybook/blocks": "^8.1.5",
-		"@storybook/react": "^8.1.5",
-		"@storybook/react-vite": "^8.1.5",
-		"@storybook/test": "^8.1.5",
-		"@tailwindcss/forms": "^0.5.7",
-		"@tailwindcss/typography": "^0.5.10",
-		"@types/node": "^20.11.5",
-		"@types/react": "^18.2.43",
-		"@types/react-dom": "^18.2.17",
-		"@types/react-lottie": "^1.2.10",
-		"@typescript-eslint/eslint-plugin": "^6.14.0",
-		"@typescript-eslint/parser": "^6.14.0",
-		"@vitejs/plugin-react": "^4.2.1",
-		"autoprefixer": "^10.4.16",
-		"eslint": "^8.55.0",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"eslint-plugin-react-refresh": "^0.4.5",
-		"eslint-plugin-storybook": "^0.8.0",
-		"glob": "^10.3.10",
-		"postcss": "^8.4.33",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"storybook": "^8.1.5",
-		"tailwindcss": "^3.4.1",
-		"typescript": "^5.2.2",
-		"vite": "^5.0.8",
-		"vite-plugin-dts": "^3.7.1",
-		"vite-plugin-lib-inject-css": "^1.3.0"
-	},
-	"peerDependencies": {
-		"@tanstack/react-query": "^5.90.5",
-		"@tanstack/react-query-devtools": "^5.90.2",
-		"axios": "^1.6.7",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-router-dom": "^6.22.3",
-		"react-toastify": "^10.0.5"
-	}
+  "name": "propro-common-components",
+  "version": "0.3.1",
+  "type": "module",
+  "main": "dist/propro-common-components.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "yarn build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.2.6",
+    "@ant-design/pro-components": "^2.6.4",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mantine/hooks": "^7.9.0",
+    "@plasmicapp/cli": "^0.1.327",
+    "@plasmicapp/react-web": "^0.2.337",
+    "@plasmicpkgs/antd": "^2.0.130",
+    "@plasmicpkgs/antd5": "^0.0.265",
+    "@plasmicpkgs/lottie-react": "^0.0.200",
+    "@plasmicpkgs/plasmic-basic-components": "^0.0.232",
+    "@plasmicpkgs/plasmic-embed-css": "^0.1.194",
+    "@plasmicpkgs/plasmic-rich-components": "^1.0.199",
+    "@plasmicpkgs/plasmic-tabs": "^0.0.49",
+    "@plasmicpkgs/react-aria": "^0.0.135",
+    "@plasmicpkgs/react-awesome-reveal": "^3.8.211",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menubar": "^1.0.4",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@tauri-apps/api": "^2.0.2",
+    "@tauri-apps/plugin-fs": "^2.2.0",
+    "@tauri-apps/plugin-http": "^2.0.0",
+    "@tauri-apps/plugin-shell": "^2.3.1",
+    "@tauri-apps/plugin-upload": "^2.2.1",
+    "@types/chrome": "^0.0.287",
+    "@types/js-cookie": "^3.0.6",
+    "antd": "^5.23.4",
+    "axios": "^1.6.7",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "formik": "^2.4.5",
+    "js-cookie": "^3.0.5",
+    "lucide-react": "^0.309.0",
+    "propro-icons": "^0.0.32",
+    "react-error-boundary": "^4.0.12",
+    "react-lottie": "^1.2.4",
+    "react-router-dom": "^6.22.3",
+    "react-toastify": "^10.0.5",
+    "sonner": "^1.7.0",
+    "tailwind-merge": "^2.2.0",
+    "tailwindcss-animate": "^1.0.7",
+    "yup": "^1.4.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.5.0",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-interactions": "^8.1.5",
+    "@storybook/addon-links": "^8.1.5",
+    "@storybook/addon-onboarding": "^8.1.5",
+    "@storybook/blocks": "^8.1.5",
+    "@storybook/react": "^8.1.5",
+    "@storybook/react-vite": "^8.1.5",
+    "@storybook/test": "^8.1.5",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.10",
+    "@types/node": "^20.11.5",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@types/react-lottie": "^1.2.10",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.3.10",
+    "postcss": "^8.4.33",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^8.1.5",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^3.7.1",
+    "vite-plugin-lib-inject-css": "^1.3.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.75.2",
+    "@tanstack/react-query-devtools": "^5.75.2",
+    "axios": "^1.6.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.22.3",
+    "react-toastify": "^10.0.5"
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/dist/plasmicComponents/AccountActivationConformation.d.ts

@@ -1,6 +0,0 @@
-import { DefaultAccountActivationConformationProps } from './plasmic/pro_pro/PlasmicAccountActivationConformation';
-import * as React from "react";
-export interface AccountActivationConformationProps extends DefaultAccountActivationConformationProps {
-}
-declare const AccountActivationConformation: React.ForwardRefExoticComponent<AccountActivationConformationProps & React.RefAttributes<HTMLDivElement>>;
-export default AccountActivationConformation;

package/dist/plasmicComponents/ProProLandingContent.d.ts

@@ -1,6 +0,0 @@
-import { DefaultProProLandingContentProps } from './plasmic/pro_pro/PlasmicProProLandingContent';
-import * as React from "react";
-export interface ProProLandingContentProps extends DefaultProProLandingContentProps {
-}
-declare const ProProLandingContent: React.ForwardRefExoticComponent<ProProLandingContentProps & React.RefAttributes<HTMLDivElement>>;
-export default ProProLandingContent;

package/dist/plasmicComponents/ProductCards.d.ts

@@ -1,6 +0,0 @@
-import { DefaultProductCardsProps } from './plasmic/pro_pro/PlasmicProductCards';
-import * as React from "react";
-export interface ProductCardsProps extends DefaultProductCardsProps {
-}
-declare const ProductCards: React.ForwardRefExoticComponent<ProductCardsProps & React.RefAttributes<HTMLDivElement>>;
-export default ProductCards;

package/dist/plasmicComponents/plasmic/antd/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/antd/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/antd_5_hostless/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/antd_5_hostless/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/loading_boundary/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/loading_boundary/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/lottie_react/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/lottie_react/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/plasmic_basic_components/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/plasmic_basic_components/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/plasmic_embed_css/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/plasmic_embed_css/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/plasmic_rich_components/PlasmicStyleTokensProvider.d.ts

@@ -1 +0,0 @@
-export declare const _useStyleTokens: () => string[];

package/dist/plasmicComponents/plasmic/plasmic_rich_components/plasmic.d.ts

@@ -1 +0,0 @@
-export declare const _useGlobalVariants: import('node_modules/@plasmicapp/react-web/dist/render/global-variants').UseGlobalVariants;

package/dist/plasmicComponents/plasmic/plasmic_tabs/icons/PlasmicIcon__CheckMark.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-
-export type CheckMarkIconProps = React.ComponentProps<"svg"> & {
-    title?: string;
-};
-export declare function CheckMarkIcon(props: CheckMarkIconProps): import("react/jsx-runtime").JSX.Element;
-export default CheckMarkIcon;