@thetechfossil/auth2 1.2.8 → 1.2.9

package/dist/index.components.mjs

@@ -1,10 +1,16 @@
+"use client";
 import React2, { createContext, forwardRef, useContext, useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import axios from 'axios';
 import { ImageManager, UpfilesClient } from '@thetechfossil/upfiles';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import PhoneInputWithCountry from 'react-phone-number-input';
-import 'react-phone-number-input/style.css';
 
+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 HttpClient = class {
   constructor(baseUrl, defaultHeaders = {}) {
     this.csrfToken = null;
@@ -686,6 +692,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 = React2.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   "input",
   {
@@ -878,6 +892,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",
     {