open-index/open-npm huggingface dataset:
npm package: @mahmoudaliibrahim/react-native-loading-view
Description: Simple react-native loading view to use while waiting data to be fetched from remote api
Author: Mahmoud Ali
Latest version: 1.2.1

# @mahmoudaliibrahim/react-native-loading-view

## Getting started

A simple loading view for react-native apps, can be used while fetching data from remote server.

npm:

`$ npm install @mahmoudaliibrahim/react-native-loading-view --save`

yarn:

`$ yarn add @mahmoudaliibrahim/react-native-loading-view`

## PropTypes

| Prop            | Description                                                  | Type             |
| --------------- | ------------------------------------------------------------ | ---------------- |
| containerStyle  | the containing view style                                    | Object           |
| children        | view to be wrapped by the loading view                       | React Component  |
| isLoading       | current loading view state                                   | Boolean          |
| backgroundColor | loading view background color                                | String           |
| text            | optional text to show during loading                         | String           |
| textStyle       | optional text style                                          | Object           |
| loaderStyle     | loader container style                                       | Object           |
| indicatorColor  | color of the loading indicator                               | String           |
| indicatorSize   | loading indicator size (React native ActivityIndicator size) | String or Number |
| unmount         | boolean to unmount the children view while isLoading is true | Boolean          |
| renderLoader    | prop for using custom loader instead of default one          | Function         |

## Usage

```javascript
import React, { useState } from "react";
import { Text, StyleSheet } from "react-native";
import LoadingView from "@mahmoudaliibrahim/react-native-loading-view";

const App = () => {
  const [loading, setLoading] = useState(true);

  setTimeout(() => {
    setLoading(false);
  }, 2000);

  return (
    <LoadingView
      containerStyle={styles.container}
      isLoading={loading}
      size={"small"}
      unmount
    >
      <Text>Hello React</Text>
    </LoadingView>
  );
};

export default App;

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
  },
});
```
npm package: @mahmoudaliibrahim/react-native-payfort-sdk
Description: The first completed React Native library for Payfort SDK integration 
Author: Glenn, Chau
Latest version: 1.0.6

# @mahmoudaliibrahim/react-native-payfort-sdk

## Getting started

`$ npm install @mahmoudaliibrahim/react-native-payfort-sdk --save`

### Mostly automatic installation

`$ react-native link @mahmoudaliibrahim/react-native-payfort-sdk`

### Add library to each platform


#### iOS

1. Extract [this](https://docs.payfort.com/docs/mobile-sdk/build/lib/PayFortSDK%201.8.zip) folder. 
2. Drag the `PayFortSDK.framework` & `PayFortSDK.bundle` to `Frameworks` in Project Navigator.
3. Create a new group `Frameworks` if it does not exist:
        * Choose Create groups for any added folders.
        * Make Sure to select Copy files if needed.
4. Set `-ObjC` in the Other Linker Flags in the `Target` → `Build Settings` Tab.
5. For Swift Projects Don’t forget to add the `#import` to the `Bridging-Header.h`

#### Android

1. Extract [this](https://docs.payfort.com/docs/mobile-sdk/build/lib/FORTSDKv1.5.zip) folder.
2. In Android Studio, choose `File` → `New` → `New Module` then select `Import .JAR\.AAR Package`.
3. In the next step, find to the path of .aar file in library folder and press `Finish`.


## Usage

#### First, you have to read the [document](https://docs.payfort.com/docs/mobile-sdk/build/index.html#before-starting-the-integration-section-in-the-api) from Payfort carefully

```javascript
import RNReactNativePayfortSdk from '@mahmoudaliibrahim/react-native-payfort-sdk';

let data = {};
data['access_code'] = 'abcdxyzqwerty';          // require field
data['merchant_identify'] = 'poilkjyhm';        // require field
data['request_phrase'] = 'tgbvfe';              // require field
data['customer_email'] = 'v@example.com';       // require field
data['currency'] = 'USD';                       // require field
data['amount'] = '10';                          // require field
data['merchant_reference'] = '123456';          // require field
data['customer_name'] = 'Glenn';
data['customer_ip'] = '27.79.60.231';
data['payment_option'] = 'VISA';
data['order_description'] = 'Order for testing';

RNReactNativePayfortSdk.openPayfort(data, (response) => {
    console.log(response);
}, (message) => {
    // Message in case payment is failure or cancel
});
```
npm package: @mahmoudaliibrahim/react-native-zendesk
Description: Zendesk SDK for React Native.
Author: mahmoudaliibrahim
Latest version: 2.2.3

# @mahmoudaliibrahim/react-native-zendesk

React Native bridge to Zendesk Support SDK v2 on iOS and Android.

## Installation

1. Add the package via yarn or npm

```
yarn add @mahmoudaliibrahim/react-native-zendesk
npm install --save @mahmoudaliibrahim/react-native-zendesk
```

2. Link the modules to your native projects (VERSION < RN 0.60)

```
react-native link @mahmoudaliibrahim/react-native-zendesk
```

## Getting Started

API is very small and can be seen [here](https://github.com/mahmoudaliibrahim/react-native-zendesk/blob/master/src/index.ts)
npm package: @mahmoudmakhaly/employee-calendar
Description: ## Project info
Author: mahmoud makhaly
Latest version: 5.0.6

# Welcome to your Lovable project

## Project info

**URL**: https://lovable.dev/projects/ac333992-4be0-4518-b891-634afb846299

## How can I edit this code?

There are several ways of editing your application.

**Use Lovable**

Simply visit the [Lovable Project](https://lovable.dev/projects/ac333992-4be0-4518-b891-634afb846299) and start prompting.

Changes made via Lovable will be committed automatically to this repo.

**Use your preferred IDE**

If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.

The only requirement is having Node.js & npm installed - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)

Follow these steps:

```sh
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
```

**Edit a file directly in GitHub**

- Navigate to the desired file(s).
- Click the "Edit" button (pencil icon) at the top right of the file view.
- Make your changes and commit the changes.

**Use GitHub Codespaces**

- Navigate to the main page of your repository.
- Click on the "Code" button (green button) near the top right.
- Select the "Codespaces" tab.
- Click on "New codespace" to launch a new Codespace environment.
- Edit files directly within the Codespace and commit and push your changes once you're done.

## What technologies are used for this project?

This project is built with:

- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS

## How can I deploy this project?

Simply open [Lovable](https://lovable.dev/projects/ac333992-4be0-4518-b891-634afb846299) and click on Share -> Publish.

## Can I connect a custom domain to my Lovable project?

Yes, you can!

To connect a domain, navigate to Project > Settings > Domains and click Connect Domain.

Read more here: [Setting up a custom domain](https://docs.lovable.dev/tips-tricks/custom-domain#step-by-step-guide)
npm package: @mahmoudsalmi/dynu-ddns-updater
Description: update dynu.com DDNS based on public IP given by ipinfo.io
Author: Mahmoud SALMI
Latest version: 0.4.0

# dynu-ddns-updater
[![Build Status](https://travis-ci.org/mahmoudsalmi/dynu-ddns-updater.svg?branch=master)](https://travis-ci.org/mahmoudsalmi/dynu-ddns-updater)
Welcome !