@verdocs/web-sdk 6.5.0-beta.8 → 6.5.0-beta.9

package/dist/components/p-CCETegzX.js

@@ -0,0 +1,133 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CUAGH_8P.js';
+import { verifySigner } from '@verdocs/js-sdk';
+import { D as DefaultEndpoint } from './p-C_Xku1v2.js';
+import { V as VerdocsToast } from './p-CyvDgtoV.js';
+import { d as defineCustomElement$4 } from './p-CfODrICH.js';
+import { d as defineCustomElement$3 } from './p-DvsA0zbL.js';
+import { d as defineCustomElement$2 } from './p-D9zjm5AL.js';
+import { d as defineCustomElement$1 } from './p-CbtdkfOR.js';
+
+const verdocsOtpDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-otp-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}verdocs-otp-dialog .heading .title{font-size:20px;font-weight:500}verdocs-otp-dialog .step{margin-left:6px;color:#666}verdocs-otp-dialog .help-box{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0;-ms-flex-align:center;align-items:center;color:black;margin-bottom:20px}verdocs-otp-dialog .help-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;font-size:14px;gap:5px}verdocs-otp-dialog .help-title{font-weight:600;margin-bottom:4px}verdocs-otp-dialog .help-text{font-weight:400}verdocs-otp-dialog .input{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:10px;-ms-flex-align:center;align-items:center;margin:16px 0 0px}verdocs-otp-dialog .input label{-ms-flex:0;flex:0;line-height:10px;font-weight:500;white-space:nowrap}verdocs-otp-dialog .input input{-ms-flex:1;flex:1;padding:5px 8px;border-radius:3px;border:1px solid #cccccc}verdocs-otp-dialog .field{gap:10px;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;max-width:100%}verdocs-otp-dialog .field .required{color:red;position:relative;top:-0.5em;font-size:80%}verdocs-otp-dialog .field label{-ms-flex:0 0 120px;flex:0 0 120px;font-weight:500;line-height:10px;text-align:right;white-space:nowrap}verdocs-otp-dialog .field verdocs-date-input{width:40%;-ms-flex-positive:1;flex-grow:1}verdocs-otp-dialog .field verdocs-date-input input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-otp-dialog .field input{width:40%;-ms-flex-positive:1;flex-grow:1;padding:5px 8px;border-radius:3px;border:1px solid #cccccc}verdocs-otp-dialog .choices{display:grid;gap:15px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));margin:0 0 15px 0}verdocs-otp-dialog .choice{border:1px solid #707ae5;border-radius:5px;display:-ms-flexbox;display:flex;height:60px;font-size:14px;padding:0 5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;color:#5c6575;cursor:pointer}verdocs-otp-dialog .choice.selected{background-color:#707ae5;color:#ffffff}verdocs-otp-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;width:100%}verdocs-otp-dialog .buttons verdocs-button{margin-left:16px}";
+
+const VerdocsOtpDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsOtpDialog extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.exit = createEvent(this, "exit");
+        this.next = createEvent(this, "next");
+        this.resendTimeout = null;
+        /**
+         * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
+         */
+        this.endpoint = DefaultEndpoint;
+        /**
+         * The type of dialog to display. Three modes are supported.
+         */
+        this.method = 'email';
+        this.resendDisabled = true;
+        this.response = '';
+    }
+    componentDidLoad() {
+        this.startResendTimeout();
+        // Give the parent time to finish what it's doing.
+        setTimeout(() => {
+            verifySigner(this.endpoint, { auth_method: this.method, code: '', resend: true })
+                .then(r => {
+                console.log('Resend result', r);
+                this.response = '';
+            })
+                .catch(e => console.log('Error resending code', e));
+        }, 1000);
+    }
+    disconnectedCallback() {
+        if (this.resendTimeout) {
+            clearTimeout(this.resendTimeout);
+            this.resendTimeout = null;
+        }
+    }
+    handleCancel() {
+        this.exit.emit();
+    }
+    startResendTimeout() {
+        this.resendDisabled = true;
+        if (this.resendTimeout) {
+            clearTimeout(this.resendTimeout);
+        }
+        this.resendTimeout = setTimeout(() => {
+            this.resendDisabled = false;
+        }, 30000);
+    }
+    handleResend() {
+        this.startResendTimeout();
+        verifySigner(this.endpoint, { auth_method: this.method, code: '', resend: true })
+            .then(r => {
+            console.log('Resend result', r);
+            this.response = '';
+            VerdocsToast('A new code has been sent.');
+        })
+            .catch(e => console.log('Error resending code', e));
+    }
+    handleSubmit() {
+        this.startResendTimeout();
+        verifySigner(this.endpoint, { auth_method: this.method, code: this.response })
+            .then(response => {
+            console.log('Verification completed', response);
+            this.next.emit({ response });
+            VerdocsToast('Thank you. Your verification was successful.');
+        })
+            .catch(e => {
+            VerdocsToast('Invalid verification code. Please try again.');
+            console.log('Invalid code', e);
+        });
+        this.response = '';
+    }
+    render() {
+        return (h(Host, { key: '0565e6c5cecc9c23d80e9d36b531151518f35437' }, h("verdocs-dialog", { key: 'f5c20823049df00b442687e2715b293f8772a06d', persistent: true, onExit: () => this.handleCancel() }, h("div", { key: '4d4c3c58dcf3d7d3ae3b51f773c103832d43f32b', slot: "heading", class: "heading" }, h("div", { key: 'e2e893e759598cca2af2c9f274e80c8da31e244a', class: "title" }, "Verification Required")), h("div", { key: '5cca8ff5010af2376e373ac21769b1090c3aa93e', slot: "content", class: "content" }, h("div", { key: '8b7f65f5549544731f58ceeb7cbf61bf7f18108f', class: "help-box" }, h("div", { key: '56a3ec4d122560c905b211ac2cbe02959fca669e', class: "help-details" }, h("div", { key: 'f24f2bdb922c5e33841d6aade3b5f73776c72f33', class: "help-text" }, "Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder."))), h("verdocs-text-input", { key: 'cbe2ac2975474a7aadffcc96b60f5844ea1516ca', id: "verdocs-otp-input", value: this.response, onClick: e => e.stopPropagation(), placeholder: "Enter your one-time code...", onInput: (e) => (this.response = e.target.value) })), h("div", { key: 'a92b356b2692377cb827fc1141958abd466cc3a6', slot: "footer", class: "buttons footer" }, h("verdocs-button", { key: '1113ecf2a6bcf09a77af5303e11983f2a2217888', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '98a54d5c585626e3c2fc24dbaf4daba44a9ccf7f', label: 'Resend', onClick: () => this.handleResend(), disabled: this.resendDisabled }), h("verdocs-button", { key: '8ab8167127286918f728f22df54227e9f44b29c3', label: 'Submit', onClick: () => this.handleSubmit(), disabled: !this.response })))));
+    }
+    static get style() { return verdocsOtpDialogCss; }
+}, [256, "verdocs-otp-dialog", {
+        "endpoint": [1040],
+        "method": [1],
+        "resendDisabled": [32],
+        "response": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-otp-dialog", "verdocs-button", "verdocs-dialog", "verdocs-help-icon", "verdocs-text-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-otp-dialog":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsOtpDialog);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-help-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "verdocs-text-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { VerdocsOtpDialog as V, defineCustomElement as d };
+//# sourceMappingURL=p-CCETegzX.js.map
+
+//# sourceMappingURL=p-CCETegzX.js.map

package/dist/components/p-CCETegzX.js.map

@@ -0,0 +1 @@
+{"file":"p-CCETegzX.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dialogs/verdocs-otp-dialog/verdocs-otp-dialog.scss?tag=verdocs-otp-dialog","src/components/dialogs/verdocs-otp-dialog/verdocs-otp-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-otp-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  // NOTE: background-overlay and .dialog are handled by verdocs-dialog\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n\n    .title {\n      font-size: 20px;\n      font-weight: 500;\n    }\n  }\n\n  .step {\n    margin-left: 6px;\n    color: #666;\n  }\n\n  .help-box {\n    display: flex;\n    flex-direction: row;\n    padding: 0;\n    align-items: center;\n    color: black;\n    margin-bottom: 20px;\n  }\n\n  .help-details {\n    display: flex;\n    flex-direction: column;\n    margin-left: 0;\n    font-size: 14px;\n    gap: 5px;\n  }\n\n  .help-title {\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n\n  .help-text {\n    font-weight: 400;\n  }\n\n  .input {\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    align-items: center;\n    margin: 16px 0 0px; // Removed bottom margin as footer handles spacing\n\n    label {\n      flex: 0;\n      line-height: 10px;\n      font-weight: 500;\n      white-space: nowrap;\n    }\n\n    input {\n      flex: 1;\n      padding: 5px 8px;\n      border-radius: 3px;\n      border: 1px solid #cccccc;\n    }\n  }\n\n  .field {\n    gap: 10px;\n    margin: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    max-width: 100%;\n\n    .required {\n      color: red;\n      position: relative;\n      top: -0.5em;\n      font-size: 80%;\n    }\n\n    label {\n      flex: 0 0 120px;\n      font-weight: 500;\n      line-height: 10px;\n      text-align: right;\n      white-space: nowrap;\n    }\n\n    verdocs-date-input {\n      width: 40%;\n      flex-grow: 1;\n\n      input {\n        width: 100%;\n        box-sizing: border-box;\n      }\n    }\n\n    input {\n      width: 40%;\n      flex-grow: 1;\n      padding: 5px 8px;\n      border-radius: 3px;\n      border: 1px solid #cccccc;\n    }\n  }\n\n  .choices {\n    display: grid;\n    gap: 15px;\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n    margin: 0 0 15px 0;\n  }\n\n  .choice {\n    border: 1px solid $border-color;\n    border-radius: 5px;\n    display: flex;\n    height: 60px;\n    font-size: 14px;\n    padding: 0 5px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    color: $choice-available-color;\n    cursor: pointer;\n\n    &.selected {\n      background-color: $border-color;\n      color: $verdocs-grey-4;\n    }\n  }\n\n  .buttons {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n    width: 100%;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {ISignerTokenResponse, VerdocsEndpoint, verifySigner} from '@verdocs/js-sdk';\nimport {DefaultEndpoint} from '../../../utils/Environment';\nimport {VerdocsToast} from '../../../utils/Toast';\n\n/**\n * Prompt the user to confirm their identity with a one time code via email/SMS.\n */\n@Component({\n  tag: 'verdocs-otp-dialog',\n  styleUrl: 'verdocs-otp-dialog.scss',\n})\nexport class VerdocsOtpDialog {\n  private resendTimeout: any = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop({mutable: true}) endpoint: VerdocsEndpoint = DefaultEndpoint;\n\n  /**\n   * The type of dialog to display. Three modes are supported.\n   */\n  @Prop() method: 'email' | 'sms' = 'email';\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the process has completed successfully.\n   */\n  @Event({composed: true}) next: EventEmitter<{response: ISignerTokenResponse}>;\n\n  @State() resendDisabled = true;\n  @State() response = '';\n\n  componentDidLoad() {\n    this.startResendTimeout();\n\n    // Give the parent time to finish what it's doing.\n    setTimeout(() => {\n      verifySigner(this.endpoint, {auth_method: this.method, code: '', resend: true})\n        .then(r => {\n          console.log('Resend result', r);\n          this.response = '';\n        })\n        .catch(e => console.log('Error resending code', e));\n    }, 1000);\n  }\n\n  disconnectedCallback() {\n    if (this.resendTimeout) {\n      clearTimeout(this.resendTimeout);\n      this.resendTimeout = null;\n    }\n  }\n\n  handleCancel() {\n    this.exit.emit();\n  }\n\n  startResendTimeout() {\n    this.resendDisabled = true;\n\n    if (this.resendTimeout) {\n      clearTimeout(this.resendTimeout);\n    }\n\n    this.resendTimeout = setTimeout(() => {\n      this.resendDisabled = false;\n    }, 30000);\n  }\n\n  handleResend() {\n    this.startResendTimeout();\n    verifySigner(this.endpoint, {auth_method: this.method, code: '', resend: true})\n      .then(r => {\n        console.log('Resend result', r);\n        this.response = '';\n        VerdocsToast('A new code has been sent.');\n      })\n      .catch(e => console.log('Error resending code', e));\n  }\n\n  handleSubmit() {\n    this.startResendTimeout();\n    verifySigner(this.endpoint, {auth_method: this.method, code: this.response})\n      .then(response => {\n        console.log('Verification completed', response);\n        this.next.emit({response});\n        VerdocsToast('Thank you. Your verification was successful.');\n      })\n      .catch(e => {\n        VerdocsToast('Invalid verification code. Please try again.');\n        console.log('Invalid code', e);\n      });\n\n    this.response = '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <verdocs-dialog persistent onExit={() => this.handleCancel()}>\n          <div slot=\"heading\" class=\"heading\">\n            <div class=\"title\">Verification Required</div>\n          </div>\n\n          <div slot=\"content\" class=\"content\">\n            <div class=\"help-box\">\n              <div class=\"help-details\">\n                <div class=\"help-text\">Please check your messages for a one-time code. If you did not receive it, be sure to check your Spam/Junk folder.</div>\n              </div>\n            </div>\n\n            <verdocs-text-input\n              id=\"verdocs-otp-input\"\n              value={this.response}\n              onClick={e => e.stopPropagation()}\n              placeholder=\"Enter your one-time code...\"\n              onInput={(e: any) => (this.response = e.target.value)}\n            />\n          </div>\n\n          <div slot=\"footer\" class=\"buttons footer\">\n            <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n            <verdocs-button label={'Resend'} onClick={() => this.handleResend()} disabled={this.resendDisabled} />\n            <verdocs-button label={'Submit'} onClick={() => this.handleSubmit()} disabled={!this.response} />\n          </div>\n        </verdocs-dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-MqLDXUUO.js → p-CT3Ujj7_.js}

@@ -7,9 +7,9 @@ import { d as defineCustomElement$7 } from './p-DQ-sUhlC.js';
 import { d as defineCustomElement$6 } from './p-D9zjm5AL.js';
 import { d as defineCustomElement$5 } from './p-ypE1cZc7.js';
 import { d as defineCustomElement$4 } from './p-DC3uqKak.js';
-import { d as defineCustomElement$3 } from './p-B1TD7C4M.js';
-import { d as defineCustomElement$2 } from './p-BCGLRLXU.js';
-import { d as defineCustomElement$1 } from './p-BqBR9AeQ.js';
+import { d as defineCustomElement$3 } from './p-QDVFg2YR.js';
+import { d as defineCustomElement$2 } from './p-obx2LMfd.js';
+import { d as defineCustomElement$1 } from './p-CbtdkfOR.js';
 
 /**!
  * Sortable 1.15.6
@@ -3046,6 +3046,6 @@ function defineCustomElement() {
 }
 
 export { VerdocsTemplateRoles as V, defineCustomElement as d };
-//# sourceMappingURL=p-MqLDXUUO.js.map
+//# sourceMappingURL=p-CT3Ujj7_.js.map
 
-//# sourceMappingURL=p-MqLDXUUO.js.map
+//# sourceMappingURL=p-CT3Ujj7_.js.map