@cwa/nuxt-edge 1.0.0-29138192.e49c1a0

package/dist/runtime/templates/components/main/auth/ResetPasswordPage.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    submitting: boolean;
+    modelValue: {
+        first: string;
+        second: string;
+    };
+    error: string | null;
+    inputErrors?: {
+        form?: string[];
+        password?: string[];
+    };
+    success: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: () => any;
+    "update:modelValue": (value: {
+        first: string;
+        second: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: {
+        first: string;
+        second: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.spec.ts.snap

@@ -0,0 +1,14 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AuthPageLink > snapshots > should match snapshot 1`] = `
+<div
+  class="cwa:text-sm"
+>
+  <nuxtlink-stub
+    class="cwa:font-medium cwa:text-neutral-400 cwa:hover:text-neutral-200"
+    to="/bank/loan"
+  >
+    Click here to get money
+  </nuxtlink-stub>
+</div>
+`;

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="cwa:text-sm">
+    <NuxtLink
+      :to="props.linkTo"
+      class="cwa:font-medium cwa:text-neutral-400 cwa:hover:text-neutral-200"
+    >
+      {{ props.linkText }}
+    </NuxtLink>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  linkText: { type: String, required: true },
+  linkTo: { type: String, required: true }
+});
+</script>

package/dist/runtime/templates/components/main/auth/_parts/AuthPageLink.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    linkText: string;
+    linkTo: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.spec.ts.snap

@@ -0,0 +1,90 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LoginPage > snapshots > should match snapshot IF form has errors 1`] = `
+<div
+  class="cwa:flex cwa:min-h-full cwa:flex-col cwa:justify-center cwa:py-12 cwa:sm:px-6 cwa:lg:px-8 cwa:bg-dark"
+>
+  <div
+    class="cwa:sm:mx-autocwa:sm::w-full cwa:sm::max-w-md"
+  >
+    <logo-stub
+      class="cwa:mx-auto cwa:h-12 cwa:w-auto cwa:text-neutral-400"
+    />
+  </div>
+  <div
+    class="cwa:mt-8 cwa:sm:mx-auto cwa:sm:w-full cwa:sm:max-w-md cwa:text-white"
+  >
+    <div
+      class="cwa:bg-neutral-800 cwa:py-8 cwa:px-4 cwa:shadow cwa:sm:px-10"
+    >
+      <warning-stub
+        class="cwa:mb-4"
+      >
+        Something went wrong, try submitting form again
+      </warning-stub>
+      <form
+        action="#"
+        class="cwa:flex cwa:flex-col cwa:gap-y-6"
+        method="post"
+      >
+        
+        <div>
+          Test form content
+        </div>
+        
+        <div>
+          <button
+            class="cwa:cursor-pointer cwa:flex cwa:w-full cwa:justify-center cwa:bg-neutral-600 cwa:py-2 cwa:px-3 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-neutral-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-neutral-600"
+            type="submit"
+          >
+            Submit
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`LoginPage > snapshots > should match snapshot IF form is submitting 1`] = `
+<div
+  class="cwa:flex cwa:min-h-full cwa:flex-col cwa:justify-center cwa:py-12 cwa:sm:px-6 cwa:lg:px-8 cwa:bg-dark"
+>
+  <div
+    class="cwa:sm:mx-autocwa:sm::w-full cwa:sm::max-w-md"
+  >
+    <logo-stub
+      class="cwa:mx-auto cwa:h-12 cwa:w-auto cwa:text-neutral-400"
+    />
+  </div>
+  <div
+    class="cwa:mt-8 cwa:sm:mx-auto cwa:sm:w-full cwa:sm:max-w-md cwa:text-white"
+  >
+    <div
+      class="cwa:bg-neutral-800 cwa:py-8 cwa:px-4 cwa:shadow cwa:sm:px-10"
+    >
+      <!--v-if-->
+      <form
+        action="#"
+        class="cwa:flex cwa:flex-col cwa:gap-y-6"
+        method="post"
+      >
+        
+        <div>
+          Test form content
+        </div>
+        
+        <div>
+          <button
+            class="cwa:opacity-50 cwa:cursor-pointer cwa:flex cwa:w-full cwa:justify-center cwa:bg-neutral-600 cwa:py-2 cwa:px-3 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-neutral-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-neutral-600"
+            disabled=""
+            type="submit"
+          >
+            Submit
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="cwa:flex cwa:min-h-full cwa:flex-col cwa:justify-center cwa:py-12 cwa:sm:px-6 cwa:lg:px-8 cwa:bg-dark">
+    <div class="cwa:sm:mx-autocwa:sm::w-full cwa:sm::max-w-md">
+      <CwaLogo class="cwa:mx-auto cwa:h-12 cwa:w-auto cwa:text-neutral-400" />
+    </div>
+
+    <div class="cwa:mt-8 cwa:sm:mx-auto cwa:sm:w-full cwa:sm:max-w-md cwa:text-white">
+      <div class="cwa:bg-neutral-800 cwa:py-8 cwa:px-4 cwa:shadow cwa:sm:px-10">
+        <CwaUiAlertWarning
+          v-if="error"
+          class="cwa:mb-4"
+        >
+          {{ error }}
+        </CwaUiAlertWarning>
+        <form
+          action="#"
+          method="post"
+          class="cwa:flex cwa:flex-col cwa:gap-y-6"
+          @submit.prevent="$emit('submit')"
+        >
+          <slot />
+          <div>
+            <button
+              type="submit"
+              :disabled="submitting"
+              :class="{ 'cwa:opacity-50': submitting }"
+              class="cwa:cursor-pointer cwa:flex cwa:w-full cwa:justify-center cwa:bg-neutral-600 cwa:py-2 cwa:px-3 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-neutral-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-neutral-600"
+            >
+              {{ submitButtonText }}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineEmits(["submit"]);
+defineProps({
+  submitButtonText: { type: String, required: true },
+  submitting: { type: Boolean, required: true },
+  error: { type: [String, null, Array], required: false }
+});
+</script>

package/dist/runtime/templates/components/main/auth/_parts/AuthTemplate.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    submitButtonText: string;
+    submitting: boolean;
+    error?: string | null | string[];
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/_parts/InputField.spec.ts.snap

@@ -0,0 +1,111 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`InputField > snapshots > should match snapshot IF errors are present 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Login
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="login"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="login"
+      type="text"
+      value=""
+    />
+    <div>
+      
+      <warning-stub
+        class="cwa:mt-2"
+      >
+        Login should be minimum 6 characters long
+      </warning-stub>
+      <warning-stub
+        class="cwa:mt-2"
+      >
+        Login cannot contain whitespaces
+      </warning-stub>
+      
+    </div>
+  </div>
+</div>
+`;
+
+exports[`InputField > snapshots > should match snapshot IF input is marked as required 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Login
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="login"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="login"
+      required=""
+      type="text"
+      value=""
+    />
+    <!--v-if-->
+  </div>
+</div>
+`;
+
+exports[`InputField > snapshots > should match snapshot IF input is of type password 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Password
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="password"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="password"
+      type="password"
+      value=""
+    />
+    <!--v-if-->
+  </div>
+</div>
+`;
+
+exports[`InputField > snapshots > should match snapshot with passed content 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Login
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="login"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="login"
+      type="text"
+      value=""
+    />
+    <!--v-if-->
+  </div>
+</div>
+`;

package/dist/runtime/templates/components/main/auth/_parts/InputField.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <label
+      :for="id"
+      class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    >{{ props.label }}</label>
+    <div class="cwa:mt-2">
+      <input
+        :id="id"
+        :name="props.name"
+        :type="props.type"
+        :autocomplete="props.autocomplete"
+        :required="props.required"
+        :value="modelValue"
+        class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+        @input="updateModelValue"
+      >
+      <div v-if="errors">
+        <CwaUiAlertWarning
+          v-for="(error, index) in errors"
+          :key="`error-${id}-${index}`"
+          class="cwa:mt-2"
+        >
+          {{ error }}
+        </CwaUiAlertWarning>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useId } from "vue";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  name: { type: String, required: true },
+  type: { type: String, required: false, default: "text" },
+  label: { type: String, required: true },
+  autocomplete: { type: String, required: false, default: void 0 },
+  required: { type: Boolean, required: false, default: false },
+  modelValue: { type: String, required: true, default: "" },
+  errors: { type: Array, required: false, default: void 0 }
+});
+const id = useId();
+function updateModelValue($event) {
+  if (!($event.target instanceof HTMLInputElement)) {
+    return;
+  }
+  emit("update:modelValue", $event.target?.value);
+}
+</script>

package/dist/runtime/templates/components/main/auth/_parts/InputField.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    name: string;
+    type?: string;
+    label: string;
+    autocomplete?: string;
+    required?: boolean;
+    modelValue: string;
+    errors?: string[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    modelValue: string;
+    required: boolean;
+    type: string;
+    autocomplete: string;
+    errors: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;