@nauticana/sail 1.1.10 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nauticana/sail",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "Metadata-driven Angular component library for CRUD admin frontends backed by the keel Go backend. Tables, forms, navigation, OTP/2FA/social auth, billing, payout onboarding.",
   "main": "src/index.ts",
   "scripts": {

package/src/component/login/sms_consent.html

@@ -0,0 +1,11 @@
+<p class="sail-sms-consent">
+  By providing your phone number and tapping &ldquo;{{ action() }},&rdquo; you agree to receive
+  recurring automated text messages ({{ messagePurpose() }}) from {{ brandName() }} at that number.
+  Message frequency varies. Msg &amp; data rates may apply. Reply STOP to opt out, HELP for help.
+  @if (terms() || privacy()) {
+    See our
+    @if (terms()) { <a [href]="terms()" target="_blank" rel="noopener">Terms</a> }
+    @if (terms() && privacy()) { and }
+    @if (privacy()) { <a [href]="privacy()" target="_blank" rel="noopener">Privacy Policy</a> }.
+  }
+</p>

package/src/component/login/sms_consent.ts

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, input } from '@angular/core';
+import { SAIL_GUI_CONFIG, SailGuiConfig, DEFAULT_CONFIG } from '../../config';
+
+/**
+ * SmsConsent — the shared 10DLC / A2P SMS opt-in disclosure.
+ *
+ * Presentational only: renders the carrier-required consent language (recurring
+ * automated messages, frequency, rates, STOP/HELP, Terms + Privacy links) with
+ * the host app's brand and message purpose. Every SMS-sending app renders the
+ * same carrier-compliant copy — which must match the wording registered in its
+ * 10DLC campaign sample. Consent is *captured* server-side via keel's
+ * ConsentService (with the phone number); this component is only the disclosure
+ * shown at the point of opt-in. Styling is the consuming app's (sail ships no CSS).
+ */
+@Component({
+  selector: 'sail-sms-consent',
+  templateUrl: './sms_consent.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+})
+export class SmsConsentComponent {
+  private readonly guiConfig: SailGuiConfig = inject(SAIL_GUI_CONFIG, { optional: true }) ?? DEFAULT_CONFIG;
+
+  /** Brand name in the disclosure. Defaults to config.appName. */
+  readonly brand = input<string>('');
+  /** What the messages are — e.g. "one-time verification codes" or "verification codes and trip updates". */
+  readonly messagePurpose = input<string>('one-time verification codes');
+  /** The action label the disclosure references (the opt-in button's text). */
+  readonly action = input<string>('the button below');
+  /** Terms URL. Defaults to config.termsUrl. */
+  readonly termsUrl = input<string>('');
+  /** Privacy URL. Defaults to config.privacyPolicyUrl. */
+  readonly privacyUrl = input<string>('');
+
+  protected readonly brandName = computed(() => this.brand() || this.guiConfig.appName || 'us');
+  protected readonly terms = computed(() => this.termsUrl() || this.guiConfig.termsUrl || '');
+  protected readonly privacy = computed(() => this.privacyUrl() || this.guiConfig.privacyPolicyUrl || '');
+}

package/src/config.ts

@@ -55,6 +55,10 @@ export interface SailGuiConfig {
   appleRedirectUri?: string;
   /** Public URL of your privacy policy. Shown as a link in ConsentGateComponent. */
   privacyPolicyUrl?: string;
+  /** Public URL of your terms of service. Shown in the SMS-consent disclosure. */
+  termsUrl?: string;
+  /** Brand name shown in the SMS/10DLC consent disclosure (e.g. "Daxoom"). */
+  appName?: string;
   /** Content hash / version of the currently-deployed privacy policy. */
   defaultPolicyVersion?: string;
   /** ISO 639-1 language code of the policy variant shown ('en', 'fr', ...). */

package/src/index.ts

@@ -32,6 +32,7 @@ export * from './component/login/chpass_component';
 export * from './component/login/confirm_register_component';
 export * from './component/login/confirm_chpass_component';
 export * from './component/login/consent_gate';
+export * from './component/login/sms_consent';
 export * from './component/login/otp_input';
 export * from './component/login/social_login';
 export * from './component/login/account_deletion';