react-native-seel-widget 0.1.8 → 0.1.9

package/README.md

@@ -1,37 +1,70 @@
 # react-native-seel-widget
 
-React-Native SeelWidget
+SeelWidget for React Native (iOS, Android, and Web)
 
-## Installation
+## Installing
 
+### With expo
 
-```sh
-npm install react-native-seel-widget
+```
+npx expo install react-native-seel-widget
 ```
 
+### With react-native-cli
 
-## Usage
-
-
-```js
-import { multiply } from 'react-native-seel-widget';
-
-// ...
+1. Install library
 
-const result = await multiply(3, 7);
-```
+  ```
+  yarn add react-native-seel-widget
+  ```
 
+  *Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 11+ and `npx` if you like*
 
-## Contributing
+2. Link native code
 
-- [Development workflow](CONTRIBUTING.md#development-workflow)
-- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
-- [Code of conduct](CODE_OF_CONDUCT.md)
+  ```
+  cd ios && pod install
+  ```
 
-## License
+## Usage
 
-MIT
+```tsx
+// Step 1
+SeelWidgetSDK.shared.configure({
+  apiKey: '5ctiodrhqyfkcjqhli4wwnwi6cakrs5r',
+  environment: SeelEnvironment.Development,
+});
+```
 
----
+```
+// Step 2
+import type { IQuotesRequest, IQuotesResponse } from 'react-native-seel-widget';
+import { SeelWFPWidget } from 'react-native-seel-widget';
+
+export default function YourPage() {
+  useEffect(() => {
+    const request:IQuotesRequest = {
+      // ...
+    };
+  });
+
+  return (
+    <View>
+      <SeelWFPWidget
+        ref={seelWidgetRef}
+        domain={domain}
+        onChangeValue={function ({
+          optedIn,
+          quotesResponse,
+        }: {
+          optedIn: boolean;
+          quotesResponse?: IQuotesResponse;
+        }): void {
+          console.log(optedIn, quotesResponse);
+        }}
+      />
+    </View>
+  );
+}
 
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-seel-widget",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "React-Native SeelWidget",
   "main": "./src/index.tsx",
   "exports": {

package/src/network/request.ts

@@ -15,27 +15,22 @@ export interface GetRequestParams {
   [key: string]: any;
 }
 
-const defaultXSeelApiKey: string = SeelWidgetSDK.shared.apiKey || '';
-const defaultXSeelApiVersion: string = SeelWidgetSDK.shared.apiVersion || '';
-const defaultRequestTimeout: number = SeelWidgetSDK.shared.requestTimeout;
+// const defaultXSeelApiKey: string = SeelWidgetSDK.shared.apiKey || '';
+// const defaultXSeelApiVersion: string = SeelWidgetSDK.shared.apiVersion || '';
+// const defaultRequestTimeout: number = SeelWidgetSDK.shared.requestTimeout;
 
 class Request {
-  private defaultHeaders: RequestHeaders = {
-    'Accept': 'application/json',
-    'Content-Type': 'application/json',
-    'X-Seel-API-Key': defaultXSeelApiKey,
-    'X-Seel-API-Version': defaultXSeelApiVersion,
-  };
-
-  private defaultTimeout: number = defaultRequestTimeout;
-
-  /**
-   * Set default request headers
-   */
-  setDefaultHeaders(headers: RequestHeaders): void {
-    this.defaultHeaders = { ...this.defaultHeaders, ...headers };
+  defaultHeaders(): RequestHeaders {
+    return {
+      'Accept': 'application/json',
+      'Content-Type': 'application/json',
+      'X-Seel-API-Key': SeelWidgetSDK.shared.apiKey,
+      'X-Seel-API-Version': SeelWidgetSDK.shared.apiVersion,
+    };
   }
 
+  private defaultTimeout: number = SeelWidgetSDK.shared.requestTimeout;
+
   /**
    * Set default timeout
    */
@@ -91,7 +86,7 @@ class Request {
 
       // Merge request headers
       const headers = {
-        ...this.defaultHeaders,
+        ...this.defaultHeaders(),
         ...options?.headers,
       };
 
@@ -143,10 +138,12 @@ class Request {
     try {
       // Merge request headers
       const headers = {
-        ...this.defaultHeaders,
+        ...this.defaultHeaders(),
         ...options?.headers,
       };
 
+      console.log('headers:', headers);
+
       // Build request body
       let body: string | undefined;
       if (data !== undefined && data !== null) {

package/src/ui/seel-wfp-widget.tsx

@@ -68,6 +68,7 @@ const SeelWFPWidget = (
     try {
       setLoadingStatus(NetworkRequestStatueEnum.Loading);
       const response = await createQuote(quote);
+      console.log('response quote:', quote);
       setLoadingStatus(NetworkRequestStatueEnum.Success);
       setQuotesResponse(response);
       let _status = response.status ?? '';

package/src/utils/http_util.ts

@@ -17,14 +17,12 @@ export enum NetworkErrorEnum {
   Unknown,
 }
 
-const defaultBaseURL: string = SeelWidgetSDK.shared.baseURL;
-
 export const createQuote = (body: IQuotesRequest) => {
-  const url = defaultBaseURL + '/v1/ecommerce/quotes';
+  const url = SeelWidgetSDK.shared.baseURL + '/v1/ecommerce/quotes';
   return post<IQuotesResponse>(url, JSON.stringify(body), {});
 };
 
 export const createEvent = (body: IEvents) => {
-  const url = defaultBaseURL + '/v1/ecommerce/events';
+  const url = SeelWidgetSDK.shared.baseURL + '/v1/ecommerce/events';
   return post<IQuotesResponse>(url, JSON.stringify(body), {});
 };