@thetechfossil/auth2 1.2.8 → 1.2.9

package/dist/index.mjs

@@ -1,12 +1,18 @@
+"use client";
 import axios from 'axios';
 import { UpfilesClient, ImageManager } from '@thetechfossil/upfiles';
 export { ConnectProjectDialog, ImageManager, ProjectFilesWidget, UpfilesClient, Uploader } from '@thetechfossil/upfiles';
 import React3, { createContext, forwardRef, useContext, useState, useCallback, useEffect, useRef, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import PhoneInputWithCountry from 'react-phone-number-input';
-import 'react-phone-number-input/style.css';
 
 var __defProp = Object.defineProperty;
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+});
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -1023,6 +1029,14 @@ function useThemeColors() {
   const { theme } = useAuthTheme();
   return theme === "dark" ? darkTheme : lightTheme;
 }
+var PhoneInputWithCountry = null;
+try {
+  const module = __require("react-phone-number-input");
+  PhoneInputWithCountry = module.default || module;
+  __require("react-phone-number-input/style.css");
+} catch (error) {
+  console.warn("react-phone-number-input not available, using fallback");
+}
 var CustomPhoneInput = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   "input",
   {
@@ -1215,6 +1229,30 @@ var PhoneInput = ({
   const handleChange = useMemo(() => (val) => {
     onChange(val || "");
   }, [onChange]);
+  if (!PhoneInputWithCountry) {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        type: "tel",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        disabled,
+        required,
+        placeholder,
+        style: {
+          width: "100%",
+          padding: "12px 16px",
+          border: `1px solid ${colors.borderSecondary}`,
+          borderRadius: "8px",
+          fontSize: "16px",
+          backgroundColor: colors.bgSecondary,
+          color: colors.textPrimary,
+          ...style
+        }
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {