@thetechfossil/auth2 1.2.8 → 1.2.9

package/dist/index.components.js

@@ -1,18 +1,23 @@
+"use client";
 'use strict';
 
 var React2 = require('react');
 var axios = require('axios');
 var upfiles = require('@thetechfossil/upfiles');
 var jsxRuntime = require('react/jsx-runtime');
-var PhoneInputWithCountry = require('react-phone-number-input');
-require('react-phone-number-input/style.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React2__default = /*#__PURE__*/_interopDefault(React2);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
-var PhoneInputWithCountry__default = /*#__PURE__*/_interopDefault(PhoneInputWithCountry);
 
+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;
@@ -694,6 +699,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__default.default.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "input",
   {
@@ -886,6 +899,30 @@ var PhoneInput = ({
   const handleChange = React2.useMemo(() => (val) => {
     onChange(val || "");
   }, [onChange]);
+  if (!PhoneInputWithCountry) {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -896,7 +933,7 @@ var PhoneInput = ({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("style", { children: styleContent }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          PhoneInputWithCountry__default.default,
+          PhoneInputWithCountry,
           {
             id,
             international: true,