@coras-io/embed 0.1.0

package/dist/views/payment-page/payment-page.constants.d.ts

@@ -0,0 +1,38 @@
+export declare const STRIPE_ERRORS: {
+    invalid_number: () => string;
+    invalid_expiry_month: () => string;
+    invalid_expiry_year: () => string;
+    invalid_expiry_year_past: () => string;
+    invalid_cvc: () => string;
+    incorrect_number: () => string;
+    incomplete_number: () => string;
+    incomplete_cvc: () => string;
+    incomplete_expiry: () => string;
+    expired_card: () => string;
+    incorrect_cvc: () => string;
+    incorrect_zip: () => string;
+    card_declined: () => string;
+    missing: () => string;
+    processing_error: () => string;
+};
+export declare const STRIPE_FIELD_GENERIC_ERROR: () => string;
+export declare const PAYMENT_LAYOUT_BREAKPOINT_PX = 900;
+export declare const TRANSACTION_POLLING_MAX_ATTEMPTS = 30;
+export declare const TRANSACTION_POLLING_INITIAL_INTERVAL_MS = 1000;
+export declare const TRANSACTION_POLLING_MAX_INTERVAL_MS = 8000;
+export declare const OTP_INACTIVITY_TIMEOUT_MS = 30000;
+export declare const OTP_EXPIRY_MINUTES = 10;
+export declare const OTP_MIN_RESEND_INTERVAL_MS = 60000;
+export declare const OTP_MAX_ATTEMPTS_PER_SESSION = 5;
+export declare const SMS_OTP_INACTIVITY_TIMEOUT_MS = 30000;
+export declare const SMS_OTP_EXPIRY_MINUTES = 5;
+export declare const SMS_OTP_MIN_RESEND_INTERVAL_MS = 60000;
+export declare const SMS_OTP_MAX_ATTEMPTS_PER_SESSION = 5;
+export declare const BALANCE_BACKOFF_INITIAL_MS = 5000;
+export declare const BALANCE_BACKOFF_MAX_MS = 60000;
+export declare const STRIPE_MIN_KEY_LENGTH = 32;
+export declare const STRIPE_PAYMENT_INTENT_PREFIX = "pi_";
+export declare const PHONE_NUMBER_MAX_LENGTH = 15;
+export declare const OTP_CODE_LENGTH = 6;
+export declare const SCROLL_TO_ERROR_DELAY_MS = 100;
+export declare const FORM_DEBOUNCE_MS = 300;

package/dist/views/payment-page/payment-page.constants.js

@@ -0,0 +1,45 @@
+import { msg } from "@lit/localize";
+export const STRIPE_ERRORS = {
+    invalid_number: () => msg("Your card number is not a valid credit card number."),
+    invalid_expiry_month: () => msg("Your card’s expiration month is invalid."),
+    invalid_expiry_year: () => msg("Your card’s expiration year is invalid."),
+    invalid_expiry_year_past: () => msg("Your card’s expiration year is in the past."),
+    invalid_cvc: () => msg("Your card’s security code is invalid."),
+    incorrect_number: () => msg("Your card number is incorrect."),
+    incomplete_number: () => msg("Your card number is incomplete."),
+    incomplete_cvc: () => msg("Your card’s security code is incomplete."),
+    incomplete_expiry: () => msg("Your card’s expiration date is incomplete."),
+    expired_card: () => msg("Your card has expired."),
+    incorrect_cvc: () => msg("Your card’s security code is incorrect."),
+    incorrect_zip: () => msg("Your card’s zip code failed validation."),
+    card_declined: () => msg("Your card was declined."),
+    missing: () => msg("There is no card on a customer that is being charged."),
+    processing_error: () => msg("An error occurred while processing the card."),
+};
+export const STRIPE_FIELD_GENERIC_ERROR = () => msg("An error occurred.");
+export const PAYMENT_LAYOUT_BREAKPOINT_PX = 900;
+// Transaction polling configuration
+export const TRANSACTION_POLLING_MAX_ATTEMPTS = 30;
+export const TRANSACTION_POLLING_INITIAL_INTERVAL_MS = 1000;
+export const TRANSACTION_POLLING_MAX_INTERVAL_MS = 8000;
+// OTP configuration (Email)
+export const OTP_INACTIVITY_TIMEOUT_MS = 30000; // 30 seconds
+export const OTP_EXPIRY_MINUTES = 10;
+export const OTP_MIN_RESEND_INTERVAL_MS = 60000; // 1 minute minimum between OTP sends
+export const OTP_MAX_ATTEMPTS_PER_SESSION = 5; // Maximum OTP attempts per session
+// SMS OTP configuration (for phone linking)
+export const SMS_OTP_INACTIVITY_TIMEOUT_MS = 30000; // 30 seconds
+export const SMS_OTP_EXPIRY_MINUTES = 5; // SMS codes expire faster than email
+export const SMS_OTP_MIN_RESEND_INTERVAL_MS = 60000; // 1 minute minimum between SMS sends
+export const SMS_OTP_MAX_ATTEMPTS_PER_SESSION = 5; // Maximum SMS attempts per session
+// Balance polling configuration
+export const BALANCE_BACKOFF_INITIAL_MS = 5000;
+export const BALANCE_BACKOFF_MAX_MS = 60000;
+// Stripe configuration
+export const STRIPE_MIN_KEY_LENGTH = 32;
+export const STRIPE_PAYMENT_INTENT_PREFIX = "pi_";
+// Form configuration
+export const PHONE_NUMBER_MAX_LENGTH = 15;
+export const OTP_CODE_LENGTH = 6;
+export const SCROLL_TO_ERROR_DELAY_MS = 100;
+export const FORM_DEBOUNCE_MS = 300;

package/dist/views/payment-page/payment-page.d.ts

@@ -0,0 +1,8 @@
+import { CorasPaymentPage } from "./payment-page.component.js";
+export * from "./payment-page.component.js";
+export default CorasPaymentPage;
+declare global {
+    interface HTMLElementTagNameMap {
+        "coras-payment-page": CorasPaymentPage;
+    }
+}

package/dist/views/payment-page/payment-page.fields.d.ts

@@ -0,0 +1,162 @@
+export declare const FIELDS: {
+    first_name: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "given-name";
+    };
+    second_name: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "family-name";
+    };
+    email: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "email";
+        autocomplete: "email";
+    };
+    phone: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "tel";
+        autocomplete: "tel-national";
+    };
+    addressLine1: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "address-line1";
+    };
+    addressLine2: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: undefined;
+        type: "text";
+        autocomplete: "address-line2";
+    };
+    city: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "address-level2";
+    };
+    postcode: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "postal-code";
+    };
+    country: {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "country";
+    };
+    "attendee.name": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "off";
+    };
+    "attendee.height": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "number";
+        autocomplete: "off";
+    };
+    "attendee.heightUnit": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        type: "text";
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        autocomplete: "off";
+    };
+    "attendee.weight": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "number";
+        autocomplete: "off";
+    };
+    "attendee.weightUnit": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        type: "text";
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        autocomplete: "off";
+    };
+    "attendee.passportNumber": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "off";
+    };
+    "attendee.passportNationality": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "country";
+    };
+    "attendee.passportExpiryDate": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "date";
+        autocomplete: "off";
+    };
+    "attendee.dateOfBirth": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "date";
+        autocomplete: "bday";
+    };
+    "attendee.phoneNumber": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "tel";
+        autocomplete: "tel";
+    };
+    "attendee.hotelPickup": {
+        label: () => string;
+        placeholder: () => string;
+        helpText: () => string;
+        validators: import("./payment-page.validators.js").ValidatorFn;
+        type: "text";
+        autocomplete: "off";
+    };
+};

package/dist/views/payment-page/payment-page.fields.js

@@ -0,0 +1,164 @@
+import { msg } from "@lit/localize";
+import { composeValidators, required, validEmail, validPhone, validDate, validPassportExpiry, } from "./payment-page.validators.js";
+export const FIELDS = {
+    first_name: {
+        label: () => msg("First name"),
+        placeholder: () => msg("First name"),
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "given-name",
+    },
+    second_name: {
+        label: () => msg("Last name"),
+        placeholder: () => msg("Last name"),
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "family-name",
+    },
+    email: {
+        label: () => msg("Email address"),
+        placeholder: () => "",
+        helpText: () => msg("We will email your order confirmation to this address"),
+        validators: composeValidators(required, validEmail),
+        type: "email",
+        autocomplete: "email",
+    },
+    phone: {
+        label: () => msg("Phone"),
+        placeholder: () => "",
+        helpText: () => "",
+        validators: composeValidators(required, validPhone),
+        type: "tel",
+        autocomplete: "tel-national",
+    },
+    addressLine1: {
+        label: () => "",
+        placeholder: () => msg("Address line 1"),
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "address-line1",
+    },
+    addressLine2: {
+        label: () => "",
+        placeholder: () => msg("Address line 2"),
+        helpText: () => "",
+        validators: undefined,
+        type: "text",
+        autocomplete: "address-line2",
+    },
+    city: {
+        label: () => "",
+        placeholder: () => msg("City"),
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "address-level2",
+    },
+    postcode: {
+        label: () => "",
+        placeholder: () => msg("Postcode"),
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "postal-code",
+    },
+    country: {
+        label: () => "",
+        placeholder: () => "",
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "country",
+    },
+    "attendee.name": {
+        label: () => msg("Person"),
+        placeholder: () => msg("Firstname + Surname"),
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "off",
+    },
+    "attendee.height": {
+        label: () => msg("Height"),
+        placeholder: () => "",
+        helpText: () => msg("Required by operator for safety reasons"),
+        validators: required,
+        type: "number",
+        autocomplete: "off",
+    },
+    "attendee.heightUnit": {
+        label: () => "",
+        placeholder: () => "",
+        helpText: () => "",
+        type: "text",
+        validators: required,
+        autocomplete: "off",
+    },
+    "attendee.weight": {
+        label: () => msg("Weight"),
+        placeholder: () => "",
+        helpText: () => msg("Required by operator for safety reasons"),
+        validators: required,
+        type: "number",
+        autocomplete: "off",
+    },
+    "attendee.weightUnit": {
+        label: () => "",
+        placeholder: () => "",
+        helpText: () => "",
+        type: "text",
+        validators: required,
+        autocomplete: "off",
+    },
+    "attendee.passportNumber": {
+        label: () => msg("Passport number"),
+        placeholder: () => "",
+        helpText: () => msg("Required by club for safety reasons"),
+        validators: required,
+        type: "text",
+        autocomplete: "off",
+    },
+    "attendee.passportNationality": {
+        label: () => msg("Passport nationality"),
+        placeholder: () => "",
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "country",
+    },
+    "attendee.passportExpiryDate": {
+        label: () => msg("Passport expiry date"),
+        placeholder: () => "",
+        helpText: () => "",
+        validators: composeValidators(required, validPassportExpiry),
+        type: "date",
+        autocomplete: "off",
+    },
+    "attendee.dateOfBirth": {
+        label: () => msg("Date of birth"),
+        placeholder: () => "",
+        helpText: () => "",
+        validators: composeValidators(required, validDate),
+        type: "date",
+        autocomplete: "bday",
+    },
+    "attendee.phoneNumber": {
+        label: () => msg("Phone number"),
+        placeholder: () => "",
+        helpText: () => "",
+        validators: composeValidators(required, validPhone),
+        type: "tel",
+        autocomplete: "tel",
+    },
+    "attendee.hotelPickup": {
+        label: () => msg("Hotel pickup (included)"),
+        placeholder: () => "",
+        helpText: () => "",
+        validators: required,
+        type: "text",
+        autocomplete: "off",
+    },
+};

package/dist/views/payment-page/payment-page.js

@@ -0,0 +1,6 @@
+import { CorasPaymentPage } from "./payment-page.component.js";
+export * from "./payment-page.component.js";
+export default CorasPaymentPage;
+if (!customElements.get("coras-payment-page")) {
+    customElements.define("coras-payment-page", CorasPaymentPage);
+}

package/dist/views/payment-page/payment-page.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;