@bagelink/vue 1.15.371 → 1.15.375

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.15.371",
+  "version": "1.15.375",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/form-flow/form-flow.ts

@@ -820,6 +820,30 @@ export type JSONSchemaOptionsSourceLoader = (
 	query: string,
 ) => Promise<unknown>
 
+export interface JSONSchemaOptionsSourceHttpClient {
+	get: (
+		endpoint: string,
+		config?: { params?: Record<string, string | number> },
+	) => Promise<{ data: unknown }>
+}
+
+/** Create a same-origin x-options-source loader from the host's HTTP client. */
+export function createJSONSchemaOptionsSourceLoader(
+	client: JSONSchemaOptionsSourceHttpClient,
+): JSONSchemaOptionsSourceLoader {
+	return async (source, query) => {
+		if (!source.endpoint.startsWith('/') || source.endpoint.startsWith('//')) {
+			throw new Error('Form option endpoints must be same-origin paths')
+		}
+		const params: Record<string, string | number> = {}
+		if (source.searchParam && query) params[source.searchParam] = query
+		if (source.limitParam && source.limit != null) {
+			params[source.limitParam] = source.limit
+		}
+		return (await client.get(source.endpoint, { params })).data
+	}
+}
+
 function valueAtPath(value: unknown, path?: string): unknown {
 	if (!path) return value
 	return path.split('.').reduce<unknown>((current, key) => {

package/src/form-flow/schema-fields.ts

@@ -134,7 +134,7 @@ export interface JSONSchemaProperty {
 	'x-textarea-autoheight'?: boolean
 	'x-number-layout'?: 'default' | 'vertical' | 'horizontal'
 	'x-number-spinner'?: boolean
-	'x-phone-only-countries'?: string
+	'x-phone-only-countries'?: string | string[]
 	'x-select-multiselect'?: boolean
 	'x-file-multiple'?: boolean
 	'x-file-height'?: number
@@ -244,7 +244,9 @@ export function schemaToFields(schema: JSONSchemaObject | undefined): FormField[
 			textareaAutoHeight: prop['x-textarea-autoheight'],
 			numberLayout: prop['x-number-layout'],
 			numberSpinner: prop['x-number-spinner'] ?? true,
-			phoneOnlyCountries: prop['x-phone-only-countries'],
+			phoneOnlyCountries: Array.isArray(prop['x-phone-only-countries'])
+				? prop['x-phone-only-countries'].join(', ')
+				: prop['x-phone-only-countries'],
 			selectMultiselect: prop['x-select-multiselect'],
 			fileMultiple: prop['x-file-multiple'],
 			fileHeight: prop['x-file-height'],