@instincthub/react-ui 0.0.1 → 0.0.3

package/dist/assets/js/HomePageStyle.js

@@ -1,152 +0,0 @@
-import styled from "styled-components";
-
-export const Testimonial = styled.section`
-  .headingH2 {
-    max-width: 670px;
-    margin: 0 auto;
-  }
-  h2 {
-    margin-bottom: 20px !important;
-    color: var(--nesgBlue);
-    text-align: center;
-    font-family: Montserrat;
-    font-size: 32px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 45px;
-  }
-  p {
-    text-align: center;
-    margin-bottom: 50px !important;
-  }
-`;
-
-export const Partners = styled.section`
-  margin-top: 30px;
-  margin-bottom: 30px;
-  h3 {
-    color: var(--Gunmetal);
-    text-align: center;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 30px;
-    letter-spacing: 10px;
-  }
-  .img_concept {
-    margin-bottom: 50px;
-  }
-  img {
-    width: 300px !important;
-    height: 72.21px;
-    margin: 0 40px;
-    object-fit: contain;
-  }
-`;
-
-export const Navigation = styled.section`
-  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
-  padding: 10px 0;
-  position: fixed;
-  width: 100%;
-  z-index: 100;
-  background: var(--FadeGlass);
-  input[type="checkbox"]:checked,
-  input[type="checkbox"]:hover {
-    opacity: 0 !important;
-  }
-  nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    img {
-      width: 76px;
-      height: 61px;
-      object-fit: cover;
-      flex-shrink: 0;
-    }
-    button {
-      padding: 10px 20px;
-      margin: 0 !important;
-    }
-    ul {
-      li {
-        a {
-          //   background-color: yellow;
-          padding: 8px 20px;
-          border-radius: 50px;
-          transition: all 0.3s;
-          &:hover {
-            background-color: ${(props) => props.bk};
-            color: var(--White);
-            font-weight: bold;
-          }
-        }
-      }
-    }
-
-    .outlined-btn {
-      margin-right: 15px !important;
-    }
-    .mini_flex {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width: 75%;
-
-      ul {
-        display: flex;
-        width: 60%;
-        // align-items: center;
-        justify-content: space-between;
-      }
-    }
-  }
-  #rincles {
-    transform: translateX(0px);
-  }
-  @media (min-width: 917px) {
-    .menu-wrap {
-      display: none;
-    }
-  }
-  @media (max-width: 1200px) {
-    .mini_flex {
-      width: 85% !important;
-    }
-  }
-  @media (max-width: 917px) {
-    .mini_flex {
-      display: flex;
-      align-items: left !important;
-      flex-direction: column;
-      position: absolute;
-      top: 80px;
-      right: 0;
-      transition: all 0.5s;
-      text-align: left;
-      transform: translateX(300px);
-      width: 270px !important;
-      padding: 15px;
-      box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px,
-        rgba(17, 17, 26, 0.1) 0px 0px 8px;
-      background-color: var(--White);
-      a {
-        text-align: left;
-      }
-      ul {
-        width: 100% !important;
-        display: flex;
-        align-items: left !important;
-        flex-direction: column;
-      }
-    }
-    .auth_us {
-      margin-top: 30px;
-      button {
-        margin: 10px !important;
-        padding: 10px 40px;
-      }
-    }
-  }
-`;

package/dist/assets/js/createSubscription.js

@@ -1,34 +0,0 @@
-/*
-This function createSubscription attempts to create a user subscription in the database using provided channel, token, and subscription details, while handling potential errors by logging them and throwing a toast notification.
-
-Reference:
-createSubscription(channel, token, objects)
-*/
-
-import { API_HOST_URL, getCookie, reqOptions } from "./helpFunction";
-import { openToast } from "./modals";
-
-const createSubscription = async (channel, token, objects) => {
-	try {
-		// Crate user subscription in the db
-		const endpoint = `${API_HOST_URL}payments/${channel}/user-subscription-create/`;
-		const email = getCookie("email");
-		const newObjects = { ...objects, email };
-		// console.log(newObjects);
-		const raw = JSON.stringify(newObjects);
-		const options = reqOptions("POST", raw, token, "json");
-		const req = await fetch(endpoint, options);
-		const res = await req.json();
-		if (req.status === 400) {
-			openToast(JSON.stringify(res), 400);
-			return req.status
-		}
-		return res;
-	} catch (e) {
-		console.log(e);
-		openToast("Couldn't createSubscription", 400);
-		return 500;
-	}
-};
-
-export default createSubscription;

package/dist/assets/js/currency_symbols.js

@@ -1,5 +0,0 @@
-const CurrencySymbols = {
-	NGN: "₦",
-	USD: "＄",
-};
-export default CurrencySymbols;

package/dist/assets/js/elementIsVisibleInViewport.js

@@ -1,13 +0,0 @@
-const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
-  const { top, left, bottom, right } = el.getBoundingClientRect();
-  const { innerHeight, innerWidth } = window;
-  return partiallyVisible
-    ? ((top > 0 && top < innerHeight) ||
-        (bottom > 0 && bottom < innerHeight)) &&
-        ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
-    : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
-};
-
-export default elementIsVisibleInViewport;
-
-// Source: https://www.30secondsofcode.org/js/s/element-is-visible-in-viewport/#:~:text=We%20can%20do%20this%2C%20using,the%20dimensions%20of%20the%20viewport.

package/dist/assets/js/fileToBase64.js

@@ -1,9 +0,0 @@
-const fileToBase64 = (file) =>
-	new Promise((resolve, reject) => {
-		const reader = new FileReader();
-		reader.readAsDataURL(file);
-		reader.onload = () => resolve(reader.result.split(",")[1]);
-		reader.onerror = (error) => reject(error);
-	});
-
-export default fileToBase64;

package/dist/assets/js/formError.js

@@ -1,59 +0,0 @@
-/**
- * Handles form validation errors by highlighting fields and displaying error messages
- * @param {Object} errors - Object containing field errors from the server
- */
-export default function handleFormErrors(errors) {
-  // Reset any previous error states
-  const formInputs = document.querySelectorAll("input, select, textarea");
-  formInputs.forEach((input) => {
-    input.style.borderColor = "";
-    const errorElement = input.parentNode.querySelector(".error-message");
-    if (errorElement) {
-      errorElement.remove();
-    }
-  });
-
-  // Track the first error field for focus
-  let firstErrorField = null;
-
-  // Process each error
-  Object.entries(errors).forEach(([fieldName, errorMessages]) => {
-    // Find all inputs with matching name attribute
-    const fields = document.querySelectorAll(`[name="${fieldName}"]`);
-
-    fields.forEach((field) => {
-      // Set red border
-      field.style.borderColor = "#ff0000";
-
-      // Create error message element
-      const errorDiv = document.createElement("div");
-      errorDiv.className = "error-message";
-      errorDiv.style.color = "var(--Danger)";
-      errorDiv.style.fontSize = "0.8rem";
-      errorDiv.style.marginTop = "4px";
-      errorDiv.textContent = errorMessages.join(", ");
-
-      // Insert error message after the input field
-      field.parentNode.insertBefore(errorDiv, field.nextSibling);
-
-      // Track first error field
-      if (!firstErrorField) {
-        firstErrorField = field;
-      }
-    });
-  });
-
-  // Set focus to the first error field
-  if (firstErrorField) {
-    firstErrorField.focus();
-  }
-
-  return Object.keys(errors).length > 0;
-}
-
-// Example usage:
-// const serverErrors = {
-//   "assigned_email": ["This field is required."],
-//   "password": ["This field may not be blank."]
-// };
-// handleFormErrors(serverErrors);

package/dist/assets/js/format.js

@@ -1,17 +0,0 @@
-export const formatTime = (time) => {
-  //formarting duration of video
-  if (isNaN(time)) {
-    return "00:00";
-  }
-
-  const date = new Date(time * 1000);
-  const hours = date.getUTCHours();
-  const minutes = date.getUTCMinutes();
-  const seconds = date.getUTCSeconds().toString().padStart(2, "0");
-  if (hours) {
-    //if video have hours
-    return `${hours}:${minutes.toString().padStart(2, "0")} `;
-  } else return `${minutes}:${seconds}`;
-};
-
-

package/dist/assets/js/getPriceObjects.js

@@ -1,66 +0,0 @@
-/*
-This function getPriceObjects calculates the price details (currency, price, formatted_price, symbol, and promo status) based on the user's location and current promotional offers.
-
-Reference:
-const { currency, price, formatted_price, promo, symbol, is_promo_running } =
-		getPriceObjects(objects);
-*/
-
-import {
-	selectCurrentPromo,
-	selectUserLocation,
-	useSelector,
-} from "@/lib/redux";
-import { CURRENCY_SYMBOL } from "@/assets/js/utils";
-import { formatNumberWithCommas } from "./helpFunction";
-
-const getPriceObjects = (objects) => {
-	const location = useSelector(selectUserLocation);
-	const promo = useSelector(selectCurrentPromo);
-
-	// Support dollars and Naira.
-	let price = "FREE",
-		formatted_price,
-		discounted_price,
-		symbol = "",
-		ip_address = location?.ip_address,
-		currency = location?.currency === "NGN" ? "NGN" : "USD";
-
-        // Temporarily accept Naira
-        currency = "NGN"
-	try {
-		// Get currency, currency, price, symbol
-		if (objects.price_tier) {
-			symbol = CURRENCY_SYMBOL[currency];
-			price = symbol + objects.price_tier[currency];
-			formatted_price = parseFloat(
-				objects.price_tier[currency].replaceAll(",", "")
-			);
-			if (promo.percentage) {
-				const discounts = (formatted_price * parseInt(promo.percentage)) / 100;
-				formatted_price = Math.floor(formatted_price - discounts);
-				price = `${symbol}${formatNumberWithCommas(formatted_price)}`;
-
-				discounted_price =
-					symbol + Math.floor(formatNumberWithCommas(discounts));
-			}
-		}
-	} catch (e) {
-		console.log("Couldn't getPriceObjects: ", e);
-	}
-
-	const is_promo_running = price !== "FREE" && promo.id;
-
-	return {
-		currency,
-		price,
-		formatted_price,
-		discounted_price,
-		promo,
-		symbol,
-		is_promo_running,
-		ip_address,
-	};
-};
-
-export default getPriceObjects;