Add shamir/form with stub test

ui/lib/core/addon/components/shamir/form.hbs

@@ -0,0 +1,54 @@
+<form id="shamir" aria-label="shamir form" {{on "submit" (fn this.onSubmit this.key)}} ...attributes>
+  {{#if @errors}}
+    <div class="has-bottom-margin-m">
+      <MessageError @errors={{@errors}} />
+    </div>
+  {{/if}}
+  <div class="has-bottom-margin-m">
+    {{#if @otp}}
+      <Hds::Alert @type="inline" @color="highlight" class="has-bottom-margin-s" as |A|>
+        <A.Title>Info</A.Title>
+        <A.Description>
+          Below is the generated OTP. This will be used to encode the generated Operation Token. Make sure to save this, as
+          you will need it later to decode the Operation Token.
+        </A.Description>
+      </Hds::Alert>
+      <div class="has-background-gray-100 box has-copy-button" tabindex="-1">
+        <HoverCopyButton @copyValue={{@otp}} />
+        <h4 class="title is-7 is-marginless">
+          One Time Password (otp)
+        </h4>
+        <code class="is-word-break">{{@otp}}</code>
+      </div>
+    {{/if}}
+    {{#if (has-block)}}
+      {{yield}}
+    {{else if @formText}}
+      {{@formText}}
+    {{/if}}
+  </div>
+  <div class="field">
+    <label for="key" class="is-label">
+      Unseal Key Portion
+    </label>
+    <div class="control">
+      <Input class="input" @type="password" name="key" @value={{this.key}} autocomplete="off" />
+    </div>
+  </div>
+  <div class="columns is-mobile">
+    <div class="column is-narrow">
+      <button type="submit" class="button is-primary" disabled={{this.loading}} data-test-shamir-submit>
+        {{@buttonText}}
+      </button>
+    </div>
+    <div class="column is-flex-v-centered is-flex-end">
+      {{#if this.hasProgress}}
+        <ShamirProgress @threshold={{@threshold}} @progress={{@progress}} />
+      {{/if}}
+    </div>
+  </div>
+  {{! <div class="box-fake is-shadowless">
+  </div>
+  <div class="box is-marginless is-shadowless">
+  </div> }}
+</form>

ui/lib/core/addon/components/shamir/form.js

@@ -0,0 +1,57 @@
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+
+/**
+ * @module ShamirFormComponent
+ * These components are used to make progress against a Shamir seal.
+ * Depending on the response, and external polling, the component will show
+ * progress and optional
+ *
+ * @example
+ * ```js
+ * <ShamirForm
+ *  @onSubmit={{this.handleKeySubmit}}
+ *  @threshold={{cluster.threshold}}
+ *  @progress={{cluster.progress}}
+ *  @fetchOnInit={{true}}
+ *  @onShamirSuccess={{transition-to "vault.cluster"}}
+ * />
+ * ```
+ *
+ * @param {Function} onSubmit - method which handles the action for shamir
+ * @param {number} threshold - min number of keys required to unlock shamir seal
+ * @param {number} progress - number of keys given so far for unlock
+ * @param {string} buttonText - CTA for the form submit button. Defaults to "Submit"
+ * @param {string} formText - text that renders on the form if no block provided
+ * @param {string} otp - if otp is present, it will show a section describing what to do with it
+ *
+ */
+export default class ShamirFormComponent extends Component {
+  @tracked key = '';
+  @tracked loading = false;
+
+  get buttonText() {
+    return this.args.buttonText || 'Submit';
+  }
+  get hasProgress() {
+    return this.args.progress > 0;
+  }
+  resetForm() {
+    this.key = '';
+    this.loading = false;
+  }
+
+  @action
+  async onSubmit(key, evt) {
+    evt.preventDefault();
+
+    if (!key) {
+      return;
+    }
+    // Parent handles action and passes in errors if present
+    // If this method throws an error, we want it to throw
+    await this.args.onSubmit({ key });
+    this.resetForm();
+  }
+}

ui/lib/core/app/components/shamir/form.js

@@ -0,0 +1 @@
+export { default } from 'core/components/shamir/form';

ui/tests/integration/components/shamir/form-test.js

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'vault/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | shamir/form', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function (assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<Shamir::Form />`);
+
+    assert.dom(this.element).hasText('');
+
+    // Template block usage:
+    await render(hbs`
+      <Shamir::Form>
+        template block text
+      </Shamir::Form>
+    `);
+
+    assert.dom(this.element).hasText('template block text');
+  });
+});