From 33903ecc61873044589df69c4215999aa064949f Mon Sep 17 00:00:00 2001
From: volodymyr <volodymyr.dechtiaruk@gmail.com>
Date: Thu, 16 Nov 2023 17:05:28 +0200
Subject: [PATCH] refactor: folder for popup changed [WTEL-3894]

---
 .../__tests__/WtPopup.spec.js                 |  9 +++
 .../wt-save-failed-popup.vue                  | 70 +++++++++++++++++++
 .../__tests__/WtPopup.spec.js                 |  1 -
 src/{utils => scripts}/saveAsJSON.js          |  0
 4 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 src/components/on-demand/wt-save-failed-popup/__tests__/WtPopup.spec.js
 create mode 100644 src/components/on-demand/wt-save-failed-popup/wt-save-failed-popup.vue
 rename src/{utils => scripts}/saveAsJSON.js (100%)

diff --git a/src/components/on-demand/wt-save-failed-popup/__tests__/WtPopup.spec.js b/src/components/on-demand/wt-save-failed-popup/__tests__/WtPopup.spec.js
new file mode 100644
index 00000000..c1692b30
--- /dev/null
+++ b/src/components/on-demand/wt-save-failed-popup/__tests__/WtPopup.spec.js
@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import WtSaveFailedPopup from '../wt-save-failed-popup.vue';
+
+describe('WtSaveFailedPopup', () => {
+  it('renders a component', () => {
+    const wrapper = shallowMount(WtSaveFailedPopup);
+    expect(wrapper.classes('wt-save-failed-popup')).toBe(true);
+  });
+});
diff --git a/src/components/on-demand/wt-save-failed-popup/wt-save-failed-popup.vue b/src/components/on-demand/wt-save-failed-popup/wt-save-failed-popup.vue
new file mode 100644
index 00000000..1f15e5c7
--- /dev/null
+++ b/src/components/on-demand/wt-save-failed-popup/wt-save-failed-popup.vue
@@ -0,0 +1,70 @@
+<template>
+  <wt-popup
+    class="wt-save-failed-popup"
+    :width="500"
+    @close="closePopup"
+  >
+    <template #title>
+      {{ $t('webitelUI.saveFailedPopup.title') }}
+    </template>
+    <template #main>
+      <div class="flow-save-filed-popup__wrapper">
+        <wt-icon
+          color="error"
+          icon="attention"
+        />
+        <p>{{ $t('webitelUI.saveFailedPopup.label') }}</p>
+      </div>
+    </template>
+    <template #actions>
+      <wt-button
+        @click="save"
+      >
+        {{ $t('reusable.retry') }}
+      </wt-button>
+      <wt-button
+        color="secondary"
+        @click="download"
+      >
+        {{ $t('webitelUI.saveFailedPopup.exportToJson') }}
+      </wt-button>
+      <wt-button
+        color="secondary"
+        @click="closePopup"
+      >
+        {{ $t('reusable.close') }}
+      </wt-button>
+    </template>
+  </wt-popup>
+</template>
+
+<script>
+export default {
+  name: 'FlowSaveFailedPopup',
+  emits: ['close-popup', 'save', 'download'],
+  methods: {
+    closePopup() {
+      this.$emit('close-popup');
+    },
+    save() {
+      this.$emit('save');
+    },
+    download() {
+      this.$emit('download');
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.flow-save-filed-popup__wrapper {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+
+  .wt-icon {
+    margin-bottom: var(--spacing-sm);
+  }
+}
+</style>
diff --git a/src/components/wt-save-failed-popup/__tests__/WtPopup.spec.js b/src/components/wt-save-failed-popup/__tests__/WtPopup.spec.js
index 3c0316c8..c1692b30 100644
--- a/src/components/wt-save-failed-popup/__tests__/WtPopup.spec.js
+++ b/src/components/wt-save-failed-popup/__tests__/WtPopup.spec.js
@@ -7,4 +7,3 @@ describe('WtSaveFailedPopup', () => {
     expect(wrapper.classes('wt-save-failed-popup')).toBe(true);
   });
 });
-``
diff --git a/src/utils/saveAsJSON.js b/src/scripts/saveAsJSON.js
similarity index 100%
rename from src/utils/saveAsJSON.js
rename to src/scripts/saveAsJSON.js