@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/composables/cwa-select-input.js

@@ -0,0 +1,37 @@
+import { computed } from "vue";
+import isEqual from "lodash-es/isEqual";
+import { defu } from "defu";
+import { usePopper } from "#cwa/composables/popper";
+export const useCwaSelectInput = (inputProps, emit) => {
+  const value = computed({
+    get() {
+      return inputProps.value.modelValue;
+    },
+    set(value2) {
+      emit("update:modelValue", value2);
+    }
+  });
+  const ops = {
+    popper: {
+      placement: "bottom-start"
+    }
+  };
+  const selectedOption = computed(() => {
+    return inputProps.value.options.find(({ value: value2 }) => isEqual(value2, inputProps.value.modelValue)) || inputProps.value.options[0] || null;
+  });
+  const popperOps = computed(() => defu({}, inputProps.value.popper, ops.popper));
+  const [trigger, container] = usePopper(popperOps.value);
+  function compareOptions(a, b) {
+    if (a === void 0 && b === null) {
+      return true;
+    }
+    return isEqual(a, b);
+  }
+  return {
+    value,
+    compareOptions,
+    selectedOption,
+    trigger,
+    container
+  };
+};

package/dist/runtime/composables/cwa-select.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'vue';
+import type { SelectOption } from '#cwa/composables/cwa-select-input';
+import type { ModelValue } from '#cwa/templates/components/ui/form/Button.vue';
+export declare const useCwaSelect: (model: Ref<ModelValue>, ops?: SelectOption[]) => {
+    model: Ref<ModelValue, ModelValue>;
+    options: Ref<{
+        label: string;
+        value: string | number | boolean | object | (string | number | boolean | object)[] | null | undefined;
+        disabled?: boolean | undefined;
+    }[], SelectOption[] | {
+        label: string;
+        value: string | number | boolean | object | (string | number | boolean | object)[] | null | undefined;
+        disabled?: boolean | undefined;
+    }[]>;
+};

package/dist/runtime/composables/cwa-select.js

@@ -0,0 +1,24 @@
+import { ref, watch } from "vue";
+import isEqual from "lodash-es/isEqual";
+export const useCwaSelect = (model, ops = []) => {
+  const selectModel = ref(model.value);
+  const options = ref(ops);
+  watch(options, (newOptions) => {
+    const selectOption = newOptions.find((op) => {
+      return isEqual(op.value, model.value);
+    });
+    selectModel.value = selectOption?.value;
+  });
+  watch(selectModel, () => {
+    if (selectModel.value !== model.value) {
+      model.value = selectModel.value;
+    }
+  });
+  watch(model, (newModelValue) => {
+    selectModel.value = newModelValue;
+  });
+  return {
+    model: selectModel,
+    options
+  };
+};

package/dist/runtime/composables/cwa.d.ts

@@ -0,0 +1,2 @@
+import type Cwa from '#cwa/cwa';
+export declare const useCwa: () => Cwa;

package/dist/runtime/composables/cwa.js

@@ -0,0 +1,2 @@
+import { useNuxtApp } from "#imports";
+export const useCwa = () => useNuxtApp().$cwa;

package/dist/runtime/composables/forgot-password.d.ts

@@ -0,0 +1,9 @@
+export declare const useForgotPassword: () => {
+    doSubmit: () => Promise<void>;
+    credentials: {
+        username: string;
+    };
+    error: import("vue").Ref<string | undefined, string | undefined>;
+    submitting: import("vue").Ref<boolean, boolean>;
+    success: import("vue").Ref<boolean, boolean>;
+};

package/dist/runtime/composables/forgot-password.js

@@ -0,0 +1,45 @@
+import { reactive, ref } from "vue";
+import { FetchError } from "ofetch";
+import { navigateTo } from "#imports";
+import { useCwa } from "#cwa/composables/cwa";
+export const useForgotPassword = () => {
+  const $cwa = useCwa();
+  const credentials = reactive({
+    username: ""
+  });
+  const error = ref();
+  const submitting = ref(false);
+  const success = ref(false);
+  function handleResetError(fetchError) {
+    if (fetchError.status === 404) {
+      error.value = "Username not found";
+    } else {
+      error.value = fetchError.data?.message || fetchError.statusMessage || "Unexpected error";
+    }
+  }
+  async function doSubmit() {
+    if (success.value) {
+      navigateTo("/login");
+    }
+    if (!credentials.username) {
+      error.value = "Please enter a username";
+      return;
+    }
+    submitting.value = true;
+    error.value = void 0;
+    const response = await $cwa.auth.forgotPassword(credentials.username);
+    if (response instanceof FetchError) {
+      handleResetError(response);
+    } else {
+      success.value = true;
+    }
+    submitting.value = false;
+  }
+  return {
+    doSubmit,
+    credentials,
+    error,
+    submitting,
+    success
+  };
+};

package/dist/runtime/composables/login.d.ts

@@ -0,0 +1,9 @@
+export declare const useLogin: () => {
+    credentials: {
+        username: string;
+        password: string;
+    };
+    error: import("vue").Ref<any, any>;
+    submitting: import("vue").Ref<boolean, boolean>;
+    signIn: () => Promise<void>;
+};

package/dist/runtime/composables/login.js

@@ -0,0 +1,30 @@
+import { reactive, ref } from "vue";
+import { FetchError } from "ofetch";
+import { navigateTo } from "#imports";
+import { useCwa } from "#cwa/composables/cwa";
+export const useLogin = () => {
+  const $cwa = useCwa();
+  const credentials = reactive({
+    username: "",
+    password: ""
+  });
+  const error = ref();
+  const submitting = ref(false);
+  async function signIn() {
+    submitting.value = true;
+    error.value = void 0;
+    const user = await $cwa.auth.signIn(credentials);
+    if (user instanceof FetchError) {
+      error.value = user.data?.message || user.statusMessage || "Unknown/Network Error";
+    } else {
+      navigateTo("/");
+    }
+    submitting.value = false;
+  }
+  return {
+    credentials,
+    error,
+    submitting,
+    signIn
+  };
+};