open-index/open-npm huggingface dataset:
npm package: @spscommerce/ui-react
Description: @spscommerce/ui-react React component
Latest version: 4.25.2

# @spscommerce/ui-react

> SPS Commerce UI Library for React

This package re-exports all of our React components. It is the glue that pulls together all of our various components.

If you are looking for more information on how to best use React at SPS Commerce then make sure to check out the following resources:

* Our demo app [live dev version](https://dev.commerce.spscommerce.com/ui-react-demo/)
* The Readme of the ui-react monorepo
* The Readmes for each of the various standalone components.

This project is part of the SPS Design System along with sps-styles and ui-angular components. Our projects are a collaborative effort and we encourage you to reach out to with any questions you might have.
npm package: @spsfe1/sps-common
Description: Used for common lib for SPS related project.
Latest version: 7.1.0-wuzhen.22

@alife/sps-common
=========

## Badges
[![TNPM version][tnpm-image]][tnpm-url]
[![TNPM downloads][tnpm-downloads-image]][tnpm-url]


[tnpm-image]: https://npm.alibaba-inc.com/badge/v/@alife/sps-common.svg
[tnpm-url]: https://npm.alibaba-inc.com/package/@alife/sps-common
[tnpm-downloads-image]: https://npm.alibaba-inc.com/badge/d/@alife/sps-common.svg

Used for common lib for SPS related project.

## Install

```bash
# or yarn
$ npm install
```

```bash
$ npm run build --watch
$ npm run start
```

## Usage

Configure in `.umirc.js`,

```js
export default {
  plugins: [
    ['umi-plugin-@alife/sps-common', options],
  ],
}
```

## 如何调试

在真是环境如何调试自己的代码。跟从一下的操作：
1. 在这个目录中，本地注册自己的代码
```bash
$ tnpm link
```
2. 在自己的项目中链接这个代码
```bash
$ tnpm link @alife/sps-common
```
3. 在这个目录中，启动代码编译
```bash
$ npm run dev
```
就可以正常使用

## LICENSE

MIT
npm package: @spsina/bip47
Description: bip47 utility functions
Author: Sina Parvizi
Latest version: 1.0.1

# BIP-47 Reusable Payment Codes

A [BIP47](https://github.com/bitcoin/bips/blob/master/bip-0047.mediawiki) compatible library written in TypeScript with transpiled JavaScript committed to git.

## Examples
typescript

```typescript
import ECPairFactory from 'ecpair';
import * as ecc from 'tiny-secp256k1';
import BIP47Factory from '.';
// You must wrap a tiny-secp256k1 compatible implementation
const ECPair = ECPairFactory(ecc);

const aliceSeedPhrase = 'response seminar brave tip suit recall often sound stick owner lottery motion';
const bobSeedPhrase = 'reward upper indicate eight swift arch injury crystal super wrestle already dentist';
const bobPaymentCode = 'PM8TJS2JxQ5ztXUpBBRnpTbcUXbUHy2T1abfrb3KkAAtMEGNbey4oumH7Hc578WgQJhPjBxteQ5GHHToTYHE3A1w6p7tU6KSoFmWBVbFGjKPisZDbP97';

// alice private bip47
const aliceBip47 = BIP47Factory(ecc).fromBip39Seed(aliceSeedPhrase);

// base58 payment code
const alicePaymentCode = aliceBip47.getSerializedPaymentCode();

// P2PKH notification address
const aliceNotificationAddress = aliceBip47.getNotificationAddress();

// bip47 from payment code
const bobPublicBip47 = BIP47Factory(ecc).fromPaymentCode(bobPaymentCode);

// third payment address from alice to bob
const paymentAddress = aliceBip47.getPaymentAddress(bobPublicBip47.getPaymentCodeNode(), 2);

// bob private bip47
const bobPrivateBip47 = BIP47Factory(ecc).fromBip39Seed(bobSeedPhrase);

// third alice to bob wallet (bip32)
const wallet = bobPrivateBip47.getPaymentWallet(aliceBip47.getPaymentCodeNode(), 2);

// third wallet private key
const privateKey = wallet.privateKey?.toString('hex');

// examples of how to generate blinded payment code
// and retrieving payment code from notification transaction
// can be found in tests

```

see tests for more examples.


## Supported Functionality
- generate payment code from seed phrase or seed hex
- generate payment addresses
- generate notification address from payment code
- generate receiving addresses/privateKeys for a payment code
- generate blinded payment code for notification transaction
- retrieve payment code from raw notification transaction


## Reference
[BIP-47](https://github.com/bitcoin/bips/blob/master/bip-0047.mediawiki)

[BIP-47 Test Vectors](https://gist.github.com/SamouraiDev/6aad669604c5930864bd)

## Donations
We appreciate your donations if you found this repository useful :)

[paynym.is/+frostydarkness08a](https://paynym.is/+frostydarkness08a)
npm package: @spteck/encryption-library
Description: This library provides a simple and secure way to encrypt and decrypt data using the AES algorithm.
Author: João Mendes
Latest version: 1.0.1

# Encrypt Library
This library provides a simple and secure way to encrypt and decrypt data using the AES algorithm.  

By João Mendes @joaojmendes joao.j.mendes@spteck.com
npm package: @spteck/react-controls-v2-spfx-adapter
Description: SPFx adapter for @spteck/react-controls-v2
Author: João Mendes
Latest version: 2.0.0

# @spteck/react-controls-v2-spfx-adapter

SPFx adapter package for `@spteck/react-controls-v2`. This package allows you to use the universal React controls library in SharePoint Framework (SPFx) applications.

## Installation

```bash
npm install @spteck/react-controls-v2 @spteck/react-controls-v2-spfx-adapter
```

## Usage

### Basic Setup in SPFx WebPart

```typescript
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
import { UniversalProvider } from '@spteck/react-controls-v2';
import { SPFxContextAdapter } from '@spteck/react-controls-v2-spfx-adapter';

export default class MyWebPart extends BaseClientSideWebPart {
  public render(): void {
    // Convert SPFx context to Universal context
    const universalContext = SPFxContextAdapter.adapt(
      this.context,
      'MyWebPart' // Component name for logging
    );
    
    const element = (
      <UniversalProvider context={universalContext}>
        <MyComponent />
      </UniversalProvider>
    );
    
    ReactDom.render(element, this.domElement);
  }

  protected onDispose(): void {
    ReactDom.unmountComponentAtNode(this.domElement);
  }
}
```

### What the Adapter Provides

The `SPFxContextAdapter` automatically provides:

- **Graph Client**: Uses SPFx's `MSGraphClientV3` for Microsoft Graph API calls
- **Authentication Provider**: Uses SPFx's AAD Token Provider
- **Page Context**: Converts SPFx page context to universal format
- **Logging Provider**: SPFx-compatible logging

### Accessing Context in Components

```typescript
import { useApplicationContext } from '@spteck/react-controls-v2';

function MyComponent() {
  const context = useApplicationContext();
  
  // Access user info
  const user = context?.pageContext?.user;
  console.log(user?.displayName);
  
  // Access site info
  const site = context?.pageContext?.site;
  console.log(site?.absoluteUrl);
  
  return <div>Welcome, {user?.displayName}!</div>;
}
```

### Using Graph API in SPFx

```typescript
import { useGraphAPI } from '@spteck/react-controls-v2';

function UserProfile() {
  const { getUser, getCurrentUser } = useGraphAPI();
  const [user, setUser] = React.useState(null);
  
  React.useEffect(() => {
    getCurrentUser().then(setUser);
  }, []);
  
  return <div>{user?.displayName}</div>;
}
```

## API Reference

### SPFxContextAdapter.adapt()

```typescript
SPFxContextAdapter.adapt(
  spfxContext: BaseComponentContext,
  componentName?: string
): IApplicationContext
```

**Parameters:**
- `spfxContext`: The SPFx `BaseComponentContext` from your web part or extension
- `componentName` (optional): Name for logging purposes. Default: `'SPFx Component'`

**Returns:** `IApplicationContext` compatible with all universal controls

## License

MIT © João Mendes