@bigbinary/neeto-thank-you-frontend 1.0.14 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +188 -10
- package/app/javascript/src/translations/en.json +1 -1
- package/dist/index.cjs.js +79 -37
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +80 -38
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/types.d.ts +4 -0
package/README.md
CHANGED
|
@@ -1,19 +1,197 @@
|
|
|
1
1
|
[](https://neeto-engineering.neetoci.com/projects/neeto-thank-you-nano)
|
|
2
|
+
|
|
2
3
|
# neeto-thank-you-nano
|
|
4
|
+
The `neeto-thank-you-nano` manages the "Thank You" configuration page across neeto applications. The nano exports the `@bigbinary/neeto-thank-you-frontend` NPM package and `neeto-thank-you-engine` Rails engine for development.
|
|
5
|
+
|
|
6
|
+
# Contents
|
|
7
|
+
1. [Development with Host Application](#development-with-host-application)
|
|
8
|
+
- [Engine](#engine)
|
|
9
|
+
- [Installation](#installation)
|
|
10
|
+
- [Usage](#usage)
|
|
11
|
+
- [Frontend package](#frontend-package)
|
|
12
|
+
- [Installation](#installation-1)
|
|
13
|
+
- [Components](#components)
|
|
14
|
+
- [Hooks](#hooks)
|
|
15
|
+
2. [Instructions for Publishing](#instructions-for-publishing)
|
|
16
|
+
|
|
17
|
+
# Development with Host Application
|
|
18
|
+
## Engine
|
|
19
|
+
The engine is used to manage "Thank you" page configurations within an organization.
|
|
20
|
+
|
|
21
|
+
### Installation
|
|
22
|
+
1. Add this line to your application's Gemfile:
|
|
23
|
+
```ruby
|
|
24
|
+
source "NEETO_GEM_SERVER_URL" do
|
|
25
|
+
# ..existing gems
|
|
26
|
+
|
|
27
|
+
gem 'neeto-thank-you-engine'
|
|
28
|
+
end
|
|
29
|
+
```
|
|
30
|
+
2. And then execute:
|
|
31
|
+
```ruby
|
|
32
|
+
bundle install
|
|
33
|
+
```
|
|
34
|
+
3. Add this line to your application's `config/routes.rb` file:
|
|
35
|
+
```ruby
|
|
36
|
+
mount NeetoThankYouEngine::Engine => "/neeto_thank_you_engine"
|
|
37
|
+
```
|
|
38
|
+
4. Run the following command to copy the migrations from the engine to the host application:
|
|
39
|
+
```ruby
|
|
40
|
+
bundle exec rails neeto_thank_you_engine:install:migrations
|
|
41
|
+
```
|
|
42
|
+
5. Add the migrations to the database:
|
|
43
|
+
```ruby
|
|
44
|
+
bundle exec rails db:migrate
|
|
45
|
+
```
|
|
46
|
+
### Usage
|
|
47
|
+
You can learn more about the setup and usage here:
|
|
48
|
+
1. [Models](/docs/engine/models.md)
|
|
49
|
+
2. [Controllers](/docs/engine/controllers.md)
|
|
50
|
+
|
|
51
|
+
## Frontend package
|
|
52
|
+
The package exports two components: `ConfigureThankYou` and `ShowThankYou`.
|
|
53
|
+
|
|
54
|
+
The package also exports two hooks: `useShowThankYouPage` and `useShowThankYouConfiguration`
|
|
55
|
+
|
|
56
|
+
### Installation
|
|
57
|
+
Install the latest `neeto-thank-you-nano` package using the below command:
|
|
58
|
+
|
|
59
|
+
```zsh
|
|
60
|
+
yarn add @bigbinary/neeto-thank-you-frontend
|
|
61
|
+
```
|
|
62
|
+
### Components
|
|
63
|
+
#### `ConfigureThankYou` ([source code](https://github.com/bigbinary/neeto-thank-you-nano/blob/f7c53e11319268eac4de3bd5642e228063d431fb/app/javascript/src/components/ConfigureThankYou/index.jsx))
|
|
64
|
+
This component manages the configuration of the "Thank You" page in the host application.
|
|
65
|
+
|
|
66
|
+
##### Props
|
|
67
|
+
- `breadcrumbs` - Set the header component's breadcrumbs
|
|
68
|
+
- `socialHandles` - Set the URLs for sharing to social media
|
|
69
|
+
- `isPublished` - Boolean to manage pointer events in the "Thank You" page configuration preview
|
|
70
|
+
- `entityId` - Set the entity ID associated with the "Thank You" page
|
|
71
|
+
- `publicLinkId` - Set the public link ID of the entity associated with the thank you configuration for social media sharing
|
|
72
|
+
- `hasImageUploader` - Boolean to show the image uploader section in the thank you configuration page
|
|
73
|
+
- `uniqueSubmissionEnabled` - Boolean to show link for unique submission
|
|
74
|
+
- `uniqueSubmissionLink` - Set link for unique submission
|
|
75
|
+
- `resubmitLink` - Set link for resubmission
|
|
76
|
+
- `redirectToOnCancel` - Set path to redirect to after cancelling submission
|
|
77
|
+
- `thankYouTextAlignment` - Set alignment of the "Thank You" text in "Thank You" page
|
|
78
|
+
- `customHeader` - Accepts a React Node & replaces the default Header.
|
|
79
|
+
- `appName` - Accepts appName, which will be used for branding `Powered by {{appName}}` [default: "neetoForm"].
|
|
80
|
+
- `disableSubmitAnotherResponse` - Removes the toggle for submitting another response, incase of neetoForm [default: false].
|
|
81
|
+
- `disableRadioSelection` - Removes the radio selector for `Customize thank you page` & `Redirect to external link` [default: false]
|
|
82
|
+
|
|
83
|
+
##### Configuration
|
|
84
|
+
Refer to the [ConfigureThankYou](/docs/frontend/configure_thank_you.md) section for detailed information on the available configurations for the `ConfigureThankYou` component.
|
|
85
|
+
|
|
86
|
+
##### Usage
|
|
87
|
+
```jsx
|
|
88
|
+
import React from "react";
|
|
89
|
+
|
|
90
|
+
import { ConfigureThankYou } from "@bigbinary/neeto-thank-you-frontend";
|
|
91
|
+
|
|
92
|
+
const App = () => {
|
|
93
|
+
const breadcrumbs = [{ text: "Configure", link: "/configure" }];
|
|
94
|
+
const socialHandles = [{ icon: Facebook, generateShareUrl: entityId => `https://www.facebook.com/${entityId}`}];
|
|
95
|
+
|
|
96
|
+
return (
|
|
97
|
+
<>
|
|
98
|
+
<ConfigureThankYou
|
|
99
|
+
hasImageUploader
|
|
100
|
+
breadcrumbs={breadcrumbs}
|
|
101
|
+
entityId={entityId}
|
|
102
|
+
publicLinkId={publicLinkId}
|
|
103
|
+
isPublished={isPublished}
|
|
104
|
+
resubmitLink={resubmitLink}
|
|
105
|
+
socialHandles={socialHandles}
|
|
106
|
+
uniqueSubmissionEnabled={uniqueSubmissionEnabled}
|
|
107
|
+
uniqueSubmissionLink={uniqueSubmissionLink}
|
|
108
|
+
redirectToOnCancel={redirectToOnCancel}
|
|
109
|
+
thankYouTextAlignment={thankYouTextAlignment}
|
|
110
|
+
appName="neetoForm"
|
|
111
|
+
/>
|
|
112
|
+
</>
|
|
113
|
+
)
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
export default App;
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
#### `ShowThankYou` ([source code](https://github.com/bigbinary/neeto-thank-you-nano/blob/f7c53e11319268eac4de3bd5642e228063d431fb/app/javascript/src/components/ShowThankYou/index.jsx))
|
|
120
|
+
This component displays the "Thank You" page after submission as per the configurations set in the host application.
|
|
121
|
+
|
|
122
|
+
##### Props
|
|
123
|
+
- `entityId` - Set the entity ID associated with the "Thank You" page
|
|
124
|
+
- `socialHandles` - Set the URLs for sharing to social media
|
|
125
|
+
- `isDraftPreview` - Boolean to generate the draft resubmission URL
|
|
126
|
+
- `resubmitLink` - Set link for resubmission
|
|
127
|
+
- `isThankYouPageLoading` - Boolean value to show the loading state
|
|
128
|
+
|
|
129
|
+
##### Usage
|
|
130
|
+
```jsx
|
|
131
|
+
import React from "react";
|
|
132
|
+
|
|
133
|
+
import { ShowThankYou } from "@bigbinary/neeto-thank-you-frontend";
|
|
134
|
+
|
|
135
|
+
const App = () => {
|
|
136
|
+
const socialHandles = [{ icon: Facebook, generateShareUrl: entityId => `https://www.facebook.com/${entityId}`}];
|
|
137
|
+
|
|
138
|
+
return (
|
|
139
|
+
<>
|
|
140
|
+
<ShowThankYou
|
|
141
|
+
entityId={entityId}
|
|
142
|
+
isDraftPreview={isDraftPreview}
|
|
143
|
+
resubmitLink={resubmitLink}
|
|
144
|
+
socialHandles={socialHandles}
|
|
145
|
+
isThankYouPageLoading={isThankYouPageLoading}
|
|
146
|
+
/>
|
|
147
|
+
</>
|
|
148
|
+
)
|
|
149
|
+
};
|
|
150
|
+
|
|
151
|
+
export default App;
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
### Hooks
|
|
155
|
+
|
|
156
|
+
#### `useShowThankYouPage` ([source code](https://github.com/bigbinary/neeto-thank-you-nano/blob/fd519090a7b0ce63db912bdf795872bbdb6f9194/app/javascript/src/hooks/reactQuery/useThankYouPageApi.js#L6))
|
|
157
|
+
This hook is used to fetch the "Thank You" page of the entity.
|
|
158
|
+
|
|
159
|
+
##### Props
|
|
160
|
+
- `entityId` - ID of the entity to load the thank you configuration
|
|
161
|
+
- `isTemplateView` - Boolean to check if the current page is the template view
|
|
162
|
+
|
|
163
|
+
##### Return value
|
|
164
|
+
Returns the `data` object which includes the `thankYouConfiguration` object containing the thank you configuration for the entity.
|
|
165
|
+
|
|
166
|
+
##### Usage
|
|
167
|
+
```js
|
|
168
|
+
import { useShowThankYouPage } from "@bigbinary/neeto-thank-you-frontend";
|
|
169
|
+
|
|
170
|
+
const { data: { thankYouConfiguration } = {} } = useShowThankYouPage({
|
|
171
|
+
entityId,
|
|
172
|
+
isTemplateView,
|
|
173
|
+
});
|
|
174
|
+
```
|
|
3
175
|
|
|
4
|
-
|
|
176
|
+
#### `useShowThankYouConfiguration` ([source code](https://github.com/bigbinary/neeto-thank-you-nano/blob/fd519090a7b0ce63db912bdf795872bbdb6f9194/app/javascript/src/hooks/reactQuery/useThankYouConfigurationApi.js#L6))
|
|
177
|
+
This hook is used to fetch the thank you configuration of the entity.
|
|
5
178
|
|
|
6
|
-
|
|
179
|
+
##### Props
|
|
180
|
+
- `entityId` - ID of the entity to load the thank you configuration
|
|
7
181
|
|
|
8
|
-
|
|
9
|
-
|
|
182
|
+
##### Return value
|
|
183
|
+
Returns the `data` object which includes the `thankYouConfiguration` object containing the thank you configuration for the entity, and an `isLoading` boolean.
|
|
10
184
|
|
|
11
|
-
|
|
185
|
+
##### Usage
|
|
186
|
+
```js
|
|
187
|
+
import { useShowThankYouConfiguration } from "@bigbinary/neeto-thank-you-frontend";
|
|
12
188
|
|
|
13
|
-
3. Visit http://spinkart.lvh.me:9100 and login with email `oliver@example.com`
|
|
14
|
-
and password `welcome`.
|
|
15
189
|
|
|
16
|
-
|
|
190
|
+
const {
|
|
191
|
+
isLoading: isThankYouActionLoading,
|
|
192
|
+
data: { thankYouConfiguration } = {},
|
|
193
|
+
} = useShowThankYouConfiguration({ entityId });
|
|
194
|
+
```
|
|
17
195
|
|
|
18
|
-
|
|
19
|
-
|
|
196
|
+
# Instructions for Publishing
|
|
197
|
+
Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"socialShareHeading": "Share this neetoForm on social media",
|
|
28
28
|
"resubmissionWarning": "You have enabled unique submission for this form, please disable unique submission before enabling the resubmit link.",
|
|
29
29
|
"uniqueSubmissionLinkText": "Go to Unique submissions settings",
|
|
30
|
-
"
|
|
30
|
+
"poweredBy": "Powered by <strong>{{appName, anyCase}}</strong>",
|
|
31
31
|
"formBranding": "Build your own form using <a><span>neetoForm.</span></a> It’s free.",
|
|
32
32
|
"draftVersionForm": "You are using the draft version of the form. The data will not be submitted.",
|
|
33
33
|
"validations": {
|
package/dist/index.cjs.js
CHANGED
|
@@ -11,12 +11,12 @@ var classNames = require('classnames');
|
|
|
11
11
|
var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
|
|
12
12
|
var neetoui = require('@bigbinary/neetoui');
|
|
13
13
|
var formik$1 = require('@bigbinary/neetoui/formik');
|
|
14
|
+
var ramda = require('ramda');
|
|
14
15
|
var reactI18next = require('react-i18next');
|
|
15
16
|
var reactQuery = require('react-query');
|
|
16
17
|
var axios = require('axios');
|
|
17
18
|
var formik = require('formik');
|
|
18
19
|
var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-frontend');
|
|
19
|
-
var ramda = require('ramda');
|
|
20
20
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
21
21
|
var NeetoUIHeader = require('@bigbinary/neeto-molecules/Header');
|
|
22
22
|
|
|
@@ -89,6 +89,22 @@ var THANK_YOU_TEXT_ALIGNMENTS = {
|
|
|
89
89
|
left: "left",
|
|
90
90
|
center: "center"
|
|
91
91
|
};
|
|
92
|
+
var DEFAULT_APP_NAME = "neetoForm";
|
|
93
|
+
|
|
94
|
+
function _extends$1() {
|
|
95
|
+
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
|
96
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
97
|
+
var source = arguments[i];
|
|
98
|
+
for (var key in source) {
|
|
99
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
100
|
+
target[key] = source[key];
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
return target;
|
|
105
|
+
};
|
|
106
|
+
return _extends$1.apply(this, arguments);
|
|
107
|
+
}
|
|
92
108
|
|
|
93
109
|
function _typeof(obj) {
|
|
94
110
|
"@babel/helpers - typeof";
|
|
@@ -311,17 +327,17 @@ var ResubmissionWarningModal = function ResubmissionWarningModal(_ref) {
|
|
|
311
327
|
};
|
|
312
328
|
|
|
313
329
|
var Customize = function Customize(_ref) {
|
|
314
|
-
var
|
|
330
|
+
var editorRef = _ref.editorRef,
|
|
331
|
+
uniqueSubmissionEnabled = _ref.uniqueSubmissionEnabled,
|
|
315
332
|
hasImageUploader = _ref.hasImageUploader,
|
|
316
333
|
uniqueSubmissionLink = _ref.uniqueSubmissionLink,
|
|
317
|
-
entityId = _ref.entityId
|
|
334
|
+
entityId = _ref.entityId,
|
|
335
|
+
disableSocialShare = _ref.disableSocialShare,
|
|
336
|
+
disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse;
|
|
318
337
|
var _useState = React.useState(false),
|
|
319
338
|
_useState2 = _slicedToArray(_useState, 2),
|
|
320
339
|
isUniqueSubmissionWarningModalOpen = _useState2[0],
|
|
321
340
|
setIsUniqueSubmissionWarningModalOpen = _useState2[1];
|
|
322
|
-
var editorRef = React.useRef({
|
|
323
|
-
editor: {}
|
|
324
|
-
});
|
|
325
341
|
var _useTranslation = reactI18next.useTranslation(),
|
|
326
342
|
t = _useTranslation.t;
|
|
327
343
|
var _useFormikContext = formik.useFormikContext(),
|
|
@@ -355,10 +371,10 @@ var Customize = function Customize(_ref) {
|
|
|
355
371
|
label: t("neetoThankYou.thankYou.messageLabel"),
|
|
356
372
|
name: "message",
|
|
357
373
|
ref: editorRef
|
|
358
|
-
})), /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
|
|
374
|
+
})), !disableSocialShare && /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
|
|
359
375
|
label: t("neetoThankYou.thankYou.socialShareIcons"),
|
|
360
376
|
name: "socialSharingEnabled"
|
|
361
|
-
}), /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
|
|
377
|
+
}), !disableSubmitAnotherResponse && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formik$1.Switch, {
|
|
362
378
|
label: t("neetoThankYou.thankYou.showResubmitLink"),
|
|
363
379
|
name: "showResubmitLink",
|
|
364
380
|
className: classNames__default["default"]({
|
|
@@ -369,7 +385,7 @@ var Customize = function Customize(_ref) {
|
|
|
369
385
|
required: true,
|
|
370
386
|
label: t("neetoThankYou.thankYou.resubmitLinkText"),
|
|
371
387
|
name: "resubmitLinkText"
|
|
372
|
-
}), /*#__PURE__*/React__default["default"].createElement(ResubmissionWarningModal, {
|
|
388
|
+
})), /*#__PURE__*/React__default["default"].createElement(ResubmissionWarningModal, {
|
|
373
389
|
isOpen: isUniqueSubmissionWarningModalOpen,
|
|
374
390
|
setIsOpen: setIsUniqueSubmissionWarningModalOpen,
|
|
375
391
|
uniqueSubmissionLink: uniqueSubmissionLink
|
|
@@ -435,7 +451,8 @@ var Preview = function Preview(_ref) {
|
|
|
435
451
|
thankYouTextAlignment = _ref.thankYouTextAlignment,
|
|
436
452
|
resubmitLink = _ref.resubmitLink,
|
|
437
453
|
publicLinkId = _ref.publicLinkId,
|
|
438
|
-
isPublished = _ref.isPublished
|
|
454
|
+
isPublished = _ref.isPublished,
|
|
455
|
+
appName = _ref.appName;
|
|
439
456
|
var _useFormikContext = formik.useFormikContext(),
|
|
440
457
|
values = _useFormikContext.values;
|
|
441
458
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -454,14 +471,12 @@ var Preview = function Preview(_ref) {
|
|
|
454
471
|
className: "neeto-thank-you-configuration__main"
|
|
455
472
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
456
473
|
className: "neeto-thank-you-configuration__box"
|
|
457
|
-
}, !ramda.isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl)
|
|
474
|
+
}, !ramda.isEmpty(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
458
475
|
className: "neeto-thank-you-configuration__img"
|
|
459
476
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
460
477
|
alt: "",
|
|
461
478
|
src: values.imageUrl
|
|
462
|
-
})) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
463
|
-
className: "neeto-thank-you-configuration__default-img-wrap"
|
|
464
|
-
}, "\uD83C\uDF89"), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
479
|
+
})), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
465
480
|
className: "neeto-thank-you-configuration__description"
|
|
466
481
|
}, /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent, {
|
|
467
482
|
content: values.message
|
|
@@ -495,7 +510,10 @@ var Preview = function Preview(_ref) {
|
|
|
495
510
|
components: {
|
|
496
511
|
strong: /*#__PURE__*/React__default["default"].createElement("strong", null)
|
|
497
512
|
},
|
|
498
|
-
i18nKey: "neetoThankYou.thankYou.
|
|
513
|
+
i18nKey: "neetoThankYou.thankYou.poweredBy",
|
|
514
|
+
values: {
|
|
515
|
+
appName: appName || DEFAULT_APP_NAME
|
|
516
|
+
}
|
|
499
517
|
}))));
|
|
500
518
|
};
|
|
501
519
|
|
|
@@ -536,7 +554,10 @@ var Form = function Form(_ref) {
|
|
|
536
554
|
redirectToOnCancel = _ref.redirectToOnCancel,
|
|
537
555
|
thankYouTextAlignment = _ref.thankYouTextAlignment,
|
|
538
556
|
resubmitLink = _ref.resubmitLink,
|
|
539
|
-
isPublished = _ref.isPublished
|
|
557
|
+
isPublished = _ref.isPublished,
|
|
558
|
+
disableSubmitAnotherResponse = _ref.disableSubmitAnotherResponse,
|
|
559
|
+
disableRadioSelection = _ref.disableRadioSelection,
|
|
560
|
+
appName = _ref.appName;
|
|
540
561
|
var _useTranslation = reactI18next.useTranslation(),
|
|
541
562
|
t = _useTranslation.t;
|
|
542
563
|
var _useShowThankYouConfi = useShowThankYouConfiguration({
|
|
@@ -552,11 +573,18 @@ var Form = function Form(_ref) {
|
|
|
552
573
|
var _useResetThankYouConf = useResetThankYouConfigurationToDefault(entityId),
|
|
553
574
|
resetToDefaultMessage = _useResetThankYouConf.mutate,
|
|
554
575
|
isResetting = _useResetThankYouConf.isLoading;
|
|
576
|
+
var editorRef = React.useRef({
|
|
577
|
+
editor: {}
|
|
578
|
+
});
|
|
555
579
|
if (isLoading) {
|
|
556
580
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
557
581
|
className: "flex h-full w-full items-center justify-center"
|
|
558
582
|
}, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
|
|
559
583
|
}
|
|
584
|
+
var resetEditor = function resetEditor() {
|
|
585
|
+
var _editorRef$current$ed;
|
|
586
|
+
return (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.commands.setContent(thankYouConfiguration.message);
|
|
587
|
+
};
|
|
560
588
|
return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
|
|
561
589
|
formikProps: {
|
|
562
590
|
enableReinitialize: true,
|
|
@@ -578,7 +606,7 @@ var Form = function Form(_ref) {
|
|
|
578
606
|
className: "grid grid-cols-2 gap-x-6 pb-4"
|
|
579
607
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
580
608
|
className: "flex flex-col"
|
|
581
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
609
|
+
}, !disableRadioSelection && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
582
610
|
className: "mb-6 w-full"
|
|
583
611
|
}, /*#__PURE__*/React__default["default"].createElement(formik$1.Radio, {
|
|
584
612
|
containerClassName: "grid grid-cols-2 gap-x-6 items-stretch",
|
|
@@ -594,6 +622,9 @@ var Form = function Form(_ref) {
|
|
|
594
622
|
})
|
|
595
623
|
});
|
|
596
624
|
}))), values.kind === FORM_OPTIONS.customize.kind ? /*#__PURE__*/React__default["default"].createElement(Customize, {
|
|
625
|
+
disableSocialShare: ramda.isEmpty(socialHandles),
|
|
626
|
+
disableSubmitAnotherResponse: disableSubmitAnotherResponse,
|
|
627
|
+
editorRef: editorRef,
|
|
597
628
|
entityId: entityId,
|
|
598
629
|
hasImageUploader: hasImageUploader,
|
|
599
630
|
uniqueSubmissionEnabled: uniqueSubmissionEnabled,
|
|
@@ -610,14 +641,18 @@ var Form = function Form(_ref) {
|
|
|
610
641
|
label: t("neetoThankYou.buttons.resetChanges"),
|
|
611
642
|
loading: isResetting,
|
|
612
643
|
style: "secondary",
|
|
613
|
-
onClick:
|
|
614
|
-
|
|
615
|
-
}
|
|
616
|
-
}), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
644
|
+
onClick: resetToDefaultMessage
|
|
645
|
+
}), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
|
|
617
646
|
label: t("neetoThankYou.buttons.cancel"),
|
|
618
|
-
style: "text"
|
|
647
|
+
style: "text"
|
|
648
|
+
}, redirectToOnCancel ? {
|
|
619
649
|
to: redirectToOnCancel
|
|
620
|
-
}
|
|
650
|
+
} : {
|
|
651
|
+
type: "reset",
|
|
652
|
+
onClick: resetEditor,
|
|
653
|
+
disabled: !dirty
|
|
654
|
+
})))), values.kind === FORM_OPTIONS.customize.kind && /*#__PURE__*/React__default["default"].createElement(Preview, {
|
|
655
|
+
appName: appName,
|
|
621
656
|
isPublished: isPublished,
|
|
622
657
|
publicLinkId: publicLinkId,
|
|
623
658
|
resubmitLink: resubmitLink,
|
|
@@ -642,28 +677,37 @@ var Header = function Header(_ref) {
|
|
|
642
677
|
|
|
643
678
|
var ConfigureThankYou = function ConfigureThankYou(_ref) {
|
|
644
679
|
var breadcrumbs = _ref.breadcrumbs,
|
|
645
|
-
_ref$socialHandles = _ref.socialHandles,
|
|
646
|
-
socialHandles = _ref$socialHandles === void 0 ? [] : _ref$socialHandles,
|
|
647
680
|
isPublished = _ref.isPublished,
|
|
648
681
|
entityId = _ref.entityId,
|
|
649
682
|
publicLinkId = _ref.publicLinkId,
|
|
650
|
-
_ref$hasImageUploader = _ref.hasImageUploader,
|
|
651
|
-
hasImageUploader = _ref$hasImageUploader === void 0 ? false : _ref$hasImageUploader,
|
|
652
|
-
_ref$uniqueSubmission = _ref.uniqueSubmissionEnabled,
|
|
653
|
-
uniqueSubmissionEnabled = _ref$uniqueSubmission === void 0 ? false : _ref$uniqueSubmission,
|
|
654
|
-
_ref$uniqueSubmission2 = _ref.uniqueSubmissionLink,
|
|
655
|
-
uniqueSubmissionLink = _ref$uniqueSubmission2 === void 0 ? "" : _ref$uniqueSubmission2,
|
|
656
683
|
resubmitLink = _ref.resubmitLink,
|
|
657
684
|
redirectToOnCancel = _ref.redirectToOnCancel,
|
|
685
|
+
_ref$socialHandles = _ref.socialHandles,
|
|
686
|
+
socialHandles = _ref$socialHandles === void 0 ? [] : _ref$socialHandles,
|
|
687
|
+
_ref$uniqueSubmission = _ref.uniqueSubmissionLink,
|
|
688
|
+
uniqueSubmissionLink = _ref$uniqueSubmission === void 0 ? "" : _ref$uniqueSubmission,
|
|
689
|
+
_ref$uniqueSubmission2 = _ref.uniqueSubmissionEnabled,
|
|
690
|
+
uniqueSubmissionEnabled = _ref$uniqueSubmission2 === void 0 ? false : _ref$uniqueSubmission2,
|
|
691
|
+
_ref$hasImageUploader = _ref.hasImageUploader,
|
|
692
|
+
hasImageUploader = _ref$hasImageUploader === void 0 ? false : _ref$hasImageUploader,
|
|
693
|
+
_ref$disableSubmitAno = _ref.disableSubmitAnotherResponse,
|
|
694
|
+
disableSubmitAnotherResponse = _ref$disableSubmitAno === void 0 ? false : _ref$disableSubmitAno,
|
|
695
|
+
_ref$disableRadioSele = _ref.disableRadioSelection,
|
|
696
|
+
disableRadioSelection = _ref$disableRadioSele === void 0 ? false : _ref$disableRadioSele,
|
|
658
697
|
_ref$thankYouTextAlig = _ref.thankYouTextAlignment,
|
|
659
|
-
thankYouTextAlignment = _ref$thankYouTextAlig === void 0 ? THANK_YOU_TEXT_ALIGNMENTS.center : _ref$thankYouTextAlig
|
|
660
|
-
|
|
698
|
+
thankYouTextAlignment = _ref$thankYouTextAlig === void 0 ? THANK_YOU_TEXT_ALIGNMENTS.center : _ref$thankYouTextAlig,
|
|
699
|
+
customHeader = _ref.customHeader,
|
|
700
|
+
appName = _ref.appName;
|
|
701
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, customHeader || /*#__PURE__*/React__default["default"].createElement(Header, {
|
|
661
702
|
breadcrumbs: breadcrumbs
|
|
662
703
|
}), /*#__PURE__*/React__default["default"].createElement(Scrollable__default["default"], {
|
|
663
704
|
className: "w-full p-6 pt-0"
|
|
664
705
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
665
706
|
className: "mx-auto h-full max-w-7xl"
|
|
666
707
|
}, /*#__PURE__*/React__default["default"].createElement(Form, {
|
|
708
|
+
appName: appName,
|
|
709
|
+
disableRadioSelection: disableRadioSelection,
|
|
710
|
+
disableSubmitAnotherResponse: disableSubmitAnotherResponse,
|
|
667
711
|
entityId: entityId,
|
|
668
712
|
hasImageUploader: hasImageUploader,
|
|
669
713
|
isPublished: isPublished,
|
|
@@ -735,14 +779,12 @@ var ShowThankYou = function ShowThankYou(_ref) {
|
|
|
735
779
|
className: "neeto-thank-you-configuration__main"
|
|
736
780
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
737
781
|
className: "neeto-thank-you-configuration__box"
|
|
738
|
-
}, !ramda.isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl)
|
|
782
|
+
}, !ramda.isEmpty(thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
739
783
|
className: "neeto-thank-you-configuration__img"
|
|
740
784
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
741
785
|
alt: "",
|
|
742
786
|
src: thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.imageUrl
|
|
743
|
-
})) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
744
|
-
className: "neeto-thank-you-configuration__default-img-wrap"
|
|
745
|
-
}, "\uD83C\uDF89"), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
787
|
+
})), (thankYouConfiguration === null || thankYouConfiguration === void 0 ? void 0 : thankYouConfiguration.message) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
746
788
|
className: "neeto-thank-you-configuration__description"
|
|
747
789
|
}, /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
|
|
748
790
|
content: thankYouConfiguration.message
|