@strivacity/sdk-nuxt 3.0.2 → 4.0.0-beta.0

package/dist/runtime/login-renderer.vue

@@ -1,174 +0,0 @@
-<script setup>
-import { defineComponent, provide, ref, h, onMounted } from "vue";
-import { FallbackError } from "@strivacity/sdk-core";
-import { unflattenObject } from "@strivacity/sdk-core/utils/object";
-import { useStrivacity } from "./composables";
-const { sdk } = useStrivacity();
-const props = defineProps({
-  params: { type: Object, required: false, default: () => ({}) },
-  widgets: { type: null, required: false, default: () => ({}) },
-  language: { type: [String, null], required: false, default: navigator.language },
-  sessionId: { type: [String, null], required: false, default: null }
-});
-const emit = defineEmits(["login", "fallback", "close", "error", "globalMessage", "blockReady", "update:language"]);
-const WidgetRenderer = defineComponent({
-  props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    widgets: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup: (props2) => () => props2.items.map((item) => {
-    if (item.type === "widget") {
-      const form = state.value?.forms?.find((form2) => form2.id === item.formId);
-      const widget = form?.widgets.find((widget2) => widget2.id === item.widgetId);
-      if (!form || !widget) {
-        triggerFallback(void 0, `Unable to find form or widget for item: formId=${item.formId}, widgetId=${item.widgetId}`);
-        return null;
-      }
-      const component = props2.widgets[widget.type];
-      if (!component) {
-        triggerFallback(void 0, `No component found for widget type ${widget.type}`);
-        return null;
-      }
-      return h(component, { key: `${form.id}.${widget.id}`, formId: form.id, config: widget });
-    } else if (item.type === "vertical" || item.type === "horizontal") {
-      if (!props2.widgets.layout) {
-        triggerFallback(void 0, "No layout component provided");
-        return null;
-      }
-      return h(
-        props2.widgets.layout,
-        { formId: item.items[0].formId, type: item.type },
-        () => h(WidgetRenderer, { items: item.items, widgets: props2.widgets })
-      );
-    } else {
-      triggerFallback(void 0, "Unknown item type in layout");
-      return null;
-    }
-  })
-});
-const loginHandler = sdk.login(props.params);
-const loading = ref(false);
-const forms = ref({});
-const messages = ref({});
-const state = ref({});
-provide("nativeFlowContext", {
-  loading,
-  forms,
-  messages,
-  state,
-  submitForm,
-  triggerFallback,
-  triggerClose,
-  setFormValue,
-  setMessage
-});
-onMounted(async () => {
-  try {
-    const data = await loginHandler.startSession(props.sessionId, props.language);
-    emit("update:language", loginHandler.language);
-    if (data) {
-      await handleResponse(data);
-    }
-  } catch (error) {
-    if (error instanceof FallbackError) {
-      emit("fallback", error);
-    } else {
-      emit("error", error);
-    }
-  }
-});
-function triggerFallback(hostedUrl, message) {
-  const url = hostedUrl || state.value.hostedUrl;
-  sdk.logging?.warn(message ? `Triggering fallback due to: ${message}` : "Triggering fallback");
-  if (!url) {
-    const error = new Error("No hosted URL provided");
-    sdk.logging?.error("Fallback error", error);
-    throw error;
-  }
-  emit("fallback", new FallbackError(new URL(url)));
-}
-function triggerClose() {
-  emit("close");
-}
-function setFormValue(formId, widgetId, value) {
-  if (value === "") {
-    value = null;
-  }
-  if (forms.value[formId] === void 0) {
-    forms.value[formId] = {};
-  }
-  forms.value[formId][widgetId] = value;
-}
-function setMessage(formId, widgetId, value) {
-  if (messages.value[formId] === void 0) {
-    messages.value[formId] = {};
-  }
-  messages.value[formId][widgetId] = value;
-}
-async function submitForm(formId) {
-  try {
-    loading.value = true;
-    const data = await loginHandler.submitForm(formId, unflattenObject(forms.value[formId]));
-    await handleResponse(data);
-    loading.value = false;
-  } catch (error) {
-    if (error instanceof FallbackError) {
-      emit("fallback", error);
-    } else {
-      emit("error", error);
-    }
-  }
-}
-async function handleResponse(data) {
-  if (await sdk.isAuthenticated) {
-    emit("login", sdk.idTokenClaims);
-  } else {
-    const previousState = JSON.parse(JSON.stringify(state.value));
-    const newState = {
-      hostedUrl: data?.hostedUrl ?? state.value.hostedUrl,
-      finalizeUrl: data?.finalizeUrl ?? state.value.finalizeUrl,
-      screen: data?.screen ?? state.value.screen,
-      forms: data?.forms ?? state.value.forms,
-      layout: data?.layout ?? state.value.layout,
-      messages: data?.messages ?? {},
-      branding: data?.branding ?? state.value.branding
-    };
-    if (newState.screen != state.value.screen) {
-      forms.value = {};
-      messages.value = {};
-      for (const form of newState.forms ?? []) {
-        forms.value[form.id] = {};
-        messages.value[form.id] = {};
-      }
-    } else {
-      sdk.logging?.info(`Updating screen: ${newState.screen}`);
-    }
-    Object.keys(newState.messages ?? {}).forEach((formId) => {
-      if (formId === "global") {
-        emit("globalMessage", newState.messages?.global?.text ?? "");
-      } else {
-        messages.value[formId] = newState.messages[formId];
-      }
-    });
-    state.value = newState;
-    setTimeout(() => {
-      emit("blockReady", { previousState, state: JSON.parse(JSON.stringify(state.value)) });
-    });
-  }
-}
-</script>
-
-<template>
-	<div class="login-renderer">
-		<component :is="widgets.layout" v-if="state.screen" :formId="(state.layout?.items[0]).formId" :type="state.layout?.type" tag="form">
-			<WidgetRenderer :items="state.layout?.items" :widgets="widgets" />
-		</component>
-		<component :is="widgets.loading" v-else />
-	</div>
-</template>

package/dist/runtime/login-renderer.vue.d.ts

@@ -1,39 +0,0 @@
-import type { Component } from 'vue';
-import type { PartialRecord, NativeParams, WidgetType, LoginFlowState, IdTokenClaims } from '@strivacity/sdk-core';
-import { FallbackError } from '@strivacity/sdk-core';
-type __VLS_Props = {
-    params?: NativeParams;
-    widgets?: PartialRecord<WidgetType, Component>;
-    language?: string | null;
-    sessionId?: string | null;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    login: (args_0: IdTokenClaims | null | undefined) => any;
-    error: (args_0: any) => any;
-    close: () => any;
-    fallback: (args_0: FallbackError) => any;
-    globalMessage: (args_0: string) => any;
-    blockReady: (args_0: {
-        previousState: LoginFlowState;
-        state: LoginFlowState;
-    }) => any;
-    "update:language": (args_0: string | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onLogin?: ((args_0: IdTokenClaims | null | undefined) => any) | undefined;
-    onError?: ((args_0: any) => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onFallback?: ((args_0: FallbackError) => any) | undefined;
-    onGlobalMessage?: ((args_0: string) => any) | undefined;
-    onBlockReady?: ((args_0: {
-        previousState: LoginFlowState;
-        state: LoginFlowState;
-    }) => any) | undefined;
-    "onUpdate:language"?: ((args_0: string | null) => any) | undefined;
-}>, {
-    params: NativeParams;
-    widgets: PartialRecord<WidgetType, Component>;
-    language: string | null;
-    sessionId: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;