@retailcrm/embed-ui 0.4.3 → 0.4.4

package/CHANGELOG.md

@@ -1,6 +1,17 @@
 # Changelog
 
 
+## [0.4.4](https://github.com/retailcrm/embed-ui/compare/v0.4.3...v0.4.4) (2024-12-06)
+
+### Features
+
+* **v1-contexts:** Reactive contexts logic moved to a separated package ([025c68b](https://github.com/retailcrm/embed-ui/commit/025c68bad92c33fb2ef9c84ea41fc0b76a77b041))
+* **v1-testing:** Package for testing utils ([2670e5a](https://github.com/retailcrm/embed-ui/commit/2670e5a2a8d67e4538c0005c271a663aa881ba07))
+* **v1-types:** Package for basic types ([a80bf8f](https://github.com/retailcrm/embed-ui/commit/a80bf8f3046ec93cb130e0e247a56d0eae3b4902))
+
+### Bug Fixes
+
+* **v1-components:** Updated @omnicajs/vue-remote to v0.2.3 with fixed logic of TouchEvent serialization ([09d447f](https://github.com/retailcrm/embed-ui/commit/09d447f3f82f554fb3b5bb1ad7eeac7b55abe49e))
 ## [0.4.3](https://github.com/retailcrm/embed-ui/compare/v0.4.2...v0.4.3) (2024-12-03)
 ## [0.4.2](https://github.com/retailcrm/embed-ui/compare/v0.4.1...v0.4.2) (2024-12-02)
 

package/Makefile

@@ -14,8 +14,7 @@ node_modules: package.json yarn.lock ## Installs dependencies
 .PHONY: build
 build: ## Builds the package
 	$(TARGET_HEADER)
-	$(YARN) build
-	$(YARN) generate:meta
+	$(YARN) workspaces foreach -A --topological-dev run build
 
 .PHONY: release
 release: ## Bumps version and creates tag

package/dist/index.cjs

@@ -2,305 +2,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const rpc = require("@remote-ui/rpc");
 const pinia = require("pinia");
-const remote = require("@omnicajs/vue-remote/remote");
+const remote$1 = require("@omnicajs/vue-remote/remote");
+const remote = require("@retailcrm/embed-ui-v1-contexts/remote");
+const card = require("@retailcrm/embed-ui-v1-contexts/remote/customer/card");
+const cardPhone = require("@retailcrm/embed-ui-v1-contexts/remote/customer/card-phone");
+const card$1 = require("@retailcrm/embed-ui-v1-contexts/remote/order/card");
+const current = require("@retailcrm/embed-ui-v1-contexts/remote/user/current");
+const settings = require("@retailcrm/embed-ui-v1-contexts/remote/settings");
 const vue = require("vue");
-const injectEndpoint = (endpoint) => {
-  return (context) => {
-    context.store.endpoint = endpoint;
-  };
-};
-const keysOf = (o) => Object.keys(o);
-const defineContext = (id, schema2) => {
-  return pinia.defineStore(id, {
-    state() {
-      return {
-        ...keysOf(schema2).reduce((state, field) => ({
-          ...state,
-          [field]: schema2[field].defaults()
-        }), {})
-      };
-    },
-    getters: {
-      schema: () => schema2
-    },
-    actions: {
-      async initialize() {
-        const context = this;
-        const endpoint = this.endpoint;
-        const state = await endpoint.call.get(id, "~");
-        keysOf(schema2).forEach((field) => {
-          context[field] = state[field];
-          endpoint.call.on(id, `change:${field}`, (value) => {
-            context[field] = value;
-          });
-        });
-      },
-      set(field, value) {
-        if (!(field in schema2)) {
-          throw new Error(`[crm:embed:remote] Field ${String(field)} is not present in context ${id}`);
-        }
-        if (schema2[field].readonly) {
-          throw new Error(`[crm:embed:remote] Field ${String(field)} is readonly in context ${id}`);
-        }
-        if (!schema2[field].accepts(value)) {
-          throw new Error(`[crm:embed:remote] Invalid value for field ${String(field)} in context ${id}`);
-        }
-        const context = this;
-        const endpoint = this.endpoint;
-        context[field] = value;
-        endpoint.call.set(id, field, value);
-      }
-    }
-  });
-};
-const withMeta = (predicate, type) => {
-  return Object.assign(predicate, { type });
-};
-const isExactly = (expected) => {
-  return withMeta((value) => value === expected, JSON.stringify(expected));
-};
-const isNull = withMeta((value) => value === null, "null");
-const isNumber = withMeta((value) => typeof value === "number", "number");
-const isString = withMeta((value) => typeof value === "string", "string");
-const arrayOf = (predicate) => withMeta(
-  (value) => {
-    return Array.isArray(value) && value.every(predicate);
-  },
-  `Array<${predicate.type}>`
-);
-const oneOf = (...predicates) => withMeta(
-  (value) => {
-    return predicates.some((predicate) => predicate(value));
-  },
-  predicates.map((p) => p.type).join(" | ")
-);
-const schema$4 = {
-  "id": {
-    accepts: oneOf(isNumber, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "email": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "firstName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "lastName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "patronymic": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "photo": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "groups": {
-    accepts: arrayOf(isString),
-    defaults: () => [],
-    readonly: true
-  },
-  "permissions": {
-    accepts: arrayOf(isString),
-    defaults: () => [],
-    readonly: true
-  }
-};
-const useContext$4 = defineContext("user/current", schema$4);
-const schema$3 = {
-  "id": {
-    accepts: oneOf(isNumber, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "externalId": {
-    accepts: isString,
-    defaults: () => null,
-    readonly: true
-  },
-  "email": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "phones": {
-    accepts: arrayOf(isString),
-    defaults: () => [],
-    readonly: true
-  }
-};
-const useContext$3 = defineContext("customer/card", schema$3);
-const schema$2 = {
-  value: {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  index: {
-    accepts: isNumber,
-    defaults: () => 0,
-    readonly: true
-  }
-};
-const useContext$2 = defineContext("customer/card:phone", schema$2);
-const schema$1 = {
-  "id": {
-    accepts: oneOf(isNumber, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "externalId": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "type": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "site": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "number": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "customer.type": {
-    accepts: oneOf(
-      isExactly("customer"),
-      isExactly("customer_corporate")
-    ),
-    defaults: () => "customer",
-    readonly: true
-  },
-  "customer.lastName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.firstName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.patronymic": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.phone": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.email": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "country": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "currency": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "status": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "company.name": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.legalName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.legalAddress": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.INN": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.OKPO": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.BIK": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.bank": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.bankAddress": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.corrAccount": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.bankAccount": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "delivery.address": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  }
-};
-const useContext$1 = defineContext("order/card", schema$1);
-const locales = ["en-GB", "es-ES", "ru-RU"];
-const schema = {
-  "system.locale": {
-    accepts: oneOf(...locales.map(isExactly)),
-    defaults: () => "en-GB",
-    readonly: true
-  }
-};
-const useContext = defineContext("settings", schema);
-const useField = (store, field) => {
+const useField = (store, field, onReject = null) => {
   if (store.schema[field].readonly) {
     return vue.computed(() => store[field]);
   }
   const set = store.set;
+  const _onReject = (rejection) => console.error(rejection);
   return vue.computed({
     get: () => store[field],
-    set: (value) => set(field, value)
+    set: (value) => set(field, value, onReject ?? _onReject)
   });
 };
 const useInternal = pinia.defineStore("@retailcrm/embed-ui/_internal", {});
@@ -308,12 +26,13 @@ const useHost = () => {
   const store = useInternal();
   return {
     httpCall(action, payload = void 0) {
-      return payload ? store.endpoint.call.httpCall(action, payload) : store.endpoint.call.httpCall(action);
+      const endpoint = store.endpoint;
+      return payload ? endpoint.call.httpCall(action, payload) : endpoint.call.httpCall(action);
     }
   };
 };
 const createRoot = async (channel) => {
-  const root = remote.createRemoteRoot(channel, {
+  const root = remote$1.createRemoteRoot(channel, {
     components: [
       "UiButton",
       "UiError",
@@ -336,7 +55,7 @@ const createRoot = async (channel) => {
 const createWidgetEndpoint = (widget, messenger) => {
   const endpoint = rpc.createEndpoint(messenger);
   const pinia$1 = pinia.createPinia();
-  pinia$1.use(injectEndpoint(endpoint));
+  pinia$1.use(remote.injectEndpoint(endpoint));
   let onRelease = () => {
   };
   endpoint.expose({
@@ -344,7 +63,7 @@ const createWidgetEndpoint = (widget, messenger) => {
       rpc.retain(channel);
       const root = await createRoot(channel);
       await root.mount();
-      const { createApp } = remote.createRemoteRenderer(root);
+      const { createApp } = remote$1.createRemoteRenderer(root);
       const destroy = await widget.run(createApp, root, pinia$1, target);
       onRelease = () => {
         destroy();
@@ -359,16 +78,46 @@ const createWidgetEndpoint = (widget, messenger) => {
   });
   return endpoint;
 };
+Object.defineProperty(exports, "customerCardSchema", {
+  enumerable: true,
+  get: () => card.schema
+});
+Object.defineProperty(exports, "useCustomerCardContext", {
+  enumerable: true,
+  get: () => card.useContext
+});
+Object.defineProperty(exports, "customerCardPhoneSchema", {
+  enumerable: true,
+  get: () => cardPhone.schema
+});
+Object.defineProperty(exports, "useCustomerCardPhoneContext", {
+  enumerable: true,
+  get: () => cardPhone.useContext
+});
+Object.defineProperty(exports, "orderCardSchema", {
+  enumerable: true,
+  get: () => card$1.schema
+});
+Object.defineProperty(exports, "useOrderCardContext", {
+  enumerable: true,
+  get: () => card$1.useContext
+});
+Object.defineProperty(exports, "currentUserSchema", {
+  enumerable: true,
+  get: () => current.schema
+});
+Object.defineProperty(exports, "useCurrentUserContext", {
+  enumerable: true,
+  get: () => current.useContext
+});
+Object.defineProperty(exports, "settingsSchema", {
+  enumerable: true,
+  get: () => settings.schema
+});
+Object.defineProperty(exports, "useSettingsContext", {
+  enumerable: true,
+  get: () => settings.useContext
+});
 exports.createWidgetEndpoint = createWidgetEndpoint;
-exports.currentUserSchema = schema$4;
-exports.customerCardPhoneSchema = schema$2;
-exports.customerCardSchema = schema$3;
-exports.orderCardSchema = schema$1;
-exports.settingsSchema = schema;
-exports.useCurrentUserContext = useContext$4;
-exports.useCustomerCardContext = useContext$3;
-exports.useCustomerCardPhoneContext = useContext$2;
 exports.useField = useField;
 exports.useHost = useHost;
-exports.useOrderCardContext = useContext$1;
-exports.useSettingsContext = useContext;

package/dist/index.mjs

@@ -1,304 +1,22 @@
 import { createEndpoint, retain, release } from "@remote-ui/rpc";
 import { defineStore, createPinia } from "pinia";
 import { createRemoteRenderer, createRemoteRoot } from "@omnicajs/vue-remote/remote";
+import { injectEndpoint } from "@retailcrm/embed-ui-v1-contexts/remote";
+import { schema, useContext } from "@retailcrm/embed-ui-v1-contexts/remote/customer/card";
+import { schema as schema2, useContext as useContext2 } from "@retailcrm/embed-ui-v1-contexts/remote/customer/card-phone";
+import { schema as schema3, useContext as useContext3 } from "@retailcrm/embed-ui-v1-contexts/remote/order/card";
+import { schema as schema4, useContext as useContext4 } from "@retailcrm/embed-ui-v1-contexts/remote/user/current";
+import { schema as schema5, useContext as useContext5 } from "@retailcrm/embed-ui-v1-contexts/remote/settings";
 import { computed } from "vue";
-const injectEndpoint = (endpoint) => {
-  return (context) => {
-    context.store.endpoint = endpoint;
-  };
-};
-const keysOf = (o) => Object.keys(o);
-const defineContext = (id, schema2) => {
-  return defineStore(id, {
-    state() {
-      return {
-        ...keysOf(schema2).reduce((state, field) => ({
-          ...state,
-          [field]: schema2[field].defaults()
-        }), {})
-      };
-    },
-    getters: {
-      schema: () => schema2
-    },
-    actions: {
-      async initialize() {
-        const context = this;
-        const endpoint = this.endpoint;
-        const state = await endpoint.call.get(id, "~");
-        keysOf(schema2).forEach((field) => {
-          context[field] = state[field];
-          endpoint.call.on(id, `change:${field}`, (value) => {
-            context[field] = value;
-          });
-        });
-      },
-      set(field, value) {
-        if (!(field in schema2)) {
-          throw new Error(`[crm:embed:remote] Field ${String(field)} is not present in context ${id}`);
-        }
-        if (schema2[field].readonly) {
-          throw new Error(`[crm:embed:remote] Field ${String(field)} is readonly in context ${id}`);
-        }
-        if (!schema2[field].accepts(value)) {
-          throw new Error(`[crm:embed:remote] Invalid value for field ${String(field)} in context ${id}`);
-        }
-        const context = this;
-        const endpoint = this.endpoint;
-        context[field] = value;
-        endpoint.call.set(id, field, value);
-      }
-    }
-  });
-};
-const withMeta = (predicate, type) => {
-  return Object.assign(predicate, { type });
-};
-const isExactly = (expected) => {
-  return withMeta((value) => value === expected, JSON.stringify(expected));
-};
-const isNull = withMeta((value) => value === null, "null");
-const isNumber = withMeta((value) => typeof value === "number", "number");
-const isString = withMeta((value) => typeof value === "string", "string");
-const arrayOf = (predicate) => withMeta(
-  (value) => {
-    return Array.isArray(value) && value.every(predicate);
-  },
-  `Array<${predicate.type}>`
-);
-const oneOf = (...predicates) => withMeta(
-  (value) => {
-    return predicates.some((predicate) => predicate(value));
-  },
-  predicates.map((p) => p.type).join(" | ")
-);
-const schema$4 = {
-  "id": {
-    accepts: oneOf(isNumber, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "email": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "firstName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "lastName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "patronymic": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "photo": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "groups": {
-    accepts: arrayOf(isString),
-    defaults: () => [],
-    readonly: true
-  },
-  "permissions": {
-    accepts: arrayOf(isString),
-    defaults: () => [],
-    readonly: true
-  }
-};
-const useContext$4 = defineContext("user/current", schema$4);
-const schema$3 = {
-  "id": {
-    accepts: oneOf(isNumber, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "externalId": {
-    accepts: isString,
-    defaults: () => null,
-    readonly: true
-  },
-  "email": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "phones": {
-    accepts: arrayOf(isString),
-    defaults: () => [],
-    readonly: true
-  }
-};
-const useContext$3 = defineContext("customer/card", schema$3);
-const schema$2 = {
-  value: {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  index: {
-    accepts: isNumber,
-    defaults: () => 0,
-    readonly: true
-  }
-};
-const useContext$2 = defineContext("customer/card:phone", schema$2);
-const schema$1 = {
-  "id": {
-    accepts: oneOf(isNumber, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "externalId": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "type": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "site": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "number": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "customer.type": {
-    accepts: oneOf(
-      isExactly("customer"),
-      isExactly("customer_corporate")
-    ),
-    defaults: () => "customer",
-    readonly: true
-  },
-  "customer.lastName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.firstName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.patronymic": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.phone": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "customer.email": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "country": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: true
-  },
-  "currency": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "status": {
-    accepts: isString,
-    defaults: () => "",
-    readonly: true
-  },
-  "company.name": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.legalName": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.legalAddress": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.INN": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.OKPO": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.BIK": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.bank": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.bankAddress": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.corrAccount": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "company.bankAccount": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  },
-  "delivery.address": {
-    accepts: oneOf(isString, isNull),
-    defaults: () => null,
-    readonly: false
-  }
-};
-const useContext$1 = defineContext("order/card", schema$1);
-const locales = ["en-GB", "es-ES", "ru-RU"];
-const schema = {
-  "system.locale": {
-    accepts: oneOf(...locales.map(isExactly)),
-    defaults: () => "en-GB",
-    readonly: true
-  }
-};
-const useContext = defineContext("settings", schema);
-const useField = (store, field) => {
+const useField = (store, field, onReject = null) => {
   if (store.schema[field].readonly) {
     return computed(() => store[field]);
   }
   const set = store.set;
+  const _onReject = (rejection) => console.error(rejection);
   return computed({
     get: () => store[field],
-    set: (value) => set(field, value)
+    set: (value) => set(field, value, onReject ?? _onReject)
   });
 };
 const useInternal = defineStore("@retailcrm/embed-ui/_internal", {});
@@ -306,7 +24,8 @@ const useHost = () => {
   const store = useInternal();
   return {
     httpCall(action, payload = void 0) {
-      return payload ? store.endpoint.call.httpCall(action, payload) : store.endpoint.call.httpCall(action);
+      const endpoint = store.endpoint;
+      return payload ? endpoint.call.httpCall(action, payload) : endpoint.call.httpCall(action);
     }
   };
 };
@@ -359,16 +78,16 @@ const createWidgetEndpoint = (widget, messenger) => {
 };
 export {
   createWidgetEndpoint,
-  schema$4 as currentUserSchema,
-  schema$2 as customerCardPhoneSchema,
-  schema$3 as customerCardSchema,
-  schema$1 as orderCardSchema,
-  schema as settingsSchema,
-  useContext$4 as useCurrentUserContext,
-  useContext$3 as useCustomerCardContext,
-  useContext$2 as useCustomerCardPhoneContext,
+  schema4 as currentUserSchema,
+  schema2 as customerCardPhoneSchema,
+  schema as customerCardSchema,
+  schema3 as orderCardSchema,
+  schema5 as settingsSchema,
+  useContext4 as useCurrentUserContext,
+  useContext as useCustomerCardContext,
+  useContext2 as useCustomerCardPhoneContext,
   useField,
   useHost,
-  useContext$1 as useOrderCardContext,
-  useContext as useSettingsContext
+  useContext3 as useOrderCardContext,
+  useContext5 as useSettingsContext
 };

package/dist/meta.json

@@ -723,24 +723,24 @@
   ],
   "contextsUsage": {
     "customer/card": {
-      "import": "import { useCustomerCardContext } from '@retailcrm/embed-ui'",
-      "call": "const customer = useCustomerCardContext()"
+      "import": "import { useContext } from '@retailcrm/embed-ui-v1-contexts/remote/customer/card'",
+      "call": "const customer = useContext()"
     },
     "customer/card:phone": {
-      "import": "import { useCustomerCardPhoneContext } from '@retailcrm/embed-ui'",
-      "call": "const phone = useCustomerCardPhoneContext()"
+      "import": "import { useContext } from '@retailcrm/embed-ui-v1-contexts/remote/customer/card-phone'",
+      "call": "const phone = useContext()"
     },
     "order/card": {
-      "import": "import { useOrderCardContext } from '@retailcrm/embed-ui'",
-      "call": "const order = useOrderCardContext()"
+      "import": "import { useContext } from '@retailcrm/embed-ui-v1-contexts/remote/order/card'",
+      "call": "const order = useContext()"
     },
     "user/current": {
-      "import": "import { useCurrentUserContext } from '@retailcrm/embed-ui'",
-      "call": "const user = useCurrentUserContext()"
+      "import": "import { useContext } from '@retailcrm/embed-ui-v1-contexts/remote/user/current'",
+      "call": "const user = useContext()"
     },
     "settings": {
-      "import": "import { useSettingsContext } from '@retailcrm/embed-ui'",
-      "call": "const settings = useSettingsContext()"
+      "import": "import { useContext } from '@retailcrm/embed-ui-v1-contexts/remote/settings'",
+      "call": "const settings = useContext()"
     }
   }
 }

package/index.d.ts

@@ -1,38 +1,41 @@
-import type { Callable } from './types/host/callable'
-import type { ComputedRef } from 'vue'
-import type { Context } from './types/context/schema'
-import type { ContextAccessor } from './types/context/schema'
-import type { ContextSchema } from './types/context/schema'
-import type { Endpoint, RemoteCallable } from '@remote-ui/rpc'
-import type { IsReadonly } from './types/context/schema'
-import type { MessageEndpoint } from '@remote-ui/rpc'
-import type { Schema as CustomerCardSchema } from './types/context/customer/card'
-import type { Schema as CustomerCardPhoneSchema } from './types/context/customer/card-phone'
-import type { Schema as OrderCardSchema } from './types/context/order/card'
-import type { Schema as CurrentUserSchema } from './types/context/user/current'
-import type { Schema as SettingsSchema } from './types/context/settings'
-import type { SchemaList } from './types/context'
+import type {
+  ComputedRef,
+  WritableComputedRef,
+} from 'vue'
+
+import type {
+  Endpoint,
+  MessageEndpoint,
+  RemoteCallable,
+} from '@remote-ui/rpc'
+
+import type {
+  Context,
+  ContextAccessor,
+  ContextSchema,
+  IsReadonly,
+  RejectionHandler,
+  TypeOf,
+} from '@retailcrm/embed-ui-v1-types/context'
+
+import type { Schema as CustomerCardSchema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card'
+import type { Schema as CustomerCardPhoneSchema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card-phone'
+import type { Schema as OrderCardSchema } from '@retailcrm/embed-ui-v1-contexts/types/order/card'
+import type { Schema as CurrentUserSchema } from '@retailcrm/embed-ui-v1-contexts/types/user/current'
+import type { Schema as SettingsSchema } from '@retailcrm/embed-ui-v1-contexts/types/settings'
+
+import type { SchemaList } from '@retailcrm/embed-ui-v1-contexts/types'
+
 import type { Store } from 'pinia'
 import type { StoreDefinition } from 'pinia'
-import type { TypeOf } from './types/context/schema'
-import type { WidgetRunner } from './types/widget'
-import type { WritableComputedRef } from 'vue'
 
-declare type Computed<
-  S extends ContextSchema,
-  F extends keyof S
-> = IsReadonly<S[F]> extends true ? ComputedRef<TypeOf<S[F]>> : WritableComputedRef<TypeOf<S[F]>>;
+import type { Callable } from './types/host/callable'
+import type { WidgetRunner } from './types/widget'
 
 export declare const createWidgetEndpoint: (
   widget: WidgetRunner,
   messenger: MessageEndpoint
-) => Endpoint<ContextAccessor<SchemaList>>
-
-export declare const customerCardPhoneSchema: CustomerCardPhoneSchema
-export declare const customerCardSchema: CustomerCardSchema
-export declare const orderCardSchema: OrderCardSchema
-export declare const currentUserSchema: CurrentUserSchema
-export declare const settingsSchema: SettingsSchema
+) => Endpoint<ContextAccessor<SchemaList> & Callable>
 
 export type ContextStore<S extends ContextSchema> = Store<string, Context<S>, {
   schema(): S;
@@ -51,16 +54,13 @@ export type ContextStoreDefinition<
   set<F extends keyof S>(field: F, value: TypeOf<S[F]>): void;
 }>
 
-export declare const useCustomerCardContext: ContextStoreDefinition<'customer/card', CustomerCardSchema>
-export declare const useCustomerCardPhoneContext: ContextStoreDefinition<'customer/card:phone', CustomerCardPhoneSchema>
-export declare const useOrderCardContext: ContextStoreDefinition<'order/card', OrderCardSchema>
-export declare const useCurrentUserContext: ContextStoreDefinition<'user/current', CurrentUserSchema>
-export declare const useSettingsContext: ContextStoreDefinition<'settings', SettingsSchema>
-
 export declare const useField: <S extends ContextSchema, F extends keyof S>(
   store: ContextStore<S>,
-  field: F
-) => Computed<S, F>
+  field: F,
+  onReject?: RejectionHandler | null
+) => IsReadonly<S[F]> extends true
+  ? ComputedRef<TypeOf<S[F]>>
+  : WritableComputedRef<TypeOf<S[F]>>
 
 export declare const useHost = () => RemoteCallable<Callable>
 
@@ -69,3 +69,15 @@ declare module 'pinia' {
     endpoint: Endpoint<ContextAccessor & Callable>;
   }
 }
+
+export declare const customerCardSchema: CustomerCardSchema
+export declare const customerCardPhoneSchema: CustomerCardPhoneSchema
+export declare const orderCardSchema: OrderCardSchema
+export declare const currentUserSchema: CurrentUserSchema
+export declare const settingsSchema: SettingsSchema
+
+export declare const useCustomerCardContext: ContextStoreDefinition<'customer/card', CustomerCardSchema>
+export declare const useCustomerCardPhoneContext: ContextStoreDefinition<'customer/card:phone', CustomerCardPhoneSchema>
+export declare const useOrderCardContext: ContextStoreDefinition<'order/card', OrderCardSchema>
+export declare const useCurrentUserContext: ContextStoreDefinition<'user/current', CurrentUserSchema>
+export declare const useSettingsContext: ContextStoreDefinition<'settings', SettingsSchema>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui",
   "type": "module",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "API and components for creating RetailCRM UI extensions",
   "repository": "git@github.com:retailcrm/embed-ui.git",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
@@ -24,18 +24,17 @@
     "packages/*"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "yarn build:code && yarn build:meta",
+    "build:code": "vite build",
+    "build:meta": "npx tsx scripts/build.meta.ts",
     "eslint": "eslint .",
-    "generate:meta": "tsx scripts/generate-meta.ts",
-    "release": "yes | npx standard-version",
-    "release:major": "yes | npx standard-version --release-as major",
-    "release:minor": "yes | npx standard-version --release-as minor",
-    "release:patch": "yes | npx standard-version --release-as patch",
     "test": "vitest --run"
   },
   "dependencies": {
-    "@omnicajs/vue-remote": "^0.2.1",
-    "@remote-ui/rpc": "^1.4.5"
+    "@omnicajs/vue-remote": "^0.2.3",
+    "@remote-ui/rpc": "^1.4.5",
+    "@retailcrm/embed-ui-v1-contexts": "^0.4.4",
+    "@retailcrm/embed-ui-v1-types": "^0.4.4"
   },
   "peerDependencies": {
     "pinia": "^2.2",
@@ -44,6 +43,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.0.2",
     "@eslint/js": "^9.13.0",
+    "@retailcrm/embed-ui-v1-testing": "^0.4.4",
     "@types/git-semver-tags": "^7.0.0",
     "@types/node": "^22.7.9",
     "@types/semver": "^7.5.8",
@@ -67,15 +67,15 @@
     "glob": "^11.0.0",
     "globals": "^15.11.0",
     "jsdom": "^25.0.1",
-    "pinia": "^2.2.4",
+    "pinia": "^2.2.8",
     "semver": "^7.6.3",
     "stringify-package": "^1.0.1",
     "tsx": "^4.19.2",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.11.0",
-    "vite": "^5.4.8",
+    "vite": "^5.4.11",
     "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.2",
+    "vitest": "^2.1.8",
     "vue": "^3.5.12",
     "yargs": "^17.7.2"
   },

package/types/context/customer/card-phone.d.ts

@@ -1,6 +1 @@
-import type { ReadonlyField } from '../schema'
-
-export type Schema = {
-  'value': ReadonlyField<string>;
-  'index': ReadonlyField<number>;
-}
+export type { Schema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card-phone'

package/types/context/customer/card.d.ts

@@ -1,8 +1 @@
-import type { ReadonlyField } from '../schema'
-
-export type Schema = {
-  'id': ReadonlyField<number | null>;
-  'externalId': ReadonlyField<string | null>;
-  'email': ReadonlyField<string>;
-  'phones': ReadonlyField<string[]>;
-}
+export type { Schema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card'

package/types/context/index.d.ts

@@ -1,13 +1 @@
-import type { Schema as CustomerCardSchema } from './customer/card'
-import type { Schema as CustomerCardPhoneSchema } from './customer/card-phone'
-import type { Schema as OrderCardSchema } from './order/card'
-import type { Schema as CurrentUserSchema } from './user/current'
-import type { Schema as SettingsSchema } from './settings'
-
-export type SchemaList = {
-  'customer/card': CustomerCardSchema;
-  'customer/card:phone': CustomerCardPhoneSchema;
-  'order/card': OrderCardSchema;
-  'user/current': CurrentUserSchema;
-  'settings': SettingsSchema;
-}
+export type { SchemaList } from '@retailcrm/embed-ui-v1-contexts/types/index'

package/types/context/order/card.d.ts

@@ -1,29 +1 @@
-import type { Field, ReadonlyField } from '../schema'
-
-export type Schema = {
-  'id': ReadonlyField<number | null>;
-  'externalId': ReadonlyField<string | null>;
-  'type': ReadonlyField<string | null>;
-  'site': ReadonlyField<string | null>;
-  'number': ReadonlyField<string | null>;
-  'customer.type': ReadonlyField<'customer' | 'customer_corporate'>;
-  'customer.lastName': Field<string | null>;
-  'customer.firstName': Field<string | null>;
-  'customer.patronymic': Field<string | null>;
-  'customer.email': Field<string | null>;
-  'customer.phone': Field<string | null>;
-  'country': ReadonlyField<string | null>;
-  'currency': ReadonlyField<string>;
-  'status': ReadonlyField<string>;
-  'company.name': Field<string | null>;
-  'company.legalName': Field<string | null>;
-  'company.legalAddress': Field<string | null>;
-  'company.INN': Field<string | null>;
-  'company.OKPO': Field<string | null>;
-  'company.BIK': Field<string | null>;
-  'company.bank': Field<string | null>;
-  'company.bankAddress': Field<string | null>;
-  'company.corrAccount': Field<string | null>;
-  'company.bankAccount': Field<string | null>;
-  'delivery.address': Field<string | null>;
-}
+export type { Schema } from '@retailcrm/embed-ui-v1-contexts/types/order/card'

package/types/context/schema.d.ts

@@ -1,89 +1 @@
-import type { IsTilda, If } from '../scaffolding'
-
-export type Field<Type, Readonly extends boolean = false> = {
-  accepts (value: Type): boolean;
-  defaults (): Type;
-  readonly: Readonly;
-}
-
-export type ReadonlyField<Type = unknown> = Field<Type, true>
-
-export type TypeOf<F> = F extends Field<infer T>
-  ? T
-  : F extends ReadonlyField<infer T>
-    ? T
-    : never;
-
-export type IsReadonly<F> = F extends Field<unknown, infer R>
-  ? R
-  : F extends ReadonlyField
-    ? true
-    : false;
-
-export type ContextSchema = {
-  [key: string]: Field<unknown, boolean>;
-}
-
-export type ContextSchemaMap = {
-  [key: string]: ContextSchema;
-}
-
-export type Context<S extends ContextSchema> = {
-  [F in keyof S]: TypeOf<S[F]>;
-}
-
-export type Writable<S extends ContextSchema> = {
-  [F in keyof S as IsReadonly<S[F]> extends true ? never : F]: S[F];
-}
-
-export type EventMap<S extends ContextSchema> = {
-  [K in keyof S as K extends string ? `change:${K}` : never]: K;
-}
-
-export type EventPayloadMap<S extends ContextSchema> = {
-  [K in keyof S as K extends string ? `change:${K}` : never]: TypeOf<S[K]>;
-}
-
-export type EventHandler<
-  S extends ContextSchema,
-  E extends keyof EventPayloadMap<S>
-> = (payload: EventPayloadMap<S>[E]) => void
-
-export type ContextAccessor<M extends ContextSchemaMap = ContextSchemaMap> = {
-  get <
-    C extends keyof M,
-    F extends keyof M[C]
-  >(context: C, field: F | '~'): If<
-    IsTilda<typeof field>,
-    Context<M[C]>,
-    Context<M[C]>[F]
-  >;
-
-  set <
-    C extends keyof M,
-    F extends keyof Writable<M[C]>
-  >(context: C, field: F, value: Context<M[C]>[F]): void;
-
-  on<
-    C extends keyof M,
-    E extends keyof EventMap<M[C]>
-  >(context: C, event: E, handler: EventHandler<M[C], E>): void;
-}
-
-export type FieldAccessor<S extends ContextSchema> = {
-  get <F extends keyof S>(field: F | '~'): If<
-    IsTilda<typeof field>,
-    Context<S>,
-    Context<S>[F]
-  >;
-
-  set <F extends keyof Writable<S>>(
-    field: F,
-    value: Context<S>[F]
-  ): void;
-
-  on<E extends keyof EventMap<S>>(
-    event: E,
-    handler: EventHandler<S, E>
-  ): void;
-}
+export type * from '@retailcrm/embed-ui-v1-types/context'

package/types/context/settings.d.ts

@@ -1,6 +1 @@
-import type { ReadonlyField } from './schema'
-
-export type Locale = 'en-GB' | 'es-ES' | 'ru-RU'
-export type Schema = {
-  'system.locale': ReadonlyField<Locale>;
-}
+export type * from '@retailcrm/embed-ui-v1-contexts/types/settings'

package/types/context/user/current.d.ts

@@ -1,12 +1 @@
-import type { ReadonlyField } from '../schema'
-
-export type Schema = {
-  'id': ReadonlyField<number | null>;
-  'email': ReadonlyField<string>;
-  'firstName': ReadonlyField<string | null>;
-  'lastName': ReadonlyField<string | null>;
-  'patronymic': ReadonlyField<string | null>;
-  'photo': ReadonlyField<string | null>;
-  'groups': ReadonlyField<string[]>;
-  'permissions': ReadonlyField<string[]>;
-}
+export type { Schema } from '@retailcrm/embed-ui-v1-contexts/types/user/current'

package/types/scaffolding.d.ts

@@ -1,8 +1,5 @@
+export type * from '@retailcrm/embed-ui-v1-types/scaffolding'
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export type AnyFunction = (...payload: any[]) => unknown
 export type None = Record<string, never>
-
-export type IsExact<A, B> = A extends B ? (B extends A ? true : false) : false;
-export type IsTilda<A> = IsExact<A, '~'>;
-
-export type If<Condition, Then, Else> = Condition extends true ? Then : Else;

package/vitest.workspace.ts

@@ -0,0 +1,6 @@
+import { defineWorkspace } from 'vitest/config'
+
+export default defineWorkspace([
+  '.',
+  'packages/v1-contexts',
+])

package/tsconfig.basic.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "baseUrl": "./",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "importHelpers": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ],
-    "module": "ES2022",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": false,
-    "strict": true,
-    "target": "es2017",
-    "useDefineForClassFields": true
-  }
-}