@sprucelabs/heartwood-view-controllers 128.5.2 → 128.6.1

package/build/esm/types/heartwood.types.d.ts

@@ -481,13 +481,16 @@ export interface InputComponent {
     type: string;
 }
 export type RatingsInputComponentIcon = NonNullable<RatingsInputComponent['icon']>;
+export type FieldHint = string | null | {
+    markdown?: string;
+};
 export interface FieldRenderOptions<S extends Schema> {
     name: SchemaFieldNames<S>;
     renderAs?: RenderAsInputComponent;
     renderHintAs?: 'subtitle' | 'tooltip';
     placeholder?: string | null;
     label?: string | null;
-    hint?: string | null;
+    hint?: FieldHint;
     vc?: FormInputViewController;
     fieldDefinition?: FieldDefinitions;
     rightButtons?: InputButton[];

package/build/esm/viewControllers/LoginCard.vc.js

@@ -13,6 +13,7 @@ import Authenticator from '../auth/Authenticator.js';
 import buildBigForm from '../builders/buildBigForm.js';
 import SpruceError from '../errors/SpruceError.js';
 import AbstractViewController from './Abstract.vc.js';
+const defaultPhoneHint = "I'm gonna send you a pin. By entering your number, you agree to receive mobile messages at the phone number provided. Messages frequency varies. Message and data rates may apply.";
 class LoginCardViewController extends AbstractViewController {
     constructor(options) {
         super(options);
@@ -146,19 +147,26 @@ class LoginCardViewController extends AbstractViewController {
             : null;
     }
     renderPhoneSection() {
-        var _a;
+        const hint = this.smsDisclaimer
+            ? {
+                markdown: this.smsDisclaimer,
+            }
+            : defaultPhoneHint;
         const fields = [
             {
                 name: 'phone',
-                hint: (_a = this.smsDisclaimer) !== null && _a !== void 0 ? _a : loginSchema.fields.phone.hint,
             },
         ];
         if (this.shouldRequireCheckboxForSmsOptIn) {
             fields.push({
                 name: 'smsOptIn',
                 renderAs: 'checkbox',
+                hint,
             });
         }
+        else {
+            fields[0].hint = hint;
+        }
         return {
             title: this.renderPhoneSlideTitle(),
             fields,
@@ -306,7 +314,7 @@ const loginSchema = buildSchema({
             type: 'phone',
             isRequired: true,
             label: 'Phone',
-            hint: "I'm gonna send you a pin. By entering your number, you agree to receive mobile messages at the phone number provided. Messages frequency varies. Message and data rates may apply.",
+            hint: defaultPhoneHint,
         },
         email: {
             type: 'email',

package/build/types/heartwood.types.d.ts

@@ -481,13 +481,16 @@ export interface InputComponent {
     type: string;
 }
 export type RatingsInputComponentIcon = NonNullable<RatingsInputComponent['icon']>;
+export type FieldHint = string | null | {
+    markdown?: string;
+};
 export interface FieldRenderOptions<S extends Schema> {
     name: SchemaFieldNames<S>;
     renderAs?: RenderAsInputComponent;
     renderHintAs?: 'subtitle' | 'tooltip';
     placeholder?: string | null;
     label?: string | null;
-    hint?: string | null;
+    hint?: FieldHint;
     vc?: FormInputViewController;
     fieldDefinition?: FieldDefinitions;
     rightButtons?: InputButton[];

package/build/viewControllers/LoginCard.vc.js

@@ -9,6 +9,7 @@ const Authenticator_1 = __importDefault(require("../auth/Authenticator"));
 const buildBigForm_1 = __importDefault(require("../builders/buildBigForm"));
 const SpruceError_1 = __importDefault(require("../errors/SpruceError"));
 const Abstract_vc_1 = __importDefault(require("./Abstract.vc"));
+const defaultPhoneHint = "I'm gonna send you a pin. By entering your number, you agree to receive mobile messages at the phone number provided. Messages frequency varies. Message and data rates may apply.";
 class LoginCardViewController extends Abstract_vc_1.default {
     constructor(options) {
         super(options);
@@ -138,18 +139,26 @@ class LoginCardViewController extends Abstract_vc_1.default {
             : null;
     }
     renderPhoneSection() {
+        const hint = this.smsDisclaimer
+            ? {
+                markdown: this.smsDisclaimer,
+            }
+            : defaultPhoneHint;
         const fields = [
             {
                 name: 'phone',
-                hint: this.smsDisclaimer ?? loginSchema.fields.phone.hint,
             },
         ];
         if (this.shouldRequireCheckboxForSmsOptIn) {
             fields.push({
                 name: 'smsOptIn',
                 renderAs: 'checkbox',
+                hint,
             });
         }
+        else {
+            fields[0].hint = hint;
+        }
         return {
             title: this.renderPhoneSlideTitle(),
             fields,
@@ -288,7 +297,7 @@ const loginSchema = (0, schema_1.buildSchema)({
             type: 'phone',
             isRequired: true,
             label: 'Phone',
-            hint: "I'm gonna send you a pin. By entering your number, you agree to receive mobile messages at the phone number provided. Messages frequency varies. Message and data rates may apply.",
+            hint: defaultPhoneHint,
         },
         email: {
             type: 'email',

package/package.json

@@ -12,7 +12,7 @@
   "sideEffects": false,
   "license": "MIT",
   "description": "All the power of Heartwood in one, convenient package.",
-  "version": "128.5.2",
+  "version": "128.6.1",
   "skill": {
     "namespace": "HeartwoodViewControllers",
     "commandOverrides": {