@resulticks/trustsignal-wa-hsm 0.5.0 → 0.7.0

package/README.md

@@ -11,49 +11,84 @@ The library ships its own compiled styles, so you only need to import the CSS on
 ## Installation
 
 ```bash
-npm i @resulticks/trustsignal react react-dom react-router-dom
+npm i @resulticks/trustsignal react react-dom
 ```
 
-> react, react-dom and react-router-dom are peer dependencies and must be installed in the host app.
+> react and react-dom are peer dependencies and must be installed in the host app.
 
-## Quick Start (Routing Example)
+## Quick Start (State-Based Toggling - No Routing Required)
 
-Add these routes so only one screen renders at a time. The Dashboard should navigate to `/create` when the "Create Template" button is clicked.
+The components can be toggled using React state without requiring any routing library. Simply manage the view state and pass callbacks to handle navigation between components.
 
 ```tsx
-import { BrowserRouter, Routes, Route, useNavigate, Navigate } from "react-router-dom";
+import { useState } from "react";
 import { TrustSignalProvider, Dashboard, CreateTemplate } from "@resulticks/trustsignal";
 import "@resulticks/trustsignal/style.css";
 
-function AppRoutes() {
-  const navigate = useNavigate();
-  return (
-    <Routes>
-      <Route path="/" element={<Dashboard />} />
+type View = 'dashboard' | 'create' | 'edit';
 
-      <Route path="/create" element={<CreateTemplate onCancel={() => navigate("/")} />} />
+export default function App() {
+  const [currentView, setCurrentView] = useState<View>('dashboard');
+  const [editId, setEditId] = useState<string | null>(null);
 
-      <Route path="*" element={<Navigate to="/" replace />} />
-    </Routes>
-  );
-}
+  const handleCreateTemplate = () => {
+    setEditId(null);
+    setCurrentView('create');
+  };
+
+  const handleEditTemplate = (id: string) => {
+    setEditId(id);
+    setCurrentView('edit');
+  };
+
+  const handleBackToDashboard = () => {
+    setCurrentView('dashboard');
+    setEditId(null);
+  };
 
-export default function App() {
   return (
-    <BrowserRouter>
-      <TrustSignalProvider apiKey="YOUR_API_KEY">
-        <AppRoutes />
-      </TrustSignalProvider>
-    </BrowserRouter>
+    <TrustSignalProvider
+      apiKey="YOUR_API_KEY"
+      pConfig={{
+        baseUrl: process.env.RESUL_BASE_URL,
+        departmentId: Number(process.env.RESUL_DEPARTMENT_ID),
+        clientId: Number(process.env.RESUL_CLIENT_ID),
+        createdBy: Number(process.env.RESUL_CREATED_BY),
+        userId: Number(process.env.RESUL_USER_ID),
+      }}
+    >
+      {currentView === 'dashboard' ? (
+        <Dashboard
+          onCreateTemplate={handleCreateTemplate}
+          onEditTemplate={handleEditTemplate}
+        />
+      ) : (
+        <CreateTemplate
+          editId={editId || undefined}
+          onCancel={handleBackToDashboard}
+        />
+      )}
+    </TrustSignalProvider>
   );
 }
 ```
 
+### Component Props
+
+#### Dashboard
+- `onCreateTemplate?: () => void` - Callback when user clicks to create a new template
+- `onEditTemplate?: (id: string) => void` - Callback when user clicks to edit a template (receives template ID)
+
+#### CreateTemplate
+- `editId?: string` - Optional template ID to edit. If provided, the component will load and edit that template.
+- `onCancel?: () => void` - Callback when user clicks the Back button to return to dashboard
+
 ### Notes
 - Import the stylesheet once: `import "@resulticks/trustsignal/style.css";`
-- The provider writes the `apiKey` to `localStorage('account')` so all API calls work without additional wiring.
-- If your Dashboard navigates to a different path for creation, add a matching `<Route>` that renders `<CreateTemplate />` for that path.
-- You can supply a custom `onCancel` to control navigation from the builder.
+- The provider writes the `apiKey` (and optional `pConfig` metadata) to `localStorage('account')` so all API calls work without additional wiring.
+- Pass `pConfig` if you need to override meta identifiers (`departmentId`, `clientId`, `createdBy`, `userId`) and/or `baseUrl` for the Resul API submission; updates propagate automatically.
+- Consider sourcing `pConfig` values from env variables (as in the example) to simplify environment-specific deployments.
+- **No routing required**: The components work with simple state toggling, making integration easier without needing react-router-dom.
 
 ## Local Development / Building the Library (inside this repo)
 
@@ -80,4 +115,4 @@ CSS is automatically included via the package metadata, but you can also explici
 import "@resulticks/trustsignal/style.css";
 ```
 
-That’s it—drop in `Dashboard` and route to `CreateTemplate` when the user clicks create.
+That's it—drop in `Dashboard` and toggle to `CreateTemplate` when the user clicks create. No routing library needed!

package/dist/delete-BgBYMUw2.js

@@ -0,0 +1,17 @@
+async function a(o, c) {
+  const n = `https://wpapi.trustsignal.io/v1/user-templates/${encodeURIComponent(c)}?api_key=${encodeURIComponent(o)}`, s = await fetch(n, {
+    method: "POST",
+    redirect: "follow"
+  }), t = await s.text();
+  if (!s.ok)
+    return { success: !1, message: `Delete failed (${s.status}): ${t}` };
+  try {
+    const e = JSON.parse(t);
+    return { success: !!((e == null ? void 0 : e.success) ?? !0), message: e == null ? void 0 : e.message };
+  } catch {
+    return { success: !0 };
+  }
+}
+export {
+  a as deleteTemplateById
+};

package/dist/delete-CZKt5rSC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function r(o,c){const n=`https://wpapi.trustsignal.io/v1/user-templates/${encodeURIComponent(c)}?api_key=${encodeURIComponent(o)}`,t=await fetch(n,{method:"POST",redirect:"follow"}),s=await t.text();if(!t.ok)return{success:!1,message:`Delete failed (${t.status}): ${s}`};try{const e=JSON.parse(s);return{success:!!((e==null?void 0:e.success)??!0),message:e==null?void 0:e.message}}catch{return{success:!0}}}exports.deleteTemplateById=r;