Cookies on Neuron

How do you use and manage cookies on the neuron with webscript and c#?

#question, #faq

Neuro Exchange Theme

The Neuro Exchange theme has been made into a package that can be downloaded and installed on any TAG Neuron. You can configure to use this theme in the Theme menu accessible from the admin dashboard.

Package information
Package	TAG.NeuroExchange.Theme
Installation key	BGVWw9FYGj6+mY8nxScZgoKRC8SiV80mWJhHXfUZL3ASrwZSab5PdEwmyfwpJVUEWEMNST4HWayA1640d45c2eae16ecf48e883c75dd25f7
More Information	https://github.com/Trust-Anchor-Group/TAG.NeuroExchange.Theme

#package, #theme, #neuron, #repository

New Neuron Popup System

We have replaced window.alert, window.confirm, and window.prompt with a custom popup system. This provides better control and accessibility for user interactions.

Overview

• Improved User Experience: The popups have a consistent style and can be customized.
• Accessibility: Focus trapping ensures proper keyboard navigation.
• Better Control: Supports handling of modal dialogs with promises.

How to use it

The popup system is located in the Master.js file. To use it include the folowing headers in your markdown or master file.

Javascript: /AlertPopup.md.js
Javascript: /ConfirmPopup.md.js
Javascript: /PromptPopup.md.js
Javascript: /Master.js

You also need a dialog container in the bottom of your html body.

<div id="native-popup-container"></div>

Additionally, the theme used must implement the base theme base.cssx for styling. Alternatively you could style it yourself, but it would be recomended to instead cascade over the already existing css or changing the themes cssx variables;

Usage

Alert

Use Alert(message) to display a basic alert popup.

const popup = PopupHandler();
await popup.Alert("This is an alert message.");

Confirm

Use Confirm(message) to display a confirmation dialog that returns a boolean.

const result = await popup.Confirm("Are you sure?");
if (result) {
    console.log("User confirmed.");
} else {
    console.log("User canceled.");
}

Prompt

Use Prompt(message) to capture user input.

const userInput = await popup.Prompt("Enter your name:");
console.log("User entered:", userInput);

Details

• All popups are contained in a shared container.
• The popup backdrop is generated by the Master.js file, and placed at the bottom of the body tag
• If you initiate a new popup whilst one is already open, it will cover the old one. The old one will be accesible after you interact with the newly created one. You can think of the popups in a stack datastructure.
• Focus trapping disables focusing outside the popup using tab and shift + tab.
• Your master markdown file must include the following element at the bottom to contain the popups:
• If you dont need to wait for an Ok press when using Alert() you don’t need to await the response.

#neuron, #api, #javascript, #tutorial

TAG.Stripe package update

Mayor changes:

• Able to pay with the browser (no smart contracts).
• Uses webhooks instead of polling for confirming payment.
• Supports TST as currency if the connected Stripe account is in test mode.

IMPORTANT:

There is currently no way to confirm if the contract version of the flow actually works since TAG do not have access to create PaymentMethod‘s with the Stipe api.

How to use webflow

Setup

1. In the neuron’s Stripe settings panel you have to specify everythin and set the Payment flow to “Prefer web redirection”. This will make sure the service chooses not to use contracts.

Buying edaler with the agent api

1. Login as a user with a valid wallet and id.
2. use /Wallet/InitiateBuyEDaler to initiate payment.
3. You will get an event form the neuron’s event pipeline (websocket) where if everything when correctly you will get a url for the payment. You can:

a) Choose to redirect (or open a new page) the user and make the payment on the default payment page.

b) Extreact the clientSecret and create the Stripe Payment Elements yourself.

4. Now after all payment details are submitted, the payment should be complete and edaler appere in the wallet.

Notes:

• If you use the default payment page, you can set successUrl to specify where to send the user after a succesfull payment. If not specified it will go to the default page.

TST as currency

If you development neuron uses TST as a currency, the stripe implementation will treat it as EUR but only and only if the Stripe account is in test mode, otherwise it will reject the request. TLDR: if you use TST as currency, Stripe have to be in test mode.

#neuron, #stripe, #edaler, #package, #update