updates

Author: namidan

.github/workflows/build-and-deploy.yml

@@ -23,12 +23,14 @@ jobs:
     - name: Set productDetails
       working-directory: examples/data
       run: node ./scripts/product-details.js
+      env:
+        NAMI_PRODUCT_DETAILS: '${{ secrets.NAMI_PRODUCT_DETAILS }}'
 
     - name: Build
       run: yarn build:basic-react
       env:
-        APP_PLATFORM_ID: ${{ vars.APP_PLATFORM_ID }}
-        APP_PAYWALL_LABEL: ${{ vars.APP_PAYWALL_LABEL }}
+        APP_PLATFORM_ID: ${{ secrets.APP_PLATFORM_ID }}
+        APP_PAYWALL_LABEL: ${{ secrets.PLACEMENT_LABEL }}
 
     - name: Deploy to Cloudflare Pages
       run: yarn deploy:basic-react

examples/nextjs/README.md

@@ -8,7 +8,7 @@ This directory contains a simple example of how to use the Nami Web SDK with a [
 
 This example demonstrates how to initialize the Nami SDK and launch a paywall.
 
-You will need to replace `APP_PLATFORM_ID` and `'YOUR_PLACEMENT_LABEL'` in src/Paywall.tsx with your actual App Platform ID and placement label.
+You will need to replace `APP_PLATFORM_ID` and `'YOUR_PLACEMENT_LABEL'` in src/app/page.tsx with your actual App Platform ID and placement label.
 
 1. Install the dependencies via NPM or Yarn:
 

examples/nextjs/src/app/page.tsx

@@ -12,7 +12,7 @@ import {
 } from "@namiml/web-sdk";
 import productDetails from "../../../data/product-details.json";
 
-const APP_PLATFORM_ID = ''; // Your App Platform ID
+const APP_PLATFORM_ID = 'YOUR_APP_PLATFORM_ID'; // Your App Platform ID
 
 
 export default function Paywall() {

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@namiml/nami-web-sdk",
+  "name": "@namiml/nami-web-sdk-examples",
   "private": true,
   "version": "1.0.0",
   "description": "Nami Web SDK makes subscriptions & in-app purchases easy, with powerful built-in paywalls and A/B testing",

scripts/prebuild:basic-react.js

@@ -10,7 +10,7 @@ dotenv.config();
 
 // Define app specific variables
 const APP_PLATFORM_ID = process.env.APP_PLATFORM_ID;
-const APP_PAYWALL_LABEL = process.env.APP_PAYWALL_LABEL;
+const APP_PAYWALL_LABEL = process.env.PLACEMENT_LABEL;
 
 // Define the paths
 const examplePath = path.join(__dirname, '..', 'examples', 'basic-react');