@teamvortexsoftware/vortex-react-native 0.0.2 → 0.0.3

package/dist/index.d.mts

@@ -0,0 +1,24 @@
+import React from 'react';
+
+interface ButtonProps {
+    text: string;
+    onClick?: (e: any) => void;
+}
+declare function Button({ text, onClick }: ButtonProps): React.JSX.Element;
+
+interface WidgetConfiguration {
+    configuration?: {
+        props?: any;
+        styles?: any;
+    };
+    slug?: string;
+    [key: string]: any;
+}
+interface VortexInviteProps {
+    widgetConfigurationId?: string;
+    widgetConfiguration?: WidgetConfiguration;
+    isLoading?: boolean;
+}
+declare function VortexInvite({ widgetConfigurationId, widgetConfiguration, isLoading, }: VortexInviteProps): React.JSX.Element;
+
+export { Button, type ButtonProps, VortexInvite, type VortexInviteProps };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+
+interface ButtonProps {
+    text: string;
+    onClick?: (e: any) => void;
+}
+declare function Button({ text, onClick }: ButtonProps): React.JSX.Element;
+
+interface WidgetConfiguration {
+    configuration?: {
+        props?: any;
+        styles?: any;
+    };
+    slug?: string;
+    [key: string]: any;
+}
+interface VortexInviteProps {
+    widgetConfigurationId?: string;
+    widgetConfiguration?: WidgetConfiguration;
+    isLoading?: boolean;
+}
+declare function VortexInvite({ widgetConfigurationId, widgetConfiguration, isLoading, }: VortexInviteProps): React.JSX.Element;
+
+export { Button, type ButtonProps, VortexInvite, type VortexInviteProps };

package/dist/index.js

@@ -0,0 +1,177 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  Button: () => Button,
+  VortexInvite: () => VortexInvite
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/button.tsx
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+function Button({ text, onClick }) {
+  const [count, setCount] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    console.log("Current count:", count);
+  }, [count]);
+  const handlePress = (e) => {
+    console.log("handlePress called");
+    setCount((prevCount) => prevCount + 1);
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react_native.Text, { style: styles.text }, text);
+}
+var styles = import_react_native.StyleSheet.create({
+  button: {
+    maxWidth: 200,
+    textAlign: "center",
+    borderRadius: 10,
+    paddingTop: 14,
+    paddingBottom: 14,
+    paddingLeft: 30,
+    paddingRight: 30,
+    fontSize: 15,
+    backgroundColor: "#2f80ed"
+  },
+  text: {
+    color: "white"
+  }
+});
+
+// src/vortexInvite.tsx
+var import_react2 = __toESM(require("react"));
+var import_react_native2 = require("react-native");
+function VortexInvite({
+  widgetConfigurationId,
+  widgetConfiguration,
+  isLoading = false
+}) {
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, null, /* @__PURE__ */ import_react2.default.createElement("pre", null, "Chupacabra"));
+}
+var styles2 = import_react_native2.StyleSheet.create({
+  container: {
+    padding: 15,
+    display: "flex",
+    flexDirection: "column"
+  },
+  inviteContainer: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: 8
+  },
+  introText: {
+    marginBottom: 8,
+    fontSize: 24,
+    fontWeight: "bold",
+    textAlign: "center"
+  },
+  input: {
+    width: "100%",
+    borderWidth: 1,
+    borderColor: "#ccc",
+    padding: 10,
+    borderRadius: 5,
+    marginBottom: 8
+  },
+  buttonContainer: {
+    marginTop: 16,
+    marginBottom: 8,
+    width: "100%"
+  },
+  submitButton: {
+    // backgroundColor: "#007bff",
+    padding: 12,
+    borderRadius: 5,
+    alignItems: "center",
+    shadowColor: "rgba(0, 0, 0, 0.2)",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.5,
+    shadowRadius: 2
+  },
+  submitButtonText: {
+    color: "white",
+    fontWeight: "500",
+    textTransform: "none"
+  },
+  skeleton: {
+    width: "100%",
+    height: 50,
+    backgroundColor: "#e0e0e0",
+    borderRadius: 5
+  },
+  shareContainer: {
+    marginTop: 16,
+    alignItems: "center"
+  },
+  divider: {
+    marginVertical: 10,
+    fontSize: 16,
+    fontWeight: "bold",
+    textAlign: "center"
+  },
+  shareButtonsContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "center"
+  },
+  shareButtonWrapper: {
+    width: "48%",
+    margin: 5
+  },
+  centeredShareButton: {
+    width: "100%",
+    alignItems: "center"
+  },
+  shareButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    padding: 10,
+    borderWidth: 1,
+    borderColor: "#007bff",
+    borderRadius: 5,
+    justifyContent: "center"
+  },
+  shareButtonText: {
+    paddingLeft: 10,
+    color: "#007bff"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  VortexInvite
+});

package/dist/index.mjs

@@ -0,0 +1,143 @@
+'use client'
+
+// src/button.tsx
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text } from "react-native";
+function Button({ text, onClick }) {
+  const [count, setCount] = useState(0);
+  useEffect(() => {
+    console.log("Current count:", count);
+  }, [count]);
+  const handlePress = (e) => {
+    console.log("handlePress called");
+    setCount((prevCount) => prevCount + 1);
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Text, { style: styles.text }, text);
+}
+var styles = StyleSheet.create({
+  button: {
+    maxWidth: 200,
+    textAlign: "center",
+    borderRadius: 10,
+    paddingTop: 14,
+    paddingBottom: 14,
+    paddingLeft: 30,
+    paddingRight: 30,
+    fontSize: 15,
+    backgroundColor: "#2f80ed"
+  },
+  text: {
+    color: "white"
+  }
+});
+
+// src/vortexInvite.tsx
+import React2 from "react";
+import {
+  View,
+  StyleSheet as StyleSheet2
+} from "react-native";
+function VortexInvite({
+  widgetConfigurationId,
+  widgetConfiguration,
+  isLoading = false
+}) {
+  return /* @__PURE__ */ React2.createElement(View, null, /* @__PURE__ */ React2.createElement("pre", null, "Chupacabra"));
+}
+var styles2 = StyleSheet2.create({
+  container: {
+    padding: 15,
+    display: "flex",
+    flexDirection: "column"
+  },
+  inviteContainer: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: 8
+  },
+  introText: {
+    marginBottom: 8,
+    fontSize: 24,
+    fontWeight: "bold",
+    textAlign: "center"
+  },
+  input: {
+    width: "100%",
+    borderWidth: 1,
+    borderColor: "#ccc",
+    padding: 10,
+    borderRadius: 5,
+    marginBottom: 8
+  },
+  buttonContainer: {
+    marginTop: 16,
+    marginBottom: 8,
+    width: "100%"
+  },
+  submitButton: {
+    // backgroundColor: "#007bff",
+    padding: 12,
+    borderRadius: 5,
+    alignItems: "center",
+    shadowColor: "rgba(0, 0, 0, 0.2)",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.5,
+    shadowRadius: 2
+  },
+  submitButtonText: {
+    color: "white",
+    fontWeight: "500",
+    textTransform: "none"
+  },
+  skeleton: {
+    width: "100%",
+    height: 50,
+    backgroundColor: "#e0e0e0",
+    borderRadius: 5
+  },
+  shareContainer: {
+    marginTop: 16,
+    alignItems: "center"
+  },
+  divider: {
+    marginVertical: 10,
+    fontSize: 16,
+    fontWeight: "bold",
+    textAlign: "center"
+  },
+  shareButtonsContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "center"
+  },
+  shareButtonWrapper: {
+    width: "48%",
+    margin: 5
+  },
+  centeredShareButton: {
+    width: "100%",
+    alignItems: "center"
+  },
+  shareButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    padding: 10,
+    borderWidth: 1,
+    borderColor: "#007bff",
+    borderRadius: 5,
+    justifyContent: "center"
+  },
+  shareButtonText: {
+    paddingLeft: 10,
+    color: "#007bff"
+  }
+});
+export {
+  Button,
+  VortexInvite
+};

package/package.json

@@ -2,13 +2,20 @@
   "name": "@teamvortexsoftware/vortex-react-native",
   "description": "",
   "author": "@teamvortexsoftware",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "publishConfig": {
     "access": "restricted"
   },
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "devDependencies": {
@@ -24,6 +31,7 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "prepublish": "npm run build"
   }
 }