@tryheliumai/paywall-sdk-react-native 0.1.0

package/lib/typescript/commonjs/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpG,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACtE,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,3 @@
+export { HeliumProvider, initialize, presentUpsell, hideUpsell, UpsellView } from './native-interface';
+export type { HeliumTransactionStatus, HeliumCallbacks, HeliumConfig, HeliumUpsellViewProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvG,YAAY,EAAE,uBAAuB,EAAE,eAAe,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/src/native-interface.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { HeliumCallbacks, HeliumConfig, HeliumUpsellViewProps } from './types';
+interface HeliumProviderProps {
+    children: React.ReactNode;
+    fallbackView: React.ComponentType;
+}
+export declare const HeliumProvider: ({ children, fallbackView: FallbackView }: HeliumProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const initialize: (heliumCallbacks: HeliumCallbacks, config?: Partial<HeliumConfig>) => void;
+export declare const presentUpsell: (triggerName: string) => void;
+export declare const hideUpsell: () => void;
+export declare const UpsellView: React.FC<HeliumUpsellViewProps>;
+export {};
+//# sourceMappingURL=native-interface.d.ts.map

package/lib/typescript/module/src/native-interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-interface.d.ts","sourceRoot":"","sources":["../../../../src/native-interface.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBpF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC;AAMD,eAAO,MAAM,cAAc,6CAA8C,mBAAmB,4CA2B3F,CAAC;AAGF,eAAO,MAAM,UAAU,oBAAqB,eAAe,WAAU,OAAO,CAAC,YAAY,CAAC,SAwDzF,CAAC;AAGF,eAAO,MAAM,aAAa,gBAAiB,MAAM,SAEhD,CAAC;AAEF,eAAO,MAAM,UAAU,YAEtB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQtD,CAAC"}

package/lib/typescript/module/src/purchase-handlers.d.ts

@@ -0,0 +1,19 @@
+import type { HeliumTransactionStatus } from './types';
+export interface HeliumCallbacks {
+    makePurchase: (productId: string) => Promise<string>;
+    restorePurchases: () => Promise<boolean>;
+    onHeliumPaywallEvent: (event: any) => void;
+    getCustomVariableValues: () => Record<string, any>;
+}
+export declare class DemoHeliumCallbacks implements HeliumCallbacks {
+    private events;
+    makePurchase(productId: string): Promise<HeliumTransactionStatus>;
+    restorePurchases(): Promise<boolean>;
+    onHeliumPaywallEvent(event: any): void;
+    getCustomVariableValues: () => Record<string, any>;
+    getEventHistory(): {
+        timestamp: Date;
+        event: any;
+    }[];
+}
+//# sourceMappingURL=purchase-handlers.d.ts.map

package/lib/typescript/module/src/purchase-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"purchase-handlers.d.ts","sourceRoot":"","sources":["../../../../src/purchase-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC5B,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACrD,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,uBAAuB,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpD;AAGD,qBAAa,mBAAoB,YAAW,eAAe;IACzD,OAAO,CAAC,MAAM,CAAyC;IAEjD,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,uBAAuB,CAAC;IAKjE,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC;IAK1C,oBAAoB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAItC,uBAAuB,QAAO,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAM/C;IAEF,eAAe;mBAxBc,IAAI;eAAS,GAAG;;CA2B9C"}

package/lib/typescript/module/src/types.d.ts

@@ -0,0 +1,19 @@
+export type HeliumTransactionStatus = 'completed' | 'failed' | 'cancelled' | 'pending' | 'restored';
+export interface HeliumCallbacks {
+    makePurchase: (productId: string) => Promise<HeliumTransactionStatus>;
+    restorePurchases: () => Promise<boolean>;
+    onHeliumPaywallEvent: (event: any) => void;
+}
+export interface HeliumConfig {
+    apiKey: string;
+    fallbackView?: number;
+    triggers?: string[];
+    customUserId?: string;
+    customAPIEndpoint?: string;
+    customUserTraits?: Record<string, any>;
+}
+export interface HeliumUpsellViewProps {
+    trigger: string;
+    style?: any;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpG,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACtE,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb"}

package/package.json

@@ -0,0 +1,188 @@
+{
+  "name": "@tryheliumai/paywall-sdk-react-native",
+  "version": "0.1.0",
+  "description": "Paywall SDK Helium",
+  "source": "./src/index.ts",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace paywall-sdk-react-native-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cloudcaptainai/helium-react-native-sdk.git"
+  },
+  "author": "Anish Doshi <anish@tryhelium.com> (https://tryhelium.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cloudcaptainai/helium-react-native-sdk/issues"
+  },
+  "homepage": "https://github.com/cloudcaptainai/helium-react-native-sdk#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.44",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "18.3.1",
+    "react-native": "0.74.0",
+    "react-native-builder-bob": "^0.37.0",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "legacy-module",
+    "languages": "kotlin-swift",
+    "version": "0.48.1"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { HeliumProvider, initialize, presentUpsell, hideUpsell, UpsellView } from './native-interface';
+export type { HeliumTransactionStatus, HeliumCallbacks, HeliumConfig, HeliumUpsellViewProps } from './types'; 

package/src/index.tsx

@@ -0,0 +1,2 @@
+export { HeliumProvider, initialize, presentUpsell, hideUpsell, UpsellView } from './native-interface';
+export type { HeliumTransactionStatus, HeliumCallbacks, HeliumConfig, HeliumUpsellViewProps } from './types'; 

package/src/native-interface.tsx

@@ -0,0 +1,134 @@
+import { findNodeHandle, NativeModules, View, NativeEventEmitter, requireNativeComponent } from 'react-native';
+import React, { createRef, useEffect } from 'react';
+import type { HeliumCallbacks, HeliumConfig, HeliumUpsellViewProps } from './types';
+
+const { HeliumBridge } = NativeModules;
+const heliumEventEmitter = new NativeEventEmitter(HeliumBridge);
+
+let isProviderMounted = false;
+
+// Move NativeHeliumUpsellView to a singleton pattern
+let NativeHeliumUpsellView: any = null;
+const getNativeHeliumUpsellView = () => {
+  if (!NativeHeliumUpsellView) {
+    NativeHeliumUpsellView = requireNativeComponent<HeliumUpsellViewProps>('HeliumUpsellView');
+  }
+  return NativeHeliumUpsellView;
+};
+
+interface HeliumProviderProps {
+  children: React.ReactNode;
+  fallbackView: React.ComponentType;
+}
+
+// Create a ref to store the fallback view reference
+const fallbackRef = createRef<View>();
+
+// Provider component to be rendered at the app root
+export const HeliumProvider = ({ children, fallbackView: FallbackView }: HeliumProviderProps) => {
+  useEffect(() => {
+    isProviderMounted = true;
+    return () => {
+      isProviderMounted = false;
+    };
+  }, []);
+
+  return (
+    <>
+      {/* Mount the fallback view but keep it hidden */}
+      <View 
+        ref={fallbackRef}
+        style={{ 
+          position: 'absolute',
+          opacity: 0,
+          width: 1,
+          height: 1,
+          overflow: 'hidden'
+        }} 
+        collapsable={false}
+      >
+        <FallbackView />
+      </View>
+      {children}
+    </>
+  );
+};
+
+// Update initialize to accept config
+export const initialize = (heliumCallbacks: HeliumCallbacks, config: Partial<HeliumConfig> = {}) => {
+  if (!isProviderMounted) {
+    throw new Error('HeliumProvider is not mounted. Please wrap your app with HeliumProvider.');
+  }
+
+  const viewTag = findNodeHandle(fallbackRef.current);
+  if (!viewTag) {
+    throw new Error('Failed to get fallback view reference. Make sure HeliumProvider is mounted with a fallback view.');
+  }
+
+  // Set up purchase event listener
+  heliumEventEmitter.addListener(
+    'helium_make_purchase',
+    async (event: { productId: string; transactionId: string }) => {
+      const status = await heliumCallbacks.makePurchase(event.productId);
+      HeliumBridge.handlePurchaseResponse({
+        transactionId: event.transactionId,
+        status: status
+      });
+    }
+  );
+
+  // Set up restore purchases event listener
+  heliumEventEmitter.addListener(
+    'helium_restore_purchases',
+    async (event: { transactionId: string }) => {
+      const success = await heliumCallbacks.restorePurchases();
+      HeliumBridge.handleRestoreResponse({
+        transactionId: event.transactionId,
+        status: success ? 'restored' : 'failed'
+      });
+    }
+  );
+
+  // Set up paywall event listener
+  heliumEventEmitter.addListener(
+    'helium_paywall_event',
+    (event: any) => {
+      heliumCallbacks.onHeliumPaywallEvent(event);
+    }
+  );
+
+  // Initialize the bridge with merged config
+  HeliumBridge.initialize(
+    { 
+      apiKey: config.apiKey,
+      fallbackPaywall: viewTag,
+      triggers: config.triggers || [],
+      customUserId: config.customUserId || null,
+      customAPIEndpoint: config.customAPIEndpoint || null,
+      customUserTraits: config.customUserTraits || {
+        "exampleUserTrait": "test_value"
+      }
+    },
+    {}
+  );
+};
+
+// Update the other methods to be synchronous
+export const presentUpsell = (triggerName: string) => {
+  HeliumBridge.presentUpsell(triggerName);
+};
+
+export const hideUpsell = () => {
+  HeliumBridge.hideUpsell();
+};
+
+// Update the UpsellView component to handle the style prop
+export const UpsellView: React.FC<HeliumUpsellViewProps> = ({ trigger, style }) => {
+  const NativeView = getNativeHeliumUpsellView();
+  return (
+    <NativeView 
+      trigger={trigger}
+      style={[{ flex: 1 }, style]}
+    />
+  );
+};

package/src/purchase-handlers.ts

@@ -0,0 +1,39 @@
+import type { HeliumTransactionStatus } from './types';
+
+export interface HeliumCallbacks {
+    makePurchase: (productId: string) => Promise<string>;
+    restorePurchases: () => Promise<boolean>;  // Modified to return Promise
+    onHeliumPaywallEvent: (event: any) => void;
+    getCustomVariableValues: () => Record<string, any>;  // Modified to return directly
+  }
+  
+  // Update the implementation
+  export class DemoHeliumCallbacks implements HeliumCallbacks {
+    private events: { timestamp: Date; event: any }[] = [];
+  
+    async makePurchase(productId: string): Promise<HeliumTransactionStatus> {
+      this.events.push({ timestamp: new Date(), event: { type: 'purchase', productId } });
+      return 'completed' as HeliumTransactionStatus;
+    }
+  
+    async restorePurchases(): Promise<boolean> {
+      this.events.push({ timestamp: new Date(), event: { type: 'restore' } });
+      return true;
+    }
+  
+    onHeliumPaywallEvent(event: any): void {
+      this.events.push({ timestamp: new Date(), event });
+    }
+  
+    getCustomVariableValues = (): Record<string, any> => {
+      console.log('getCustomVariableValues called');
+      return {
+        exampleVar1: 'value1',
+        exampleVar2: 'value2'
+      };
+    };
+  
+    getEventHistory() {
+      return this.events;
+    }
+  }

package/src/types.ts

@@ -0,0 +1,21 @@
+export type HeliumTransactionStatus = 'completed' | 'failed' | 'cancelled' | 'pending' | 'restored';
+
+export interface HeliumCallbacks {
+  makePurchase: (productId: string) => Promise<HeliumTransactionStatus>;
+  restorePurchases: () => Promise<boolean>;
+  onHeliumPaywallEvent: (event: any) => void;
+}
+
+export interface HeliumConfig {
+  apiKey: string;
+  fallbackView?: number;
+  triggers?: string[];
+  customUserId?: string;
+  customAPIEndpoint?: string;
+  customUserTraits?: Record<string, any>;
+}
+
+export interface HeliumUpsellViewProps {
+  trigger: string;
+  style?: any;
+}