@notabene/javascript-sdk 2.0.0-next.2 → 2.0.0-next.5

package/dist/notabene.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var u=(s,e,t)=>e in s?l(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>u(s,typeof e!="symbol"?e+"":e,t);var h=(s=>(s.COMPLETE="complete",s.RESIZE="resize",s.RESULT="result",s.READY="ready",s.INVALID="invalid",s.MODAL="openModal",s.ERROR="error",s.CLOSE="closeModal",s.CANCEL="cancel",s))(h||{}),d=(s=>(s.UPDATE="update",s.REQUEST_RESPONSE="requestResponse",s))(d||{});class m{constructor(){o(this,"listeners",new Map);o(this,"port");this.handleMessage=this.handleMessage.bind(this)}setPort(e){this.port=e,this.port.onmessage=this.handleMessage,this.port.start()}on(e,t){this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t)}off(e,t){const r=this.listeners.get(e);r&&(r.delete(t),r.size===0&&this.listeners.delete(e))}handleMessage(e){console.log("received message",e.data);const t=e.data;if(typeof t=="object"&&t!==null&&"type"in t){const r=t.type,i=this.listeners.get(r);i&&i.forEach(n=>n(t))}}send(e){if(!this.port)throw new Error("No port set");this.port.postMessage(e)}}class f{constructor(e,t){o(this,"_url");o(this,"_value");o(this,"_errors",[]);o(this,"iframe");o(this,"eventManager");o(this,"ready",!1);this._url=e,this._value=t,this.eventManager=new m,this.on(h.INVALID,r=>{r.type===h.INVALID&&(this._errors=r.errors,this._value=r.value)}),this.on(h.RESIZE,r=>{r.type===h.RESIZE&&this.iframe&&(this.iframe.style.height=`${r.height}px`)})}get url(){return this._url}get value(){return this._value}get errors(){return this._errors}open(){document.location.href=this.url}mount(e){var r,i;this.iframe=document.createElement("iframe"),this.iframe.src=this.url,this.iframe.style.width="100%",this.iframe.style.height="100px",this.iframe.style.border="none",this.iframe.style.overflow="hidden",window.addEventListener("message",n=>{var a,c;n.source===((a=this.iframe)==null?void 0:a.contentWindow)&&(console.log("received message from iframe",n.data),(c=this.eventManager)==null||c.setPort(n.ports[0]),this.ready=!0)});const t=document.querySelector(e);if(!t)throw new Error(`parentID ${e} not found`);t.appendChild(this.iframe),(i=(r=this.iframe)==null?void 0:r.contentWindow)==null||i.focus()}send(e){this.eventManager.send(e)}on(e,t){this.eventManager.on(e,t)}off(e,t){this.eventManager.off(e,t)}update(e){this._value=e,this.send({type:d.UPDATE,value:e})}completion(){return new Promise((e,t)=>{this.on(h.COMPLETE,r=>{e(r.response)}),this.on("error",r=>{t(new Error(r.message))})})}}function p(s){return Object.entries(s).map(([e,t])=>{if(!(e&&t))return;const r=encodeURIComponent(e),i=encodeURIComponent(typeof t=="object"?JSON.stringify(t):t);return`${r}=${i}`}).filter(e=>!!e).join("&")}class E{constructor(e){o(this,"nodeUrl");o(this,"authToken");o(this,"uxUrl");o(this,"theme");o(this,"dictionary");this.uxUrl=e.uxUrl||"https://ux.notabene.id",this.nodeUrl=e.nodeUrl,this.authToken=e.authToken,this.theme=e.theme,this.dictionary=e.dictionary}componentUrl(e,t,r,i){const n=new URL(this.uxUrl);n.pathname=e;const a=p({authToken:this.authToken,value:t,configuration:r});return n.hash=a,n.searchParams.set("nodeUrl",this.nodeUrl),this.theme&&n.searchParams.set("theme",JSON.stringify(this.theme)),this.dictionary&&n.searchParams.set("dictionary",JSON.stringify(this.dictionary)),i&&(i.callback&&n.searchParams.set("callback_url",i.callback),i.redirectUri&&n.searchParams.set("redirect_uri",i.redirectUri)),n.toString()}createComponent(e,t,r,i){return new f(this.componentUrl(e,t,r,i),t)}createWithdrawalAssist(e,t,r){return this.createComponent("withdrawal-assist",e,t,r)}decodeFragmentToObject(e){return e.slice(1).split("&").reduce((r,i)=>{const[n,a]=i.split("=");return r[decodeURIComponent(n)]=decodeURIComponent(a),r},{})}}module.exports=E;
+"use strict";var l=Object.defineProperty;var u=(s,e,t)=>e in s?l(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>u(s,typeof e!="symbol"?e+"":e,t);var h=(s=>(s.COMPLETE="complete",s.RESIZE="resize",s.RESULT="result",s.READY="ready",s.INVALID="invalid",s.MODAL="openModal",s.ERROR="error",s.CLOSE="closeModal",s.CANCEL="cancel",s))(h||{}),d=(s=>(s.UPDATE="update",s.REQUEST_RESPONSE="requestResponse",s))(d||{});class m{constructor(){o(this,"listeners",new Map);o(this,"port");this.handleMessage=this.handleMessage.bind(this)}setPort(e){this.port=e,this.port.onmessage=this.handleMessage,this.port.start()}on(e,t){this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t)}off(e,t){const r=this.listeners.get(e);r&&(r.delete(t),r.size===0&&this.listeners.delete(e))}handleMessage(e){console.log("received message",e.data);const t=e.data;if(typeof t=="object"&&t!==null&&"type"in t){const r=t.type,i=this.listeners.get(r);i&&i.forEach(n=>n(t))}}send(e){if(!this.port)throw new Error("No port set");this.port.postMessage(e)}}class f{constructor(e,t){o(this,"_url");o(this,"_value");o(this,"_errors",[]);o(this,"iframe");o(this,"eventManager");o(this,"ready",!1);this._url=e,this._value=t,this.eventManager=new m,this.on(h.INVALID,r=>{r.type===h.INVALID&&(this._errors=r.errors,this._value=r.value)}),this.on(h.RESIZE,r=>{r.type===h.RESIZE&&this.iframe&&(this.iframe.style.height=`${r.height}px`)})}get url(){return this._url}get value(){return this._value}get errors(){return this._errors}open(){document.location.href=this.url}mount(e){var r,i;this.iframe=document.createElement("iframe"),this.iframe.src=this.url,this.iframe.style.width="100%",this.iframe.style.height="100px",this.iframe.style.border="none",this.iframe.style.overflow="hidden",window.addEventListener("message",n=>{var a,c;n.source===((a=this.iframe)==null?void 0:a.contentWindow)&&(console.log("received message from iframe",n.data),(c=this.eventManager)==null||c.setPort(n.ports[0]),this.ready=!0)});const t=document.querySelector(e);if(!t)throw new Error(`parentID ${e} not found`);t.appendChild(this.iframe),(i=(r=this.iframe)==null?void 0:r.contentWindow)==null||i.focus()}send(e){this.eventManager.send(e)}on(e,t){this.eventManager.on(e,t)}off(e,t){this.eventManager.off(e,t)}update(e){this._value=e,this.send({type:d.UPDATE,value:e})}completion(){return new Promise((e,t)=>{this.on(h.COMPLETE,r=>{e(r.response)}),this.on("error",r=>{t(new Error(r.message))})})}}function p(s){return Object.entries(s).map(([e,t])=>{if(!(e&&t))return;const r=encodeURIComponent(e),i=encodeURIComponent(typeof t=="object"?JSON.stringify(t):t);return`${r}=${i}`}).filter(e=>!!e).join("&")}class E{constructor(e){o(this,"nodeUrl");o(this,"authToken");o(this,"uxUrl");o(this,"theme");o(this,"dictionary");this.uxUrl=e.uxUrl||"https://connect.notabene.id",this.nodeUrl=e.nodeUrl,this.authToken=e.authToken,this.theme=e.theme,this.dictionary=e.dictionary}componentUrl(e,t,r,i){const n=new URL(this.uxUrl);n.pathname=e;const a=p({authToken:this.authToken,value:t,configuration:r});return n.hash=a,this.nodeUrl&&n.searchParams.set("nodeUrl",this.nodeUrl),this.theme&&n.searchParams.set("theme",JSON.stringify(this.theme)),this.dictionary&&n.searchParams.set("dictionary",JSON.stringify(this.dictionary)),i&&(i.callback&&n.searchParams.set("callback_url",i.callback),i.redirectUri&&n.searchParams.set("redirect_uri",i.redirectUri)),n.toString()}createComponent(e,t,r,i){return new f(this.componentUrl(e,t,r,i),t)}createWithdrawalAssist(e,t,r){return this.createComponent("withdrawal-assist",e,t,r)}decodeFragmentToObject(e){return e.slice(1).split("&").reduce((r,i)=>{const[n,a]=i.split("=");return r[decodeURIComponent(n)]=decodeURIComponent(a),r},{})}}module.exports=E;

package/dist/notabene.d.ts

@@ -396,8 +396,8 @@ declare type NaturalPersonNameTypeCode = 'ALIA' | 'BIRT' | 'MAID' | 'LEGL' | 'MI
  * @public
  */
 declare class Notabene {
-    private nodeUrl;
-    private authToken;
+    private nodeUrl?;
+    private authToken?;
     private uxUrl;
     private theme?;
     private dictionary?;
@@ -418,8 +418,8 @@ declare type NotabeneAsset = string;
  * @public
  */
 export declare interface NotabeneConfig {
-    nodeUrl: string;
-    authToken: string;
+    nodeUrl?: string;
+    authToken?: string;
     uxUrl?: string;
     theme?: Theme;
     dictionary?: {

package/dist/notabene.js

@@ -2,7 +2,7 @@ var l = Object.defineProperty;
 var u = (s, e, t) => e in s ? l(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var o = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
 var h = /* @__PURE__ */ ((s) => (s.COMPLETE = "complete", s.RESIZE = "resize", s.RESULT = "result", s.READY = "ready", s.INVALID = "invalid", s.MODAL = "openModal", s.ERROR = "error", s.CLOSE = "closeModal", s.CANCEL = "cancel", s))(h || {}), c = /* @__PURE__ */ ((s) => (s.UPDATE = "update", s.REQUEST_RESPONSE = "requestResponse", s))(c || {});
-class m {
+class f {
   constructor() {
     o(this, "listeners", /* @__PURE__ */ new Map());
     o(this, "port");
@@ -33,7 +33,7 @@ class m {
     this.port.postMessage(e);
   }
 }
-class f {
+class m {
   constructor(e, t) {
     o(this, "_url");
     o(this, "_value");
@@ -41,7 +41,7 @@ class f {
     o(this, "iframe");
     o(this, "eventManager");
     o(this, "ready", !1);
-    this._url = e, this._value = t, this.eventManager = new m(), this.on(h.INVALID, (r) => {
+    this._url = e, this._value = t, this.eventManager = new f(), this.on(h.INVALID, (r) => {
       r.type === h.INVALID && (this._errors = r.errors, this._value = r.value);
     }), this.on(h.RESIZE, (r) => {
       r.type === h.RESIZE && this.iframe && (this.iframe.style.height = `${r.height}px`);
@@ -107,7 +107,7 @@ class g {
     o(this, "uxUrl");
     o(this, "theme");
     o(this, "dictionary");
-    this.uxUrl = e.uxUrl || "https://ux.notabene.id", this.nodeUrl = e.nodeUrl, this.authToken = e.authToken, this.theme = e.theme, this.dictionary = e.dictionary;
+    this.uxUrl = e.uxUrl || "https://connect.notabene.id", this.nodeUrl = e.nodeUrl, this.authToken = e.authToken, this.theme = e.theme, this.dictionary = e.dictionary;
   }
   componentUrl(e, t, r, i) {
     const n = new URL(this.uxUrl);
@@ -117,10 +117,10 @@ class g {
       value: t,
       configuration: r
     });
-    return n.hash = a, n.searchParams.set("nodeUrl", this.nodeUrl), this.theme && n.searchParams.set("theme", JSON.stringify(this.theme)), this.dictionary && n.searchParams.set("dictionary", JSON.stringify(this.dictionary)), i && (i.callback && n.searchParams.set("callback_url", i.callback), i.redirectUri && n.searchParams.set("redirect_uri", i.redirectUri)), n.toString();
+    return n.hash = a, this.nodeUrl && n.searchParams.set("nodeUrl", this.nodeUrl), this.theme && n.searchParams.set("theme", JSON.stringify(this.theme)), this.dictionary && n.searchParams.set("dictionary", JSON.stringify(this.dictionary)), i && (i.callback && n.searchParams.set("callback_url", i.callback), i.redirectUri && n.searchParams.set("redirect_uri", i.redirectUri)), n.toString();
   }
   createComponent(e, t, r, i) {
-    return new f(
+    return new m(
       this.componentUrl(e, t, r, i),
       t
     );

package/package.json

@@ -9,11 +9,17 @@
   },
   "author": "Notabene <developers@notabene.id>",
   "license": "MIT",
-  "version": "2.0.0-next.2",
+  "version": "2.0.0-next.5",
   "source": "src/notabene.ts",
   "main": "dist/notabene.js",
   "types": "dist/notabene.d.ts",
   "browserslist": "> 0.5%, last 2 versions, not dead",
+  "files": [
+    "dist",
+    "src",
+    "package.json",
+    "README.md"
+  ],
   "scripts": {
     "prepare": "husky install",
     "dev": "vite",
@@ -24,11 +30,12 @@
     "build": "vite build && tsc && api-extractor run",
     "lint": "eslint .",
     "test": "vitest",
-    "release": "semantic-release"
+    "release": "semantic-release",
+    "publish": "yarn build && npm publish --tag next"
   },
   "devDependencies": {
-    "@commitlint/cli": "^16.2.1",
-    "@commitlint/config-conventional": "^16.2.1",
+    "@commitlint/cli": "^19.4.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@eslint/js": "^9.7.0",
     "@fast-check/vitest": "^0.1.2",
     "@microsoft/api-extractor": "^7.47.7",
@@ -39,9 +46,6 @@
     "@typescript-eslint/parser": "^8.2.0",
     "eslint": "^9.9.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "fast-check": "^3.20.0",
     "globals": "^15.8.0",
@@ -49,7 +53,8 @@
     "lint-staged": "^12.3.4",
     "organize-imports-cli": "^0.9.0",
     "prettier": "^3.3.3",
-    "semantic-release": "^19.0.2",
+    "rimraf": "^6.0.1",
+    "semantic-release": "^24.1.0",
     "typescript": "^5.5.4",
     "typescript-eslint": "^8.2.0",
     "vite": "^5.4.2",

package/src/__tests__/notabene.test.ts

@@ -28,6 +28,21 @@ describe('Notabene', () => {
     );
   });
 
+  describe('minimal', () => {
+    test.prop([arbitraryComponent(), fc.object()])(
+      'Should set the correct values',
+      (component, value) => {
+        const notabene = new Notabene({});
+        const url = new URL(notabene.componentUrl(component, value));
+        return (
+          url.hash === `#value=${encodeURIComponent(JSON.stringify(value))}` &&
+          url.hostname === 'connect.notabene.id' &&
+          url.pathname === `/${component}`
+        );
+      },
+    );
+  });
+
   describe('with uxUrl', () => {
     test.prop([
       fc.string({ minLength: 3 }),

package/src/notabene.ts

@@ -62,8 +62,8 @@ export type {
  * @public
  */
 export interface NotabeneConfig {
-  nodeUrl: string;
-  authToken: string;
+  nodeUrl?: string;
+  authToken?: string;
   uxUrl?: string;
   theme?: Theme;
   dictionary?: { [key: string]: string };
@@ -76,14 +76,14 @@ export interface NotabeneConfig {
  */
 
 export default class Notabene {
-  private nodeUrl: string;
-  private authToken: string;
+  private nodeUrl?: string;
+  private authToken?: string;
   private uxUrl: string;
   private theme?: Theme;
   private dictionary?: { [key: string]: string };
 
   constructor(config: NotabeneConfig) {
-    this.uxUrl = config.uxUrl || 'https://ux.notabene.id';
+    this.uxUrl = config.uxUrl || 'https://connect.notabene.id';
     this.nodeUrl = config.nodeUrl;
     this.authToken = config.authToken;
     this.theme = config.theme;
@@ -105,7 +105,7 @@ export default class Notabene {
       configuration,
     });
     url.hash = hash;
-    url.searchParams.set('nodeUrl', this.nodeUrl);
+    if (this.nodeUrl) url.searchParams.set('nodeUrl', this.nodeUrl);
 
     if (this.theme) {
       url.searchParams.set('theme', JSON.stringify(this.theme));

package/.editorconfig

@@ -1,10 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-[*.{js,json,yml}]
-charset = utf-8
-indent_style = space
-indent_size = 2

package/.gitlab-ci.yml

@@ -1,85 +0,0 @@
-image: registry.gitlab.com/notabene/devops/build-node-18-image:latest
-
-variables:
-  NPM_TOKEN: ${CI_JOB_TOKEN}
-
-stages:
-  - install
-  - lint
-  - test
-  - build
-  - release
-
-install:
-  stage: install
-  artifacts:
-    paths:
-      - .yarn
-      - .pnp.cjs
-      - .pnp.loader.mjs
-  script:
-    - yarn
-
-lint:
-  stage: lint
-  needs:
-    - install
-  script:
-    - yarn lint
-
-test:
-  stage: test
-  needs:
-    - install
-  script:
-    - yarn test
-
-build:
-  stage: build
-  needs:
-    - install
-  script:
-    - yarn build
-  artifacts:
-    paths:
-      - dist
-
-publish-gitlab:
-  stage: release
-  needs:
-    - install
-    - build
-  variables:
-    GITLAB_USER_NAME: 'gitlab-ci'
-    GITLAB_USER_EMAIL: 'gitlab-ci@example.com'
-  before_script:
-    - git config --global user.email "$GITLAB_USER_EMAIL"
-    - git config --global user.name "$GITLAB_USER_NAME"
-    - |
-      {
-        echo "@${CI_PROJECT_ROOT_NAMESPACE}:registry=${CI_API_V4_URL}/projects/${CI_PROJECT_ID}/packages/npm/"
-        echo "${CI_API_V4_URL#https?}/projects/${CI_PROJECT_ID}/packages/npm/:_authToken=\${CI_JOB_TOKEN}"
-      } | tee -a .npmrc
-  script:
-    - yarn semantic-release
-  only:
-    - master
-
-publish-npm:
-  stage: release
-  when: manual
-  script:
-    - yarn npm publish
-  only:
-    - tags
-
-publish-npm-next:
-  stage: release
-  needs:
-    - install
-    - build
-  script:
-    - yarn npm version prerelease
-    - yarn npm publish --tag next
-  only:
-    - v2

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn commitlint -e "${1}"

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn lint-staged

package/.husky/pre-push

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn test --run

package/.prettierrc

@@ -1,4 +0,0 @@
-{
-    "semi": true,
-    "singleQuote": true
-  }

package/.releaserc.json

@@ -1,16 +0,0 @@
-{
-    "branches": ["master"],
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      "@semantic-release/gitlab",
-      "@semantic-release/npm",
-      [
-        "@semantic-release/git",
-        {
-          "assets": ["package.json"],
-          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-        }
-      ]
-    ]
-  }

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
-}

package/.vscode/settings.json

@@ -1,11 +0,0 @@
-{
-  "search.exclude": {
-    "**/.yarn": true,
-    "**/.pnp.*": true
-  },
-  "typescript.enablePromptUseWorkspaceTsdk": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  }
-}