@livechat/platform-workflows 0.0.75 → 0.0.76
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/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +887 -837
- package/dist/index.mjs +933 -883
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -448,23 +448,18 @@ var require_hoist_non_react_statics_cjs = __commonJS({
|
|
|
448
448
|
}
|
|
449
449
|
});
|
|
450
450
|
|
|
451
|
-
// ../../../node_modules/.pnpm/@babel+runtime@7.
|
|
451
|
+
// ../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/extends.js
|
|
452
452
|
var require_extends = __commonJS({
|
|
453
|
-
"../../../node_modules/.pnpm/@babel+runtime@7.
|
|
453
|
+
"../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/extends.js"(exports2, module2) {
|
|
454
454
|
"use strict";
|
|
455
455
|
function _extends2() {
|
|
456
|
-
module2.exports = _extends2 = Object.assign ? Object.assign.bind() : function(
|
|
457
|
-
for (var
|
|
458
|
-
var
|
|
459
|
-
for (var
|
|
460
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
461
|
-
target[key] = source[key];
|
|
462
|
-
}
|
|
463
|
-
}
|
|
456
|
+
return module2.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
|
|
457
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
458
|
+
var t = arguments[e];
|
|
459
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
464
460
|
}
|
|
465
|
-
return
|
|
466
|
-
}, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
|
|
467
|
-
return _extends2.apply(this, arguments);
|
|
461
|
+
return n;
|
|
462
|
+
}, module2.exports.__esModule = true, module2.exports["default"] = module2.exports, _extends2.apply(null, arguments);
|
|
468
463
|
}
|
|
469
464
|
module2.exports = _extends2, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
|
|
470
465
|
}
|
|
@@ -501,7 +496,7 @@ var import_react_router_dom28 = require("react-router-dom");
|
|
|
501
496
|
var import_react3 = require("react");
|
|
502
497
|
var import_react_router_dom = require("react-router-dom");
|
|
503
498
|
|
|
504
|
-
// ../../../node_modules/.pnpm/@emotion+react@11.
|
|
499
|
+
// ../../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
|
|
505
500
|
var React2 = __toESM(require("react"));
|
|
506
501
|
var import_react = require("react");
|
|
507
502
|
|
|
@@ -676,12 +671,14 @@ function slice(begin, end) {
|
|
|
676
671
|
}
|
|
677
672
|
function token(type) {
|
|
678
673
|
switch (type) {
|
|
674
|
+
// \0 \t \n \r \s whitespace token
|
|
679
675
|
case 0:
|
|
680
676
|
case 9:
|
|
681
677
|
case 10:
|
|
682
678
|
case 13:
|
|
683
679
|
case 32:
|
|
684
680
|
return 5;
|
|
681
|
+
// ! + , / > @ ~ isolate token
|
|
685
682
|
case 33:
|
|
686
683
|
case 43:
|
|
687
684
|
case 44:
|
|
@@ -689,17 +686,21 @@ function token(type) {
|
|
|
689
686
|
case 62:
|
|
690
687
|
case 64:
|
|
691
688
|
case 126:
|
|
689
|
+
// ; { } breakpoint token
|
|
692
690
|
case 59:
|
|
693
691
|
case 123:
|
|
694
692
|
case 125:
|
|
695
693
|
return 4;
|
|
694
|
+
// : accompanied token
|
|
696
695
|
case 58:
|
|
697
696
|
return 3;
|
|
697
|
+
// " ' ( [ opening delimit token
|
|
698
698
|
case 34:
|
|
699
699
|
case 39:
|
|
700
700
|
case 40:
|
|
701
701
|
case 91:
|
|
702
702
|
return 2;
|
|
703
|
+
// ) ] closing delimit token
|
|
703
704
|
case 41:
|
|
704
705
|
case 93:
|
|
705
706
|
return 1;
|
|
@@ -732,17 +733,21 @@ function escaping(index, count) {
|
|
|
732
733
|
function delimiter(type) {
|
|
733
734
|
while (next())
|
|
734
735
|
switch (character) {
|
|
736
|
+
// ] ) " '
|
|
735
737
|
case type:
|
|
736
738
|
return position;
|
|
739
|
+
// " '
|
|
737
740
|
case 34:
|
|
738
741
|
case 39:
|
|
739
742
|
if (type !== 34 && type !== 39)
|
|
740
743
|
delimiter(character);
|
|
741
744
|
break;
|
|
745
|
+
// (
|
|
742
746
|
case 40:
|
|
743
747
|
if (type === 41)
|
|
744
748
|
delimiter(type);
|
|
745
749
|
break;
|
|
750
|
+
// \
|
|
746
751
|
case 92:
|
|
747
752
|
next();
|
|
748
753
|
break;
|
|
@@ -785,26 +790,31 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
|
|
|
785
790
|
var characters2 = type;
|
|
786
791
|
while (scanning)
|
|
787
792
|
switch (previous = character2, character2 = next()) {
|
|
793
|
+
// (
|
|
788
794
|
case 40:
|
|
789
795
|
if (previous != 108 && charat(characters2, length2 - 1) == 58) {
|
|
790
796
|
if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
|
|
791
797
|
ampersand = -1;
|
|
792
798
|
break;
|
|
793
799
|
}
|
|
800
|
+
// " ' [
|
|
794
801
|
case 34:
|
|
795
802
|
case 39:
|
|
796
803
|
case 91:
|
|
797
804
|
characters2 += delimit(character2);
|
|
798
805
|
break;
|
|
806
|
+
// \t \n \r \s
|
|
799
807
|
case 9:
|
|
800
808
|
case 10:
|
|
801
809
|
case 13:
|
|
802
810
|
case 32:
|
|
803
811
|
characters2 += whitespace(previous);
|
|
804
812
|
break;
|
|
813
|
+
// \
|
|
805
814
|
case 92:
|
|
806
815
|
characters2 += escaping(caret() - 1, 7);
|
|
807
816
|
continue;
|
|
817
|
+
// /
|
|
808
818
|
case 47:
|
|
809
819
|
switch (peek()) {
|
|
810
820
|
case 42:
|
|
@@ -815,23 +825,28 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
|
|
|
815
825
|
characters2 += "/";
|
|
816
826
|
}
|
|
817
827
|
break;
|
|
828
|
+
// {
|
|
818
829
|
case 123 * variable:
|
|
819
830
|
points[index++] = strlen(characters2) * ampersand;
|
|
831
|
+
// } ; \0
|
|
820
832
|
case 125 * variable:
|
|
821
833
|
case 59:
|
|
822
834
|
case 0:
|
|
823
835
|
switch (character2) {
|
|
836
|
+
// \0 }
|
|
824
837
|
case 0:
|
|
825
838
|
case 125:
|
|
826
839
|
scanning = 0;
|
|
840
|
+
// ;
|
|
827
841
|
case 59 + offset:
|
|
828
|
-
if (ampersand == -1)
|
|
829
|
-
characters2 = replace(characters2, /\f/g, "");
|
|
842
|
+
if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
|
|
830
843
|
if (property > 0 && strlen(characters2) - length2)
|
|
831
844
|
append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
|
|
832
845
|
break;
|
|
846
|
+
// @ ;
|
|
833
847
|
case 59:
|
|
834
848
|
characters2 += ";";
|
|
849
|
+
// { rule/at-rule
|
|
835
850
|
default:
|
|
836
851
|
append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
|
|
837
852
|
if (character2 === 123)
|
|
@@ -839,6 +854,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
|
|
|
839
854
|
parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
|
|
840
855
|
else
|
|
841
856
|
switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
|
|
857
|
+
// d l m s
|
|
842
858
|
case 100:
|
|
843
859
|
case 108:
|
|
844
860
|
case 109:
|
|
@@ -851,6 +867,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
|
|
|
851
867
|
}
|
|
852
868
|
index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
|
|
853
869
|
break;
|
|
870
|
+
// :
|
|
854
871
|
case 58:
|
|
855
872
|
length2 = 1 + strlen(characters2), property = previous;
|
|
856
873
|
default:
|
|
@@ -861,17 +878,21 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
|
|
|
861
878
|
continue;
|
|
862
879
|
}
|
|
863
880
|
switch (characters2 += from(character2), character2 * variable) {
|
|
881
|
+
// &
|
|
864
882
|
case 38:
|
|
865
883
|
ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
|
|
866
884
|
break;
|
|
885
|
+
// ,
|
|
867
886
|
case 44:
|
|
868
887
|
points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
|
|
869
888
|
break;
|
|
889
|
+
// @
|
|
870
890
|
case 64:
|
|
871
891
|
if (peek() === 45)
|
|
872
892
|
characters2 += delimit(next());
|
|
873
893
|
atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
|
|
874
894
|
break;
|
|
895
|
+
// -
|
|
875
896
|
case 45:
|
|
876
897
|
if (previous === 45 && strlen(characters2) == 2)
|
|
877
898
|
variable = 0;
|
|
@@ -907,8 +928,7 @@ function serialize(children, callback) {
|
|
|
907
928
|
function stringify(element, index, children, callback) {
|
|
908
929
|
switch (element.type) {
|
|
909
930
|
case LAYER:
|
|
910
|
-
if (element.children.length)
|
|
911
|
-
break;
|
|
931
|
+
if (element.children.length) break;
|
|
912
932
|
case IMPORT:
|
|
913
933
|
case DECLARATION:
|
|
914
934
|
return element.return = element.return || element.value;
|
|
@@ -958,13 +978,12 @@ var weakMemoize = function weakMemoize2(func) {
|
|
|
958
978
|
function memoize(fn) {
|
|
959
979
|
var cache = /* @__PURE__ */ Object.create(null);
|
|
960
980
|
return function(arg) {
|
|
961
|
-
if (cache[arg] === void 0)
|
|
962
|
-
cache[arg] = fn(arg);
|
|
981
|
+
if (cache[arg] === void 0) cache[arg] = fn(arg);
|
|
963
982
|
return cache[arg];
|
|
964
983
|
};
|
|
965
984
|
}
|
|
966
985
|
|
|
967
|
-
// ../../../node_modules/.pnpm/@emotion+cache@11.
|
|
986
|
+
// ../../../node_modules/.pnpm/@emotion+cache@11.14.0/node_modules/@emotion/cache/dist/emotion-cache.esm.js
|
|
968
987
|
var isBrowser = typeof document !== "undefined";
|
|
969
988
|
var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
|
|
970
989
|
var previous = 0;
|
|
@@ -1002,6 +1021,7 @@ var toRules = function toRules2(parsed, points) {
|
|
|
1002
1021
|
points[index] = parsed[index].length;
|
|
1003
1022
|
break;
|
|
1004
1023
|
}
|
|
1024
|
+
// fallthrough
|
|
1005
1025
|
default:
|
|
1006
1026
|
parsed[index] += from(character2);
|
|
1007
1027
|
}
|
|
@@ -1018,12 +1038,12 @@ var compat = function compat2(element) {
|
|
|
1018
1038
|
element.length < 1) {
|
|
1019
1039
|
return;
|
|
1020
1040
|
}
|
|
1021
|
-
var value = element.value
|
|
1041
|
+
var value = element.value;
|
|
1042
|
+
var parent = element.parent;
|
|
1022
1043
|
var isImplicitRule = element.column === parent.column && element.line === parent.line;
|
|
1023
1044
|
while (parent.type !== "rule") {
|
|
1024
1045
|
parent = parent.parent;
|
|
1025
|
-
if (!parent)
|
|
1026
|
-
return;
|
|
1046
|
+
if (!parent) return;
|
|
1027
1047
|
}
|
|
1028
1048
|
if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
|
|
1029
1049
|
return;
|
|
@@ -1056,8 +1076,10 @@ var removeLabel = function removeLabel2(element) {
|
|
|
1056
1076
|
};
|
|
1057
1077
|
function prefix(value, length2) {
|
|
1058
1078
|
switch (hash(value, length2)) {
|
|
1079
|
+
// color-adjust
|
|
1059
1080
|
case 5103:
|
|
1060
1081
|
return WEBKIT + "print-" + value + value;
|
|
1082
|
+
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
|
|
1061
1083
|
case 5737:
|
|
1062
1084
|
case 4201:
|
|
1063
1085
|
case 3177:
|
|
@@ -1065,18 +1087,21 @@ function prefix(value, length2) {
|
|
|
1065
1087
|
case 1641:
|
|
1066
1088
|
case 4457:
|
|
1067
1089
|
case 2921:
|
|
1090
|
+
// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
|
|
1068
1091
|
case 5572:
|
|
1069
1092
|
case 6356:
|
|
1070
1093
|
case 5844:
|
|
1071
1094
|
case 3191:
|
|
1072
1095
|
case 6645:
|
|
1073
1096
|
case 3005:
|
|
1097
|
+
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
|
|
1074
1098
|
case 6391:
|
|
1075
1099
|
case 5879:
|
|
1076
1100
|
case 5623:
|
|
1077
1101
|
case 6135:
|
|
1078
1102
|
case 4599:
|
|
1079
1103
|
case 4855:
|
|
1104
|
+
// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
|
|
1080
1105
|
case 4215:
|
|
1081
1106
|
case 6389:
|
|
1082
1107
|
case 5109:
|
|
@@ -1084,43 +1109,58 @@ function prefix(value, length2) {
|
|
|
1084
1109
|
case 5621:
|
|
1085
1110
|
case 3829:
|
|
1086
1111
|
return WEBKIT + value + value;
|
|
1112
|
+
// appearance, user-select, transform, hyphens, text-size-adjust
|
|
1087
1113
|
case 5349:
|
|
1088
1114
|
case 4246:
|
|
1089
1115
|
case 4810:
|
|
1090
1116
|
case 6968:
|
|
1091
1117
|
case 2756:
|
|
1092
1118
|
return WEBKIT + value + MOZ + value + MS + value + value;
|
|
1119
|
+
// flex, flex-direction
|
|
1093
1120
|
case 6828:
|
|
1094
1121
|
case 4268:
|
|
1095
1122
|
return WEBKIT + value + MS + value + value;
|
|
1123
|
+
// order
|
|
1096
1124
|
case 6165:
|
|
1097
1125
|
return WEBKIT + value + MS + "flex-" + value + value;
|
|
1126
|
+
// align-items
|
|
1098
1127
|
case 5187:
|
|
1099
1128
|
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
|
|
1129
|
+
// align-self
|
|
1100
1130
|
case 5443:
|
|
1101
1131
|
return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
|
|
1132
|
+
// align-content
|
|
1102
1133
|
case 4675:
|
|
1103
1134
|
return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
|
|
1135
|
+
// flex-shrink
|
|
1104
1136
|
case 5548:
|
|
1105
1137
|
return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
|
|
1138
|
+
// flex-basis
|
|
1106
1139
|
case 5292:
|
|
1107
1140
|
return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
|
|
1141
|
+
// flex-grow
|
|
1108
1142
|
case 6060:
|
|
1109
1143
|
return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
|
|
1144
|
+
// transition
|
|
1110
1145
|
case 4554:
|
|
1111
1146
|
return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
|
|
1147
|
+
// cursor
|
|
1112
1148
|
case 6187:
|
|
1113
1149
|
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
|
|
1150
|
+
// background, background-image
|
|
1114
1151
|
case 5495:
|
|
1115
1152
|
case 3959:
|
|
1116
1153
|
return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
|
|
1154
|
+
// justify-content
|
|
1117
1155
|
case 4968:
|
|
1118
1156
|
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
|
|
1157
|
+
// (margin|padding)-inline-(start|end)
|
|
1119
1158
|
case 4095:
|
|
1120
1159
|
case 3583:
|
|
1121
1160
|
case 4068:
|
|
1122
1161
|
case 2532:
|
|
1123
1162
|
return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
|
|
1163
|
+
// (min|max)?(width|height|inline-size|block-size)
|
|
1124
1164
|
case 8116:
|
|
1125
1165
|
case 7059:
|
|
1126
1166
|
case 5753:
|
|
@@ -1133,34 +1173,42 @@ function prefix(value, length2) {
|
|
|
1133
1173
|
case 5789:
|
|
1134
1174
|
case 5021:
|
|
1135
1175
|
case 4765:
|
|
1136
|
-
if (strlen(value) - 1 - length2 > 6)
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1176
|
+
if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
|
|
1177
|
+
// (m)ax-content, (m)in-content
|
|
1178
|
+
case 109:
|
|
1179
|
+
if (charat(value, length2 + 4) !== 45) break;
|
|
1180
|
+
// (f)ill-available, (f)it-content
|
|
1181
|
+
case 102:
|
|
1182
|
+
return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
|
|
1183
|
+
// (s)tretch
|
|
1184
|
+
case 115:
|
|
1185
|
+
return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
|
|
1186
|
+
}
|
|
1146
1187
|
break;
|
|
1188
|
+
// position: sticky
|
|
1147
1189
|
case 4949:
|
|
1148
|
-
if (charat(value, length2 + 1) !== 115)
|
|
1149
|
-
|
|
1190
|
+
if (charat(value, length2 + 1) !== 115) break;
|
|
1191
|
+
// display: (flex|inline-flex)
|
|
1150
1192
|
case 6444:
|
|
1151
1193
|
switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
|
|
1194
|
+
// stic(k)y
|
|
1152
1195
|
case 107:
|
|
1153
1196
|
return replace(value, ":", ":" + WEBKIT) + value;
|
|
1197
|
+
// (inline-)?fl(e)x
|
|
1154
1198
|
case 101:
|
|
1155
1199
|
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
|
|
1156
1200
|
}
|
|
1157
1201
|
break;
|
|
1202
|
+
// writing-mode
|
|
1158
1203
|
case 5936:
|
|
1159
1204
|
switch (charat(value, length2 + 11)) {
|
|
1205
|
+
// vertical-l(r)
|
|
1160
1206
|
case 114:
|
|
1161
1207
|
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
|
|
1208
|
+
// vertical-r(l)
|
|
1162
1209
|
case 108:
|
|
1163
1210
|
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
|
|
1211
|
+
// horizontal(-)tb
|
|
1164
1212
|
case 45:
|
|
1165
1213
|
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
|
|
1166
1214
|
}
|
|
@@ -1170,44 +1218,41 @@ function prefix(value, length2) {
|
|
|
1170
1218
|
}
|
|
1171
1219
|
var prefixer = function prefixer2(element, index, children, callback) {
|
|
1172
1220
|
if (element.length > -1) {
|
|
1173
|
-
if (!element["return"])
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1221
|
+
if (!element["return"]) switch (element.type) {
|
|
1222
|
+
case DECLARATION:
|
|
1223
|
+
element["return"] = prefix(element.value, element.length);
|
|
1224
|
+
break;
|
|
1225
|
+
case KEYFRAMES:
|
|
1226
|
+
return serialize([copy(element, {
|
|
1227
|
+
value: replace(element.value, "@", "@" + WEBKIT)
|
|
1228
|
+
})], callback);
|
|
1229
|
+
case RULESET:
|
|
1230
|
+
if (element.length) return combine(element.props, function(value) {
|
|
1231
|
+
switch (match(value, /(::plac\w+|:read-\w+)/)) {
|
|
1232
|
+
// :read-(only|write)
|
|
1233
|
+
case ":read-only":
|
|
1234
|
+
case ":read-write":
|
|
1235
|
+
return serialize([copy(element, {
|
|
1236
|
+
props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
|
|
1237
|
+
})], callback);
|
|
1238
|
+
// :placeholder
|
|
1239
|
+
case "::placeholder":
|
|
1240
|
+
return serialize([copy(element, {
|
|
1241
|
+
props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
|
|
1242
|
+
}), copy(element, {
|
|
1243
|
+
props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
|
|
1244
|
+
}), copy(element, {
|
|
1245
|
+
props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
|
|
1246
|
+
})], callback);
|
|
1247
|
+
}
|
|
1248
|
+
return "";
|
|
1249
|
+
});
|
|
1250
|
+
}
|
|
1203
1251
|
}
|
|
1204
1252
|
};
|
|
1205
1253
|
var getServerStylisCache = isBrowser ? void 0 : weakMemoize(function() {
|
|
1206
1254
|
return memoize(function() {
|
|
1207
|
-
|
|
1208
|
-
return function(name) {
|
|
1209
|
-
return cache[name];
|
|
1210
|
-
};
|
|
1255
|
+
return {};
|
|
1211
1256
|
});
|
|
1212
1257
|
});
|
|
1213
1258
|
var defaultStylisPlugins = [prefixer];
|
|
@@ -1245,7 +1290,7 @@ var createCache = function createCache2(options) {
|
|
|
1245
1290
|
}
|
|
1246
1291
|
var _insert;
|
|
1247
1292
|
var omnipresentPlugins = [compat, removeLabel];
|
|
1248
|
-
if (
|
|
1293
|
+
if (!getServerStylisCache) {
|
|
1249
1294
|
var currentSheet;
|
|
1250
1295
|
var finalizingPlugins = [stringify, rulesheet(function(rule) {
|
|
1251
1296
|
currentSheet.insert(rule);
|
|
@@ -1311,23 +1356,18 @@ var createCache = function createCache2(options) {
|
|
|
1311
1356
|
return cache;
|
|
1312
1357
|
};
|
|
1313
1358
|
|
|
1314
|
-
// ../../../node_modules/.pnpm/@babel+runtime@7.
|
|
1359
|
+
// ../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/extends.js
|
|
1315
1360
|
function _extends() {
|
|
1316
|
-
_extends = Object.assign ? Object.assign.bind() : function(
|
|
1317
|
-
for (var
|
|
1318
|
-
var
|
|
1319
|
-
for (var
|
|
1320
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
1321
|
-
target[key] = source[key];
|
|
1322
|
-
}
|
|
1323
|
-
}
|
|
1361
|
+
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
1362
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
1363
|
+
var t = arguments[e];
|
|
1364
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
1324
1365
|
}
|
|
1325
|
-
return
|
|
1326
|
-
};
|
|
1327
|
-
return _extends.apply(this, arguments);
|
|
1366
|
+
return n;
|
|
1367
|
+
}, _extends.apply(null, arguments);
|
|
1328
1368
|
}
|
|
1329
1369
|
|
|
1330
|
-
// ../../../node_modules/.pnpm/@emotion+utils@1.4.
|
|
1370
|
+
// ../../../node_modules/.pnpm/@emotion+utils@1.4.2/node_modules/@emotion/utils/dist/emotion-utils.esm.js
|
|
1331
1371
|
var isBrowser2 = typeof document !== "undefined";
|
|
1332
1372
|
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
|
1333
1373
|
var rawClassName = "";
|
|
@@ -1458,7 +1498,7 @@ var unitlessKeys = {
|
|
|
1458
1498
|
strokeWidth: 1
|
|
1459
1499
|
};
|
|
1460
1500
|
|
|
1461
|
-
// ../../../node_modules/.pnpm/@emotion+serialize@1.3.
|
|
1501
|
+
// ../../../node_modules/.pnpm/@emotion+serialize@1.3.3/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
|
|
1462
1502
|
var isDevelopment2 = false;
|
|
1463
1503
|
var hyphenateRegex = /[A-Z]|^ms/g;
|
|
1464
1504
|
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
|
@@ -1506,14 +1546,14 @@ function handleInterpolation(mergedProps, registered, interpolation) {
|
|
|
1506
1546
|
return "";
|
|
1507
1547
|
}
|
|
1508
1548
|
case "object": {
|
|
1509
|
-
var
|
|
1510
|
-
if (
|
|
1549
|
+
var keyframes2 = interpolation;
|
|
1550
|
+
if (keyframes2.anim === 1) {
|
|
1511
1551
|
cursor = {
|
|
1512
|
-
name:
|
|
1513
|
-
styles:
|
|
1552
|
+
name: keyframes2.name,
|
|
1553
|
+
styles: keyframes2.styles,
|
|
1514
1554
|
next: cursor
|
|
1515
1555
|
};
|
|
1516
|
-
return
|
|
1556
|
+
return keyframes2.name;
|
|
1517
1557
|
}
|
|
1518
1558
|
var serializedStyles = interpolation;
|
|
1519
1559
|
if (serializedStyles.styles !== void 0) {
|
|
@@ -1632,7 +1672,7 @@ function serializeStyles(args, registered, mergedProps) {
|
|
|
1632
1672
|
};
|
|
1633
1673
|
}
|
|
1634
1674
|
|
|
1635
|
-
// ../../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.
|
|
1675
|
+
// ../../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.2.0_react@18.3.1/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js
|
|
1636
1676
|
var React = __toESM(require("react"));
|
|
1637
1677
|
var isBrowser3 = typeof document !== "undefined";
|
|
1638
1678
|
var syncFallback = function syncFallback2(create) {
|
|
@@ -1641,7 +1681,7 @@ var syncFallback = function syncFallback2(create) {
|
|
|
1641
1681
|
var useInsertionEffect2 = React["useInsertionEffect"] ? React["useInsertionEffect"] : false;
|
|
1642
1682
|
var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
|
|
1643
1683
|
|
|
1644
|
-
// ../../../node_modules/.pnpm/@emotion+react@11.
|
|
1684
|
+
// ../../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1/node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
|
|
1645
1685
|
var isDevelopment3 = false;
|
|
1646
1686
|
var isBrowser4 = typeof document !== "undefined";
|
|
1647
1687
|
var EmotionCacheContext = /* @__PURE__ */ React2.createContext(
|
|
@@ -1684,9 +1724,9 @@ var hasOwn = {}.hasOwnProperty;
|
|
|
1684
1724
|
var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
|
|
1685
1725
|
var createEmotionProps = function createEmotionProps2(type, props) {
|
|
1686
1726
|
var newProps = {};
|
|
1687
|
-
for (var
|
|
1688
|
-
if (hasOwn.call(props,
|
|
1689
|
-
newProps[
|
|
1727
|
+
for (var _key in props) {
|
|
1728
|
+
if (hasOwn.call(props, _key)) {
|
|
1729
|
+
newProps[_key] = props[_key];
|
|
1690
1730
|
}
|
|
1691
1731
|
}
|
|
1692
1732
|
newProps[typePropName] = type;
|
|
@@ -1712,53 +1752,69 @@ var Insertion = function Insertion2(_ref) {
|
|
|
1712
1752
|
}
|
|
1713
1753
|
return null;
|
|
1714
1754
|
};
|
|
1715
|
-
var Emotion = /* @__PURE__ */ withEmotionCache(
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
newProps[key] = props[key];
|
|
1736
|
-
}
|
|
1737
|
-
}
|
|
1738
|
-
newProps.className = className;
|
|
1739
|
-
if (ref) {
|
|
1740
|
-
newProps.ref = ref;
|
|
1741
|
-
}
|
|
1742
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Insertion, {
|
|
1743
|
-
cache,
|
|
1744
|
-
serialized,
|
|
1745
|
-
isStringTag: typeof WrappedComponent === "string"
|
|
1746
|
-
}), /* @__PURE__ */ React2.createElement(WrappedComponent, newProps));
|
|
1755
|
+
var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
|
|
1756
|
+
var cssProp = props.css;
|
|
1757
|
+
if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
|
|
1758
|
+
cssProp = cache.registered[cssProp];
|
|
1759
|
+
}
|
|
1760
|
+
var WrappedComponent = props[typePropName];
|
|
1761
|
+
var registeredStyles = [cssProp];
|
|
1762
|
+
var className = "";
|
|
1763
|
+
if (typeof props.className === "string") {
|
|
1764
|
+
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
|
1765
|
+
} else if (props.className != null) {
|
|
1766
|
+
className = props.className + " ";
|
|
1767
|
+
}
|
|
1768
|
+
var serialized = serializeStyles(registeredStyles, void 0, React2.useContext(ThemeContext));
|
|
1769
|
+
className += cache.key + "-" + serialized.name;
|
|
1770
|
+
var newProps = {};
|
|
1771
|
+
for (var _key2 in props) {
|
|
1772
|
+
if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && !isDevelopment3) {
|
|
1773
|
+
newProps[_key2] = props[_key2];
|
|
1774
|
+
}
|
|
1747
1775
|
}
|
|
1748
|
-
|
|
1776
|
+
newProps.className = className;
|
|
1777
|
+
if (ref) {
|
|
1778
|
+
newProps.ref = ref;
|
|
1779
|
+
}
|
|
1780
|
+
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Insertion, {
|
|
1781
|
+
cache,
|
|
1782
|
+
serialized,
|
|
1783
|
+
isStringTag: typeof WrappedComponent === "string"
|
|
1784
|
+
}), /* @__PURE__ */ React2.createElement(WrappedComponent, newProps));
|
|
1785
|
+
});
|
|
1749
1786
|
var Emotion$1 = Emotion;
|
|
1750
1787
|
|
|
1751
|
-
// ../../../node_modules/.pnpm/@emotion+react@11.
|
|
1788
|
+
// ../../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1/node_modules/@emotion/react/dist/emotion-react.esm.js
|
|
1752
1789
|
var React3 = __toESM(require("react"));
|
|
1753
1790
|
var import_extends2 = __toESM(require_extends());
|
|
1754
1791
|
var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
|
|
1792
|
+
var jsx = function jsx2(type, props) {
|
|
1793
|
+
var args = arguments;
|
|
1794
|
+
if (props == null || !hasOwn.call(props, "css")) {
|
|
1795
|
+
return React3.createElement.apply(void 0, args);
|
|
1796
|
+
}
|
|
1797
|
+
var argsLength = args.length;
|
|
1798
|
+
var createElementArgArray = new Array(argsLength);
|
|
1799
|
+
createElementArgArray[0] = Emotion$1;
|
|
1800
|
+
createElementArgArray[1] = createEmotionProps(type, props);
|
|
1801
|
+
for (var i = 2; i < argsLength; i++) {
|
|
1802
|
+
createElementArgArray[i] = args[i];
|
|
1803
|
+
}
|
|
1804
|
+
return React3.createElement.apply(null, createElementArgArray);
|
|
1805
|
+
};
|
|
1806
|
+
(function(_jsx) {
|
|
1807
|
+
var JSX;
|
|
1808
|
+
/* @__PURE__ */ (function(_JSX) {
|
|
1809
|
+
})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
|
1810
|
+
})(jsx || (jsx = {}));
|
|
1755
1811
|
function css() {
|
|
1756
1812
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1757
1813
|
args[_key] = arguments[_key];
|
|
1758
1814
|
}
|
|
1759
1815
|
return serializeStyles(args);
|
|
1760
1816
|
}
|
|
1761
|
-
|
|
1817
|
+
function keyframes() {
|
|
1762
1818
|
var insertable = css.apply(void 0, arguments);
|
|
1763
1819
|
var name = "animation-" + insertable.name;
|
|
1764
1820
|
return {
|
|
@@ -1769,7 +1825,7 @@ var keyframes = function keyframes2() {
|
|
|
1769
1825
|
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
|
1770
1826
|
}
|
|
1771
1827
|
};
|
|
1772
|
-
}
|
|
1828
|
+
}
|
|
1773
1829
|
|
|
1774
1830
|
// src/views/Waitlist/index.tsx
|
|
1775
1831
|
var import_design_system_icons = require("@livechat/design-system-icons");
|
|
@@ -2103,24 +2159,24 @@ var useGenerateAIResponse = () => {
|
|
|
2103
2159
|
);
|
|
2104
2160
|
};
|
|
2105
2161
|
|
|
2106
|
-
// ../../../node_modules/.pnpm/@emotion+react@11.
|
|
2162
|
+
// ../../../node_modules/.pnpm/@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js
|
|
2107
2163
|
var ReactJSXRuntime = __toESM(require("react/jsx-runtime"));
|
|
2108
2164
|
var import_react2 = require("react");
|
|
2109
2165
|
var import_extends3 = __toESM(require_extends());
|
|
2110
2166
|
var import_hoist_non_react_statics2 = __toESM(require_hoist_non_react_statics_cjs());
|
|
2111
2167
|
var Fragment4 = ReactJSXRuntime.Fragment;
|
|
2112
|
-
function
|
|
2168
|
+
var jsx4 = function jsx5(type, props, key) {
|
|
2113
2169
|
if (!hasOwn.call(props, "css")) {
|
|
2114
2170
|
return ReactJSXRuntime.jsx(type, props, key);
|
|
2115
2171
|
}
|
|
2116
2172
|
return ReactJSXRuntime.jsx(Emotion$1, createEmotionProps(type, props), key);
|
|
2117
|
-
}
|
|
2118
|
-
function
|
|
2173
|
+
};
|
|
2174
|
+
var jsxs2 = function jsxs3(type, props, key) {
|
|
2119
2175
|
if (!hasOwn.call(props, "css")) {
|
|
2120
2176
|
return ReactJSXRuntime.jsxs(type, props, key);
|
|
2121
2177
|
}
|
|
2122
2178
|
return ReactJSXRuntime.jsxs(Emotion$1, createEmotionProps(type, props), key);
|
|
2123
|
-
}
|
|
2179
|
+
};
|
|
2124
2180
|
|
|
2125
2181
|
// src/views/Waitlist/index.tsx
|
|
2126
2182
|
var infoCss = css`
|
|
@@ -2156,15 +2212,15 @@ function Waitlist({ image }) {
|
|
|
2156
2212
|
}
|
|
2157
2213
|
}, [userHasInstalledWorkflows, navigate]);
|
|
2158
2214
|
if (isWorkflowAppLoading) {
|
|
2159
|
-
return /* @__PURE__ */
|
|
2215
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Loader, { stretch: true });
|
|
2160
2216
|
}
|
|
2161
2217
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react3.View, { children: [
|
|
2162
|
-
/* @__PURE__ */
|
|
2218
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Row, { noMaxWidth: true, topMargin: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Column, { center: true, children: /* @__PURE__ */ jsx4(
|
|
2163
2219
|
import_developer_studio_ui_react3.Intro,
|
|
2164
2220
|
{
|
|
2165
2221
|
body: "No-code setup to streamline tasks you would otherwise do manually",
|
|
2166
2222
|
center: true,
|
|
2167
|
-
header: /* @__PURE__ */
|
|
2223
|
+
header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Column, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
|
|
2168
2224
|
import_developer_studio_ui_react3.Row,
|
|
2169
2225
|
{
|
|
2170
2226
|
center: true,
|
|
@@ -2178,7 +2234,7 @@ function Waitlist({ image }) {
|
|
|
2178
2234
|
}
|
|
2179
2235
|
) }) }),
|
|
2180
2236
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react3.Row, { gap: 8, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
|
|
2181
|
-
/* @__PURE__ */
|
|
2237
|
+
/* @__PURE__ */ jsx4(
|
|
2182
2238
|
import_design_system_react_components.Button,
|
|
2183
2239
|
{
|
|
2184
2240
|
css: css`
|
|
@@ -2193,7 +2249,7 @@ function Waitlist({ image }) {
|
|
|
2193
2249
|
children: "Join waitlist"
|
|
2194
2250
|
}
|
|
2195
2251
|
),
|
|
2196
|
-
/* @__PURE__ */
|
|
2252
|
+
/* @__PURE__ */ jsx4(
|
|
2197
2253
|
import_design_system_react_components.Button,
|
|
2198
2254
|
{
|
|
2199
2255
|
href: `${getWorkflowsEnv("platformUrl")}/workflow-automation`,
|
|
@@ -2206,19 +2262,19 @@ function Waitlist({ image }) {
|
|
|
2206
2262
|
] }),
|
|
2207
2263
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react3.Row, { gap: 8, lowMargin: true, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
|
|
2208
2264
|
/* @__PURE__ */ jsxs2(import_design_system_react_components.Text, { css: infoCss, size: "lg", children: [
|
|
2209
|
-
/* @__PURE__ */
|
|
2265
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components.Icon, { source: import_design_system_icons.CheckCircle }),
|
|
2210
2266
|
"integrated with popular platforms"
|
|
2211
2267
|
] }),
|
|
2212
2268
|
/* @__PURE__ */ jsxs2(import_design_system_react_components.Text, { css: infoCss, size: "lg", children: [
|
|
2213
|
-
/* @__PURE__ */
|
|
2269
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components.Icon, { source: import_design_system_icons.CheckCircle }),
|
|
2214
2270
|
"easy as drag\u2019n\u2019drop"
|
|
2215
2271
|
] }),
|
|
2216
2272
|
/* @__PURE__ */ jsxs2(import_design_system_react_components.Text, { css: infoCss, size: "lg", children: [
|
|
2217
|
-
/* @__PURE__ */
|
|
2273
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components.Icon, { source: import_design_system_icons.CheckCircle }),
|
|
2218
2274
|
"build with ready-made blocks"
|
|
2219
2275
|
] })
|
|
2220
2276
|
] }),
|
|
2221
|
-
/* @__PURE__ */
|
|
2277
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: image }) })
|
|
2222
2278
|
] });
|
|
2223
2279
|
}
|
|
2224
2280
|
var Waitlist_default = Waitlist;
|
|
@@ -11289,130 +11345,6 @@ var import_design_system_react_components4 = require("@livechat/design-system-re
|
|
|
11289
11345
|
var import_developer_studio_api21 = require("@livechat/developer-studio-api");
|
|
11290
11346
|
var import_developer_studio_ui_react7 = require("@livechat/developer-studio-ui-react");
|
|
11291
11347
|
|
|
11292
|
-
// src/utils/tracking.ts
|
|
11293
|
-
var amplitude = __toESM(require("@amplitude/analytics-browser"));
|
|
11294
|
-
var logAmplitudeEvent = (name, payload, user) => {
|
|
11295
|
-
amplitude.init(getWorkflowsEnv("amplitudeKey"), user);
|
|
11296
|
-
amplitude.logEvent(name, payload);
|
|
11297
|
-
};
|
|
11298
|
-
|
|
11299
|
-
// src/utils/amplitude/journeys/workflows/workflows.ts
|
|
11300
|
-
var workflowsBlockAmplitudeJourneyFactory = (email) => ({
|
|
11301
|
-
workflow: {
|
|
11302
|
-
create: {
|
|
11303
|
-
actions: {
|
|
11304
|
-
createDraft: (workflowId) => {
|
|
11305
|
-
logAmplitudeEvent(
|
|
11306
|
-
"workflows.workflow.create.click",
|
|
11307
|
-
{
|
|
11308
|
-
original_workflow_id: workflowId
|
|
11309
|
-
},
|
|
11310
|
-
email
|
|
11311
|
-
);
|
|
11312
|
-
}
|
|
11313
|
-
}
|
|
11314
|
-
},
|
|
11315
|
-
edit: {
|
|
11316
|
-
actions: {
|
|
11317
|
-
click: () => {
|
|
11318
|
-
logAmplitudeEvent(
|
|
11319
|
-
"workflows.workflow.edit.click",
|
|
11320
|
-
{
|
|
11321
|
-
source: "list"
|
|
11322
|
-
},
|
|
11323
|
-
email
|
|
11324
|
-
);
|
|
11325
|
-
}
|
|
11326
|
-
}
|
|
11327
|
-
},
|
|
11328
|
-
delete: {
|
|
11329
|
-
actions: {
|
|
11330
|
-
click: (source, createdAt) => {
|
|
11331
|
-
logAmplitudeEvent(
|
|
11332
|
-
"workflows.workflow.delete.click",
|
|
11333
|
-
__spreadValues({
|
|
11334
|
-
source
|
|
11335
|
-
}, source === "builder" && createdAt && {
|
|
11336
|
-
lifetime_duration: Math.floor(
|
|
11337
|
-
((/* @__PURE__ */ new Date()).getTime() - new Date(createdAt).getTime()) / (1e3 * 60) % 60
|
|
11338
|
-
)
|
|
11339
|
-
}),
|
|
11340
|
-
email
|
|
11341
|
-
);
|
|
11342
|
-
}
|
|
11343
|
-
}
|
|
11344
|
-
}
|
|
11345
|
-
},
|
|
11346
|
-
draft: {
|
|
11347
|
-
create: {
|
|
11348
|
-
actions: {
|
|
11349
|
-
click: (source, templateName) => {
|
|
11350
|
-
logAmplitudeEvent(
|
|
11351
|
-
"workflows.draft.create.click",
|
|
11352
|
-
__spreadValues({
|
|
11353
|
-
source
|
|
11354
|
-
}, source === "withTemplate" && { template_name: templateName }),
|
|
11355
|
-
email
|
|
11356
|
-
);
|
|
11357
|
-
}
|
|
11358
|
-
}
|
|
11359
|
-
},
|
|
11360
|
-
edit: {
|
|
11361
|
-
actions: {
|
|
11362
|
-
click: (source) => {
|
|
11363
|
-
logAmplitudeEvent(
|
|
11364
|
-
"workflows.draft.edit.click",
|
|
11365
|
-
{
|
|
11366
|
-
source
|
|
11367
|
-
},
|
|
11368
|
-
email
|
|
11369
|
-
);
|
|
11370
|
-
},
|
|
11371
|
-
addTrigger: (triggerType, triggerSource) => {
|
|
11372
|
-
logAmplitudeEvent(
|
|
11373
|
-
"workflows.draft.edit.addTrigger",
|
|
11374
|
-
{
|
|
11375
|
-
trigger_type: triggerType,
|
|
11376
|
-
trigger_source: triggerSource
|
|
11377
|
-
},
|
|
11378
|
-
email
|
|
11379
|
-
);
|
|
11380
|
-
},
|
|
11381
|
-
addAction: (actionType, actionProvider) => {
|
|
11382
|
-
logAmplitudeEvent(
|
|
11383
|
-
"workflows.draft.edit.addAction",
|
|
11384
|
-
{
|
|
11385
|
-
action_type: actionType,
|
|
11386
|
-
action_provider: actionProvider
|
|
11387
|
-
},
|
|
11388
|
-
email
|
|
11389
|
-
);
|
|
11390
|
-
}
|
|
11391
|
-
}
|
|
11392
|
-
},
|
|
11393
|
-
publish: {
|
|
11394
|
-
actions: {
|
|
11395
|
-
click: (workflowComplexity) => {
|
|
11396
|
-
logAmplitudeEvent(
|
|
11397
|
-
"workflows.draft.publish.click",
|
|
11398
|
-
{
|
|
11399
|
-
workflow_complexity: workflowComplexity
|
|
11400
|
-
},
|
|
11401
|
-
email
|
|
11402
|
-
);
|
|
11403
|
-
}
|
|
11404
|
-
}
|
|
11405
|
-
},
|
|
11406
|
-
delete: {
|
|
11407
|
-
actions: {
|
|
11408
|
-
click: () => {
|
|
11409
|
-
logAmplitudeEvent("workflows.draft.delete.click", void 0, email);
|
|
11410
|
-
}
|
|
11411
|
-
}
|
|
11412
|
-
}
|
|
11413
|
-
}
|
|
11414
|
-
});
|
|
11415
|
-
|
|
11416
11348
|
// src/utils/json.ts
|
|
11417
11349
|
var import_jsonpath_plus = require("jsonpath-plus");
|
|
11418
11350
|
var jsonUtils = {
|
|
@@ -11601,6 +11533,130 @@ var jsonUtils = {
|
|
|
11601
11533
|
}
|
|
11602
11534
|
};
|
|
11603
11535
|
|
|
11536
|
+
// src/utils/tracking.ts
|
|
11537
|
+
var amplitude = __toESM(require("@amplitude/analytics-browser"));
|
|
11538
|
+
var logAmplitudeEvent = (name, payload, user) => {
|
|
11539
|
+
amplitude.init(getWorkflowsEnv("amplitudeKey"), user);
|
|
11540
|
+
amplitude.logEvent(name, payload);
|
|
11541
|
+
};
|
|
11542
|
+
|
|
11543
|
+
// src/utils/amplitude/journeys/workflows/workflows.ts
|
|
11544
|
+
var workflowsBlockAmplitudeJourneyFactory = (email) => ({
|
|
11545
|
+
workflow: {
|
|
11546
|
+
create: {
|
|
11547
|
+
actions: {
|
|
11548
|
+
createDraft: (workflowId) => {
|
|
11549
|
+
logAmplitudeEvent(
|
|
11550
|
+
"workflows.workflow.create.click",
|
|
11551
|
+
{
|
|
11552
|
+
original_workflow_id: workflowId
|
|
11553
|
+
},
|
|
11554
|
+
email
|
|
11555
|
+
);
|
|
11556
|
+
}
|
|
11557
|
+
}
|
|
11558
|
+
},
|
|
11559
|
+
edit: {
|
|
11560
|
+
actions: {
|
|
11561
|
+
click: () => {
|
|
11562
|
+
logAmplitudeEvent(
|
|
11563
|
+
"workflows.workflow.edit.click",
|
|
11564
|
+
{
|
|
11565
|
+
source: "list"
|
|
11566
|
+
},
|
|
11567
|
+
email
|
|
11568
|
+
);
|
|
11569
|
+
}
|
|
11570
|
+
}
|
|
11571
|
+
},
|
|
11572
|
+
delete: {
|
|
11573
|
+
actions: {
|
|
11574
|
+
click: (source, createdAt) => {
|
|
11575
|
+
logAmplitudeEvent(
|
|
11576
|
+
"workflows.workflow.delete.click",
|
|
11577
|
+
__spreadValues({
|
|
11578
|
+
source
|
|
11579
|
+
}, source === "builder" && createdAt && {
|
|
11580
|
+
lifetime_duration: Math.floor(
|
|
11581
|
+
((/* @__PURE__ */ new Date()).getTime() - new Date(createdAt).getTime()) / (1e3 * 60) % 60
|
|
11582
|
+
)
|
|
11583
|
+
}),
|
|
11584
|
+
email
|
|
11585
|
+
);
|
|
11586
|
+
}
|
|
11587
|
+
}
|
|
11588
|
+
}
|
|
11589
|
+
},
|
|
11590
|
+
draft: {
|
|
11591
|
+
create: {
|
|
11592
|
+
actions: {
|
|
11593
|
+
click: (source, templateName) => {
|
|
11594
|
+
logAmplitudeEvent(
|
|
11595
|
+
"workflows.draft.create.click",
|
|
11596
|
+
__spreadValues({
|
|
11597
|
+
source
|
|
11598
|
+
}, source === "withTemplate" && { template_name: templateName }),
|
|
11599
|
+
email
|
|
11600
|
+
);
|
|
11601
|
+
}
|
|
11602
|
+
}
|
|
11603
|
+
},
|
|
11604
|
+
edit: {
|
|
11605
|
+
actions: {
|
|
11606
|
+
click: (source) => {
|
|
11607
|
+
logAmplitudeEvent(
|
|
11608
|
+
"workflows.draft.edit.click",
|
|
11609
|
+
{
|
|
11610
|
+
source
|
|
11611
|
+
},
|
|
11612
|
+
email
|
|
11613
|
+
);
|
|
11614
|
+
},
|
|
11615
|
+
addTrigger: (triggerType, triggerSource) => {
|
|
11616
|
+
logAmplitudeEvent(
|
|
11617
|
+
"workflows.draft.edit.addTrigger",
|
|
11618
|
+
{
|
|
11619
|
+
trigger_type: triggerType,
|
|
11620
|
+
trigger_source: triggerSource
|
|
11621
|
+
},
|
|
11622
|
+
email
|
|
11623
|
+
);
|
|
11624
|
+
},
|
|
11625
|
+
addAction: (actionType, actionProvider) => {
|
|
11626
|
+
logAmplitudeEvent(
|
|
11627
|
+
"workflows.draft.edit.addAction",
|
|
11628
|
+
{
|
|
11629
|
+
action_type: actionType,
|
|
11630
|
+
action_provider: actionProvider
|
|
11631
|
+
},
|
|
11632
|
+
email
|
|
11633
|
+
);
|
|
11634
|
+
}
|
|
11635
|
+
}
|
|
11636
|
+
},
|
|
11637
|
+
publish: {
|
|
11638
|
+
actions: {
|
|
11639
|
+
click: (workflowComplexity) => {
|
|
11640
|
+
logAmplitudeEvent(
|
|
11641
|
+
"workflows.draft.publish.click",
|
|
11642
|
+
{
|
|
11643
|
+
workflow_complexity: workflowComplexity
|
|
11644
|
+
},
|
|
11645
|
+
email
|
|
11646
|
+
);
|
|
11647
|
+
}
|
|
11648
|
+
}
|
|
11649
|
+
},
|
|
11650
|
+
delete: {
|
|
11651
|
+
actions: {
|
|
11652
|
+
click: () => {
|
|
11653
|
+
logAmplitudeEvent("workflows.draft.delete.click", void 0, email);
|
|
11654
|
+
}
|
|
11655
|
+
}
|
|
11656
|
+
}
|
|
11657
|
+
}
|
|
11658
|
+
});
|
|
11659
|
+
|
|
11604
11660
|
// src/views/Workflows/Common/Icons/ProductIcon.tsx
|
|
11605
11661
|
var import_design_system_icons2 = require("@livechat/design-system-icons");
|
|
11606
11662
|
var import_design_system_react_components2 = require("@livechat/design-system-react-components");
|
|
@@ -11658,7 +11714,7 @@ function ProductIcon({
|
|
|
11658
11714
|
}) {
|
|
11659
11715
|
switch (product) {
|
|
11660
11716
|
case OTHER_TYPES.SYSTEM:
|
|
11661
|
-
return /* @__PURE__ */
|
|
11717
|
+
return /* @__PURE__ */ jsx4(
|
|
11662
11718
|
import_design_system_icons2.Adjust,
|
|
11663
11719
|
{
|
|
11664
11720
|
css: defaultIconStyle({
|
|
@@ -11670,7 +11726,7 @@ function ProductIcon({
|
|
|
11670
11726
|
}
|
|
11671
11727
|
);
|
|
11672
11728
|
case OTHER_TYPES.MANUAL:
|
|
11673
|
-
return /* @__PURE__ */
|
|
11729
|
+
return /* @__PURE__ */ jsx4(
|
|
11674
11730
|
import_design_system_icons2.Rocket,
|
|
11675
11731
|
{
|
|
11676
11732
|
css: defaultIconStyle({
|
|
@@ -11682,7 +11738,7 @@ function ProductIcon({
|
|
|
11682
11738
|
}
|
|
11683
11739
|
);
|
|
11684
11740
|
case OTHER_TYPES.SCHEDULED:
|
|
11685
|
-
return /* @__PURE__ */
|
|
11741
|
+
return /* @__PURE__ */ jsx4(
|
|
11686
11742
|
import_design_system_icons2.Time,
|
|
11687
11743
|
{
|
|
11688
11744
|
css: defaultIconStyle({
|
|
@@ -11694,11 +11750,11 @@ function ProductIcon({
|
|
|
11694
11750
|
}
|
|
11695
11751
|
);
|
|
11696
11752
|
case import_developer_studio_api13.IntegrationNames.Mailchimp:
|
|
11697
|
-
return /* @__PURE__ */
|
|
11753
|
+
return /* @__PURE__ */ jsx4(import_design_system_icons2.Mailchimp, { css: defaultIconStyle({ disabled, height, width }) });
|
|
11698
11754
|
case import_developer_studio_api13.IntegrationNames.Shopify:
|
|
11699
|
-
return /* @__PURE__ */
|
|
11755
|
+
return /* @__PURE__ */ jsx4(import_design_system_icons2.ShopifyColored, { css: defaultIconStyle({ disabled, height, width }) });
|
|
11700
11756
|
case import_developer_studio_api13.IntegrationNames.BigCommerce:
|
|
11701
|
-
return /* @__PURE__ */
|
|
11757
|
+
return /* @__PURE__ */ jsx4(
|
|
11702
11758
|
import_design_system_icons2.BigCommerceColored,
|
|
11703
11759
|
{
|
|
11704
11760
|
css: defaultIconStyle({
|
|
@@ -11710,9 +11766,9 @@ function ProductIcon({
|
|
|
11710
11766
|
}
|
|
11711
11767
|
);
|
|
11712
11768
|
case import_developer_studio_api13.IntegrationNames.HubSpot:
|
|
11713
|
-
return /* @__PURE__ */
|
|
11769
|
+
return /* @__PURE__ */ jsx4(import_design_system_icons2.Hubspot, { css: defaultIconStyle({ disabled, height, width }) });
|
|
11714
11770
|
case import_developer_studio_api13.IntegrationNames.OpenAI:
|
|
11715
|
-
return /* @__PURE__ */
|
|
11771
|
+
return /* @__PURE__ */ jsx4(
|
|
11716
11772
|
import_design_system_icons2.Chatgpt,
|
|
11717
11773
|
{
|
|
11718
11774
|
css: defaultIconStyle({
|
|
@@ -11725,11 +11781,11 @@ function ProductIcon({
|
|
|
11725
11781
|
);
|
|
11726
11782
|
case "helpdesk":
|
|
11727
11783
|
case import_developer_studio_api13.IntegrationNames.HelpDesk:
|
|
11728
|
-
return /* @__PURE__ */
|
|
11784
|
+
return /* @__PURE__ */ jsx4(import_design_system_icons2.HelpDeskColored, { css: helpdeskconCss({ disabled, height, width }) });
|
|
11729
11785
|
case "livechat":
|
|
11730
11786
|
case import_developer_studio_api13.IntegrationNames.LiveChat:
|
|
11731
11787
|
default:
|
|
11732
|
-
return /* @__PURE__ */
|
|
11788
|
+
return /* @__PURE__ */ jsx4(import_design_system_icons2.LiveChatColored, { css: livechatIconStyle({ disabled, height, width }) });
|
|
11733
11789
|
}
|
|
11734
11790
|
}
|
|
11735
11791
|
var ProductIcon_default = ProductIcon;
|
|
@@ -13359,7 +13415,7 @@ function WorkflowCreatorProviderBase({
|
|
|
13359
13415
|
setAction("isDiscarding", false);
|
|
13360
13416
|
}), [deleteWorkflowAction, notifications, navigate, setAction]);
|
|
13361
13417
|
const [previewModalVisible, setPreviewModalVisible] = (0, import_react10.useState)({ isVisible: false });
|
|
13362
|
-
return /* @__PURE__ */
|
|
13418
|
+
return /* @__PURE__ */ jsx4(
|
|
13363
13419
|
WorkflowCreatorContext.Provider,
|
|
13364
13420
|
{
|
|
13365
13421
|
value: {
|
|
@@ -13390,7 +13446,7 @@ function WorkflowCreatorProviderBase({
|
|
|
13390
13446
|
previewModalVisible,
|
|
13391
13447
|
setPreviewModalVisible
|
|
13392
13448
|
},
|
|
13393
|
-
children: /* @__PURE__ */
|
|
13449
|
+
children: /* @__PURE__ */ jsx4(OneWidgetProvider, { children })
|
|
13394
13450
|
}
|
|
13395
13451
|
);
|
|
13396
13452
|
}
|
|
@@ -13398,7 +13454,7 @@ var WorkflowCreatorContext = (0, import_react10.createContext)(
|
|
|
13398
13454
|
null
|
|
13399
13455
|
);
|
|
13400
13456
|
function WorkflowCreatorProvider(props) {
|
|
13401
|
-
return /* @__PURE__ */
|
|
13457
|
+
return /* @__PURE__ */ jsx4(OneWidgetProvider, { children: /* @__PURE__ */ jsx4(OneMessagesProvider, { children: /* @__PURE__ */ jsx4(import_reactflow.ReactFlowProvider, { children: /* @__PURE__ */ jsx4(WorkflowCreatorProviderBase, __spreadValues({}, props)) }) }) });
|
|
13402
13458
|
}
|
|
13403
13459
|
function useWorkflowCreator() {
|
|
13404
13460
|
const context = (0, import_react10.useContext)(WorkflowCreatorContext);
|
|
@@ -13431,9 +13487,9 @@ var itemOptionCss = (active) => css`
|
|
|
13431
13487
|
}
|
|
13432
13488
|
`;
|
|
13433
13489
|
function ItemOption({ option, onClick, active }) {
|
|
13434
|
-
return /* @__PURE__ */
|
|
13435
|
-
/* @__PURE__ */
|
|
13436
|
-
/* @__PURE__ */
|
|
13490
|
+
return /* @__PURE__ */ jsx4("div", { css: itemOptionCss(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react6.Column, { setColumnPadding: "0", width: 6, children: [
|
|
13491
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components3.Text, { noMargin: true, children: option.name }),
|
|
13492
|
+
/* @__PURE__ */ jsx4(
|
|
13437
13493
|
import_design_system_react_components3.Text,
|
|
13438
13494
|
{
|
|
13439
13495
|
customColor: `var(${import_design_system_react_components3.DesignToken.ContentBasicSecondary})`,
|
|
@@ -13474,7 +13530,7 @@ function AddWorkflowTaskOptions({
|
|
|
13474
13530
|
]
|
|
13475
13531
|
}
|
|
13476
13532
|
),
|
|
13477
|
-
options.map((option) => /* @__PURE__ */
|
|
13533
|
+
options.map((option) => /* @__PURE__ */ jsx4(
|
|
13478
13534
|
ItemOption,
|
|
13479
13535
|
{
|
|
13480
13536
|
active: pathSplit[pathSplit.length - 1] === option.key,
|
|
@@ -13504,7 +13560,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13504
13560
|
{
|
|
13505
13561
|
name: "system",
|
|
13506
13562
|
displayName: "System tasks",
|
|
13507
|
-
icon: /* @__PURE__ */
|
|
13563
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13508
13564
|
ProductIcon_default,
|
|
13509
13565
|
{
|
|
13510
13566
|
center: void 0,
|
|
@@ -13529,7 +13585,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13529
13585
|
{
|
|
13530
13586
|
name: "livechat",
|
|
13531
13587
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.LiveChat,
|
|
13532
|
-
icon: /* @__PURE__ */
|
|
13588
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13533
13589
|
ProductIcon_default,
|
|
13534
13590
|
{
|
|
13535
13591
|
height: 5,
|
|
@@ -13547,7 +13603,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13547
13603
|
{
|
|
13548
13604
|
name: "helpdesk",
|
|
13549
13605
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.HelpDesk,
|
|
13550
|
-
icon: /* @__PURE__ */
|
|
13606
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13551
13607
|
ProductIcon_default,
|
|
13552
13608
|
{
|
|
13553
13609
|
center: true,
|
|
@@ -13566,7 +13622,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13566
13622
|
{
|
|
13567
13623
|
name: import_developer_studio_api21.IntegrationNames.OpenAI,
|
|
13568
13624
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.OpenAI,
|
|
13569
|
-
icon: /* @__PURE__ */
|
|
13625
|
+
icon: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: import_developer_studio_api21.IntegrationNames.OpenAI, width: 5 }),
|
|
13570
13626
|
values: Object.values(openAiTaskConfigs()).map((x) => ({
|
|
13571
13627
|
key: x.key,
|
|
13572
13628
|
name: x.customization.displayName,
|
|
@@ -13577,7 +13633,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13577
13633
|
{
|
|
13578
13634
|
name: import_developer_studio_api21.IntegrationNames.Mailchimp,
|
|
13579
13635
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.Mailchimp,
|
|
13580
|
-
icon: /* @__PURE__ */
|
|
13636
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13581
13637
|
ProductIcon_default,
|
|
13582
13638
|
{
|
|
13583
13639
|
height: 5,
|
|
@@ -13595,7 +13651,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13595
13651
|
{
|
|
13596
13652
|
name: import_developer_studio_api21.IntegrationNames.HubSpot,
|
|
13597
13653
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.HubSpot,
|
|
13598
|
-
icon: /* @__PURE__ */
|
|
13654
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13599
13655
|
ProductIcon_default,
|
|
13600
13656
|
{
|
|
13601
13657
|
height: 5,
|
|
@@ -13613,7 +13669,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13613
13669
|
{
|
|
13614
13670
|
name: import_developer_studio_api21.IntegrationNames.BigCommerce,
|
|
13615
13671
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.BigCommerce,
|
|
13616
|
-
icon: /* @__PURE__ */
|
|
13672
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13617
13673
|
ProductIcon_default,
|
|
13618
13674
|
{
|
|
13619
13675
|
height: 5,
|
|
@@ -13631,7 +13687,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13631
13687
|
{
|
|
13632
13688
|
name: import_developer_studio_api21.IntegrationNames.Shopify,
|
|
13633
13689
|
displayName: import_developer_studio_api21.IntegrationDisplayNames.Shopify,
|
|
13634
|
-
icon: /* @__PURE__ */
|
|
13690
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13635
13691
|
ProductIcon_default,
|
|
13636
13692
|
{
|
|
13637
13693
|
height: 5,
|
|
@@ -13719,7 +13775,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13719
13775
|
}
|
|
13720
13776
|
onClose();
|
|
13721
13777
|
};
|
|
13722
|
-
return /* @__PURE__ */
|
|
13778
|
+
return /* @__PURE__ */ jsx4(
|
|
13723
13779
|
import_design_system_react_components4.Modal,
|
|
13724
13780
|
{
|
|
13725
13781
|
css: css`
|
|
@@ -13727,8 +13783,8 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13727
13783
|
width: 650px;
|
|
13728
13784
|
`,
|
|
13729
13785
|
footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react7.Row, { flexEnd: true, gap: `var(${import_design_system_react_components4.SpacingToken.Spacing2})`, notPadded: true, children: [
|
|
13730
|
-
/* @__PURE__ */
|
|
13731
|
-
/* @__PURE__ */
|
|
13786
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components4.Button, { kind: "secondary", onClick: onClose, size: "medium", children: "Cancel" }),
|
|
13787
|
+
/* @__PURE__ */ jsx4(
|
|
13732
13788
|
import_design_system_react_components4.Button,
|
|
13733
13789
|
{
|
|
13734
13790
|
disabled: !(state == null ? void 0 : state.task),
|
|
@@ -13741,7 +13797,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13741
13797
|
}
|
|
13742
13798
|
)
|
|
13743
13799
|
] }),
|
|
13744
|
-
heading: /* @__PURE__ */
|
|
13800
|
+
heading: /* @__PURE__ */ jsx4(import_design_system_react_components4.ModalHeader, { title: "Add task" }),
|
|
13745
13801
|
onClose,
|
|
13746
13802
|
children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react7.Row, { notPadded: true, children: [
|
|
13747
13803
|
/* @__PURE__ */ jsxs2(
|
|
@@ -13757,14 +13813,14 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13757
13813
|
setColumnPadding: `0 var(${import_design_system_react_components4.SpacingToken.Spacing4}) 0 0`,
|
|
13758
13814
|
width: 2,
|
|
13759
13815
|
children: [
|
|
13760
|
-
/* @__PURE__ */
|
|
13816
|
+
/* @__PURE__ */ jsx4(
|
|
13761
13817
|
"div",
|
|
13762
13818
|
{
|
|
13763
13819
|
css: css`
|
|
13764
13820
|
margin-bottom: var(${import_design_system_react_components4.SpacingToken.Spacing2});
|
|
13765
13821
|
width: 100%;
|
|
13766
13822
|
`,
|
|
13767
|
-
children: /* @__PURE__ */
|
|
13823
|
+
children: /* @__PURE__ */ jsx4(
|
|
13768
13824
|
import_design_system_react_components4.SearchInput,
|
|
13769
13825
|
{
|
|
13770
13826
|
onChange: setSearch,
|
|
@@ -13821,7 +13877,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13821
13877
|
setRowPadding: `var(${import_design_system_react_components4.SpacingToken.Spacing2})`,
|
|
13822
13878
|
children: [
|
|
13823
13879
|
icon2,
|
|
13824
|
-
/* @__PURE__ */
|
|
13880
|
+
/* @__PURE__ */ jsx4(
|
|
13825
13881
|
import_react_router_dom3.NavLink,
|
|
13826
13882
|
{
|
|
13827
13883
|
className: ({ isActive }) => isActive ? "active" : "",
|
|
@@ -13831,7 +13887,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13831
13887
|
end: false,
|
|
13832
13888
|
state: location.state,
|
|
13833
13889
|
to: `${basePath}/${name}`,
|
|
13834
|
-
children: /* @__PURE__ */
|
|
13890
|
+
children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react7.Text, { size: "md", children: displayName })
|
|
13835
13891
|
}
|
|
13836
13892
|
)
|
|
13837
13893
|
]
|
|
@@ -13841,7 +13897,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13841
13897
|
]
|
|
13842
13898
|
}
|
|
13843
13899
|
),
|
|
13844
|
-
/* @__PURE__ */
|
|
13900
|
+
/* @__PURE__ */ jsx4(
|
|
13845
13901
|
import_developer_studio_ui_react7.Column,
|
|
13846
13902
|
{
|
|
13847
13903
|
css: css`
|
|
@@ -13859,7 +13915,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
|
|
|
13859
13915
|
})).sort((a, b) => a.name.localeCompare(b.name)).filter(
|
|
13860
13916
|
(el) => el.name.toLowerCase().includes(search.toLowerCase())
|
|
13861
13917
|
);
|
|
13862
|
-
return /* @__PURE__ */
|
|
13918
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react7.Row, { gap: "4px", notPadded: true, children: /* @__PURE__ */ jsx4(
|
|
13863
13919
|
Options_default,
|
|
13864
13920
|
{
|
|
13865
13921
|
basePath,
|
|
@@ -13913,9 +13969,9 @@ var itemOptionCss2 = (active) => css`
|
|
|
13913
13969
|
}
|
|
13914
13970
|
`;
|
|
13915
13971
|
function ItemOption2({ option, onClick, active }) {
|
|
13916
|
-
return /* @__PURE__ */
|
|
13917
|
-
/* @__PURE__ */
|
|
13918
|
-
/* @__PURE__ */
|
|
13972
|
+
return /* @__PURE__ */ jsx4("div", { css: itemOptionCss2(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react8.Column, { setColumnPadding: "0", width: 6, children: [
|
|
13973
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components5.Text, { bold: true, noMargin: true, children: option.name }),
|
|
13974
|
+
/* @__PURE__ */ jsx4(
|
|
13919
13975
|
import_design_system_react_components5.Text,
|
|
13920
13976
|
{
|
|
13921
13977
|
customColor: `var(${import_design_system_react_components5.DesignToken.ContentBasicSecondary})`,
|
|
@@ -13956,7 +14012,7 @@ function AddWorkflowTriggerOptions({
|
|
|
13956
14012
|
]
|
|
13957
14013
|
}
|
|
13958
14014
|
),
|
|
13959
|
-
options.map((option) => /* @__PURE__ */
|
|
14015
|
+
options.map((option) => /* @__PURE__ */ jsx4(
|
|
13960
14016
|
ItemOption2,
|
|
13961
14017
|
{
|
|
13962
14018
|
active: pathSplit[pathSplit.length - 1] === option.key,
|
|
@@ -13984,7 +14040,7 @@ function AddWorkflowTriggerModal({
|
|
|
13984
14040
|
{
|
|
13985
14041
|
name: OTHER_TYPES.SYSTEM,
|
|
13986
14042
|
displayName: "General",
|
|
13987
|
-
icon: /* @__PURE__ */
|
|
14043
|
+
icon: /* @__PURE__ */ jsx4(
|
|
13988
14044
|
ProductIcon_default,
|
|
13989
14045
|
{
|
|
13990
14046
|
center: void 0,
|
|
@@ -14003,7 +14059,7 @@ function AddWorkflowTriggerModal({
|
|
|
14003
14059
|
{
|
|
14004
14060
|
name: "livechat",
|
|
14005
14061
|
displayName: import_developer_studio_api22.IntegrationDisplayNames.LiveChat,
|
|
14006
|
-
icon: /* @__PURE__ */
|
|
14062
|
+
icon: /* @__PURE__ */ jsx4(
|
|
14007
14063
|
ProductIcon_default,
|
|
14008
14064
|
{
|
|
14009
14065
|
height: 5,
|
|
@@ -14030,7 +14086,7 @@ function AddWorkflowTriggerModal({
|
|
|
14030
14086
|
{
|
|
14031
14087
|
name: import_developer_studio_api22.IntegrationNames.Mailchimp,
|
|
14032
14088
|
displayName: import_developer_studio_api22.IntegrationDisplayNames.Mailchimp,
|
|
14033
|
-
icon: /* @__PURE__ */
|
|
14089
|
+
icon: /* @__PURE__ */ jsx4(
|
|
14034
14090
|
ProductIcon_default,
|
|
14035
14091
|
{
|
|
14036
14092
|
height: 5,
|
|
@@ -14047,7 +14103,7 @@ function AddWorkflowTriggerModal({
|
|
|
14047
14103
|
{
|
|
14048
14104
|
name: import_developer_studio_api22.IntegrationNames.Shopify,
|
|
14049
14105
|
displayName: import_developer_studio_api22.IntegrationDisplayNames.Shopify,
|
|
14050
|
-
icon: /* @__PURE__ */
|
|
14106
|
+
icon: /* @__PURE__ */ jsx4(
|
|
14051
14107
|
ProductIcon_default,
|
|
14052
14108
|
{
|
|
14053
14109
|
height: 5,
|
|
@@ -14064,7 +14120,7 @@ function AddWorkflowTriggerModal({
|
|
|
14064
14120
|
{
|
|
14065
14121
|
name: import_developer_studio_api22.IntegrationNames.HubSpot,
|
|
14066
14122
|
displayName: import_developer_studio_api22.IntegrationDisplayNames.HubSpot,
|
|
14067
|
-
icon: /* @__PURE__ */
|
|
14123
|
+
icon: /* @__PURE__ */ jsx4(
|
|
14068
14124
|
ProductIcon_default,
|
|
14069
14125
|
{
|
|
14070
14126
|
height: 5,
|
|
@@ -14081,7 +14137,7 @@ function AddWorkflowTriggerModal({
|
|
|
14081
14137
|
{
|
|
14082
14138
|
name: import_developer_studio_api22.IntegrationNames.BigCommerce,
|
|
14083
14139
|
displayName: import_developer_studio_api22.IntegrationDisplayNames.BigCommerce,
|
|
14084
|
-
icon: /* @__PURE__ */
|
|
14140
|
+
icon: /* @__PURE__ */ jsx4(
|
|
14085
14141
|
ProductIcon_default,
|
|
14086
14142
|
{
|
|
14087
14143
|
height: 5,
|
|
@@ -14128,7 +14184,7 @@ function AddWorkflowTriggerModal({
|
|
|
14128
14184
|
}
|
|
14129
14185
|
onClose();
|
|
14130
14186
|
};
|
|
14131
|
-
return /* @__PURE__ */
|
|
14187
|
+
return /* @__PURE__ */ jsx4(
|
|
14132
14188
|
import_design_system_react_components6.Modal,
|
|
14133
14189
|
{
|
|
14134
14190
|
css: css`
|
|
@@ -14136,8 +14192,8 @@ function AddWorkflowTriggerModal({
|
|
|
14136
14192
|
width: 650px;
|
|
14137
14193
|
`,
|
|
14138
14194
|
footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react9.Row, { flexEnd: true, gap: `var(${import_design_system_react_components6.SpacingToken.Spacing2})`, notPadded: true, children: [
|
|
14139
|
-
/* @__PURE__ */
|
|
14140
|
-
/* @__PURE__ */
|
|
14195
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components6.Button, { kind: "secondary", onClick: onClose, size: "medium", children: "Cancel" }),
|
|
14196
|
+
/* @__PURE__ */ jsx4(
|
|
14141
14197
|
import_design_system_react_components6.Button,
|
|
14142
14198
|
{
|
|
14143
14199
|
disabled: !(state == null ? void 0 : state.trigger),
|
|
@@ -14150,7 +14206,7 @@ function AddWorkflowTriggerModal({
|
|
|
14150
14206
|
}
|
|
14151
14207
|
)
|
|
14152
14208
|
] }),
|
|
14153
|
-
heading: /* @__PURE__ */
|
|
14209
|
+
heading: /* @__PURE__ */ jsx4(import_design_system_react_components6.ModalHeader, { title: "Add trigger" }),
|
|
14154
14210
|
onClose,
|
|
14155
14211
|
children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react9.Row, { notPadded: true, children: [
|
|
14156
14212
|
/* @__PURE__ */ jsxs2(
|
|
@@ -14166,14 +14222,14 @@ function AddWorkflowTriggerModal({
|
|
|
14166
14222
|
setColumnPadding: `0 var(${import_design_system_react_components6.SpacingToken.Spacing4}) 0 0`,
|
|
14167
14223
|
width: 2,
|
|
14168
14224
|
children: [
|
|
14169
|
-
/* @__PURE__ */
|
|
14225
|
+
/* @__PURE__ */ jsx4(
|
|
14170
14226
|
"div",
|
|
14171
14227
|
{
|
|
14172
14228
|
css: css`
|
|
14173
14229
|
margin-bottom: var(${import_design_system_react_components6.SpacingToken.Spacing2});
|
|
14174
14230
|
width: 100%;
|
|
14175
14231
|
`,
|
|
14176
|
-
children: /* @__PURE__ */
|
|
14232
|
+
children: /* @__PURE__ */ jsx4(
|
|
14177
14233
|
import_design_system_react_components6.SearchInput,
|
|
14178
14234
|
{
|
|
14179
14235
|
onChange: setSearch,
|
|
@@ -14230,7 +14286,7 @@ function AddWorkflowTriggerModal({
|
|
|
14230
14286
|
setRowPadding: `var(${import_design_system_react_components6.SpacingToken.Spacing2})`,
|
|
14231
14287
|
children: [
|
|
14232
14288
|
icon2,
|
|
14233
|
-
/* @__PURE__ */
|
|
14289
|
+
/* @__PURE__ */ jsx4(
|
|
14234
14290
|
import_react_router_dom4.NavLink,
|
|
14235
14291
|
{
|
|
14236
14292
|
className: ({ isActive }) => isActive ? "active" : "",
|
|
@@ -14240,7 +14296,7 @@ function AddWorkflowTriggerModal({
|
|
|
14240
14296
|
end: false,
|
|
14241
14297
|
state: location.state,
|
|
14242
14298
|
to: `${basePath}/${name}`,
|
|
14243
|
-
children: /* @__PURE__ */
|
|
14299
|
+
children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react9.Text, { size: "md", children: displayName })
|
|
14244
14300
|
}
|
|
14245
14301
|
)
|
|
14246
14302
|
]
|
|
@@ -14250,7 +14306,7 @@ function AddWorkflowTriggerModal({
|
|
|
14250
14306
|
]
|
|
14251
14307
|
}
|
|
14252
14308
|
),
|
|
14253
|
-
/* @__PURE__ */
|
|
14309
|
+
/* @__PURE__ */ jsx4(
|
|
14254
14310
|
import_developer_studio_ui_react9.Column,
|
|
14255
14311
|
{
|
|
14256
14312
|
css: css`
|
|
@@ -14269,7 +14325,7 @@ function AddWorkflowTriggerModal({
|
|
|
14269
14325
|
})).sort((a, b) => a.name.localeCompare(b.name)).filter(
|
|
14270
14326
|
(el) => el.name.toLowerCase().includes(search.toLowerCase())
|
|
14271
14327
|
);
|
|
14272
|
-
return /* @__PURE__ */
|
|
14328
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react9.Row, { gap: "4px", notPadded: true, children: /* @__PURE__ */ jsx4(
|
|
14273
14329
|
Options_default2,
|
|
14274
14330
|
{
|
|
14275
14331
|
basePath,
|
|
@@ -14313,12 +14369,12 @@ function DeleteWorkflowModal({
|
|
|
14313
14369
|
const amplitudeWorkflowsJourney = workflowsBlockAmplitudeJourneyFactory(
|
|
14314
14370
|
user == null ? void 0 : user.meta.email
|
|
14315
14371
|
);
|
|
14316
|
-
return /* @__PURE__ */
|
|
14372
|
+
return /* @__PURE__ */ jsx4(import_design_system_react_components7.Modal, { heading: true, onClose, children: /* @__PURE__ */ jsxs2(
|
|
14317
14373
|
import_developer_studio_ui_react10.ActionModalContent,
|
|
14318
14374
|
{
|
|
14319
14375
|
actions: /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
14320
|
-
/* @__PURE__ */
|
|
14321
|
-
/* @__PURE__ */
|
|
14376
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components7.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
|
|
14377
|
+
/* @__PURE__ */ jsx4(
|
|
14322
14378
|
import_design_system_react_components7.Button,
|
|
14323
14379
|
{
|
|
14324
14380
|
kind: "destructive",
|
|
@@ -14340,7 +14396,7 @@ function DeleteWorkflowModal({
|
|
|
14340
14396
|
)
|
|
14341
14397
|
] }),
|
|
14342
14398
|
heading: `You are ${version === "draft" ? `discarding a ${version}` : `deleting a ${version}`}`,
|
|
14343
|
-
icon: /* @__PURE__ */
|
|
14399
|
+
icon: /* @__PURE__ */ jsx4(
|
|
14344
14400
|
import_design_system_react_components7.Icon,
|
|
14345
14401
|
{
|
|
14346
14402
|
customColor: `var(${import_design_system_react_components7.DesignToken.ContentBasicDisabled})`,
|
|
@@ -14441,36 +14497,36 @@ function ExecuteWorkflowModal({
|
|
|
14441
14497
|
}),
|
|
14442
14498
|
[workflow, executeMutation, onClose]
|
|
14443
14499
|
);
|
|
14444
|
-
return /* @__PURE__ */
|
|
14500
|
+
return /* @__PURE__ */ jsx4(
|
|
14445
14501
|
import_design_system_react_components9.Modal,
|
|
14446
14502
|
{
|
|
14447
14503
|
css: css`
|
|
14448
14504
|
min-width: 400px;
|
|
14449
14505
|
`,
|
|
14450
|
-
heading: /* @__PURE__ */
|
|
14506
|
+
heading: /* @__PURE__ */ jsx4(import_design_system_react_components9.ModalHeader, { title: "Execute workflow" }),
|
|
14451
14507
|
onClose,
|
|
14452
|
-
children: /* @__PURE__ */
|
|
14508
|
+
children: /* @__PURE__ */ jsx4(
|
|
14453
14509
|
import_react_final_form.Form,
|
|
14454
14510
|
{
|
|
14455
14511
|
initialValues: {},
|
|
14456
14512
|
onSubmit: (values) => __async(this, null, function* () {
|
|
14457
14513
|
yield onSubmit(values);
|
|
14458
14514
|
}),
|
|
14459
|
-
render: ({ handleSubmit, submitting }) => /* @__PURE__ */
|
|
14515
|
+
render: ({ handleSubmit, submitting }) => /* @__PURE__ */ jsx4(import_design_system_react_components9.Form, { children: /* @__PURE__ */ jsxs2(import_design_system_react_components9.FieldGroup, { stretch: true, children: [
|
|
14460
14516
|
workflow.definition.inputParameters.length === 0 ? "No input parameters" : null,
|
|
14461
|
-
workflow.definition.inputParameters.map((parameter) => /* @__PURE__ */
|
|
14517
|
+
workflow.definition.inputParameters.map((parameter) => /* @__PURE__ */ jsx4(
|
|
14462
14518
|
import_react_final_form.Field,
|
|
14463
14519
|
{
|
|
14464
14520
|
name: parameter,
|
|
14465
14521
|
validate: (value) => import_validator.default.isEmpty(value != null ? value : "", {
|
|
14466
14522
|
ignore_whitespace: true
|
|
14467
14523
|
}),
|
|
14468
|
-
children: ({ input, meta }) => /* @__PURE__ */
|
|
14524
|
+
children: ({ input, meta }) => /* @__PURE__ */ jsx4(
|
|
14469
14525
|
import_design_system_react_components9.FormField,
|
|
14470
14526
|
{
|
|
14471
14527
|
error: meta.touched ? meta.error : null,
|
|
14472
14528
|
labelText: parameter,
|
|
14473
|
-
children: /* @__PURE__ */
|
|
14529
|
+
children: /* @__PURE__ */ jsx4(
|
|
14474
14530
|
import_design_system_react_components9.Input,
|
|
14475
14531
|
__spreadProps(__spreadValues({}, input), {
|
|
14476
14532
|
className: "full-width",
|
|
@@ -14491,8 +14547,8 @@ function ExecuteWorkflowModal({
|
|
|
14491
14547
|
justifyContent: "flex-end"
|
|
14492
14548
|
},
|
|
14493
14549
|
children: [
|
|
14494
|
-
/* @__PURE__ */
|
|
14495
|
-
/* @__PURE__ */
|
|
14550
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components9.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
|
|
14551
|
+
/* @__PURE__ */ jsx4(
|
|
14496
14552
|
import_design_system_react_components9.Button,
|
|
14497
14553
|
{
|
|
14498
14554
|
disabled: submitting,
|
|
@@ -14516,7 +14572,7 @@ var Modal_default3 = ExecuteWorkflowModal;
|
|
|
14516
14572
|
var import_react83 = require("react");
|
|
14517
14573
|
var import_react_router_dom11 = require("react-router-dom");
|
|
14518
14574
|
|
|
14519
|
-
// ../../../node_modules/.pnpm/@emotion+styled@11.
|
|
14575
|
+
// ../../../node_modules/.pnpm/@emotion+styled@11.14.0_@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1__@types+react@18.3.18_react@18.3.1/node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js
|
|
14520
14576
|
var React4 = __toESM(require("react"));
|
|
14521
14577
|
|
|
14522
14578
|
// ../../../node_modules/.pnpm/@emotion+is-prop-valid@1.3.1/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
|
|
@@ -14528,7 +14584,9 @@ var isPropValid = /* @__PURE__ */ memoize(
|
|
|
14528
14584
|
/* Z+1 */
|
|
14529
14585
|
);
|
|
14530
14586
|
|
|
14531
|
-
// ../../../node_modules/.pnpm/@emotion+styled@11.
|
|
14587
|
+
// ../../../node_modules/.pnpm/@emotion+styled@11.14.0_@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1__@types+react@18.3.18_react@18.3.1/node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js
|
|
14588
|
+
var isBrowser5 = typeof document !== "undefined";
|
|
14589
|
+
var isDevelopment4 = false;
|
|
14532
14590
|
var testOmitPropsOnStringTag = isPropValid;
|
|
14533
14591
|
var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
|
|
14534
14592
|
return key !== "theme";
|
|
@@ -14552,8 +14610,6 @@ var composeShouldForwardProps = function composeShouldForwardProps2(tag, options
|
|
|
14552
14610
|
}
|
|
14553
14611
|
return shouldForwardProp;
|
|
14554
14612
|
};
|
|
14555
|
-
var isDevelopment4 = false;
|
|
14556
|
-
var isBrowser5 = typeof document !== "undefined";
|
|
14557
14613
|
var Insertion3 = function Insertion4(_ref) {
|
|
14558
14614
|
var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
|
|
14559
14615
|
registerStyles(cache, serialized, isStringTag);
|
|
@@ -14595,11 +14651,12 @@ var createStyled = function createStyled2(tag, options) {
|
|
|
14595
14651
|
if (args[0] == null || args[0].raw === void 0) {
|
|
14596
14652
|
styles.push.apply(styles, args);
|
|
14597
14653
|
} else {
|
|
14598
|
-
|
|
14654
|
+
var templateStringsArr = args[0];
|
|
14655
|
+
styles.push(templateStringsArr[0]);
|
|
14599
14656
|
var len = args.length;
|
|
14600
14657
|
var i = 1;
|
|
14601
14658
|
for (; i < len; i++) {
|
|
14602
|
-
styles.push(args[i],
|
|
14659
|
+
styles.push(args[i], templateStringsArr[i]);
|
|
14603
14660
|
}
|
|
14604
14661
|
}
|
|
14605
14662
|
var Styled = withEmotionCache(function(props, cache, ref) {
|
|
@@ -14627,8 +14684,7 @@ var createStyled = function createStyled2(tag, options) {
|
|
|
14627
14684
|
var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
|
|
14628
14685
|
var newProps = {};
|
|
14629
14686
|
for (var _key in props) {
|
|
14630
|
-
if (shouldUseAs && _key === "as")
|
|
14631
|
-
continue;
|
|
14687
|
+
if (shouldUseAs && _key === "as") continue;
|
|
14632
14688
|
if (finalShouldForwardProp(_key)) {
|
|
14633
14689
|
newProps[_key] = props[_key];
|
|
14634
14690
|
}
|
|
@@ -14658,15 +14714,16 @@ var createStyled = function createStyled2(tag, options) {
|
|
|
14658
14714
|
}
|
|
14659
14715
|
});
|
|
14660
14716
|
Styled.withComponent = function(nextTag, nextOptions) {
|
|
14661
|
-
|
|
14717
|
+
var newStyled2 = createStyled2(nextTag, _extends({}, options, nextOptions, {
|
|
14662
14718
|
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
|
14663
|
-
}))
|
|
14719
|
+
}));
|
|
14720
|
+
return newStyled2.apply(void 0, styles);
|
|
14664
14721
|
};
|
|
14665
14722
|
return Styled;
|
|
14666
14723
|
};
|
|
14667
14724
|
};
|
|
14668
14725
|
|
|
14669
|
-
// ../../../node_modules/.pnpm/@emotion+styled@11.
|
|
14726
|
+
// ../../../node_modules/.pnpm/@emotion+styled@11.14.0_@emotion+react@11.14.0_@types+react@18.3.18_react@18.3.1__@types+react@18.3.18_react@18.3.1/node_modules/@emotion/styled/dist/emotion-styled.esm.js
|
|
14670
14727
|
var import_extends5 = __toESM(require_extends());
|
|
14671
14728
|
var import_react20 = require("react");
|
|
14672
14729
|
var tags = [
|
|
@@ -14806,7 +14863,7 @@ var tags = [
|
|
|
14806
14863
|
"text",
|
|
14807
14864
|
"tspan"
|
|
14808
14865
|
];
|
|
14809
|
-
var newStyled = createStyled.bind();
|
|
14866
|
+
var newStyled = createStyled.bind(null);
|
|
14810
14867
|
tags.forEach(function(tagName) {
|
|
14811
14868
|
newStyled[tagName] = newStyled(tagName);
|
|
14812
14869
|
});
|
|
@@ -14834,11 +14891,11 @@ function AddTaskNode(node2) {
|
|
|
14834
14891
|
return;
|
|
14835
14892
|
}
|
|
14836
14893
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
14837
|
-
/* @__PURE__ */
|
|
14838
|
-
/* @__PURE__ */
|
|
14894
|
+
/* @__PURE__ */ jsx4(import_reactflow2.Handle, { isConnectable: false, position: import_reactflow2.Position.Top, type: "target" }),
|
|
14895
|
+
/* @__PURE__ */ jsx4(
|
|
14839
14896
|
import_design_system_react_components10.Button,
|
|
14840
14897
|
{
|
|
14841
|
-
icon: /* @__PURE__ */
|
|
14898
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components10.Icon, { size: "large", source: import_design_system_icons5.Add }),
|
|
14842
14899
|
id: node2.id,
|
|
14843
14900
|
kind: "secondary",
|
|
14844
14901
|
onClick: () => {
|
|
@@ -14853,7 +14910,7 @@ function AddTaskNode(node2) {
|
|
|
14853
14910
|
children: workflow.definition.tasks.length > 0 ? "" : "Add task"
|
|
14854
14911
|
}
|
|
14855
14912
|
),
|
|
14856
|
-
/* @__PURE__ */
|
|
14913
|
+
/* @__PURE__ */ jsx4(import_reactflow2.Handle, { isConnectable: false, position: import_reactflow2.Position.Bottom, type: "source" })
|
|
14857
14914
|
] });
|
|
14858
14915
|
}
|
|
14859
14916
|
var Task_default = (0, import_react21.memo)(AddTaskNode);
|
|
@@ -14866,11 +14923,11 @@ var import_design_system_react_components11 = require("@livechat/design-system-r
|
|
|
14866
14923
|
function AddTriggerNode(node2) {
|
|
14867
14924
|
const { goToAddTrigger } = useWorkflowCreator();
|
|
14868
14925
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
14869
|
-
/* @__PURE__ */
|
|
14870
|
-
/* @__PURE__ */
|
|
14926
|
+
/* @__PURE__ */ jsx4(import_reactflow3.Handle, { isConnectable: false, position: import_reactflow3.Position.Top, type: "target" }),
|
|
14927
|
+
/* @__PURE__ */ jsx4(
|
|
14871
14928
|
import_design_system_react_components11.Button,
|
|
14872
14929
|
{
|
|
14873
|
-
icon: /* @__PURE__ */
|
|
14930
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components11.Icon, { size: "large", source: import_design_system_icons6.Add }),
|
|
14874
14931
|
id: node2.id,
|
|
14875
14932
|
kind: "primary",
|
|
14876
14933
|
onClick: () => {
|
|
@@ -14879,7 +14936,7 @@ function AddTriggerNode(node2) {
|
|
|
14879
14936
|
children: "Add trigger"
|
|
14880
14937
|
}
|
|
14881
14938
|
),
|
|
14882
|
-
/* @__PURE__ */
|
|
14939
|
+
/* @__PURE__ */ jsx4(import_reactflow3.Handle, { isConnectable: false, position: import_reactflow3.Position.Bottom, type: "source" })
|
|
14883
14940
|
] });
|
|
14884
14941
|
}
|
|
14885
14942
|
var Trigger_default = (0, import_react22.memo)(AddTriggerNode);
|
|
@@ -14950,8 +15007,8 @@ function ForkJoinNodeBase({
|
|
|
14950
15007
|
children: [
|
|
14951
15008
|
top,
|
|
14952
15009
|
toolbar,
|
|
14953
|
-
/* @__PURE__ */
|
|
14954
|
-
/* @__PURE__ */
|
|
15010
|
+
/* @__PURE__ */ jsx4(Header, { children: /* @__PURE__ */ jsxs2(Title, { children: [
|
|
15011
|
+
/* @__PURE__ */ jsx4(
|
|
14955
15012
|
import_design_system_react_components12.Icon,
|
|
14956
15013
|
{
|
|
14957
15014
|
css: css`
|
|
@@ -15001,9 +15058,9 @@ var import_developer_studio_ui_react12 = require("@livechat/developer-studio-ui-
|
|
|
15001
15058
|
var import_design_system_react_components13 = require("@livechat/design-system-react-components");
|
|
15002
15059
|
function CustomTagsPickerTag({ tag }) {
|
|
15003
15060
|
if (tag.description) {
|
|
15004
|
-
return /* @__PURE__ */
|
|
15061
|
+
return /* @__PURE__ */ jsx4(import_design_system_react_components13.Tooltip, { placement: "right", triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components13.Tag, { children: tag.name }), children: tag.description });
|
|
15005
15062
|
}
|
|
15006
|
-
return /* @__PURE__ */
|
|
15063
|
+
return /* @__PURE__ */ jsx4(import_design_system_react_components13.Tag, { children: tag.name });
|
|
15007
15064
|
}
|
|
15008
15065
|
|
|
15009
15066
|
// src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Tree/Node.tsx
|
|
@@ -15021,7 +15078,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15021
15078
|
return null;
|
|
15022
15079
|
}
|
|
15023
15080
|
if (Array.isArray(data)) {
|
|
15024
|
-
return /* @__PURE__ */
|
|
15081
|
+
return /* @__PURE__ */ jsx4(
|
|
15025
15082
|
"ul",
|
|
15026
15083
|
{
|
|
15027
15084
|
css: css`
|
|
@@ -15030,7 +15087,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15030
15087
|
cursor: pointer;
|
|
15031
15088
|
`,
|
|
15032
15089
|
children: data.filter((item) => !onlyMatched || item.isMatch || item.hasMatch).map((item, index) => {
|
|
15033
|
-
return /* @__PURE__ */
|
|
15090
|
+
return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
|
|
15034
15091
|
CustomTagsPickerTreeNode,
|
|
15035
15092
|
{
|
|
15036
15093
|
data: item,
|
|
@@ -15046,7 +15103,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15046
15103
|
}
|
|
15047
15104
|
if (typeof data === "object") {
|
|
15048
15105
|
const isSelectable = data.type !== "object";
|
|
15049
|
-
return /* @__PURE__ */
|
|
15106
|
+
return /* @__PURE__ */ jsx4(
|
|
15050
15107
|
"ul",
|
|
15051
15108
|
{
|
|
15052
15109
|
css: css`
|
|
@@ -15076,7 +15133,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15076
15133
|
},
|
|
15077
15134
|
setRowPadding: `var(${import_design_system_react_components14.SpacingToken.Spacing05}) 0`,
|
|
15078
15135
|
children: [
|
|
15079
|
-
/* @__PURE__ */
|
|
15136
|
+
/* @__PURE__ */ jsx4(
|
|
15080
15137
|
import_design_system_react_components14.Icon,
|
|
15081
15138
|
{
|
|
15082
15139
|
css: css`
|
|
@@ -15085,7 +15142,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15085
15142
|
source: collapsed ? import_design_system_icons8.ChevronDown : import_design_system_icons8.ChevronRight
|
|
15086
15143
|
}
|
|
15087
15144
|
),
|
|
15088
|
-
data.icon ? /* @__PURE__ */
|
|
15145
|
+
data.icon ? /* @__PURE__ */ jsx4(
|
|
15089
15146
|
ProductIcon_default,
|
|
15090
15147
|
{
|
|
15091
15148
|
center: true,
|
|
@@ -15095,7 +15152,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15095
15152
|
width: 4
|
|
15096
15153
|
}
|
|
15097
15154
|
) : null,
|
|
15098
|
-
isSelectable ? /* @__PURE__ */
|
|
15155
|
+
isSelectable ? /* @__PURE__ */ jsx4(CustomTagsPickerTag, { tag: data }) : /* @__PURE__ */ jsxs2("span", { children: [
|
|
15099
15156
|
((_a = data.__meta.source) == null ? void 0 : _a.index) !== void 0 && data.__meta.source.reference === data.value ? `${data.__meta.source.index}. ` : "",
|
|
15100
15157
|
data.name
|
|
15101
15158
|
] })
|
|
@@ -15103,19 +15160,19 @@ function CustomTagsPickerTreeNode({
|
|
|
15103
15160
|
}
|
|
15104
15161
|
),
|
|
15105
15162
|
collapsed ? /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
15106
|
-
data.canAddChildren || !data.children.length ? /* @__PURE__ */
|
|
15163
|
+
data.canAddChildren || !data.children.length ? /* @__PURE__ */ jsx4(
|
|
15107
15164
|
import_developer_studio_ui_react12.Text,
|
|
15108
15165
|
{
|
|
15109
15166
|
css: css`
|
|
15110
15167
|
margin-left: var(${import_design_system_react_components14.SpacingToken.Spacing6});
|
|
15111
15168
|
`,
|
|
15112
15169
|
kind: "secondary",
|
|
15113
|
-
children: data.canAddChildren ? /* @__PURE__ */
|
|
15170
|
+
children: data.canAddChildren ? /* @__PURE__ */ jsx4(Fragment4, { children: data.children.length ? "Existing parameters:" : "No parameters to select" }) : /* @__PURE__ */ jsx4(Fragment4, { children: !data.children.length && "No values to select" })
|
|
15114
15171
|
}
|
|
15115
15172
|
) : void 0,
|
|
15116
15173
|
data.children.filter(
|
|
15117
15174
|
(child) => !onlyMatched || child.isMatch || child.hasMatch
|
|
15118
|
-
).map((child, index) => /* @__PURE__ */
|
|
15175
|
+
).map((child, index) => /* @__PURE__ */ jsx4(
|
|
15119
15176
|
CustomTagsPickerTreeNode,
|
|
15120
15177
|
{
|
|
15121
15178
|
data: child,
|
|
@@ -15125,7 +15182,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15125
15182
|
},
|
|
15126
15183
|
`${index}-${child.value}`
|
|
15127
15184
|
)),
|
|
15128
|
-
data.canAddChildren ? /* @__PURE__ */
|
|
15185
|
+
data.canAddChildren ? /* @__PURE__ */ jsx4(
|
|
15129
15186
|
"div",
|
|
15130
15187
|
{
|
|
15131
15188
|
css: css`
|
|
@@ -15142,8 +15199,8 @@ function CustomTagsPickerTreeNode({
|
|
|
15142
15199
|
e.stopPropagation();
|
|
15143
15200
|
},
|
|
15144
15201
|
children: [
|
|
15145
|
-
/* @__PURE__ */
|
|
15146
|
-
/* @__PURE__ */
|
|
15202
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react12.Text, { kind: "secondary", children: "New:" }),
|
|
15203
|
+
/* @__PURE__ */ jsx4(
|
|
15147
15204
|
import_design_system_react_components14.Input,
|
|
15148
15205
|
{
|
|
15149
15206
|
css: css`
|
|
@@ -15156,10 +15213,10 @@ function CustomTagsPickerTreeNode({
|
|
|
15156
15213
|
value: newPropertyName
|
|
15157
15214
|
}
|
|
15158
15215
|
),
|
|
15159
|
-
/* @__PURE__ */
|
|
15216
|
+
/* @__PURE__ */ jsx4(
|
|
15160
15217
|
import_design_system_react_components14.Button,
|
|
15161
15218
|
{
|
|
15162
|
-
icon: /* @__PURE__ */
|
|
15219
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components14.Icon, { source: import_design_system_icons8.Add }),
|
|
15163
15220
|
onClick: () => {
|
|
15164
15221
|
const name = newPropertyName.replace(/ /g, "");
|
|
15165
15222
|
onClick({
|
|
@@ -15188,7 +15245,7 @@ function CustomTagsPickerTreeNode({
|
|
|
15188
15245
|
}
|
|
15189
15246
|
);
|
|
15190
15247
|
}
|
|
15191
|
-
return /* @__PURE__ */
|
|
15248
|
+
return /* @__PURE__ */ jsx4("span", { children: String(data) });
|
|
15192
15249
|
}
|
|
15193
15250
|
|
|
15194
15251
|
// src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Tree/Tree.tsx
|
|
@@ -15360,12 +15417,12 @@ function CustomTagsPickerTree({
|
|
|
15360
15417
|
advanced
|
|
15361
15418
|
});
|
|
15362
15419
|
if (!tree.length) {
|
|
15363
|
-
return /* @__PURE__ */
|
|
15420
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react13.Row, { lowMargin: true, lowPadding: true, topMargin: true, verticalCenter: true, children: "No dynamic values to select." });
|
|
15364
15421
|
}
|
|
15365
15422
|
if (search && !tree.some((x) => x.isMatch || x.hasMatch)) {
|
|
15366
|
-
return /* @__PURE__ */
|
|
15423
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react13.Row, { lowMargin: true, lowPadding: true, topMargin: true, children: "No results match your search criteria" });
|
|
15367
15424
|
}
|
|
15368
|
-
return /* @__PURE__ */
|
|
15425
|
+
return /* @__PURE__ */ jsx4(
|
|
15369
15426
|
CustomTagsPickerTreeNode,
|
|
15370
15427
|
{
|
|
15371
15428
|
data: tree,
|
|
@@ -15395,7 +15452,7 @@ function CustomTagsPicker({
|
|
|
15395
15452
|
const [search, setSearch] = (0, import_react26.useState)();
|
|
15396
15453
|
const [advanced] = (0, import_react26.useState)();
|
|
15397
15454
|
return /* @__PURE__ */ jsxs2(Wrapper, { children: [
|
|
15398
|
-
/* @__PURE__ */
|
|
15455
|
+
/* @__PURE__ */ jsx4(
|
|
15399
15456
|
import_design_system_react_components15.SearchInput,
|
|
15400
15457
|
{
|
|
15401
15458
|
css: css`
|
|
@@ -15405,7 +15462,7 @@ function CustomTagsPicker({
|
|
|
15405
15462
|
value: search != null ? search : ""
|
|
15406
15463
|
}
|
|
15407
15464
|
),
|
|
15408
|
-
/* @__PURE__ */
|
|
15465
|
+
/* @__PURE__ */ jsx4(
|
|
15409
15466
|
CustomTagsPickerTree,
|
|
15410
15467
|
{
|
|
15411
15468
|
advanced,
|
|
@@ -15436,7 +15493,7 @@ var updateCustomTagsInputTagIcon = (tagData) => {
|
|
|
15436
15493
|
const root = (0, import_client.createRoot)(iconPlaceholder);
|
|
15437
15494
|
iconPlaceholder.classList.add("visible");
|
|
15438
15495
|
root.render(
|
|
15439
|
-
/* @__PURE__ */
|
|
15496
|
+
/* @__PURE__ */ jsx4(
|
|
15440
15497
|
ProductIcon_default,
|
|
15441
15498
|
{
|
|
15442
15499
|
center: true,
|
|
@@ -15510,7 +15567,7 @@ function CustomTagsInputTagTooltip({
|
|
|
15510
15567
|
if (!data.visible) {
|
|
15511
15568
|
return;
|
|
15512
15569
|
}
|
|
15513
|
-
return /* @__PURE__ */
|
|
15570
|
+
return /* @__PURE__ */ jsx4(
|
|
15514
15571
|
import_design_system_react_components16.Tooltip,
|
|
15515
15572
|
{
|
|
15516
15573
|
css: css`
|
|
@@ -15521,10 +15578,10 @@ function CustomTagsInputTagTooltip({
|
|
|
15521
15578
|
`,
|
|
15522
15579
|
isVisible: true,
|
|
15523
15580
|
placement: "bottom-start",
|
|
15524
|
-
triggerRenderer: /* @__PURE__ */
|
|
15581
|
+
triggerRenderer: /* @__PURE__ */ jsx4("span", {}),
|
|
15525
15582
|
children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react14.Column, { gap: `var(${import_design_system_react_components16.SpacingToken.Spacing1})`, notPadded: true, children: [
|
|
15526
15583
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react14.Row, { center: true, gap: `var(${import_design_system_react_components16.SpacingToken.Spacing1})`, notPadded: true, children: [
|
|
15527
|
-
((_b = (_a = data.tag.__meta.source) == null ? void 0 : _a.customization) == null ? void 0 : _b.provider) ? /* @__PURE__ */
|
|
15584
|
+
((_b = (_a = data.tag.__meta.source) == null ? void 0 : _a.customization) == null ? void 0 : _b.provider) ? /* @__PURE__ */ jsx4(
|
|
15528
15585
|
ProductIcon_default,
|
|
15529
15586
|
{
|
|
15530
15587
|
center: true,
|
|
@@ -15533,14 +15590,14 @@ function CustomTagsInputTagTooltip({
|
|
|
15533
15590
|
width: 4
|
|
15534
15591
|
}
|
|
15535
15592
|
) : null,
|
|
15536
|
-
((_c = data.tag.__meta.source) == null ? void 0 : _c.index) ? /* @__PURE__ */
|
|
15537
|
-
((_e = (_d = data.tag.__meta.source) == null ? void 0 : _d.customization) == null ? void 0 : _e.displayName) ? /* @__PURE__ */
|
|
15593
|
+
((_c = data.tag.__meta.source) == null ? void 0 : _c.index) ? /* @__PURE__ */ jsx4("span", { children: `${data.tag.__meta.source.index}. ` }) : null,
|
|
15594
|
+
((_e = (_d = data.tag.__meta.source) == null ? void 0 : _d.customization) == null ? void 0 : _e.displayName) ? /* @__PURE__ */ jsx4("span", { children: data.tag.__meta.source.customization.displayName }) : null
|
|
15538
15595
|
] }),
|
|
15539
|
-
/* @__PURE__ */
|
|
15540
|
-
/* @__PURE__ */
|
|
15541
|
-
data.tag.relativePath ? /* @__PURE__ */
|
|
15542
|
-
data.tag.type !== "string" && /* @__PURE__ */
|
|
15543
|
-
data.tag.description ? /* @__PURE__ */
|
|
15596
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react14.Row, { notPadded: true, children: /* @__PURE__ */ jsxs2("div", { children: [
|
|
15597
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react14.TextGroup, { inline: true, label: "Name:", value: data.tag.name }),
|
|
15598
|
+
data.tag.relativePath ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react14.TextGroup, { inline: true, label: "Path:", value: data.tag.relativePath }) : null,
|
|
15599
|
+
data.tag.type !== "string" && /* @__PURE__ */ jsx4(import_developer_studio_ui_react14.TextGroup, { inline: true, label: "type:", value: data.tag.type }),
|
|
15600
|
+
data.tag.description ? /* @__PURE__ */ jsx4(
|
|
15544
15601
|
import_developer_studio_ui_react14.TextGroup,
|
|
15545
15602
|
{
|
|
15546
15603
|
label: "Description:",
|
|
@@ -15549,7 +15606,7 @@ function CustomTagsInputTagTooltip({
|
|
|
15549
15606
|
}
|
|
15550
15607
|
) : null
|
|
15551
15608
|
] }) }),
|
|
15552
|
-
Boolean(data.tag.invalid) && /* @__PURE__ */
|
|
15609
|
+
Boolean(data.tag.invalid) && /* @__PURE__ */ jsx4(import_developer_studio_ui_react14.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
|
|
15553
15610
|
import_developer_studio_ui_react14.Text,
|
|
15554
15611
|
{
|
|
15555
15612
|
css: css`
|
|
@@ -15604,8 +15661,7 @@ function templatesToString(templates) {
|
|
|
15604
15661
|
}
|
|
15605
15662
|
function compareStrings(str1, str2) {
|
|
15606
15663
|
var _a, _b;
|
|
15607
|
-
if (typeof str1 !== typeof str2)
|
|
15608
|
-
return {};
|
|
15664
|
+
if (typeof str1 !== typeof str2) return {};
|
|
15609
15665
|
const words1 = (_a = str1 == null ? void 0 : str1.split(" ")) != null ? _a : [];
|
|
15610
15666
|
const words2 = (_b = str2 == null ? void 0 : str2.split(" ")) != null ? _b : [];
|
|
15611
15667
|
const added = words2.filter((word) => !words1.includes(word));
|
|
@@ -15674,10 +15730,8 @@ function TagifyWrapper({
|
|
|
15674
15730
|
(0, import_react30.useEffect)(() => {
|
|
15675
15731
|
templatesToString(settings2.templates);
|
|
15676
15732
|
settings2.userInput = userInput;
|
|
15677
|
-
if (InputMode === "textarea")
|
|
15678
|
-
|
|
15679
|
-
if (whitelist == null ? void 0 : whitelist.length)
|
|
15680
|
-
settings2.whitelist = whitelist;
|
|
15733
|
+
if (InputMode === "textarea") settings2.mode = "mix";
|
|
15734
|
+
if (whitelist == null ? void 0 : whitelist.length) settings2.whitelist = whitelist;
|
|
15681
15735
|
const t = new import_tagify.default(
|
|
15682
15736
|
inputElmRef.current,
|
|
15683
15737
|
settings2
|
|
@@ -16029,7 +16083,7 @@ function CustomTagsInput({
|
|
|
16029
16083
|
}
|
|
16030
16084
|
}, [context == null ? void 0 : context.frame, value, getCurrentValue, updateAllIcons]);
|
|
16031
16085
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
16032
|
-
/* @__PURE__ */
|
|
16086
|
+
/* @__PURE__ */ jsx4(
|
|
16033
16087
|
import_design_system_react_components17.Tooltip,
|
|
16034
16088
|
{
|
|
16035
16089
|
fullSpaceContent: true,
|
|
@@ -16041,7 +16095,7 @@ function CustomTagsInput({
|
|
|
16041
16095
|
triggerClassName: "tagify-tooltip-trigger",
|
|
16042
16096
|
triggerOnHover: false,
|
|
16043
16097
|
triggerRenderer: /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
16044
|
-
/* @__PURE__ */
|
|
16098
|
+
/* @__PURE__ */ jsx4(
|
|
16045
16099
|
Tags_default,
|
|
16046
16100
|
{
|
|
16047
16101
|
className: ["customLook", error ? "tagify--error" : void 0].filter(Boolean).join(" "),
|
|
@@ -16060,7 +16114,7 @@ function CustomTagsInput({
|
|
|
16060
16114
|
})
|
|
16061
16115
|
}
|
|
16062
16116
|
),
|
|
16063
|
-
/* @__PURE__ */
|
|
16117
|
+
/* @__PURE__ */ jsx4(CustomTagsInputTagTooltip, { data: tooltipData })
|
|
16064
16118
|
] });
|
|
16065
16119
|
}
|
|
16066
16120
|
|
|
@@ -16070,7 +16124,7 @@ var import_design_system_react_components18 = require("@livechat/design-system-r
|
|
|
16070
16124
|
function CustomTagsPickerTrigger({
|
|
16071
16125
|
onClick
|
|
16072
16126
|
}) {
|
|
16073
|
-
return /* @__PURE__ */
|
|
16127
|
+
return /* @__PURE__ */ jsx4(
|
|
16074
16128
|
import_design_system_react_components18.Button,
|
|
16075
16129
|
{
|
|
16076
16130
|
css: css`
|
|
@@ -16084,7 +16138,7 @@ function CustomTagsPickerTrigger({
|
|
|
16084
16138
|
min-width: 28px;
|
|
16085
16139
|
z-index: 1000;
|
|
16086
16140
|
`,
|
|
16087
|
-
icon: /* @__PURE__ */
|
|
16141
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components18.Icon, { source: import_design_system_icons9.Add }),
|
|
16088
16142
|
kind: "plain",
|
|
16089
16143
|
onClick,
|
|
16090
16144
|
size: "compact"
|
|
@@ -16108,7 +16162,7 @@ function CustomTagsField({
|
|
|
16108
16162
|
(0, import_developer_studio_ui_react15.useOnClickOutside)(wrapperRef, () => {
|
|
16109
16163
|
setIsPickerVisible(false);
|
|
16110
16164
|
});
|
|
16111
|
-
return /* @__PURE__ */
|
|
16165
|
+
return /* @__PURE__ */ jsx4("div", { css: wrapperCss2, ref: wrapperRef, children: /* @__PURE__ */ jsx4(
|
|
16112
16166
|
CustomTagsInput,
|
|
16113
16167
|
{
|
|
16114
16168
|
context,
|
|
@@ -16117,7 +16171,7 @@ function CustomTagsField({
|
|
|
16117
16171
|
isPickerVisible,
|
|
16118
16172
|
onChange,
|
|
16119
16173
|
onPickerToggle: setIsPickerVisible,
|
|
16120
|
-
renderPicker: ({ addTag }) => /* @__PURE__ */
|
|
16174
|
+
renderPicker: ({ addTag }) => /* @__PURE__ */ jsx4(
|
|
16121
16175
|
CustomTagsPicker,
|
|
16122
16176
|
{
|
|
16123
16177
|
context,
|
|
@@ -16125,7 +16179,7 @@ function CustomTagsField({
|
|
|
16125
16179
|
targetName: name
|
|
16126
16180
|
}
|
|
16127
16181
|
),
|
|
16128
|
-
renderPickerTrigger: () => /* @__PURE__ */
|
|
16182
|
+
renderPickerTrigger: () => /* @__PURE__ */ jsx4(
|
|
16129
16183
|
CustomTagsPickerTrigger,
|
|
16130
16184
|
{
|
|
16131
16185
|
onClick: () => {
|
|
@@ -16150,7 +16204,7 @@ function CustomStringField(props) {
|
|
|
16150
16204
|
const contextOptions = [
|
|
16151
16205
|
props.schema["x-ref"] ? {
|
|
16152
16206
|
key: "predefined",
|
|
16153
|
-
element: /* @__PURE__ */
|
|
16207
|
+
element: /* @__PURE__ */ jsx4(import_design_system_react_components19.ActionMenuItem, { children: /* @__PURE__ */ jsx4(
|
|
16154
16208
|
import_developer_studio_ui_react16.Intro,
|
|
16155
16209
|
{
|
|
16156
16210
|
body: "Data from the provider",
|
|
@@ -16168,7 +16222,7 @@ function CustomStringField(props) {
|
|
|
16168
16222
|
} : void 0,
|
|
16169
16223
|
{
|
|
16170
16224
|
key: "custom",
|
|
16171
|
-
element: /* @__PURE__ */
|
|
16225
|
+
element: /* @__PURE__ */ jsx4(import_design_system_react_components19.ActionMenuItem, { children: /* @__PURE__ */ jsx4(
|
|
16172
16226
|
import_developer_studio_ui_react16.Intro,
|
|
16173
16227
|
{
|
|
16174
16228
|
body: "Dynamic values from trigger and other tasks",
|
|
@@ -16219,10 +16273,10 @@ function CustomStringField(props) {
|
|
|
16219
16273
|
);
|
|
16220
16274
|
}, [pickerOptions, props.formData]);
|
|
16221
16275
|
if (props.schema.enum || props.schema.oneOf) {
|
|
16222
|
-
return /* @__PURE__ */
|
|
16276
|
+
return /* @__PURE__ */ jsx4(StringField, __spreadValues({}, props));
|
|
16223
16277
|
}
|
|
16224
16278
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react16.Row, { gap: `var(${import_design_system_react_components19.SpacingToken.Spacing1})`, notPadded: true, children: [
|
|
16225
|
-
isPredefined ? /* @__PURE__ */
|
|
16279
|
+
isPredefined ? /* @__PURE__ */ jsx4(
|
|
16226
16280
|
import_design_system_react_components19.Picker,
|
|
16227
16281
|
{
|
|
16228
16282
|
css: css`
|
|
@@ -16245,7 +16299,7 @@ function CustomStringField(props) {
|
|
|
16245
16299
|
size: "medium",
|
|
16246
16300
|
type: "single"
|
|
16247
16301
|
}
|
|
16248
|
-
) : /* @__PURE__ */
|
|
16302
|
+
) : /* @__PURE__ */ jsx4(
|
|
16249
16303
|
Field_default,
|
|
16250
16304
|
{
|
|
16251
16305
|
context: props.formContext,
|
|
@@ -16261,12 +16315,12 @@ function CustomStringField(props) {
|
|
|
16261
16315
|
`
|
|
16262
16316
|
}
|
|
16263
16317
|
),
|
|
16264
|
-
contextOptions.length > 1 && /* @__PURE__ */
|
|
16318
|
+
contextOptions.length > 1 && /* @__PURE__ */ jsx4(
|
|
16265
16319
|
import_design_system_react_components19.ActionMenu,
|
|
16266
16320
|
{
|
|
16267
16321
|
options: contextOptions,
|
|
16268
16322
|
selectedOptions: [isPredefined ? "predefined" : "custom"],
|
|
16269
|
-
triggerRenderer: /* @__PURE__ */
|
|
16323
|
+
triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components19.Button, { icon: /* @__PURE__ */ jsx4(import_design_system_react_components19.Icon, { source: import_design_system_icons10.MoreHoriz }), kind: "secondary" })
|
|
16270
16324
|
}
|
|
16271
16325
|
)
|
|
16272
16326
|
] });
|
|
@@ -16277,10 +16331,10 @@ var import_design_system_icons11 = require("@livechat/design-system-icons");
|
|
|
16277
16331
|
var import_design_system_react_components20 = require("@livechat/design-system-react-components");
|
|
16278
16332
|
function CustomAddButton(props) {
|
|
16279
16333
|
const { onClick } = props;
|
|
16280
|
-
return /* @__PURE__ */
|
|
16334
|
+
return /* @__PURE__ */ jsx4(
|
|
16281
16335
|
import_design_system_react_components20.Button,
|
|
16282
16336
|
{
|
|
16283
|
-
icon: /* @__PURE__ */
|
|
16337
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components20.Icon, { source: import_design_system_icons11.Add }),
|
|
16284
16338
|
kind: "secondary",
|
|
16285
16339
|
onClick: (e) => {
|
|
16286
16340
|
onClick && onClick(e);
|
|
@@ -16292,7 +16346,7 @@ function CustomAddButton(props) {
|
|
|
16292
16346
|
}
|
|
16293
16347
|
function CustomRemoveButton(props) {
|
|
16294
16348
|
const { onClick } = props;
|
|
16295
|
-
return /* @__PURE__ */
|
|
16349
|
+
return /* @__PURE__ */ jsx4(
|
|
16296
16350
|
import_design_system_react_components20.Button,
|
|
16297
16351
|
{
|
|
16298
16352
|
css: css`
|
|
@@ -16301,7 +16355,7 @@ function CustomRemoveButton(props) {
|
|
|
16301
16355
|
width: var(${import_design_system_react_components20.SpacingToken.Spacing6}) !important;
|
|
16302
16356
|
padding: 1px;
|
|
16303
16357
|
`,
|
|
16304
|
-
icon: /* @__PURE__ */
|
|
16358
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components20.Icon, { source: import_design_system_icons11.Delete }),
|
|
16305
16359
|
kind: "text",
|
|
16306
16360
|
onClick: (e) => {
|
|
16307
16361
|
onClick && onClick(e);
|
|
@@ -16311,7 +16365,7 @@ function CustomRemoveButton(props) {
|
|
|
16311
16365
|
}
|
|
16312
16366
|
function CustomMoveUpButton(props) {
|
|
16313
16367
|
const { onClick } = props;
|
|
16314
|
-
return /* @__PURE__ */
|
|
16368
|
+
return /* @__PURE__ */ jsx4(
|
|
16315
16369
|
import_design_system_react_components20.Button,
|
|
16316
16370
|
{
|
|
16317
16371
|
css: css`
|
|
@@ -16320,7 +16374,7 @@ function CustomMoveUpButton(props) {
|
|
|
16320
16374
|
width: var(${import_design_system_react_components20.SpacingToken.Spacing6}) !important;
|
|
16321
16375
|
padding: 1px;
|
|
16322
16376
|
`,
|
|
16323
|
-
icon: /* @__PURE__ */
|
|
16377
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components20.Icon, { source: import_design_system_icons11.ArrowUpward }),
|
|
16324
16378
|
kind: "text",
|
|
16325
16379
|
onClick: (e) => {
|
|
16326
16380
|
onClick && onClick(e);
|
|
@@ -16330,7 +16384,7 @@ function CustomMoveUpButton(props) {
|
|
|
16330
16384
|
}
|
|
16331
16385
|
function CustomMoveDownButton(props) {
|
|
16332
16386
|
const { onClick } = props;
|
|
16333
|
-
return /* @__PURE__ */
|
|
16387
|
+
return /* @__PURE__ */ jsx4(
|
|
16334
16388
|
import_design_system_react_components20.Button,
|
|
16335
16389
|
{
|
|
16336
16390
|
css: css`
|
|
@@ -16339,7 +16393,7 @@ function CustomMoveDownButton(props) {
|
|
|
16339
16393
|
width: var(${import_design_system_react_components20.SpacingToken.Spacing6}) !important;
|
|
16340
16394
|
padding: 1px;
|
|
16341
16395
|
`,
|
|
16342
|
-
icon: /* @__PURE__ */
|
|
16396
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components20.Icon, { source: import_design_system_icons11.ArrowDownward }),
|
|
16343
16397
|
kind: "text",
|
|
16344
16398
|
onClick: (e) => {
|
|
16345
16399
|
onClick && onClick(e);
|
|
@@ -16358,24 +16412,24 @@ function CustomDescriptionFieldTemplate(props) {
|
|
|
16358
16412
|
return null;
|
|
16359
16413
|
}
|
|
16360
16414
|
if (typeof description !== "string") {
|
|
16361
|
-
return /* @__PURE__ */
|
|
16415
|
+
return /* @__PURE__ */ jsx4(
|
|
16362
16416
|
import_design_system_react_components21.Tooltip,
|
|
16363
16417
|
{
|
|
16364
16418
|
placement: "right",
|
|
16365
16419
|
triggerOnHover: true,
|
|
16366
|
-
triggerRenderer: /* @__PURE__ */
|
|
16420
|
+
triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components21.Icon, { source: import_design_system_icons12.Info }),
|
|
16367
16421
|
children: description
|
|
16368
16422
|
}
|
|
16369
16423
|
);
|
|
16370
16424
|
}
|
|
16371
16425
|
const sanitizedTooltipText = import_dompurify.default.sanitize(description);
|
|
16372
|
-
return /* @__PURE__ */
|
|
16426
|
+
return /* @__PURE__ */ jsx4(
|
|
16373
16427
|
import_design_system_react_components21.Tooltip,
|
|
16374
16428
|
{
|
|
16375
16429
|
placement: "right",
|
|
16376
16430
|
triggerOnHover: true,
|
|
16377
|
-
triggerRenderer: /* @__PURE__ */
|
|
16378
|
-
children: /* @__PURE__ */
|
|
16431
|
+
triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components21.Icon, { source: import_design_system_icons12.Info }),
|
|
16432
|
+
children: /* @__PURE__ */ jsx4(
|
|
16379
16433
|
import_design_system_react_components21.Text,
|
|
16380
16434
|
{
|
|
16381
16435
|
as: "div",
|
|
@@ -16424,7 +16478,7 @@ function CustomFieldHeader(props) {
|
|
|
16424
16478
|
gap: `var(${import_design_system_react_components22.SpacingToken.Spacing1}`,
|
|
16425
16479
|
notPadded: true,
|
|
16426
16480
|
children: [
|
|
16427
|
-
label ? /* @__PURE__ */
|
|
16481
|
+
label ? /* @__PURE__ */ jsx4(
|
|
16428
16482
|
TitleFieldTemplate,
|
|
16429
16483
|
{
|
|
16430
16484
|
id: (0, import_utils14.titleId)(id),
|
|
@@ -16435,7 +16489,7 @@ function CustomFieldHeader(props) {
|
|
|
16435
16489
|
uiSchema
|
|
16436
16490
|
}
|
|
16437
16491
|
) : null,
|
|
16438
|
-
description ? /* @__PURE__ */
|
|
16492
|
+
description ? /* @__PURE__ */ jsx4(
|
|
16439
16493
|
DescriptionFieldTemplate,
|
|
16440
16494
|
{
|
|
16441
16495
|
description,
|
|
@@ -16448,7 +16502,7 @@ function CustomFieldHeader(props) {
|
|
|
16448
16502
|
]
|
|
16449
16503
|
}
|
|
16450
16504
|
),
|
|
16451
|
-
!required && !hideOptionalBadge ? /* @__PURE__ */
|
|
16505
|
+
!required && !hideOptionalBadge ? /* @__PURE__ */ jsx4(
|
|
16452
16506
|
"div",
|
|
16453
16507
|
{
|
|
16454
16508
|
css: css`
|
|
@@ -16508,10 +16562,10 @@ function CustomFieldTemplate(props) {
|
|
|
16508
16562
|
options
|
|
16509
16563
|
);
|
|
16510
16564
|
if (hidden) {
|
|
16511
|
-
return /* @__PURE__ */
|
|
16565
|
+
return /* @__PURE__ */ jsx4("div", { style: { display: "none" }, children });
|
|
16512
16566
|
}
|
|
16513
16567
|
const showHeader = displayLabel && !additional;
|
|
16514
|
-
return /* @__PURE__ */
|
|
16568
|
+
return /* @__PURE__ */ jsx4(
|
|
16515
16569
|
WrapIfAdditionalTemplate,
|
|
16516
16570
|
__spreadProps(__spreadValues({
|
|
16517
16571
|
classNames: additional ? `${classNames != null ? classNames : ""} additional` : classNames,
|
|
@@ -16531,7 +16585,7 @@ function CustomFieldTemplate(props) {
|
|
|
16531
16585
|
`,
|
|
16532
16586
|
error: rawErrors == null ? void 0 : rawErrors[0],
|
|
16533
16587
|
children: [
|
|
16534
|
-
showHeader ? /* @__PURE__ */
|
|
16588
|
+
showHeader ? /* @__PURE__ */ jsx4(
|
|
16535
16589
|
CustomFieldHeader,
|
|
16536
16590
|
{
|
|
16537
16591
|
description: rawDescription,
|
|
@@ -16570,11 +16624,11 @@ function CustomWrapIfAdditionalTemplate(props) {
|
|
|
16570
16624
|
} = props;
|
|
16571
16625
|
const additional = import_utils16.ADDITIONAL_PROPERTY_FLAG in schema;
|
|
16572
16626
|
if (!additional) {
|
|
16573
|
-
return /* @__PURE__ */
|
|
16627
|
+
return /* @__PURE__ */ jsx4("div", { className: classNames, style, children });
|
|
16574
16628
|
}
|
|
16575
16629
|
const { RemoveButton } = registry.templates.ButtonTemplates;
|
|
16576
16630
|
return /* @__PURE__ */ jsxs2("div", { className: classNames, style, children: [
|
|
16577
|
-
/* @__PURE__ */
|
|
16631
|
+
/* @__PURE__ */ jsx4(
|
|
16578
16632
|
import_design_system_react_components24.Input,
|
|
16579
16633
|
{
|
|
16580
16634
|
defaultValue: label,
|
|
@@ -16587,7 +16641,7 @@ function CustomWrapIfAdditionalTemplate(props) {
|
|
|
16587
16641
|
}
|
|
16588
16642
|
),
|
|
16589
16643
|
children,
|
|
16590
|
-
/* @__PURE__ */
|
|
16644
|
+
/* @__PURE__ */ jsx4(
|
|
16591
16645
|
RemoveButton,
|
|
16592
16646
|
{
|
|
16593
16647
|
onClick: onDropPropertyClick(label),
|
|
@@ -16639,7 +16693,7 @@ function CustomObjectFieldTemplate(props) {
|
|
|
16639
16693
|
});
|
|
16640
16694
|
const hasHiddenProps = newProperties.some((prop) => prop.hidden);
|
|
16641
16695
|
return /* @__PURE__ */ jsxs2("fieldset", { id: idSchema.$id, children: [
|
|
16642
|
-
/* @__PURE__ */
|
|
16696
|
+
/* @__PURE__ */ jsx4(
|
|
16643
16697
|
CustomFieldHeader,
|
|
16644
16698
|
{
|
|
16645
16699
|
description,
|
|
@@ -16653,7 +16707,7 @@ function CustomObjectFieldTemplate(props) {
|
|
|
16653
16707
|
}
|
|
16654
16708
|
),
|
|
16655
16709
|
newProperties.filter((prop) => optionalVisible || !prop.hidden).map((prop) => prop.content),
|
|
16656
|
-
hasHiddenProps ? /* @__PURE__ */
|
|
16710
|
+
hasHiddenProps ? /* @__PURE__ */ jsx4(
|
|
16657
16711
|
"div",
|
|
16658
16712
|
{
|
|
16659
16713
|
style: {
|
|
@@ -16680,7 +16734,7 @@ function CustomObjectFieldTemplate(props) {
|
|
|
16680
16734
|
)
|
|
16681
16735
|
}
|
|
16682
16736
|
) : null,
|
|
16683
|
-
(0, import_utils17.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */
|
|
16737
|
+
(0, import_utils17.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ jsx4(
|
|
16684
16738
|
"div",
|
|
16685
16739
|
{
|
|
16686
16740
|
style: {
|
|
@@ -16688,7 +16742,7 @@ function CustomObjectFieldTemplate(props) {
|
|
|
16688
16742
|
position: "relative",
|
|
16689
16743
|
textAlign: "right"
|
|
16690
16744
|
},
|
|
16691
|
-
children: /* @__PURE__ */
|
|
16745
|
+
children: /* @__PURE__ */ jsx4(
|
|
16692
16746
|
AddButton,
|
|
16693
16747
|
{
|
|
16694
16748
|
disabled: disabled || readonly,
|
|
@@ -16705,7 +16759,7 @@ function CustomObjectFieldTemplate(props) {
|
|
|
16705
16759
|
// src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/CustomTitleField.tsx
|
|
16706
16760
|
function CustomTitleFieldTemplate(props) {
|
|
16707
16761
|
const { id, title } = props;
|
|
16708
|
-
return /* @__PURE__ */
|
|
16762
|
+
return /* @__PURE__ */ jsx4("header", { id, children: title });
|
|
16709
16763
|
}
|
|
16710
16764
|
|
|
16711
16765
|
// src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Widgets/CustomCheckbox.tsx
|
|
@@ -16713,7 +16767,7 @@ var import_design_system_react_components26 = require("@livechat/design-system-r
|
|
|
16713
16767
|
function CustomCheckboxWidget(props) {
|
|
16714
16768
|
var _a;
|
|
16715
16769
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
16716
|
-
/* @__PURE__ */
|
|
16770
|
+
/* @__PURE__ */ jsx4(
|
|
16717
16771
|
CustomFieldHeader,
|
|
16718
16772
|
{
|
|
16719
16773
|
description: props.rawDescription,
|
|
@@ -16725,7 +16779,7 @@ function CustomCheckboxWidget(props) {
|
|
|
16725
16779
|
uiSchema: props.uiSchema
|
|
16726
16780
|
}
|
|
16727
16781
|
),
|
|
16728
|
-
/* @__PURE__ */
|
|
16782
|
+
/* @__PURE__ */ jsx4(
|
|
16729
16783
|
import_design_system_react_components26.Picker,
|
|
16730
16784
|
{
|
|
16731
16785
|
css: css`
|
|
@@ -16762,7 +16816,7 @@ function CustomSelectWidget(props) {
|
|
|
16762
16816
|
key: x.value,
|
|
16763
16817
|
name: x.label
|
|
16764
16818
|
}))) != null ? _b : [];
|
|
16765
|
-
return /* @__PURE__ */
|
|
16819
|
+
return /* @__PURE__ */ jsx4(
|
|
16766
16820
|
import_design_system_react_components27.Picker,
|
|
16767
16821
|
{
|
|
16768
16822
|
css: css`
|
|
@@ -16789,7 +16843,7 @@ function CustomSelectWidget(props) {
|
|
|
16789
16843
|
var import_design_system_react_components28 = require("@livechat/design-system-react-components");
|
|
16790
16844
|
function CustomTextWidget(props) {
|
|
16791
16845
|
var _a;
|
|
16792
|
-
return /* @__PURE__ */
|
|
16846
|
+
return /* @__PURE__ */ jsx4(
|
|
16793
16847
|
import_design_system_react_components28.Input,
|
|
16794
16848
|
{
|
|
16795
16849
|
error: Boolean((_a = props.rawErrors) == null ? void 0 : _a.length),
|
|
@@ -16835,7 +16889,7 @@ var customTemplates = {
|
|
|
16835
16889
|
};
|
|
16836
16890
|
function CustomSchemaForm(props) {
|
|
16837
16891
|
var _a;
|
|
16838
|
-
return /* @__PURE__ */
|
|
16892
|
+
return /* @__PURE__ */ jsx4(
|
|
16839
16893
|
import_core2.default,
|
|
16840
16894
|
{
|
|
16841
16895
|
extraErrors: props.formErrors,
|
|
@@ -16855,7 +16909,7 @@ function CustomSchemaForm(props) {
|
|
|
16855
16909
|
templates: customTemplates,
|
|
16856
16910
|
validator: import_validator_ajv8.default,
|
|
16857
16911
|
widgets: customWidgets,
|
|
16858
|
-
children: /* @__PURE__ */
|
|
16912
|
+
children: /* @__PURE__ */ jsx4(Fragment4, {})
|
|
16859
16913
|
}
|
|
16860
16914
|
);
|
|
16861
16915
|
}
|
|
@@ -16868,7 +16922,7 @@ function ForkJoinNodeForm({
|
|
|
16868
16922
|
onChange,
|
|
16869
16923
|
readonly
|
|
16870
16924
|
}) {
|
|
16871
|
-
return /* @__PURE__ */
|
|
16925
|
+
return /* @__PURE__ */ jsx4(
|
|
16872
16926
|
Form_default,
|
|
16873
16927
|
{
|
|
16874
16928
|
formContext: __spreadProps(__spreadValues({}, metadata), { data }),
|
|
@@ -16908,7 +16962,7 @@ function CustomAddHandle(props) {
|
|
|
16908
16962
|
state: { visibility }
|
|
16909
16963
|
} = useWorkflowCreator();
|
|
16910
16964
|
if (!visibility.handles) {
|
|
16911
|
-
return /* @__PURE__ */
|
|
16965
|
+
return /* @__PURE__ */ jsx4(
|
|
16912
16966
|
import_reactflow4.Handle,
|
|
16913
16967
|
{
|
|
16914
16968
|
id: props.id,
|
|
@@ -16920,7 +16974,7 @@ function CustomAddHandle(props) {
|
|
|
16920
16974
|
);
|
|
16921
16975
|
}
|
|
16922
16976
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
16923
|
-
/* @__PURE__ */
|
|
16977
|
+
/* @__PURE__ */ jsx4(
|
|
16924
16978
|
import_reactflow4.Handle,
|
|
16925
16979
|
{
|
|
16926
16980
|
id: props.id,
|
|
@@ -16929,12 +16983,12 @@ function CustomAddHandle(props) {
|
|
|
16929
16983
|
type: props.type
|
|
16930
16984
|
}
|
|
16931
16985
|
),
|
|
16932
|
-
/* @__PURE__ */
|
|
16986
|
+
/* @__PURE__ */ jsx4(
|
|
16933
16987
|
"div",
|
|
16934
16988
|
{
|
|
16935
16989
|
className: `react-flow__handle react-flow__handle-${props.position}`,
|
|
16936
16990
|
onClick: props.onClick,
|
|
16937
|
-
children: /* @__PURE__ */
|
|
16991
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components29.Icon, { source: import_design_system_icons13.Add })
|
|
16938
16992
|
}
|
|
16939
16993
|
)
|
|
16940
16994
|
] });
|
|
@@ -16955,17 +17009,17 @@ function CustomToolbar(props) {
|
|
|
16955
17009
|
if (!visibility.handles) {
|
|
16956
17010
|
return;
|
|
16957
17011
|
}
|
|
16958
|
-
return /* @__PURE__ */
|
|
17012
|
+
return /* @__PURE__ */ jsx4(
|
|
16959
17013
|
import_reactflow5.NodeToolbar,
|
|
16960
17014
|
{
|
|
16961
17015
|
align: "center",
|
|
16962
17016
|
isVisible: props.isVisible,
|
|
16963
17017
|
offset: 0,
|
|
16964
17018
|
position: import_reactflow5.Position.Right,
|
|
16965
|
-
children: /* @__PURE__ */
|
|
17019
|
+
children: /* @__PURE__ */ jsx4(
|
|
16966
17020
|
import_design_system_react_components30.Button,
|
|
16967
17021
|
{
|
|
16968
|
-
icon: /* @__PURE__ */
|
|
17022
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components30.Icon, { source: import_design_system_icons14.Delete }),
|
|
16969
17023
|
kind: "text",
|
|
16970
17024
|
onClick: (e) => {
|
|
16971
17025
|
e.stopPropagation();
|
|
@@ -17024,7 +17078,7 @@ function ForkJoinNode(node2) {
|
|
|
17024
17078
|
}
|
|
17025
17079
|
}
|
|
17026
17080
|
} = useWorkflowCreator();
|
|
17027
|
-
return /* @__PURE__ */
|
|
17081
|
+
return /* @__PURE__ */ jsx4(
|
|
17028
17082
|
CustomNodeWrapper,
|
|
17029
17083
|
{
|
|
17030
17084
|
onMouseEnter: () => {
|
|
@@ -17033,10 +17087,10 @@ function ForkJoinNode(node2) {
|
|
|
17033
17087
|
onMouseLeave: () => {
|
|
17034
17088
|
setIsHovered(false);
|
|
17035
17089
|
},
|
|
17036
|
-
children: /* @__PURE__ */
|
|
17090
|
+
children: /* @__PURE__ */ jsx4(
|
|
17037
17091
|
Base_default,
|
|
17038
17092
|
{
|
|
17039
|
-
bottom: /* @__PURE__ */
|
|
17093
|
+
bottom: /* @__PURE__ */ jsx4(
|
|
17040
17094
|
CustomAdd_default,
|
|
17041
17095
|
{
|
|
17042
17096
|
id: node2.id,
|
|
@@ -17053,7 +17107,7 @@ function ForkJoinNode(node2) {
|
|
|
17053
17107
|
hasErrors: Boolean(errors.tasks[node2.data.taskReferenceName]),
|
|
17054
17108
|
id: node2.id,
|
|
17055
17109
|
source: void 0,
|
|
17056
|
-
toolbar: /* @__PURE__ */
|
|
17110
|
+
toolbar: /* @__PURE__ */ jsx4(
|
|
17057
17111
|
CustomToolbar_default,
|
|
17058
17112
|
{
|
|
17059
17113
|
isVisible: isHovered,
|
|
@@ -17062,7 +17116,7 @@ function ForkJoinNode(node2) {
|
|
|
17062
17116
|
}
|
|
17063
17117
|
}
|
|
17064
17118
|
),
|
|
17065
|
-
top: /* @__PURE__ */
|
|
17119
|
+
top: /* @__PURE__ */ jsx4(
|
|
17066
17120
|
CustomAdd_default,
|
|
17067
17121
|
{
|
|
17068
17122
|
onClick: () => {
|
|
@@ -17146,8 +17200,8 @@ function HttpNodeBase({
|
|
|
17146
17200
|
children: [
|
|
17147
17201
|
top,
|
|
17148
17202
|
toolbar,
|
|
17149
|
-
/* @__PURE__ */
|
|
17150
|
-
(customization == null ? void 0 : customization.provider) ? /* @__PURE__ */
|
|
17203
|
+
/* @__PURE__ */ jsx4(Header2, { children: /* @__PURE__ */ jsxs2(Title2, { children: [
|
|
17204
|
+
(customization == null ? void 0 : customization.provider) ? /* @__PURE__ */ jsx4(
|
|
17151
17205
|
ProductIcon_default,
|
|
17152
17206
|
{
|
|
17153
17207
|
center: true,
|
|
@@ -17157,7 +17211,7 @@ function HttpNodeBase({
|
|
|
17157
17211
|
revertColors: revertIconColor,
|
|
17158
17212
|
width: 10
|
|
17159
17213
|
}
|
|
17160
|
-
) : /* @__PURE__ */
|
|
17214
|
+
) : /* @__PURE__ */ jsx4(
|
|
17161
17215
|
import_design_system_react_components32.Icon,
|
|
17162
17216
|
{
|
|
17163
17217
|
css: css`
|
|
@@ -17176,9 +17230,9 @@ function HttpNodeBase({
|
|
|
17176
17230
|
`,
|
|
17177
17231
|
notPadded: true,
|
|
17178
17232
|
children: [
|
|
17179
|
-
(customization == null ? void 0 : customization.product) ? /* @__PURE__ */
|
|
17233
|
+
(customization == null ? void 0 : customization.product) ? /* @__PURE__ */ jsx4("strong", { children: customization.product }) : /* @__PURE__ */ jsxs2("div", { children: [
|
|
17180
17234
|
"custom http",
|
|
17181
|
-
/* @__PURE__ */
|
|
17235
|
+
/* @__PURE__ */ jsx4("br", {})
|
|
17182
17236
|
] }),
|
|
17183
17237
|
/* @__PURE__ */ jsxs2(
|
|
17184
17238
|
"div",
|
|
@@ -17247,9 +17301,9 @@ function GlobalAccounts(props) {
|
|
|
17247
17301
|
props.product,
|
|
17248
17302
|
" account."
|
|
17249
17303
|
] }),
|
|
17250
|
-
props.product === "HelpDesk" && /* @__PURE__ */
|
|
17251
|
-
/* @__PURE__ */
|
|
17252
|
-
/* @__PURE__ */
|
|
17304
|
+
props.product === "HelpDesk" && /* @__PURE__ */ jsx4("p", { children: "We can activate your HelpDesk license on your behalf using your registered email. You`'ll automatically start a 14-day trial." }),
|
|
17305
|
+
/* @__PURE__ */ jsx4("p", { children: "Do you want to proceed?" }),
|
|
17306
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react19.Row, { flexEnd: true, notPadded: true, children: /* @__PURE__ */ jsx4(
|
|
17253
17307
|
import_design_system_react_components33.Button,
|
|
17254
17308
|
{
|
|
17255
17309
|
kind: "primary",
|
|
@@ -17287,20 +17341,20 @@ function GlobalAccounts(props) {
|
|
|
17287
17341
|
}
|
|
17288
17342
|
) })
|
|
17289
17343
|
] }) : null,
|
|
17290
|
-
/* @__PURE__ */
|
|
17344
|
+
/* @__PURE__ */ jsx4(import_platform_integrations3.TextStatus, {})
|
|
17291
17345
|
] });
|
|
17292
17346
|
}
|
|
17293
17347
|
var Text_default = GlobalAccounts;
|
|
17294
17348
|
|
|
17295
17349
|
// src/views/Workflows/Creator/Builder/Forms/Schema/Wrapper.tsx
|
|
17296
17350
|
var componentsMap = {
|
|
17297
|
-
[import_developer_studio_api24.IntegrationNames.HelpDesk]: ({ product }) => /* @__PURE__ */
|
|
17298
|
-
[import_developer_studio_api24.IntegrationNames.LiveChat]: ({ product }) => /* @__PURE__ */
|
|
17299
|
-
[import_developer_studio_api24.IntegrationNames.Shopify]: () => /* @__PURE__ */
|
|
17300
|
-
[import_developer_studio_api24.IntegrationNames.Mailchimp]: () => /* @__PURE__ */
|
|
17301
|
-
[import_developer_studio_api24.IntegrationNames.BigCommerce]: () => /* @__PURE__ */
|
|
17302
|
-
[import_developer_studio_api24.IntegrationNames.HubSpot]: () => /* @__PURE__ */
|
|
17303
|
-
[import_developer_studio_api24.IntegrationNames.OpenAI]: () => /* @__PURE__ */
|
|
17351
|
+
[import_developer_studio_api24.IntegrationNames.HelpDesk]: ({ product }) => /* @__PURE__ */ jsx4(Text_default, { product }),
|
|
17352
|
+
[import_developer_studio_api24.IntegrationNames.LiveChat]: ({ product }) => /* @__PURE__ */ jsx4(Text_default, { product }),
|
|
17353
|
+
[import_developer_studio_api24.IntegrationNames.Shopify]: () => /* @__PURE__ */ jsx4(import_platform_integrations4.ShopifyStatus, {}),
|
|
17354
|
+
[import_developer_studio_api24.IntegrationNames.Mailchimp]: () => /* @__PURE__ */ jsx4(import_platform_integrations4.MailchimpStatus, {}),
|
|
17355
|
+
[import_developer_studio_api24.IntegrationNames.BigCommerce]: () => /* @__PURE__ */ jsx4(import_platform_integrations4.BigCommerceStatus, {}),
|
|
17356
|
+
[import_developer_studio_api24.IntegrationNames.HubSpot]: () => /* @__PURE__ */ jsx4(import_platform_integrations4.HubSpotStatus, {}),
|
|
17357
|
+
[import_developer_studio_api24.IntegrationNames.OpenAI]: () => /* @__PURE__ */ jsx4(import_platform_integrations4.OpenaiStatus, {})
|
|
17304
17358
|
};
|
|
17305
17359
|
function CustomSchemaFormWrapper({
|
|
17306
17360
|
data,
|
|
@@ -17325,18 +17379,18 @@ function CustomSchemaFormWrapper({
|
|
|
17325
17379
|
[spec]
|
|
17326
17380
|
);
|
|
17327
17381
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
17328
|
-
tabItems.length > 1 ? /* @__PURE__ */
|
|
17382
|
+
tabItems.length > 1 ? /* @__PURE__ */ jsx4(
|
|
17329
17383
|
import_design_system_react_components34.TabsWrapper,
|
|
17330
17384
|
{
|
|
17331
17385
|
css: css`
|
|
17332
17386
|
width: 100%;
|
|
17333
17387
|
`,
|
|
17334
|
-
children: /* @__PURE__ */
|
|
17388
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components34.TabsList, { children: tabItems.map(({ id, title }) => {
|
|
17335
17389
|
var _a;
|
|
17336
|
-
return /* @__PURE__ */
|
|
17390
|
+
return /* @__PURE__ */ jsx4(
|
|
17337
17391
|
import_design_system_react_components34.Tab,
|
|
17338
17392
|
{
|
|
17339
|
-
icon: ((_a = tabsMetadata == null ? void 0 : tabsMetadata[id]) == null ? void 0 : _a.hasError) ? /* @__PURE__ */
|
|
17393
|
+
icon: ((_a = tabsMetadata == null ? void 0 : tabsMetadata[id]) == null ? void 0 : _a.hasError) ? /* @__PURE__ */ jsx4(import_design_system_react_components34.Icon, { kind: "negative", size: "small", source: import_design_system_icons16.Error }) : /* @__PURE__ */ jsx4(Fragment4, {}),
|
|
17340
17394
|
id,
|
|
17341
17395
|
isSelected: selectedTab === id,
|
|
17342
17396
|
onClick: () => {
|
|
@@ -17350,7 +17404,7 @@ function CustomSchemaFormWrapper({
|
|
|
17350
17404
|
}) })
|
|
17351
17405
|
}
|
|
17352
17406
|
) : void 0,
|
|
17353
|
-
spec && selectedTab === "connection" ? /* @__PURE__ */
|
|
17407
|
+
spec && selectedTab === "connection" ? /* @__PURE__ */ jsx4(
|
|
17354
17408
|
"div",
|
|
17355
17409
|
{
|
|
17356
17410
|
css: css`
|
|
@@ -17362,7 +17416,7 @@ function CustomSchemaFormWrapper({
|
|
|
17362
17416
|
})
|
|
17363
17417
|
}
|
|
17364
17418
|
) : null,
|
|
17365
|
-
selectedTab === "parameters" && /* @__PURE__ */
|
|
17419
|
+
selectedTab === "parameters" && /* @__PURE__ */ jsx4(
|
|
17366
17420
|
"div",
|
|
17367
17421
|
{
|
|
17368
17422
|
css: css`
|
|
@@ -17385,7 +17439,7 @@ function HttpNodeForm({
|
|
|
17385
17439
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
|
|
17386
17440
|
const spec = (_a = metadata.frame.__meta) == null ? void 0 : _a.config;
|
|
17387
17441
|
if (data.name === "http") {
|
|
17388
|
-
return /* @__PURE__ */
|
|
17442
|
+
return /* @__PURE__ */ jsx4(
|
|
17389
17443
|
Form_default,
|
|
17390
17444
|
{
|
|
17391
17445
|
formContext: __spreadProps(__spreadValues({}, metadata), {
|
|
@@ -17424,7 +17478,7 @@ function HttpNodeForm({
|
|
|
17424
17478
|
}
|
|
17425
17479
|
},
|
|
17426
17480
|
children: [
|
|
17427
|
-
((_i = (_h = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _h.properties) == null ? void 0 : _i.query) ? /* @__PURE__ */
|
|
17481
|
+
((_i = (_h = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _h.properties) == null ? void 0 : _i.query) ? /* @__PURE__ */ jsx4(
|
|
17428
17482
|
Form_default,
|
|
17429
17483
|
{
|
|
17430
17484
|
formContext: __spreadProps(__spreadValues({}, metadata), {
|
|
@@ -17453,7 +17507,7 @@ function HttpNodeForm({
|
|
|
17453
17507
|
schema: spec.specification.input.properties.query
|
|
17454
17508
|
}
|
|
17455
17509
|
) : void 0,
|
|
17456
|
-
((_n = (_m = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _m.properties) == null ? void 0 : _n.body) ? /* @__PURE__ */
|
|
17510
|
+
((_n = (_m = spec == null ? void 0 : spec.specification.input) == null ? void 0 : _m.properties) == null ? void 0 : _n.body) ? /* @__PURE__ */ jsx4(
|
|
17457
17511
|
Form_default,
|
|
17458
17512
|
{
|
|
17459
17513
|
formContext: __spreadProps(__spreadValues({}, metadata), {
|
|
@@ -17494,7 +17548,7 @@ function HttpNode(node2) {
|
|
|
17494
17548
|
}
|
|
17495
17549
|
}
|
|
17496
17550
|
} = useWorkflowCreator();
|
|
17497
|
-
return /* @__PURE__ */
|
|
17551
|
+
return /* @__PURE__ */ jsx4(
|
|
17498
17552
|
CustomNodeWrapper,
|
|
17499
17553
|
{
|
|
17500
17554
|
onMouseEnter: () => {
|
|
@@ -17503,10 +17557,10 @@ function HttpNode(node2) {
|
|
|
17503
17557
|
onMouseLeave: () => {
|
|
17504
17558
|
setIsHovered(false);
|
|
17505
17559
|
},
|
|
17506
|
-
children: /* @__PURE__ */
|
|
17560
|
+
children: /* @__PURE__ */ jsx4(
|
|
17507
17561
|
Base_default2,
|
|
17508
17562
|
{
|
|
17509
|
-
bottom: /* @__PURE__ */
|
|
17563
|
+
bottom: /* @__PURE__ */ jsx4(
|
|
17510
17564
|
CustomAdd_default,
|
|
17511
17565
|
{
|
|
17512
17566
|
id: node2.id,
|
|
@@ -17526,7 +17580,7 @@ function HttpNode(node2) {
|
|
|
17526
17580
|
data: node2.data,
|
|
17527
17581
|
hasErrors: Boolean(errors.tasks[node2.data.taskReferenceName]),
|
|
17528
17582
|
id: node2.id,
|
|
17529
|
-
toolbar: /* @__PURE__ */
|
|
17583
|
+
toolbar: /* @__PURE__ */ jsx4(
|
|
17530
17584
|
CustomToolbar_default,
|
|
17531
17585
|
{
|
|
17532
17586
|
isVisible: isHovered,
|
|
@@ -17535,7 +17589,7 @@ function HttpNode(node2) {
|
|
|
17535
17589
|
}
|
|
17536
17590
|
}
|
|
17537
17591
|
),
|
|
17538
|
-
top: /* @__PURE__ */
|
|
17592
|
+
top: /* @__PURE__ */ jsx4(
|
|
17539
17593
|
CustomAdd_default,
|
|
17540
17594
|
{
|
|
17541
17595
|
onClick: () => {
|
|
@@ -17619,8 +17673,8 @@ function JoinNodeBase({
|
|
|
17619
17673
|
children: [
|
|
17620
17674
|
top,
|
|
17621
17675
|
toolbar,
|
|
17622
|
-
/* @__PURE__ */
|
|
17623
|
-
/* @__PURE__ */
|
|
17676
|
+
/* @__PURE__ */ jsx4(Header3, { children: /* @__PURE__ */ jsxs2(Title3, { children: [
|
|
17677
|
+
/* @__PURE__ */ jsx4(
|
|
17624
17678
|
import_design_system_react_components35.Icon,
|
|
17625
17679
|
{
|
|
17626
17680
|
css: css`
|
|
@@ -17648,7 +17702,7 @@ function JoinNodeForm({
|
|
|
17648
17702
|
readonly,
|
|
17649
17703
|
onChange
|
|
17650
17704
|
}) {
|
|
17651
|
-
return /* @__PURE__ */
|
|
17705
|
+
return /* @__PURE__ */ jsx4(
|
|
17652
17706
|
Form_default,
|
|
17653
17707
|
{
|
|
17654
17708
|
formContext: __spreadProps(__spreadValues({}, metadata), { data }),
|
|
@@ -17675,10 +17729,10 @@ function JoinNode(node2) {
|
|
|
17675
17729
|
}
|
|
17676
17730
|
}
|
|
17677
17731
|
} = useWorkflowCreator();
|
|
17678
|
-
return /* @__PURE__ */
|
|
17732
|
+
return /* @__PURE__ */ jsx4(CustomNodeWrapper, { children: /* @__PURE__ */ jsx4(
|
|
17679
17733
|
Base_default3,
|
|
17680
17734
|
{
|
|
17681
|
-
bottom: /* @__PURE__ */
|
|
17735
|
+
bottom: /* @__PURE__ */ jsx4(
|
|
17682
17736
|
CustomAdd_default,
|
|
17683
17737
|
{
|
|
17684
17738
|
id: node2.id,
|
|
@@ -17695,7 +17749,7 @@ function JoinNode(node2) {
|
|
|
17695
17749
|
data: node2.data,
|
|
17696
17750
|
hasErrors: Boolean(errors.tasks[node2.data.taskReferenceName]),
|
|
17697
17751
|
id: node2.id,
|
|
17698
|
-
top: /* @__PURE__ */
|
|
17752
|
+
top: /* @__PURE__ */ jsx4(
|
|
17699
17753
|
import_reactflow8.Handle,
|
|
17700
17754
|
{
|
|
17701
17755
|
isConnectable: false,
|
|
@@ -17786,8 +17840,8 @@ function SwitchNodeBase({
|
|
|
17786
17840
|
source: Boolean(source),
|
|
17787
17841
|
children: [
|
|
17788
17842
|
toolbar,
|
|
17789
|
-
/* @__PURE__ */
|
|
17790
|
-
/* @__PURE__ */
|
|
17843
|
+
/* @__PURE__ */ jsx4(Header4, { children: /* @__PURE__ */ jsxs2(Title4, { source: Boolean(source), children: [
|
|
17844
|
+
/* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
|
|
17791
17845
|
import_design_system_react_components36.Icon,
|
|
17792
17846
|
{
|
|
17793
17847
|
css: css`
|
|
@@ -17802,7 +17856,7 @@ function SwitchNodeBase({
|
|
|
17802
17856
|
"IF"
|
|
17803
17857
|
] })
|
|
17804
17858
|
] }) }),
|
|
17805
|
-
body ? /* @__PURE__ */
|
|
17859
|
+
body ? /* @__PURE__ */ jsx4(Body, { children: body }) : null
|
|
17806
17860
|
]
|
|
17807
17861
|
}
|
|
17808
17862
|
),
|
|
@@ -17818,7 +17872,7 @@ function SwitchNodeForm({
|
|
|
17818
17872
|
onChange,
|
|
17819
17873
|
readonly
|
|
17820
17874
|
}) {
|
|
17821
|
-
return /* @__PURE__ */
|
|
17875
|
+
return /* @__PURE__ */ jsx4(
|
|
17822
17876
|
Form_default,
|
|
17823
17877
|
{
|
|
17824
17878
|
formContext: __spreadProps(__spreadValues({}, metadata), { data }),
|
|
@@ -17874,7 +17928,7 @@ function SwitchNode(node2) {
|
|
|
17874
17928
|
}
|
|
17875
17929
|
}
|
|
17876
17930
|
} = useWorkflowCreator();
|
|
17877
|
-
return /* @__PURE__ */
|
|
17931
|
+
return /* @__PURE__ */ jsx4(
|
|
17878
17932
|
CustomNodeWrapper,
|
|
17879
17933
|
{
|
|
17880
17934
|
onMouseEnter: () => {
|
|
@@ -17883,11 +17937,11 @@ function SwitchNode(node2) {
|
|
|
17883
17937
|
onMouseLeave: () => {
|
|
17884
17938
|
setIsHovered(false);
|
|
17885
17939
|
},
|
|
17886
|
-
children: /* @__PURE__ */
|
|
17940
|
+
children: /* @__PURE__ */ jsx4("div", { css: handlerWrapperCss, children: /* @__PURE__ */ jsx4(
|
|
17887
17941
|
Base_default4,
|
|
17888
17942
|
{
|
|
17889
17943
|
bottom: /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
17890
|
-
/* @__PURE__ */
|
|
17944
|
+
/* @__PURE__ */ jsx4(
|
|
17891
17945
|
import_reactflow9.Handle,
|
|
17892
17946
|
{
|
|
17893
17947
|
id: node2.id,
|
|
@@ -17896,7 +17950,7 @@ function SwitchNode(node2) {
|
|
|
17896
17950
|
type: "source"
|
|
17897
17951
|
}
|
|
17898
17952
|
),
|
|
17899
|
-
/* @__PURE__ */
|
|
17953
|
+
/* @__PURE__ */ jsx4(
|
|
17900
17954
|
CustomAdd_default,
|
|
17901
17955
|
{
|
|
17902
17956
|
id: node2.id,
|
|
@@ -17914,7 +17968,7 @@ function SwitchNode(node2) {
|
|
|
17914
17968
|
data: node2.data,
|
|
17915
17969
|
hasErrors: Boolean(errors.tasks[node2.data.taskReferenceName]),
|
|
17916
17970
|
id: node2.id,
|
|
17917
|
-
toolbar: /* @__PURE__ */
|
|
17971
|
+
toolbar: /* @__PURE__ */ jsx4(
|
|
17918
17972
|
CustomToolbar_default,
|
|
17919
17973
|
{
|
|
17920
17974
|
isVisible: isHovered,
|
|
@@ -17924,7 +17978,7 @@ function SwitchNode(node2) {
|
|
|
17924
17978
|
}
|
|
17925
17979
|
),
|
|
17926
17980
|
top: /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
17927
|
-
/* @__PURE__ */
|
|
17981
|
+
/* @__PURE__ */ jsx4(
|
|
17928
17982
|
import_reactflow9.Handle,
|
|
17929
17983
|
{
|
|
17930
17984
|
isConnectable: false,
|
|
@@ -17932,7 +17986,7 @@ function SwitchNode(node2) {
|
|
|
17932
17986
|
type: "target"
|
|
17933
17987
|
}
|
|
17934
17988
|
),
|
|
17935
|
-
/* @__PURE__ */
|
|
17989
|
+
/* @__PURE__ */ jsx4(
|
|
17936
17990
|
CustomAdd_default,
|
|
17937
17991
|
{
|
|
17938
17992
|
onClick: () => {
|
|
@@ -18035,7 +18089,7 @@ function TerminateNodeForm({
|
|
|
18035
18089
|
onChange,
|
|
18036
18090
|
readonly
|
|
18037
18091
|
}) {
|
|
18038
|
-
return /* @__PURE__ */
|
|
18092
|
+
return /* @__PURE__ */ jsx4(
|
|
18039
18093
|
Form_default,
|
|
18040
18094
|
{
|
|
18041
18095
|
formContext: __spreadProps(__spreadValues({}, metadata), { data }),
|
|
@@ -18066,7 +18120,7 @@ function TerminateNode(node2) {
|
|
|
18066
18120
|
}
|
|
18067
18121
|
}
|
|
18068
18122
|
} = useWorkflowCreator();
|
|
18069
|
-
return /* @__PURE__ */
|
|
18123
|
+
return /* @__PURE__ */ jsx4(
|
|
18070
18124
|
CustomNodeWrapper,
|
|
18071
18125
|
{
|
|
18072
18126
|
onMouseEnter: () => {
|
|
@@ -18075,13 +18129,13 @@ function TerminateNode(node2) {
|
|
|
18075
18129
|
onMouseLeave: () => {
|
|
18076
18130
|
setIsHovered(false);
|
|
18077
18131
|
},
|
|
18078
|
-
children: /* @__PURE__ */
|
|
18132
|
+
children: /* @__PURE__ */ jsx4(
|
|
18079
18133
|
Base_default5,
|
|
18080
18134
|
{
|
|
18081
18135
|
data: node2.data,
|
|
18082
18136
|
hasErrors: Boolean(errors.tasks[node2.data.taskReferenceName]),
|
|
18083
18137
|
id: node2.id,
|
|
18084
|
-
toolbar: /* @__PURE__ */
|
|
18138
|
+
toolbar: /* @__PURE__ */ jsx4(
|
|
18085
18139
|
CustomToolbar_default,
|
|
18086
18140
|
{
|
|
18087
18141
|
isVisible: isHovered,
|
|
@@ -18090,7 +18144,7 @@ function TerminateNode(node2) {
|
|
|
18090
18144
|
}
|
|
18091
18145
|
}
|
|
18092
18146
|
),
|
|
18093
|
-
top: /* @__PURE__ */
|
|
18147
|
+
top: /* @__PURE__ */ jsx4(
|
|
18094
18148
|
CustomAdd_default,
|
|
18095
18149
|
{
|
|
18096
18150
|
onClick: () => {
|
|
@@ -18171,8 +18225,8 @@ function TriggerNodeBase({
|
|
|
18171
18225
|
hasErrors: visibility.validation ? hasErrors : void 0,
|
|
18172
18226
|
children: [
|
|
18173
18227
|
toolbar,
|
|
18174
|
-
/* @__PURE__ */
|
|
18175
|
-
(customization == null ? void 0 : customization.provider) ? /* @__PURE__ */
|
|
18228
|
+
/* @__PURE__ */ jsx4(Header6, { children: /* @__PURE__ */ jsxs2(Title6, { children: [
|
|
18229
|
+
(customization == null ? void 0 : customization.provider) ? /* @__PURE__ */ jsx4(
|
|
18176
18230
|
ProductIcon_default,
|
|
18177
18231
|
{
|
|
18178
18232
|
center: true,
|
|
@@ -18191,7 +18245,7 @@ function TriggerNodeBase({
|
|
|
18191
18245
|
`,
|
|
18192
18246
|
notPadded: true,
|
|
18193
18247
|
children: [
|
|
18194
|
-
/* @__PURE__ */
|
|
18248
|
+
/* @__PURE__ */ jsx4("strong", { children: customization == null ? void 0 : customization.product }),
|
|
18195
18249
|
/* @__PURE__ */ jsxs2(
|
|
18196
18250
|
"div",
|
|
18197
18251
|
{
|
|
@@ -18260,7 +18314,7 @@ var cronCss = css`
|
|
|
18260
18314
|
`;
|
|
18261
18315
|
function CronWrapper(props) {
|
|
18262
18316
|
const [state, setState] = (0, import_react56.useState)(props.value);
|
|
18263
|
-
return /* @__PURE__ */
|
|
18317
|
+
return /* @__PURE__ */ jsx4(
|
|
18264
18318
|
import_react_js_cron.Cron,
|
|
18265
18319
|
{
|
|
18266
18320
|
css: cronCss,
|
|
@@ -18285,7 +18339,7 @@ function TriggerNodeForm({
|
|
|
18285
18339
|
const hasConnectionError = (_e = (_d = metadata.errors) == null ? void 0 : _d.__errorsExtended) == null ? void 0 : _e.some(
|
|
18286
18340
|
(error) => error.keyword === "connection" || "activation"
|
|
18287
18341
|
);
|
|
18288
|
-
return /* @__PURE__ */
|
|
18342
|
+
return /* @__PURE__ */ jsx4(
|
|
18289
18343
|
Wrapper_default,
|
|
18290
18344
|
{
|
|
18291
18345
|
data,
|
|
@@ -18295,7 +18349,7 @@ function TriggerNodeForm({
|
|
|
18295
18349
|
hasError: hasConnectionError
|
|
18296
18350
|
}
|
|
18297
18351
|
},
|
|
18298
|
-
children: /* @__PURE__ */
|
|
18352
|
+
children: /* @__PURE__ */ jsx4(
|
|
18299
18353
|
Form_default,
|
|
18300
18354
|
{
|
|
18301
18355
|
formContext: { frame: metadata.frame, data },
|
|
@@ -18316,7 +18370,7 @@ function TriggerNodeForm({
|
|
|
18316
18370
|
);
|
|
18317
18371
|
}
|
|
18318
18372
|
if (data.type === "recurring") {
|
|
18319
|
-
return /* @__PURE__ */
|
|
18373
|
+
return /* @__PURE__ */ jsx4(
|
|
18320
18374
|
CronWrapper,
|
|
18321
18375
|
{
|
|
18322
18376
|
onChange: (value) => {
|
|
@@ -18346,7 +18400,7 @@ function TriggerNode(node2) {
|
|
|
18346
18400
|
}
|
|
18347
18401
|
}
|
|
18348
18402
|
} = useWorkflowCreator();
|
|
18349
|
-
return /* @__PURE__ */
|
|
18403
|
+
return /* @__PURE__ */ jsx4(
|
|
18350
18404
|
CustomNodeWrapper,
|
|
18351
18405
|
{
|
|
18352
18406
|
onMouseEnter: () => {
|
|
@@ -18355,10 +18409,10 @@ function TriggerNode(node2) {
|
|
|
18355
18409
|
onMouseLeave: () => {
|
|
18356
18410
|
setIsHovered(false);
|
|
18357
18411
|
},
|
|
18358
|
-
children: /* @__PURE__ */
|
|
18412
|
+
children: /* @__PURE__ */ jsx4(
|
|
18359
18413
|
Base_default6,
|
|
18360
18414
|
{
|
|
18361
|
-
bottom: /* @__PURE__ */
|
|
18415
|
+
bottom: /* @__PURE__ */ jsx4(
|
|
18362
18416
|
CustomAdd_default,
|
|
18363
18417
|
{
|
|
18364
18418
|
id: node2.id,
|
|
@@ -18376,7 +18430,7 @@ function TriggerNode(node2) {
|
|
|
18376
18430
|
data: node2.data,
|
|
18377
18431
|
hasErrors: Boolean(errors.trigger),
|
|
18378
18432
|
id: node2.id,
|
|
18379
|
-
toolbar: /* @__PURE__ */
|
|
18433
|
+
toolbar: /* @__PURE__ */ jsx4(
|
|
18380
18434
|
CustomToolbar_default,
|
|
18381
18435
|
{
|
|
18382
18436
|
isVisible: isHovered,
|
|
@@ -18512,11 +18566,11 @@ function StopGenerateButton() {
|
|
|
18512
18566
|
}
|
|
18513
18567
|
const handleStopClick = () => {
|
|
18514
18568
|
};
|
|
18515
|
-
return /* @__PURE__ */
|
|
18569
|
+
return /* @__PURE__ */ jsx4(
|
|
18516
18570
|
import_design_system_react_components42.Button,
|
|
18517
18571
|
{
|
|
18518
18572
|
css: cancelGenerateButton,
|
|
18519
|
-
icon: /* @__PURE__ */
|
|
18573
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components42.Icon, { source: import_design_system_icons20.CloseCircle }),
|
|
18520
18574
|
iconPosition: "right",
|
|
18521
18575
|
kind: "plain",
|
|
18522
18576
|
onClick: handleStopClick,
|
|
@@ -18599,7 +18653,7 @@ function AskButton() {
|
|
|
18599
18653
|
}
|
|
18600
18654
|
handleSend({ messageBox: true });
|
|
18601
18655
|
};
|
|
18602
|
-
const button2 = /* @__PURE__ */
|
|
18656
|
+
const button2 = /* @__PURE__ */ jsx4(
|
|
18603
18657
|
import_design_system_react_components43.Button,
|
|
18604
18658
|
{
|
|
18605
18659
|
css: sendButton,
|
|
@@ -18607,22 +18661,22 @@ function AskButton() {
|
|
|
18607
18661
|
iconPosition: "right",
|
|
18608
18662
|
kind: "high-contrast",
|
|
18609
18663
|
onClick: onSend,
|
|
18610
|
-
children: /* @__PURE__ */
|
|
18664
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components43.Text, { bold: true, children: "Ask" })
|
|
18611
18665
|
}
|
|
18612
18666
|
);
|
|
18613
18667
|
if (isLoading) {
|
|
18614
|
-
return /* @__PURE__ */
|
|
18668
|
+
return /* @__PURE__ */ jsx4(
|
|
18615
18669
|
import_design_system_react_components43.Tooltip,
|
|
18616
18670
|
{
|
|
18617
18671
|
css: sendButtonTooltip,
|
|
18618
18672
|
theme: "invert",
|
|
18619
18673
|
triggerRenderer: button2,
|
|
18620
|
-
children: /* @__PURE__ */
|
|
18674
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components43.Text, { children: "You can send a message once the reply suggestion is generated" })
|
|
18621
18675
|
}
|
|
18622
18676
|
);
|
|
18623
18677
|
}
|
|
18624
18678
|
if (isAboveLimit) {
|
|
18625
|
-
return /* @__PURE__ */
|
|
18679
|
+
return /* @__PURE__ */ jsx4(
|
|
18626
18680
|
import_design_system_react_components43.Tooltip,
|
|
18627
18681
|
{
|
|
18628
18682
|
css: aboveLimitTooltip,
|
|
@@ -18644,8 +18698,8 @@ function AskButton() {
|
|
|
18644
18698
|
function OneMessageBoxBottomBar() {
|
|
18645
18699
|
const isOneLoading = false;
|
|
18646
18700
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
18647
|
-
!isOneLoading && /* @__PURE__ */
|
|
18648
|
-
/* @__PURE__ */
|
|
18701
|
+
!isOneLoading && /* @__PURE__ */ jsx4(AskButton, {}),
|
|
18702
|
+
/* @__PURE__ */ jsx4(StopGenerateButton, {})
|
|
18649
18703
|
] });
|
|
18650
18704
|
}
|
|
18651
18705
|
|
|
@@ -18703,24 +18757,24 @@ function EnterDownPlugin({ isCommandMenuVisibleRef }) {
|
|
|
18703
18757
|
|
|
18704
18758
|
// src/views/Workflows/Common/One/widget/message-box/Placeholder.tsx
|
|
18705
18759
|
function Placeholder({ className }) {
|
|
18706
|
-
return /* @__PURE__ */
|
|
18760
|
+
return /* @__PURE__ */ jsx4("div", { css: [placeholder, className], children: "Your message" });
|
|
18707
18761
|
}
|
|
18708
18762
|
|
|
18709
18763
|
// src/views/Workflows/Common/One/widget/message-box/OneMessageBoxPlugins.tsx
|
|
18710
18764
|
function OneMessageBoxPlugins() {
|
|
18711
18765
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
18712
|
-
/* @__PURE__ */
|
|
18766
|
+
/* @__PURE__ */ jsx4(
|
|
18713
18767
|
import_LexicalPlainTextPlugin.PlainTextPlugin,
|
|
18714
18768
|
{
|
|
18715
18769
|
ErrorBoundary: import_LexicalErrorBoundary.LexicalErrorBoundary,
|
|
18716
|
-
contentEditable: /* @__PURE__ */
|
|
18717
|
-
placeholder: /* @__PURE__ */
|
|
18770
|
+
contentEditable: /* @__PURE__ */ jsx4(import_LexicalContentEditable.ContentEditable, { css: contentEditable }),
|
|
18771
|
+
placeholder: /* @__PURE__ */ jsx4(Placeholder, { css: placeholder })
|
|
18718
18772
|
}
|
|
18719
18773
|
),
|
|
18720
|
-
/* @__PURE__ */
|
|
18721
|
-
/* @__PURE__ */
|
|
18722
|
-
/* @__PURE__ */
|
|
18723
|
-
/* @__PURE__ */
|
|
18774
|
+
/* @__PURE__ */ jsx4(import_LexicalHistoryPlugin.HistoryPlugin, {}),
|
|
18775
|
+
/* @__PURE__ */ jsx4(AutoFocusPlugin, {}),
|
|
18776
|
+
/* @__PURE__ */ jsx4(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
|
|
18777
|
+
/* @__PURE__ */ jsx4(EnterDownPlugin, {})
|
|
18724
18778
|
] });
|
|
18725
18779
|
}
|
|
18726
18780
|
|
|
@@ -18733,14 +18787,14 @@ var DEFAULT_CONFIG = {
|
|
|
18733
18787
|
}
|
|
18734
18788
|
};
|
|
18735
18789
|
function OneMessageBoxWrapper({ children, initialConfig }) {
|
|
18736
|
-
return /* @__PURE__ */
|
|
18790
|
+
return /* @__PURE__ */ jsx4(import_LexicalComposer.LexicalComposer, { initialConfig: initialConfig != null ? initialConfig : DEFAULT_CONFIG, children: /* @__PURE__ */ jsx4("div", { css: messageBoxWrapper, children }) });
|
|
18737
18791
|
}
|
|
18738
18792
|
|
|
18739
18793
|
// src/views/Workflows/Common/One/widget/message-box/OneMessageBox.tsx
|
|
18740
18794
|
function OneMessageBox() {
|
|
18741
|
-
return /* @__PURE__ */
|
|
18742
|
-
/* @__PURE__ */
|
|
18743
|
-
/* @__PURE__ */
|
|
18795
|
+
return /* @__PURE__ */ jsx4("div", { css: popoverMessageBox, children: /* @__PURE__ */ jsx4(OneMessageBoxWrapper, { children: /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
18796
|
+
/* @__PURE__ */ jsx4(OneMessageBoxPlugins, {}),
|
|
18797
|
+
/* @__PURE__ */ jsx4(OneMessageBoxBottomBar, {})
|
|
18744
18798
|
] }) }) });
|
|
18745
18799
|
}
|
|
18746
18800
|
|
|
@@ -19333,12 +19387,12 @@ var bottomBar2 = css`
|
|
|
19333
19387
|
function OneErrorEvent({ eventId }) {
|
|
19334
19388
|
const handleRetry = () => {
|
|
19335
19389
|
};
|
|
19336
|
-
return /* @__PURE__ */
|
|
19337
|
-
/* @__PURE__ */
|
|
19338
|
-
/* @__PURE__ */
|
|
19390
|
+
return /* @__PURE__ */ jsx4("div", { className: "bubble-wrapper", children: /* @__PURE__ */ jsx4("div", { css: eventWrapper(false), children: /* @__PURE__ */ jsx4("div", { className: "bubble", css: bubble, children: /* @__PURE__ */ jsxs2("div", { css: errorWrapper, children: [
|
|
19391
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components46.Text, { children: "Sorry, I couldn't answer your question." }),
|
|
19392
|
+
/* @__PURE__ */ jsx4(
|
|
19339
19393
|
import_design_system_react_components46.Button,
|
|
19340
19394
|
{
|
|
19341
|
-
icon: /* @__PURE__ */
|
|
19395
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components46.Icon, { source: import_design_system_icons21.RefreshFilled }),
|
|
19342
19396
|
iconPosition: "right",
|
|
19343
19397
|
kind: "link",
|
|
19344
19398
|
onClick: handleRetry,
|
|
@@ -19395,7 +19449,7 @@ function SkeletonLine({
|
|
|
19395
19449
|
loading,
|
|
19396
19450
|
removeMargin
|
|
19397
19451
|
}) {
|
|
19398
|
-
return /* @__PURE__ */
|
|
19452
|
+
return /* @__PURE__ */ jsx4(
|
|
19399
19453
|
"div",
|
|
19400
19454
|
{
|
|
19401
19455
|
className,
|
|
@@ -19421,9 +19475,9 @@ function OneImageEvent({ imageUrl }) {
|
|
|
19421
19475
|
};
|
|
19422
19476
|
}, [imageUrl]);
|
|
19423
19477
|
if (!isLoaded) {
|
|
19424
|
-
return /* @__PURE__ */
|
|
19478
|
+
return /* @__PURE__ */ jsx4(SkeletonLine, { css: imageLoader, loading: true });
|
|
19425
19479
|
}
|
|
19426
|
-
return /* @__PURE__ */
|
|
19480
|
+
return /* @__PURE__ */ jsx4(
|
|
19427
19481
|
"img",
|
|
19428
19482
|
{
|
|
19429
19483
|
alt: "event",
|
|
@@ -19478,15 +19532,15 @@ var typingIndicator2 = css`
|
|
|
19478
19532
|
`;
|
|
19479
19533
|
var TypingIndicator = (0, import_react70.memo)(function TypingIndicatorInner() {
|
|
19480
19534
|
return /* @__PURE__ */ jsxs2("div", { css: typingIndicator2, "data-test": "typing-indicator", children: [
|
|
19481
|
-
/* @__PURE__ */
|
|
19482
|
-
/* @__PURE__ */
|
|
19483
|
-
/* @__PURE__ */
|
|
19535
|
+
/* @__PURE__ */ jsx4("span", {}),
|
|
19536
|
+
/* @__PURE__ */ jsx4("span", {}),
|
|
19537
|
+
/* @__PURE__ */ jsx4("span", {})
|
|
19484
19538
|
] });
|
|
19485
19539
|
});
|
|
19486
19540
|
|
|
19487
19541
|
// src/views/Workflows/Common/One/widget/events/OneLoaderEvent.tsx
|
|
19488
19542
|
function OneLoaderEvent({ eventId }) {
|
|
19489
|
-
return /* @__PURE__ */
|
|
19543
|
+
return /* @__PURE__ */ jsx4("div", { css: loaderBubble, children: /* @__PURE__ */ jsx4(TypingIndicator, {}) }, eventId);
|
|
19490
19544
|
}
|
|
19491
19545
|
|
|
19492
19546
|
// src/views/Workflows/Common/One/widget/events/OneMessageEvent.tsx
|
|
@@ -19499,15 +19553,15 @@ var import_react_markdown = __toESM(require("react-markdown"));
|
|
|
19499
19553
|
var import_react_router_dom7 = require("react-router-dom");
|
|
19500
19554
|
var import_design_system_react_components49 = require("@livechat/design-system-react-components");
|
|
19501
19555
|
function OneLinkWithTooltip({ children, href }) {
|
|
19502
|
-
const trigger = href ? /* @__PURE__ */
|
|
19503
|
-
return /* @__PURE__ */
|
|
19556
|
+
const trigger = href ? /* @__PURE__ */ jsx4(import_react_router_dom7.Link, { css: linkTrigger, to: href, children }) : /* @__PURE__ */ jsx4("span", { css: linkTrigger, children });
|
|
19557
|
+
return /* @__PURE__ */ jsx4(
|
|
19504
19558
|
import_design_system_react_components49.Tooltip,
|
|
19505
19559
|
{
|
|
19506
19560
|
css: linkInTextTooltip,
|
|
19507
19561
|
hoverOnDelay: 800,
|
|
19508
19562
|
kind: "invert",
|
|
19509
19563
|
triggerRenderer: trigger,
|
|
19510
|
-
children: /* @__PURE__ */
|
|
19564
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components49.Text, { children: href })
|
|
19511
19565
|
}
|
|
19512
19566
|
);
|
|
19513
19567
|
}
|
|
@@ -19551,8 +19605,8 @@ var types = [
|
|
|
19551
19605
|
"inlineCode",
|
|
19552
19606
|
"code"
|
|
19553
19607
|
];
|
|
19554
|
-
var AnchorsWithTooltip = ({ children, href }) => /* @__PURE__ */
|
|
19555
|
-
var MarkdownEventRenderer = ({ children }) => /* @__PURE__ */
|
|
19608
|
+
var AnchorsWithTooltip = ({ children, href }) => /* @__PURE__ */ jsx4(OneLinkWithTooltip, { href, children });
|
|
19609
|
+
var MarkdownEventRenderer = ({ children }) => /* @__PURE__ */ jsx4(
|
|
19556
19610
|
import_react_markdown.default,
|
|
19557
19611
|
{
|
|
19558
19612
|
allowedTypes: types,
|
|
@@ -19571,8 +19625,8 @@ var navigateButtonCss = css`
|
|
|
19571
19625
|
margin: 0 var(${import_design_system_react_components50.SpacingToken.Spacing4}) 0 0;
|
|
19572
19626
|
`;
|
|
19573
19627
|
var iconMapping = {
|
|
19574
|
-
"arrow-forward": /* @__PURE__ */
|
|
19575
|
-
add: /* @__PURE__ */
|
|
19628
|
+
"arrow-forward": /* @__PURE__ */ jsx4(import_design_system_react_components50.Icon, { source: import_design_system_icons22.ArrowForward }),
|
|
19629
|
+
add: /* @__PURE__ */ jsx4(import_design_system_react_components50.Icon, { source: import_design_system_icons22.Add })
|
|
19576
19630
|
};
|
|
19577
19631
|
function NavigateButton({
|
|
19578
19632
|
url,
|
|
@@ -19591,8 +19645,8 @@ function NavigateButton({
|
|
|
19591
19645
|
navigate(url);
|
|
19592
19646
|
};
|
|
19593
19647
|
const customIcon = icon2 ? iconMapping[icon2] : void 0;
|
|
19594
|
-
const iconComponent = isExternal ? /* @__PURE__ */
|
|
19595
|
-
return /* @__PURE__ */
|
|
19648
|
+
const iconComponent = isExternal ? /* @__PURE__ */ jsx4(import_design_system_react_components50.Icon, { source: import_design_system_icons22.OpenInNew }) : customIcon;
|
|
19649
|
+
return /* @__PURE__ */ jsx4(
|
|
19596
19650
|
import_design_system_react_components50.Button,
|
|
19597
19651
|
{
|
|
19598
19652
|
css: navigateButtonCss,
|
|
@@ -19629,20 +19683,18 @@ function ApplyWorkflowButton({
|
|
|
19629
19683
|
const workflowExtraction = extractWorkflowFromEvent(event);
|
|
19630
19684
|
const isEditingWorkflow = false;
|
|
19631
19685
|
const applyWorkflow = () => {
|
|
19632
|
-
if (!(workflowExtraction == null ? void 0 : workflowExtraction.workflow))
|
|
19633
|
-
return;
|
|
19686
|
+
if (!(workflowExtraction == null ? void 0 : workflowExtraction.workflow)) return;
|
|
19634
19687
|
setIsApplied(true);
|
|
19635
19688
|
updateWorkflow(__spreadProps(__spreadValues({}, workflowExtraction.workflow), {
|
|
19636
19689
|
draft: true
|
|
19637
19690
|
}));
|
|
19638
19691
|
};
|
|
19639
19692
|
const preview = () => {
|
|
19640
|
-
if (!(workflowExtraction == null ? void 0 : workflowExtraction.workflow))
|
|
19641
|
-
return;
|
|
19693
|
+
if (!(workflowExtraction == null ? void 0 : workflowExtraction.workflow)) return;
|
|
19642
19694
|
previewWorkflow(workflowExtraction.workflow);
|
|
19643
19695
|
};
|
|
19644
19696
|
return /* @__PURE__ */ jsxs2("div", { children: [
|
|
19645
|
-
/* @__PURE__ */
|
|
19697
|
+
/* @__PURE__ */ jsx4(
|
|
19646
19698
|
import_design_system_react_components51.Button,
|
|
19647
19699
|
{
|
|
19648
19700
|
css: buttonCss,
|
|
@@ -19652,11 +19704,11 @@ function ApplyWorkflowButton({
|
|
|
19652
19704
|
children: "Preview"
|
|
19653
19705
|
}
|
|
19654
19706
|
),
|
|
19655
|
-
/* @__PURE__ */
|
|
19707
|
+
/* @__PURE__ */ jsx4(
|
|
19656
19708
|
import_design_system_react_components51.Button,
|
|
19657
19709
|
{
|
|
19658
19710
|
css: buttonCss,
|
|
19659
|
-
icon: isApplied ? /* @__PURE__ */
|
|
19711
|
+
icon: isApplied ? /* @__PURE__ */ jsx4(import_design_system_react_components51.Icon, { size: "small", source: import_design_system_icons23.Check }) : void 0,
|
|
19660
19712
|
iconPosition: "right",
|
|
19661
19713
|
kind: "high-contrast",
|
|
19662
19714
|
onClick: applyWorkflow,
|
|
@@ -19712,7 +19764,7 @@ function OneAssistantMessageBottomBar({
|
|
|
19712
19764
|
return /* @__PURE__ */ jsxs2("div", { css: bottomBarContainer, children: [
|
|
19713
19765
|
/* @__PURE__ */ jsxs2("div", { css: bottomBar2, children: [
|
|
19714
19766
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
19715
|
-
isWorkflow ? /* @__PURE__ */
|
|
19767
|
+
isWorkflow ? /* @__PURE__ */ jsx4(
|
|
19716
19768
|
ApplyWorkflowButton,
|
|
19717
19769
|
{
|
|
19718
19770
|
event,
|
|
@@ -19721,7 +19773,7 @@ function OneAssistantMessageBottomBar({
|
|
|
19721
19773
|
}
|
|
19722
19774
|
) : null,
|
|
19723
19775
|
isWithSources ? /* @__PURE__ */ jsxs2("div", { css: sourcesContainer, children: [
|
|
19724
|
-
/* @__PURE__ */
|
|
19776
|
+
/* @__PURE__ */ jsx4(
|
|
19725
19777
|
import_design_system_react_components52.Badge,
|
|
19726
19778
|
{
|
|
19727
19779
|
count: numberOfSources,
|
|
@@ -19730,14 +19782,14 @@ function OneAssistantMessageBottomBar({
|
|
|
19730
19782
|
size: "compact"
|
|
19731
19783
|
}
|
|
19732
19784
|
),
|
|
19733
|
-
/* @__PURE__ */
|
|
19785
|
+
/* @__PURE__ */ jsx4(
|
|
19734
19786
|
import_design_system_react_components52.Button,
|
|
19735
19787
|
{
|
|
19736
19788
|
css: [
|
|
19737
19789
|
sourcesButton,
|
|
19738
19790
|
isSourcesVisible && sourcesButtonActive
|
|
19739
19791
|
],
|
|
19740
|
-
icon: /* @__PURE__ */
|
|
19792
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components52.Icon, { source: isSourcesVisible ? import_design_system_icons24.ChevronUp : import_design_system_icons24.ChevronDown }),
|
|
19741
19793
|
iconPosition: "right",
|
|
19742
19794
|
kind: "plain",
|
|
19743
19795
|
onClick: toggleIsSourcesVisible,
|
|
@@ -19748,17 +19800,17 @@ function OneAssistantMessageBottomBar({
|
|
|
19748
19800
|
] }) : null
|
|
19749
19801
|
] }),
|
|
19750
19802
|
/* @__PURE__ */ jsxs2("div", { css: bottomBarIcons, children: [
|
|
19751
|
-
/* @__PURE__ */
|
|
19803
|
+
/* @__PURE__ */ jsx4(
|
|
19752
19804
|
import_design_system_react_components52.Tooltip,
|
|
19753
19805
|
{
|
|
19754
19806
|
className: "tooltip",
|
|
19755
19807
|
kind: "invert",
|
|
19756
19808
|
placement: "top",
|
|
19757
|
-
triggerRenderer: /* @__PURE__ */
|
|
19809
|
+
triggerRenderer: /* @__PURE__ */ jsx4(
|
|
19758
19810
|
import_design_system_react_components52.Button,
|
|
19759
19811
|
{
|
|
19760
19812
|
css: button,
|
|
19761
|
-
icon: /* @__PURE__ */
|
|
19813
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components52.Icon, { source: import_design_system_icons24.ContentCopy }),
|
|
19762
19814
|
kind: "plain",
|
|
19763
19815
|
onClick: () => {
|
|
19764
19816
|
void handleCopyClick();
|
|
@@ -19766,21 +19818,21 @@ function OneAssistantMessageBottomBar({
|
|
|
19766
19818
|
size: "xcompact"
|
|
19767
19819
|
}
|
|
19768
19820
|
),
|
|
19769
|
-
children: /* @__PURE__ */
|
|
19821
|
+
children: /* @__PURE__ */ jsx4("div", { css: tooltip, children: "Copy" })
|
|
19770
19822
|
}
|
|
19771
19823
|
),
|
|
19772
|
-
event.sessionId ? /* @__PURE__ */
|
|
19824
|
+
event.sessionId ? /* @__PURE__ */ jsx4(
|
|
19773
19825
|
import_design_system_react_components52.Tooltip,
|
|
19774
19826
|
{
|
|
19775
19827
|
className: "tooltip",
|
|
19776
19828
|
kind: "invert",
|
|
19777
19829
|
placement: "top",
|
|
19778
|
-
triggerRenderer: /* @__PURE__ */
|
|
19830
|
+
triggerRenderer: /* @__PURE__ */ jsx4(
|
|
19779
19831
|
import_design_system_react_components52.Button,
|
|
19780
19832
|
{
|
|
19781
19833
|
css: button,
|
|
19782
19834
|
disabled: isMessageRated,
|
|
19783
|
-
icon: /* @__PURE__ */
|
|
19835
|
+
icon: /* @__PURE__ */ jsx4(
|
|
19784
19836
|
import_design_system_react_components52.Icon,
|
|
19785
19837
|
{
|
|
19786
19838
|
source: isMessageRated ? import_design_system_icons24.ThumbDownFilled : import_design_system_icons24.ThumbDown
|
|
@@ -19794,14 +19846,14 @@ function OneAssistantMessageBottomBar({
|
|
|
19794
19846
|
useClickHookProps: {
|
|
19795
19847
|
ignoreMouse: true
|
|
19796
19848
|
},
|
|
19797
|
-
children: /* @__PURE__ */
|
|
19849
|
+
children: /* @__PURE__ */ jsx4("div", { css: tooltip, children: isMessageRated ? "Rated badly" : "Rate as bad response" })
|
|
19798
19850
|
}
|
|
19799
19851
|
) : null
|
|
19800
19852
|
] })
|
|
19801
19853
|
] }),
|
|
19802
|
-
isSourcesVisible ? /* @__PURE__ */
|
|
19803
|
-
/* @__PURE__ */
|
|
19804
|
-
/* @__PURE__ */
|
|
19854
|
+
isSourcesVisible ? /* @__PURE__ */ jsx4("ul", { css: sourcesList, children: topSources.map(({ name, url }) => /* @__PURE__ */ jsxs2("li", { css: linkContainer(), children: [
|
|
19855
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components52.Icon, { source: import_design_system_icons24.OpenInNew }),
|
|
19856
|
+
/* @__PURE__ */ jsx4("a", { href: url, rel: "noopener noreferrer", target: "_blank", children: name })
|
|
19805
19857
|
] }, url)) }) : null
|
|
19806
19858
|
] });
|
|
19807
19859
|
}
|
|
@@ -19822,7 +19874,7 @@ function OneMessageEvent({
|
|
|
19822
19874
|
const shouldDisplayBottomBar = !isAgentMessage && !((_c = event.properties) == null ? void 0 : _c.withoutActions);
|
|
19823
19875
|
const isMessageWithButtons = isWithNavigateButtons || isWithActionButtons;
|
|
19824
19876
|
if (isAgentMessage) {
|
|
19825
|
-
return /* @__PURE__ */
|
|
19877
|
+
return /* @__PURE__ */ jsx4(import_design_system_react_components53.Text, { css: agentMessage, children: /* @__PURE__ */ jsx4(MarkdownEventRenderer, { children: event.text }) });
|
|
19826
19878
|
}
|
|
19827
19879
|
return /* @__PURE__ */ jsxs2(
|
|
19828
19880
|
"div",
|
|
@@ -19830,17 +19882,17 @@ function OneMessageEvent({
|
|
|
19830
19882
|
className: "bubble-wrapper",
|
|
19831
19883
|
css: messageEventWrapper(isAgentMessage),
|
|
19832
19884
|
children: [
|
|
19833
|
-
/* @__PURE__ */
|
|
19834
|
-
/* @__PURE__ */
|
|
19835
|
-
isWithHeader ? /* @__PURE__ */
|
|
19836
|
-
/* @__PURE__ */
|
|
19885
|
+
/* @__PURE__ */ jsx4("div", { css: eventWrapper(isAgentMessage), children: /* @__PURE__ */ jsxs2("div", { className: "bubble", css: bubble, children: [
|
|
19886
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components53.Text, { css: [eventText, isAgentMessage && breakText], children: /* @__PURE__ */ jsxs2("div", { children: [
|
|
19887
|
+
isWithHeader ? /* @__PURE__ */ jsx4("p", { css: messageHeading, children: event.header }) : null,
|
|
19888
|
+
/* @__PURE__ */ jsx4(MarkdownEventRenderer, { children: event.text })
|
|
19837
19889
|
] }) }),
|
|
19838
|
-
isMessageWithButtons ? /* @__PURE__ */
|
|
19890
|
+
isMessageWithButtons ? /* @__PURE__ */ jsx4("div", { css: buttonContainer, children: navigateButtons == null ? void 0 : navigateButtons.map((_d) => {
|
|
19839
19891
|
var _e = _d, { url } = _e, props = __objRest(_e, ["url"]);
|
|
19840
|
-
return /* @__PURE__ */
|
|
19892
|
+
return /* @__PURE__ */ jsx4(NavigateButton, __spreadValues({ url }, props), url);
|
|
19841
19893
|
}) }) : null
|
|
19842
19894
|
] }) }, event.eventId),
|
|
19843
|
-
shouldDisplayBottomBar ? /* @__PURE__ */
|
|
19895
|
+
shouldDisplayBottomBar ? /* @__PURE__ */ jsx4(
|
|
19844
19896
|
OneAssistantMessageBottomBar,
|
|
19845
19897
|
{
|
|
19846
19898
|
event,
|
|
@@ -19864,12 +19916,12 @@ function OneWorkflowEvent({
|
|
|
19864
19916
|
const triggerSpec = (workflowExtraction == null ? void 0 : workflowExtraction.workflow.trigger) ? WorkflowSpecification.getTriggerConfig(
|
|
19865
19917
|
workflowExtraction.workflow.trigger
|
|
19866
19918
|
) : void 0;
|
|
19867
|
-
return /* @__PURE__ */
|
|
19919
|
+
return /* @__PURE__ */ jsx4("div", { className: "bubble-wrapper", css: messageEventWrapper(false), children: /* @__PURE__ */ jsxs2("div", { css: eventWrapper(false), children: [
|
|
19868
19920
|
/* @__PURE__ */ jsxs2("div", { className: "bubble", css: bubble, children: [
|
|
19869
|
-
(workflowExtraction == null ? void 0 : workflowExtraction.before) ? /* @__PURE__ */
|
|
19921
|
+
(workflowExtraction == null ? void 0 : workflowExtraction.before) ? /* @__PURE__ */ jsx4(import_design_system_react_components54.Text, { css: [eventText], children: /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(MarkdownEventRenderer, { children: workflowExtraction.before }) }) }) : null,
|
|
19870
19922
|
/* @__PURE__ */ jsxs2("div", { css: taskList, children: [
|
|
19871
19923
|
(workflowExtraction == null ? void 0 : workflowExtraction.workflow.trigger) ? /* @__PURE__ */ jsxs2("div", { css: task, children: [
|
|
19872
|
-
/* @__PURE__ */
|
|
19924
|
+
/* @__PURE__ */ jsx4(
|
|
19873
19925
|
ProductIcon_default,
|
|
19874
19926
|
{
|
|
19875
19927
|
center: false,
|
|
@@ -19888,7 +19940,7 @@ function OneWorkflowEvent({
|
|
|
19888
19940
|
(task2, index) => {
|
|
19889
19941
|
const taskSpec = WorkflowSpecification.getTaskConfig(task2);
|
|
19890
19942
|
return /* @__PURE__ */ jsxs2("div", { css: task, children: [
|
|
19891
|
-
/* @__PURE__ */
|
|
19943
|
+
/* @__PURE__ */ jsx4(
|
|
19892
19944
|
ProductIcon_default,
|
|
19893
19945
|
{
|
|
19894
19946
|
center: false,
|
|
@@ -19908,9 +19960,9 @@ function OneWorkflowEvent({
|
|
|
19908
19960
|
}
|
|
19909
19961
|
)
|
|
19910
19962
|
] }),
|
|
19911
|
-
(workflowExtraction == null ? void 0 : workflowExtraction.after) ? /* @__PURE__ */
|
|
19963
|
+
(workflowExtraction == null ? void 0 : workflowExtraction.after) ? /* @__PURE__ */ jsx4(import_design_system_react_components54.Text, { css: [eventText], children: /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(MarkdownEventRenderer, { children: workflowExtraction.after }) }) }) : null
|
|
19912
19964
|
] }),
|
|
19913
|
-
/* @__PURE__ */
|
|
19965
|
+
/* @__PURE__ */ jsx4(
|
|
19914
19966
|
OneAssistantMessageBottomBar,
|
|
19915
19967
|
{
|
|
19916
19968
|
event,
|
|
@@ -19931,7 +19983,7 @@ function OneEvent({
|
|
|
19931
19983
|
switch (event.type) {
|
|
19932
19984
|
case "text-message": {
|
|
19933
19985
|
if (isWorkflowEvent(event)) {
|
|
19934
|
-
return /* @__PURE__ */
|
|
19986
|
+
return /* @__PURE__ */ jsx4(
|
|
19935
19987
|
OneWorkflowEvent,
|
|
19936
19988
|
{
|
|
19937
19989
|
event,
|
|
@@ -19940,7 +19992,7 @@ function OneEvent({
|
|
|
19940
19992
|
}
|
|
19941
19993
|
);
|
|
19942
19994
|
}
|
|
19943
|
-
return /* @__PURE__ */
|
|
19995
|
+
return /* @__PURE__ */ jsx4(
|
|
19944
19996
|
OneMessageEvent,
|
|
19945
19997
|
{
|
|
19946
19998
|
event,
|
|
@@ -19951,17 +20003,17 @@ function OneEvent({
|
|
|
19951
20003
|
);
|
|
19952
20004
|
}
|
|
19953
20005
|
case "loader-message": {
|
|
19954
|
-
return /* @__PURE__ */
|
|
20006
|
+
return /* @__PURE__ */ jsx4(OneLoaderEvent, { eventId: event.eventId });
|
|
19955
20007
|
}
|
|
19956
20008
|
case "error-message": {
|
|
19957
|
-
return /* @__PURE__ */
|
|
20009
|
+
return /* @__PURE__ */ jsx4(OneErrorEvent, { eventId: event.eventId });
|
|
19958
20010
|
}
|
|
19959
20011
|
case "image-message": {
|
|
19960
20012
|
const imgUrl = event.imageUrl;
|
|
19961
|
-
return /* @__PURE__ */
|
|
20013
|
+
return /* @__PURE__ */ jsx4(OneImageEvent, { imageUrl: imgUrl });
|
|
19962
20014
|
}
|
|
19963
20015
|
default:
|
|
19964
|
-
return /* @__PURE__ */
|
|
20016
|
+
return /* @__PURE__ */ jsx4("div", { css: virtuosoEmptyElement });
|
|
19965
20017
|
}
|
|
19966
20018
|
}
|
|
19967
20019
|
|
|
@@ -19973,8 +20025,8 @@ function OneEventsGroup({
|
|
|
19973
20025
|
}) {
|
|
19974
20026
|
const [firstEvent] = eventGroup;
|
|
19975
20027
|
const isAgentMessage = firstEvent.authorType === "agent" /* Agent */;
|
|
19976
|
-
return /* @__PURE__ */
|
|
19977
|
-
return /* @__PURE__ */
|
|
20028
|
+
return /* @__PURE__ */ jsx4("div", { css: groupedEventsWrapper, children: /* @__PURE__ */ jsx4("div", { css: [eventsWrapper], children: eventGroup.map((event) => {
|
|
20029
|
+
return /* @__PURE__ */ jsx4(
|
|
19978
20030
|
OneEvent,
|
|
19979
20031
|
{
|
|
19980
20032
|
event,
|
|
@@ -19989,7 +20041,7 @@ function OneEventsGroup({
|
|
|
19989
20041
|
|
|
19990
20042
|
// src/views/Workflows/Common/One/widget/OneChatFeedSkeleton.tsx
|
|
19991
20043
|
function OneChatFeedSkeleton() {
|
|
19992
|
-
return /* @__PURE__ */
|
|
20044
|
+
return /* @__PURE__ */ jsx4("div", { css: loaderContainer, children: /* @__PURE__ */ jsx4(SkeletonLine, { css: loaderChatItem, loading: true }) });
|
|
19993
20045
|
}
|
|
19994
20046
|
|
|
19995
20047
|
// src/views/Workflows/Common/One/widget/OneChatFeedContent.tsx
|
|
@@ -20005,9 +20057,9 @@ function OneChatFeedContent({
|
|
|
20005
20057
|
additionalEvents: hasAdditionalEvents
|
|
20006
20058
|
});
|
|
20007
20059
|
if (groupedEvents.flat().length === 0) {
|
|
20008
|
-
return /* @__PURE__ */
|
|
20060
|
+
return /* @__PURE__ */ jsx4(OneChatFeedSkeleton, {});
|
|
20009
20061
|
}
|
|
20010
|
-
return /* @__PURE__ */
|
|
20062
|
+
return /* @__PURE__ */ jsx4("div", { css: scroller, onScroll: handleScroll, ref: oneChatFeedRef, children: /* @__PURE__ */ jsx4("div", { css: chatMessagesWrapper(false), children: groupedEvents.map((eventGroup, index) => /* @__PURE__ */ jsx4(
|
|
20011
20063
|
OneEventsGroup,
|
|
20012
20064
|
{
|
|
20013
20065
|
eventGroup,
|
|
@@ -20026,13 +20078,13 @@ function OneWidgetHeader() {
|
|
|
20026
20078
|
const { toggleOneWidget } = useOneWidgetContext();
|
|
20027
20079
|
return /* @__PURE__ */ jsxs2("div", { css: headerWrapper, children: [
|
|
20028
20080
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
20029
|
-
/* @__PURE__ */
|
|
20030
|
-
/* @__PURE__ */
|
|
20081
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components55.Icon, { size: "xlarge", source: import_developer_studio_ui_react24.OneIcon }),
|
|
20082
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components55.Text, { as: "h2", children: "Copilot" })
|
|
20031
20083
|
] }),
|
|
20032
|
-
/* @__PURE__ */
|
|
20084
|
+
/* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
|
|
20033
20085
|
import_design_system_react_components55.Button,
|
|
20034
20086
|
{
|
|
20035
|
-
icon: /* @__PURE__ */
|
|
20087
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components55.Icon, { css: icon, source: import_design_system_icons25.Close }),
|
|
20036
20088
|
kind: "plain",
|
|
20037
20089
|
onClick: toggleOneWidget,
|
|
20038
20090
|
size: "compact"
|
|
@@ -20044,16 +20096,16 @@ function OneWidgetHeader() {
|
|
|
20044
20096
|
// src/views/Workflows/Common/One/widget/OneWidget.tsx
|
|
20045
20097
|
function OneWidget({ updateWorkflow, previewWorkflow }) {
|
|
20046
20098
|
return /* @__PURE__ */ jsxs2("div", { css: [container, "lc-dark-theme"], children: [
|
|
20047
|
-
/* @__PURE__ */
|
|
20048
|
-
/* @__PURE__ */
|
|
20049
|
-
/* @__PURE__ */
|
|
20099
|
+
/* @__PURE__ */ jsx4(OneWidgetHeader, {}),
|
|
20100
|
+
/* @__PURE__ */ jsx4("div", { css: chatContainer, children: /* @__PURE__ */ jsxs2("div", { css: chatBody, children: [
|
|
20101
|
+
/* @__PURE__ */ jsx4(
|
|
20050
20102
|
OneChatFeedContent,
|
|
20051
20103
|
{
|
|
20052
20104
|
previewWorkflow,
|
|
20053
20105
|
updateWorkflow
|
|
20054
20106
|
}
|
|
20055
20107
|
),
|
|
20056
|
-
/* @__PURE__ */
|
|
20108
|
+
/* @__PURE__ */ jsx4(OneMessageBox, {})
|
|
20057
20109
|
] }) })
|
|
20058
20110
|
] });
|
|
20059
20111
|
}
|
|
@@ -20109,8 +20161,8 @@ function CustomControls({
|
|
|
20109
20161
|
}
|
|
20110
20162
|
}
|
|
20111
20163
|
}, [isOpen, location.state, (_a = location.state) == null ? void 0 : _a.openOne, toggleOneWidget]);
|
|
20112
|
-
return /* @__PURE__ */
|
|
20113
|
-
visibility.controls.assistant ? /* @__PURE__ */
|
|
20164
|
+
return /* @__PURE__ */ jsx4(Wrapper3, { children: /* @__PURE__ */ jsxs2(import_reactflow12.Controls, { showFitView: false, showInteractive: false, showZoom: false, children: [
|
|
20165
|
+
visibility.controls.assistant ? /* @__PURE__ */ jsx4(
|
|
20114
20166
|
import_design_system_react_components56.Popover,
|
|
20115
20167
|
{
|
|
20116
20168
|
css: css`
|
|
@@ -20122,7 +20174,7 @@ function CustomControls({
|
|
|
20122
20174
|
isVisible: isOpen,
|
|
20123
20175
|
offsetSize: 8,
|
|
20124
20176
|
placement: "top-start",
|
|
20125
|
-
triggerRenderer: () => /* @__PURE__ */
|
|
20177
|
+
triggerRenderer: () => /* @__PURE__ */ jsx4(
|
|
20126
20178
|
import_reactflow12.ControlButton,
|
|
20127
20179
|
{
|
|
20128
20180
|
onClick: () => {
|
|
@@ -20131,7 +20183,7 @@ function CustomControls({
|
|
|
20131
20183
|
duration: 500
|
|
20132
20184
|
});
|
|
20133
20185
|
},
|
|
20134
|
-
children: /* @__PURE__ */
|
|
20186
|
+
children: /* @__PURE__ */ jsx4(
|
|
20135
20187
|
import_design_system_react_components56.Icon,
|
|
20136
20188
|
{
|
|
20137
20189
|
css: css`
|
|
@@ -20148,7 +20200,7 @@ function CustomControls({
|
|
|
20148
20200
|
)
|
|
20149
20201
|
}
|
|
20150
20202
|
),
|
|
20151
|
-
children: /* @__PURE__ */
|
|
20203
|
+
children: /* @__PURE__ */ jsx4(
|
|
20152
20204
|
OneWidget,
|
|
20153
20205
|
{
|
|
20154
20206
|
previewWorkflow,
|
|
@@ -20157,7 +20209,7 @@ function CustomControls({
|
|
|
20157
20209
|
)
|
|
20158
20210
|
}
|
|
20159
20211
|
) : null,
|
|
20160
|
-
/* @__PURE__ */
|
|
20212
|
+
/* @__PURE__ */ jsx4(
|
|
20161
20213
|
import_reactflow12.ControlButton,
|
|
20162
20214
|
{
|
|
20163
20215
|
onClick: () => {
|
|
@@ -20165,10 +20217,10 @@ function CustomControls({
|
|
|
20165
20217
|
duration: 500
|
|
20166
20218
|
});
|
|
20167
20219
|
},
|
|
20168
|
-
children: /* @__PURE__ */
|
|
20220
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components56.Icon, { css: iconCss, source: import_design_system_icons26.ZoomIn })
|
|
20169
20221
|
}
|
|
20170
20222
|
),
|
|
20171
|
-
/* @__PURE__ */
|
|
20223
|
+
/* @__PURE__ */ jsx4(
|
|
20172
20224
|
import_reactflow12.ControlButton,
|
|
20173
20225
|
{
|
|
20174
20226
|
onClick: () => {
|
|
@@ -20176,10 +20228,10 @@ function CustomControls({
|
|
|
20176
20228
|
duration: 500
|
|
20177
20229
|
});
|
|
20178
20230
|
},
|
|
20179
|
-
children: /* @__PURE__ */
|
|
20231
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components56.Icon, { css: iconCss, source: import_design_system_icons26.ZoomOut })
|
|
20180
20232
|
}
|
|
20181
20233
|
),
|
|
20182
|
-
/* @__PURE__ */
|
|
20234
|
+
/* @__PURE__ */ jsx4(
|
|
20183
20235
|
import_reactflow12.ControlButton,
|
|
20184
20236
|
{
|
|
20185
20237
|
onClick: () => {
|
|
@@ -20187,17 +20239,17 @@ function CustomControls({
|
|
|
20187
20239
|
duration: 500
|
|
20188
20240
|
});
|
|
20189
20241
|
},
|
|
20190
|
-
children: /* @__PURE__ */
|
|
20242
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components56.Icon, { css: iconCss, source: import_design_system_icons26.ArrowAutofitWidth })
|
|
20191
20243
|
}
|
|
20192
20244
|
),
|
|
20193
|
-
visibility.controls.rawEditor ? /* @__PURE__ */
|
|
20245
|
+
visibility.controls.rawEditor ? /* @__PURE__ */ jsx4(
|
|
20194
20246
|
import_reactflow12.ControlButton,
|
|
20195
20247
|
{
|
|
20196
20248
|
onClick: () => {
|
|
20197
20249
|
navigate("./editor");
|
|
20198
20250
|
focus();
|
|
20199
20251
|
},
|
|
20200
|
-
children: /* @__PURE__ */
|
|
20252
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components56.Icon, { css: iconCss, source: import_design_system_icons26.CodeBlack })
|
|
20201
20253
|
}
|
|
20202
20254
|
) : null
|
|
20203
20255
|
] }) });
|
|
@@ -20320,8 +20372,8 @@ var CustomEdge = ({
|
|
|
20320
20372
|
borderRadius: 50
|
|
20321
20373
|
});
|
|
20322
20374
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
20323
|
-
/* @__PURE__ */
|
|
20324
|
-
(data == null ? void 0 : data.label) ? /* @__PURE__ */
|
|
20375
|
+
/* @__PURE__ */ jsx4(import_reactflow14.BaseEdge, { id, markerEnd, path: edgePath, style }),
|
|
20376
|
+
(data == null ? void 0 : data.label) ? /* @__PURE__ */ jsx4(import_reactflow14.EdgeLabelRenderer, { children: /* @__PURE__ */ jsx4(
|
|
20325
20377
|
"div",
|
|
20326
20378
|
{
|
|
20327
20379
|
className: "nodrag nopan",
|
|
@@ -20899,11 +20951,11 @@ function PreviewWorkflowModal({
|
|
|
20899
20951
|
}
|
|
20900
20952
|
handleClose();
|
|
20901
20953
|
}, [handleClose, onApply]);
|
|
20902
|
-
return /* @__PURE__ */
|
|
20954
|
+
return /* @__PURE__ */ jsx4(
|
|
20903
20955
|
import_design_system_react_components61.Modal,
|
|
20904
20956
|
{
|
|
20905
20957
|
footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react26.Row, { flexEnd: true, gap: `var(${import_design_system_react_components61.SpacingToken.Spacing2})`, notPadded: true, children: [
|
|
20906
|
-
/* @__PURE__ */
|
|
20958
|
+
/* @__PURE__ */ jsx4(
|
|
20907
20959
|
import_design_system_react_components61.Button,
|
|
20908
20960
|
{
|
|
20909
20961
|
kind: "secondary",
|
|
@@ -20914,7 +20966,7 @@ function PreviewWorkflowModal({
|
|
|
20914
20966
|
children: "Close"
|
|
20915
20967
|
}
|
|
20916
20968
|
),
|
|
20917
|
-
/* @__PURE__ */
|
|
20969
|
+
/* @__PURE__ */ jsx4(
|
|
20918
20970
|
import_design_system_react_components61.Button,
|
|
20919
20971
|
{
|
|
20920
20972
|
kind: "primary",
|
|
@@ -20926,9 +20978,9 @@ function PreviewWorkflowModal({
|
|
|
20926
20978
|
}
|
|
20927
20979
|
)
|
|
20928
20980
|
] }),
|
|
20929
|
-
heading: /* @__PURE__ */
|
|
20981
|
+
heading: /* @__PURE__ */ jsx4(import_design_system_react_components61.ModalHeader, { title: "Workflow preview" }),
|
|
20930
20982
|
onClose: handleClose,
|
|
20931
|
-
children: /* @__PURE__ */
|
|
20983
|
+
children: /* @__PURE__ */ jsx4(WorkflowBuilderWrapper, { children: /* @__PURE__ */ jsx4(Diagram_default, {}) })
|
|
20932
20984
|
}
|
|
20933
20985
|
);
|
|
20934
20986
|
}
|
|
@@ -20937,7 +20989,7 @@ function PreviewWorkflowModalWrapper({
|
|
|
20937
20989
|
onClose,
|
|
20938
20990
|
onApply
|
|
20939
20991
|
}) {
|
|
20940
|
-
return /* @__PURE__ */
|
|
20992
|
+
return /* @__PURE__ */ jsx4(
|
|
20941
20993
|
WorkflowCreatorProvider,
|
|
20942
20994
|
{
|
|
20943
20995
|
basePath: "",
|
|
@@ -20952,7 +21004,7 @@ function PreviewWorkflowModalWrapper({
|
|
|
20952
21004
|
validation: { hidden: true, strategy: "non-blocking" }
|
|
20953
21005
|
},
|
|
20954
21006
|
workflow,
|
|
20955
|
-
children: /* @__PURE__ */
|
|
21007
|
+
children: /* @__PURE__ */ jsx4(
|
|
20956
21008
|
PreviewWorkflowModal,
|
|
20957
21009
|
{
|
|
20958
21010
|
onApply,
|
|
@@ -21050,16 +21102,16 @@ function WorkflowExecutionList({
|
|
|
21050
21102
|
workflowExecutions
|
|
21051
21103
|
}) {
|
|
21052
21104
|
var _a;
|
|
21053
|
-
return /* @__PURE__ */
|
|
21054
|
-
/* @__PURE__ */
|
|
21055
|
-
/* @__PURE__ */
|
|
21056
|
-
/* @__PURE__ */
|
|
21057
|
-
/* @__PURE__ */
|
|
21105
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react28.Row, { children: /* @__PURE__ */ jsxs2("table", { css: tableCss, children: [
|
|
21106
|
+
/* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
|
|
21107
|
+
/* @__PURE__ */ jsx4("th", { children: "Start date" }),
|
|
21108
|
+
/* @__PURE__ */ jsx4("th", { children: "End date" }),
|
|
21109
|
+
/* @__PURE__ */ jsx4("th", { children: "Completion" })
|
|
21058
21110
|
] }) }),
|
|
21059
|
-
/* @__PURE__ */
|
|
21060
|
-
/* @__PURE__ */
|
|
21061
|
-
/* @__PURE__ */
|
|
21062
|
-
/* @__PURE__ */
|
|
21111
|
+
/* @__PURE__ */ jsx4("tbody", { children: ((_a = workflowExecutions.data) == null ? void 0 : _a.length) ? workflowExecutions.data.map((execution) => /* @__PURE__ */ jsxs2("tr", { children: [
|
|
21112
|
+
/* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react28.formatUSADate)(execution.started_at) }),
|
|
21113
|
+
/* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react28.formatUSADate)(execution.ended_at) }),
|
|
21114
|
+
/* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
|
|
21063
21115
|
import_design_system.Badge,
|
|
21064
21116
|
{
|
|
21065
21117
|
css: css`
|
|
@@ -21068,7 +21120,7 @@ function WorkflowExecutionList({
|
|
|
21068
21120
|
color: ${execution.status === "COMPLETED" ? `var(${import_design_system_react_components63.DesignToken.ContentBasicPositive})` : `var(${import_design_system_react_components63.DesignToken.ContentBasicNegative})`};
|
|
21069
21121
|
`,
|
|
21070
21122
|
children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react28.Row, { gap: 4, notPadded: true, children: [
|
|
21071
|
-
/* @__PURE__ */
|
|
21123
|
+
/* @__PURE__ */ jsx4(
|
|
21072
21124
|
import_design_system_react_components63.Icon,
|
|
21073
21125
|
{
|
|
21074
21126
|
source: execution.status === "COMPLETED" ? import_design_system_icons28.CheckCircle : import_design_system_icons28.CloseCircle
|
|
@@ -21078,7 +21130,7 @@ function WorkflowExecutionList({
|
|
|
21078
21130
|
] })
|
|
21079
21131
|
}
|
|
21080
21132
|
) })
|
|
21081
|
-
] }, execution.id)) : /* @__PURE__ */
|
|
21133
|
+
] }, execution.id)) : /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 4, children: "No executions" }) }) })
|
|
21082
21134
|
] }) });
|
|
21083
21135
|
}
|
|
21084
21136
|
var List_default = WorkflowExecutionList;
|
|
@@ -21114,28 +21166,28 @@ function WorkflowDetailsInfo({
|
|
|
21114
21166
|
}
|
|
21115
21167
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react29.Column, { gap: 8, setColumnPadding: "0 2rem 0", children: [
|
|
21116
21168
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21117
|
-
/* @__PURE__ */
|
|
21118
|
-
/* @__PURE__ */
|
|
21169
|
+
/* @__PURE__ */ jsx4(Label, { children: "Date created" }),
|
|
21170
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components64.Text, { as: "div", bold: true, children: (0, import_developer_studio_ui_react29.formatUSADate)(workflow.data.created_at) })
|
|
21119
21171
|
] }),
|
|
21120
21172
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21121
|
-
/* @__PURE__ */
|
|
21122
|
-
/* @__PURE__ */
|
|
21173
|
+
/* @__PURE__ */ jsx4(Label, { children: "Last modified" }),
|
|
21174
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components64.Text, { as: "div", bold: true, children: (0, import_developer_studio_ui_react29.formatUSADate)(workflow.data.updated_at || workflow.data.created_at) })
|
|
21123
21175
|
] }),
|
|
21124
21176
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21125
|
-
/* @__PURE__ */
|
|
21126
|
-
/* @__PURE__ */
|
|
21177
|
+
/* @__PURE__ */ jsx4(Label, { children: "Created by" }),
|
|
21178
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components64.Text, { as: "div", bold: true, children: workflow.data.definition.ownerEmail })
|
|
21127
21179
|
] }),
|
|
21128
21180
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21129
|
-
/* @__PURE__ */
|
|
21130
|
-
/* @__PURE__ */
|
|
21181
|
+
/* @__PURE__ */ jsx4(Label, { children: "Completed cycles" }),
|
|
21182
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components64.Text, { as: "div", bold: true, children: completedCycles })
|
|
21131
21183
|
] }),
|
|
21132
21184
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21133
|
-
/* @__PURE__ */
|
|
21134
|
-
/* @__PURE__ */
|
|
21185
|
+
/* @__PURE__ */ jsx4(Label, { children: "Failed cycles" }),
|
|
21186
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components64.Text, { as: "div", bold: true, children: failedCycles })
|
|
21135
21187
|
] }),
|
|
21136
21188
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21137
|
-
/* @__PURE__ */
|
|
21138
|
-
/* @__PURE__ */
|
|
21189
|
+
/* @__PURE__ */ jsx4(Label, { children: "Tasks" }),
|
|
21190
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react29.Row, { gap: 4, notPadded: true, children: (_c = workflow.data.tags) == null ? void 0 : _c.map((tag) => /* @__PURE__ */ jsx4(IconWrapper, { children: /* @__PURE__ */ jsx4(
|
|
21139
21191
|
ProductIcon_default,
|
|
21140
21192
|
{
|
|
21141
21193
|
center: true,
|
|
@@ -21192,7 +21244,7 @@ function WorkflowDetailsPanel({
|
|
|
21192
21244
|
return /* @__PURE__ */ jsxs2(WorkflowSidebar, { children: [
|
|
21193
21245
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react30.Row, { center: true, lowMargin: true, spaceBetween: true, topMargin: true, children: [
|
|
21194
21246
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
21195
|
-
headerType === "name" ? /* @__PURE__ */
|
|
21247
|
+
headerType === "name" ? /* @__PURE__ */ jsx4(
|
|
21196
21248
|
import_design_system_react_components65.Text,
|
|
21197
21249
|
{
|
|
21198
21250
|
css: css`
|
|
@@ -21202,12 +21254,12 @@ function WorkflowDetailsPanel({
|
|
|
21202
21254
|
children: "Workflow name:"
|
|
21203
21255
|
}
|
|
21204
21256
|
) : void 0,
|
|
21205
|
-
/* @__PURE__ */
|
|
21257
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components65.Heading, { as: "span", size: "sm", children: headerType === "name" ? (_e = workflow.data) == null ? void 0 : _e.name : "Details" })
|
|
21206
21258
|
] }),
|
|
21207
|
-
/* @__PURE__ */
|
|
21259
|
+
/* @__PURE__ */ jsx4(
|
|
21208
21260
|
import_design_system_react_components65.Button,
|
|
21209
21261
|
{
|
|
21210
|
-
icon: /* @__PURE__ */
|
|
21262
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components65.Icon, { source: import_design_system_icons29.Close }),
|
|
21211
21263
|
kind: "text",
|
|
21212
21264
|
onClick: () => {
|
|
21213
21265
|
onClose == null ? void 0 : onClose();
|
|
@@ -21216,14 +21268,14 @@ function WorkflowDetailsPanel({
|
|
|
21216
21268
|
}
|
|
21217
21269
|
)
|
|
21218
21270
|
] }),
|
|
21219
|
-
/* @__PURE__ */
|
|
21271
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react30.Row, { center: true, spaceBetween: true, children: /* @__PURE__ */ jsx4(
|
|
21220
21272
|
import_design_system_react_components65.TabsWrapper,
|
|
21221
21273
|
{
|
|
21222
21274
|
css: css`
|
|
21223
21275
|
width: 100%;
|
|
21224
21276
|
`,
|
|
21225
21277
|
children: /* @__PURE__ */ jsxs2(import_design_system_react_components65.TabsList, { children: [
|
|
21226
|
-
/* @__PURE__ */
|
|
21278
|
+
/* @__PURE__ */ jsx4(
|
|
21227
21279
|
import_design_system_react_components65.Tab,
|
|
21228
21280
|
{
|
|
21229
21281
|
isSelected: tab === "info",
|
|
@@ -21233,7 +21285,7 @@ function WorkflowDetailsPanel({
|
|
|
21233
21285
|
children: "Info"
|
|
21234
21286
|
}
|
|
21235
21287
|
),
|
|
21236
|
-
/* @__PURE__ */
|
|
21288
|
+
/* @__PURE__ */ jsx4(
|
|
21237
21289
|
import_design_system_react_components65.Tab,
|
|
21238
21290
|
{
|
|
21239
21291
|
isSelected: tab === "executions",
|
|
@@ -21246,7 +21298,7 @@ function WorkflowDetailsPanel({
|
|
|
21246
21298
|
] })
|
|
21247
21299
|
}
|
|
21248
21300
|
) }),
|
|
21249
|
-
/* @__PURE__ */
|
|
21301
|
+
/* @__PURE__ */ jsx4(WorkflowSidebarContent, { children: isLoading ? /* @__PURE__ */ jsx4(
|
|
21250
21302
|
import_developer_studio_ui_react30.Row,
|
|
21251
21303
|
{
|
|
21252
21304
|
center: true,
|
|
@@ -21254,17 +21306,17 @@ function WorkflowDetailsPanel({
|
|
|
21254
21306
|
height: 100%;
|
|
21255
21307
|
`,
|
|
21256
21308
|
verticalCenter: true,
|
|
21257
|
-
children: /* @__PURE__ */
|
|
21309
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components65.Loader, {})
|
|
21258
21310
|
}
|
|
21259
21311
|
) : /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
21260
|
-
tab === "info" ? /* @__PURE__ */
|
|
21312
|
+
tab === "info" ? /* @__PURE__ */ jsx4(
|
|
21261
21313
|
Info_default,
|
|
21262
21314
|
{
|
|
21263
21315
|
workflow,
|
|
21264
21316
|
workflowExecutions
|
|
21265
21317
|
}
|
|
21266
21318
|
) : void 0,
|
|
21267
|
-
tab === "executions" ? /* @__PURE__ */
|
|
21319
|
+
tab === "executions" ? /* @__PURE__ */ jsx4(List_default, { workflowExecutions }) : void 0
|
|
21268
21320
|
] }) })
|
|
21269
21321
|
] });
|
|
21270
21322
|
}
|
|
@@ -21276,11 +21328,11 @@ function WorkflowDetails({
|
|
|
21276
21328
|
headerType
|
|
21277
21329
|
}) {
|
|
21278
21330
|
return /* @__PURE__ */ jsxs2(import_react_router_dom13.Routes, { children: [
|
|
21279
|
-
/* @__PURE__ */
|
|
21280
|
-
/* @__PURE__ */
|
|
21331
|
+
/* @__PURE__ */ jsx4(import_react_router_dom13.Route, { element: /* @__PURE__ */ jsx4(import_react_router_dom13.Navigate, { replace: true, to: "info" }), path: "" }),
|
|
21332
|
+
/* @__PURE__ */ jsx4(
|
|
21281
21333
|
import_react_router_dom13.Route,
|
|
21282
21334
|
{
|
|
21283
|
-
element: /* @__PURE__ */
|
|
21335
|
+
element: /* @__PURE__ */ jsx4(Panel_default, { headerType, onClose }),
|
|
21284
21336
|
path: ":tab/*"
|
|
21285
21337
|
}
|
|
21286
21338
|
)
|
|
@@ -21331,11 +21383,11 @@ function WorkflowEditorPanel({ onClose }) {
|
|
|
21331
21383
|
};
|
|
21332
21384
|
return /* @__PURE__ */ jsxs2(WorkflowSidebar, { width: "700px", children: [
|
|
21333
21385
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react31.Row, { center: true, lowMargin: true, spaceBetween: true, topMargin: true, children: [
|
|
21334
|
-
/* @__PURE__ */
|
|
21335
|
-
/* @__PURE__ */
|
|
21386
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components66.Heading, { as: "span", size: "sm", children: "JSON Editor" }),
|
|
21387
|
+
/* @__PURE__ */ jsx4(
|
|
21336
21388
|
import_design_system_react_components66.Button,
|
|
21337
21389
|
{
|
|
21338
|
-
icon: /* @__PURE__ */
|
|
21390
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components66.Icon, { source: import_design_system_icons30.Close }),
|
|
21339
21391
|
kind: "text",
|
|
21340
21392
|
onClick: () => {
|
|
21341
21393
|
if (onClose) {
|
|
@@ -21348,7 +21400,7 @@ function WorkflowEditorPanel({ onClose }) {
|
|
|
21348
21400
|
}
|
|
21349
21401
|
)
|
|
21350
21402
|
] }),
|
|
21351
|
-
/* @__PURE__ */
|
|
21403
|
+
/* @__PURE__ */ jsx4(WorkflowSidebarContent, { children: /* @__PURE__ */ jsx4(
|
|
21352
21404
|
import_react87.Editor,
|
|
21353
21405
|
{
|
|
21354
21406
|
height: "100%",
|
|
@@ -21455,7 +21507,7 @@ function WorkflowElementPanel() {
|
|
|
21455
21507
|
const contentHandler = () => {
|
|
21456
21508
|
switch (data.type) {
|
|
21457
21509
|
case NodeNames.http:
|
|
21458
|
-
return /* @__PURE__ */
|
|
21510
|
+
return /* @__PURE__ */ jsx4(
|
|
21459
21511
|
Form_default3,
|
|
21460
21512
|
{
|
|
21461
21513
|
data,
|
|
@@ -21472,7 +21524,7 @@ function WorkflowElementPanel() {
|
|
|
21472
21524
|
}
|
|
21473
21525
|
);
|
|
21474
21526
|
case NodeNames.switch:
|
|
21475
|
-
return /* @__PURE__ */
|
|
21527
|
+
return /* @__PURE__ */ jsx4(
|
|
21476
21528
|
Form_default5,
|
|
21477
21529
|
{
|
|
21478
21530
|
data,
|
|
@@ -21487,7 +21539,7 @@ function WorkflowElementPanel() {
|
|
|
21487
21539
|
}
|
|
21488
21540
|
);
|
|
21489
21541
|
case NodeNames.forkJoin:
|
|
21490
|
-
return /* @__PURE__ */
|
|
21542
|
+
return /* @__PURE__ */ jsx4(
|
|
21491
21543
|
Form_default2,
|
|
21492
21544
|
{
|
|
21493
21545
|
data,
|
|
@@ -21502,7 +21554,7 @@ function WorkflowElementPanel() {
|
|
|
21502
21554
|
}
|
|
21503
21555
|
);
|
|
21504
21556
|
case NodeNames.join:
|
|
21505
|
-
return /* @__PURE__ */
|
|
21557
|
+
return /* @__PURE__ */ jsx4(
|
|
21506
21558
|
Form_default4,
|
|
21507
21559
|
{
|
|
21508
21560
|
data,
|
|
@@ -21517,7 +21569,7 @@ function WorkflowElementPanel() {
|
|
|
21517
21569
|
}
|
|
21518
21570
|
);
|
|
21519
21571
|
case NodeNames.terminate:
|
|
21520
|
-
return /* @__PURE__ */
|
|
21572
|
+
return /* @__PURE__ */ jsx4(
|
|
21521
21573
|
Form_default6,
|
|
21522
21574
|
{
|
|
21523
21575
|
data,
|
|
@@ -21533,7 +21585,7 @@ function WorkflowElementPanel() {
|
|
|
21533
21585
|
);
|
|
21534
21586
|
case "recurring":
|
|
21535
21587
|
case "webhook":
|
|
21536
|
-
return /* @__PURE__ */
|
|
21588
|
+
return /* @__PURE__ */ jsx4(
|
|
21537
21589
|
Form_default7,
|
|
21538
21590
|
{
|
|
21539
21591
|
data,
|
|
@@ -21553,14 +21605,14 @@ function WorkflowElementPanel() {
|
|
|
21553
21605
|
const revertIconColor = getWorkflowsEnv("isHeadless") && ((config2 == null ? void 0 : config2.customization.provider) === import_developer_studio_api27.IntegrationNames.OpenAI || (config2 == null ? void 0 : config2.customization.provider) === import_developer_studio_api27.IntegrationNames.BigCommerce);
|
|
21554
21606
|
return /* @__PURE__ */ jsxs2(Wrapper4, { children: [
|
|
21555
21607
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react32.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
|
|
21556
|
-
/* @__PURE__ */
|
|
21608
|
+
/* @__PURE__ */ jsx4(
|
|
21557
21609
|
Header7,
|
|
21558
21610
|
{
|
|
21559
21611
|
css: css`
|
|
21560
21612
|
max-width: 80%;
|
|
21561
21613
|
`,
|
|
21562
21614
|
children: /* @__PURE__ */ jsxs2(Title7, { children: [
|
|
21563
|
-
(config2 == null ? void 0 : config2.customization.product) ? /* @__PURE__ */
|
|
21615
|
+
(config2 == null ? void 0 : config2.customization.product) ? /* @__PURE__ */ jsx4(
|
|
21564
21616
|
ProductIcon_default,
|
|
21565
21617
|
{
|
|
21566
21618
|
center: true,
|
|
@@ -21570,7 +21622,7 @@ function WorkflowElementPanel() {
|
|
|
21570
21622
|
revertColors: revertIconColor,
|
|
21571
21623
|
width: 10
|
|
21572
21624
|
}
|
|
21573
|
-
) : /* @__PURE__ */
|
|
21625
|
+
) : /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
|
|
21574
21626
|
import_design_system_react_components67.Icon,
|
|
21575
21627
|
{
|
|
21576
21628
|
css: css`
|
|
@@ -21590,18 +21642,18 @@ function WorkflowElementPanel() {
|
|
|
21590
21642
|
] })
|
|
21591
21643
|
}
|
|
21592
21644
|
),
|
|
21593
|
-
/* @__PURE__ */
|
|
21645
|
+
/* @__PURE__ */ jsx4(
|
|
21594
21646
|
import_design_system_react_components67.Button,
|
|
21595
21647
|
{
|
|
21596
21648
|
kind: "plain",
|
|
21597
21649
|
onClick: () => {
|
|
21598
21650
|
toggle();
|
|
21599
21651
|
},
|
|
21600
|
-
children: /* @__PURE__ */
|
|
21652
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components67.Icon, { source: import_design_system_icons31.Close })
|
|
21601
21653
|
}
|
|
21602
21654
|
)
|
|
21603
21655
|
] }),
|
|
21604
|
-
/* @__PURE__ */
|
|
21656
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react32.Row, { css: formCss, children: contentHandler() })
|
|
21605
21657
|
] });
|
|
21606
21658
|
}
|
|
21607
21659
|
var Panel_default3 = WorkflowElementPanel;
|
|
@@ -21643,7 +21695,7 @@ function WorkflowCreatorNavbar() {
|
|
|
21643
21695
|
const menuOptions = [
|
|
21644
21696
|
!workflow.draft || workflow.related_workflow_id ? {
|
|
21645
21697
|
key: "details",
|
|
21646
|
-
element: /* @__PURE__ */
|
|
21698
|
+
element: /* @__PURE__ */ jsx4("span", { children: "See details" }),
|
|
21647
21699
|
onClick: () => {
|
|
21648
21700
|
toggle();
|
|
21649
21701
|
navigate("details/info");
|
|
@@ -21651,14 +21703,14 @@ function WorkflowCreatorNavbar() {
|
|
|
21651
21703
|
} : void 0,
|
|
21652
21704
|
workflow.draft || workflow.related_workflow_id ? {
|
|
21653
21705
|
key: "discard_draft",
|
|
21654
|
-
element: /* @__PURE__ */
|
|
21706
|
+
element: /* @__PURE__ */ jsx4("span", { children: "Discard draft" }),
|
|
21655
21707
|
onClick: () => {
|
|
21656
21708
|
navigate("discard");
|
|
21657
21709
|
}
|
|
21658
21710
|
} : void 0,
|
|
21659
21711
|
!workflow.draft || workflow.related_workflow_id ? {
|
|
21660
21712
|
key: "delete_workflow",
|
|
21661
|
-
element: /* @__PURE__ */
|
|
21713
|
+
element: /* @__PURE__ */ jsx4("span", { children: "Delete workflow" }),
|
|
21662
21714
|
onClick: () => {
|
|
21663
21715
|
navigate("delete");
|
|
21664
21716
|
}
|
|
@@ -21700,7 +21752,7 @@ function WorkflowCreatorNavbar() {
|
|
|
21700
21752
|
paddingLeft: true,
|
|
21701
21753
|
spaceBetween: true,
|
|
21702
21754
|
children: [
|
|
21703
|
-
getWorkflowsEnv("isHeadless") && /* @__PURE__ */
|
|
21755
|
+
getWorkflowsEnv("isHeadless") && /* @__PURE__ */ jsx4(
|
|
21704
21756
|
import_design_system_react_components68.Button,
|
|
21705
21757
|
{
|
|
21706
21758
|
css: css`
|
|
@@ -21712,7 +21764,7 @@ function WorkflowCreatorNavbar() {
|
|
|
21712
21764
|
navigate("/workflow/list");
|
|
21713
21765
|
},
|
|
21714
21766
|
children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, noWrap: true, notPadded: true, children: [
|
|
21715
|
-
/* @__PURE__ */
|
|
21767
|
+
/* @__PURE__ */ jsx4(
|
|
21716
21768
|
import_design_system_react_components68.Icon,
|
|
21717
21769
|
{
|
|
21718
21770
|
css: css`
|
|
@@ -21728,9 +21780,9 @@ function WorkflowCreatorNavbar() {
|
|
|
21728
21780
|
}
|
|
21729
21781
|
),
|
|
21730
21782
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, noMaxWidth: true, setRowPadding: "4px 16px", spaceBetween: true, children: [
|
|
21731
|
-
/* @__PURE__ */
|
|
21732
|
-
/* @__PURE__ */
|
|
21733
|
-
/* @__PURE__ */
|
|
21783
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Column, {}),
|
|
21784
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Column, { center: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, noWrap: true, verticalCenter: true, children: [
|
|
21785
|
+
/* @__PURE__ */ jsx4(
|
|
21734
21786
|
import_design_system_react_components68.FormField,
|
|
21735
21787
|
{
|
|
21736
21788
|
css: css`
|
|
@@ -21738,7 +21790,7 @@ function WorkflowCreatorNavbar() {
|
|
|
21738
21790
|
`,
|
|
21739
21791
|
error: (_b = (_a = validation.raw.name) == null ? void 0 : _a.__errors) == null ? void 0 : _b[0],
|
|
21740
21792
|
inline: true,
|
|
21741
|
-
children: /* @__PURE__ */
|
|
21793
|
+
children: /* @__PURE__ */ jsx4(
|
|
21742
21794
|
import_design_system_react_components68.Input,
|
|
21743
21795
|
{
|
|
21744
21796
|
css: css`
|
|
@@ -21793,15 +21845,15 @@ function WorkflowCreatorNavbar() {
|
|
|
21793
21845
|
)
|
|
21794
21846
|
}
|
|
21795
21847
|
),
|
|
21796
|
-
/* @__PURE__ */
|
|
21848
|
+
/* @__PURE__ */ jsx4(
|
|
21797
21849
|
import_design_system_react_components68.ActionMenu,
|
|
21798
21850
|
{
|
|
21799
21851
|
options: menuOptions,
|
|
21800
|
-
triggerRenderer: /* @__PURE__ */
|
|
21852
|
+
triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components68.Button, { icon: /* @__PURE__ */ jsx4(import_design_system_react_components68.Icon, { source: import_design_system_icons32.ChevronDown }), kind: "text" })
|
|
21801
21853
|
}
|
|
21802
21854
|
)
|
|
21803
21855
|
] }) }),
|
|
21804
|
-
/* @__PURE__ */
|
|
21856
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Column, { setColumnPadding: "0", children: /* @__PURE__ */ jsxs2(
|
|
21805
21857
|
import_developer_studio_ui_react33.Row,
|
|
21806
21858
|
{
|
|
21807
21859
|
center: true,
|
|
@@ -21815,12 +21867,12 @@ function WorkflowCreatorNavbar() {
|
|
|
21815
21867
|
noWrap: true,
|
|
21816
21868
|
notPadded: true,
|
|
21817
21869
|
children: [
|
|
21818
|
-
/* @__PURE__ */
|
|
21870
|
+
/* @__PURE__ */ jsx4(
|
|
21819
21871
|
import_design_system_react_components68.Tooltip,
|
|
21820
21872
|
{
|
|
21821
21873
|
triggerClassName: "tooltip-trigger",
|
|
21822
21874
|
triggerOnHover: true,
|
|
21823
|
-
triggerRenderer: /* @__PURE__ */
|
|
21875
|
+
triggerRenderer: /* @__PURE__ */ jsx4(
|
|
21824
21876
|
import_design_system_react_components68.Switch,
|
|
21825
21877
|
{
|
|
21826
21878
|
on: workflow.active,
|
|
@@ -21832,7 +21884,7 @@ function WorkflowCreatorNavbar() {
|
|
|
21832
21884
|
children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
|
|
21833
21885
|
}
|
|
21834
21886
|
),
|
|
21835
|
-
/* @__PURE__ */
|
|
21887
|
+
/* @__PURE__ */ jsx4(
|
|
21836
21888
|
"span",
|
|
21837
21889
|
{
|
|
21838
21890
|
css: css`
|
|
@@ -21845,13 +21897,13 @@ function WorkflowCreatorNavbar() {
|
|
|
21845
21897
|
workflow.draft ? !workflow.trigger.type || !workflow.definition.tasks.length ? /* @__PURE__ */ jsxs2(
|
|
21846
21898
|
import_design_system_react_components68.Tooltip,
|
|
21847
21899
|
{
|
|
21848
|
-
triggerRenderer: /* @__PURE__ */
|
|
21900
|
+
triggerRenderer: /* @__PURE__ */ jsx4(import_design_system_react_components68.Button, { disabled: true, kind: "primary", children: "Publish" }),
|
|
21849
21901
|
children: [
|
|
21850
21902
|
!workflow.trigger.type && "To publish a workflow, add a trigger.",
|
|
21851
21903
|
!workflow.definition.tasks.length && "To publish a workflow, add at least one task."
|
|
21852
21904
|
]
|
|
21853
21905
|
}
|
|
21854
|
-
) : /* @__PURE__ */
|
|
21906
|
+
) : /* @__PURE__ */ jsx4(
|
|
21855
21907
|
import_design_system_react_components68.Button,
|
|
21856
21908
|
{
|
|
21857
21909
|
disabled: !workflow.definition.tasks.length,
|
|
@@ -21865,7 +21917,7 @@ function WorkflowCreatorNavbar() {
|
|
|
21865
21917
|
},
|
|
21866
21918
|
children: "Publish"
|
|
21867
21919
|
}
|
|
21868
|
-
) : /* @__PURE__ */
|
|
21920
|
+
) : /* @__PURE__ */ jsx4(
|
|
21869
21921
|
import_design_system_react_components68.Button,
|
|
21870
21922
|
{
|
|
21871
21923
|
kind: "primary",
|
|
@@ -21911,15 +21963,15 @@ function WorkflowCreatorView() {
|
|
|
21911
21963
|
focus
|
|
21912
21964
|
} = useWorkflowCreator();
|
|
21913
21965
|
return /* @__PURE__ */ jsxs2(View2, { children: [
|
|
21914
|
-
/* @__PURE__ */
|
|
21966
|
+
/* @__PURE__ */ jsx4(Navbar_default, {}),
|
|
21915
21967
|
/* @__PURE__ */ jsxs2(WorkflowCreatorContent, { grayBackground: getWorkflowsEnv("isHeadless"), children: [
|
|
21916
|
-
/* @__PURE__ */
|
|
21917
|
-
(selection == null ? void 0 : selection.isEditable) ? /* @__PURE__ */
|
|
21918
|
-
/* @__PURE__ */
|
|
21919
|
-
/* @__PURE__ */
|
|
21968
|
+
/* @__PURE__ */ jsx4(Diagram_default, {}),
|
|
21969
|
+
(selection == null ? void 0 : selection.isEditable) ? /* @__PURE__ */ jsx4(Panel_default3, {}) : /* @__PURE__ */ jsxs2(import_react_router_dom16.Routes, { children: [
|
|
21970
|
+
/* @__PURE__ */ jsx4(import_react_router_dom16.Route, { element: /* @__PURE__ */ jsx4(Panel_default2, {}), path: "editor" }),
|
|
21971
|
+
/* @__PURE__ */ jsx4(
|
|
21920
21972
|
import_react_router_dom16.Route,
|
|
21921
21973
|
{
|
|
21922
|
-
element: /* @__PURE__ */
|
|
21974
|
+
element: /* @__PURE__ */ jsx4(
|
|
21923
21975
|
WorkflowDetails,
|
|
21924
21976
|
{
|
|
21925
21977
|
onClose: () => {
|
|
@@ -21948,7 +22000,7 @@ function WorkflowCreator() {
|
|
|
21948
22000
|
return;
|
|
21949
22001
|
}
|
|
21950
22002
|
if (id !== "new" && workflowQuery.isLoading) {
|
|
21951
|
-
return /* @__PURE__ */
|
|
22003
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react34.Loader, { stretch: true });
|
|
21952
22004
|
}
|
|
21953
22005
|
if (id !== "new" && !workflowQuery.isSuccess) {
|
|
21954
22006
|
throw new Error("Couldn't load workflow");
|
|
@@ -21959,12 +22011,12 @@ function WorkflowCreator() {
|
|
|
21959
22011
|
throw new Error("Couldn't load workflow");
|
|
21960
22012
|
}
|
|
21961
22013
|
return /* @__PURE__ */ jsxs2(WorkflowCreatorProvider, { basePath, workflow, children: [
|
|
21962
|
-
/* @__PURE__ */
|
|
22014
|
+
/* @__PURE__ */ jsx4(View_default, {}),
|
|
21963
22015
|
/* @__PURE__ */ jsxs2(import_react_router_dom17.Routes, { children: [
|
|
21964
|
-
/* @__PURE__ */
|
|
22016
|
+
/* @__PURE__ */ jsx4(
|
|
21965
22017
|
import_react_router_dom17.Route,
|
|
21966
22018
|
{
|
|
21967
|
-
element: /* @__PURE__ */
|
|
22019
|
+
element: /* @__PURE__ */ jsx4(
|
|
21968
22020
|
Modal_default2,
|
|
21969
22021
|
{
|
|
21970
22022
|
basePath: `${basePath}/trigger`,
|
|
@@ -21976,10 +22028,10 @@ function WorkflowCreator() {
|
|
|
21976
22028
|
path: "trigger/:service?/:trigger?"
|
|
21977
22029
|
}
|
|
21978
22030
|
),
|
|
21979
|
-
/* @__PURE__ */
|
|
22031
|
+
/* @__PURE__ */ jsx4(
|
|
21980
22032
|
import_react_router_dom17.Route,
|
|
21981
22033
|
{
|
|
21982
|
-
element: /* @__PURE__ */
|
|
22034
|
+
element: /* @__PURE__ */ jsx4(
|
|
21983
22035
|
Modal_default,
|
|
21984
22036
|
{
|
|
21985
22037
|
basePath: `${basePath}/add`,
|
|
@@ -21991,10 +22043,10 @@ function WorkflowCreator() {
|
|
|
21991
22043
|
path: "add/:service?/:task?"
|
|
21992
22044
|
}
|
|
21993
22045
|
),
|
|
21994
|
-
/* @__PURE__ */
|
|
22046
|
+
/* @__PURE__ */ jsx4(
|
|
21995
22047
|
import_react_router_dom17.Route,
|
|
21996
22048
|
{
|
|
21997
|
-
element: /* @__PURE__ */
|
|
22049
|
+
element: /* @__PURE__ */ jsx4(
|
|
21998
22050
|
Modal_default3,
|
|
21999
22051
|
{
|
|
22000
22052
|
onClose: () => {
|
|
@@ -22006,10 +22058,10 @@ function WorkflowCreator() {
|
|
|
22006
22058
|
path: "execute"
|
|
22007
22059
|
}
|
|
22008
22060
|
),
|
|
22009
|
-
/* @__PURE__ */
|
|
22061
|
+
/* @__PURE__ */ jsx4(
|
|
22010
22062
|
import_react_router_dom17.Route,
|
|
22011
22063
|
{
|
|
22012
|
-
element: /* @__PURE__ */
|
|
22064
|
+
element: /* @__PURE__ */ jsx4(
|
|
22013
22065
|
PublishWorkflowModal,
|
|
22014
22066
|
{
|
|
22015
22067
|
onClose: () => {
|
|
@@ -22020,10 +22072,10 @@ function WorkflowCreator() {
|
|
|
22020
22072
|
path: "publish"
|
|
22021
22073
|
}
|
|
22022
22074
|
),
|
|
22023
|
-
/* @__PURE__ */
|
|
22075
|
+
/* @__PURE__ */ jsx4(
|
|
22024
22076
|
import_react_router_dom17.Route,
|
|
22025
22077
|
{
|
|
22026
|
-
element: /* @__PURE__ */
|
|
22078
|
+
element: /* @__PURE__ */ jsx4(
|
|
22027
22079
|
EditWorkflowModal,
|
|
22028
22080
|
{
|
|
22029
22081
|
onClose: () => {
|
|
@@ -22034,10 +22086,10 @@ function WorkflowCreator() {
|
|
|
22034
22086
|
path: "edit"
|
|
22035
22087
|
}
|
|
22036
22088
|
),
|
|
22037
|
-
/* @__PURE__ */
|
|
22089
|
+
/* @__PURE__ */ jsx4(
|
|
22038
22090
|
import_react_router_dom17.Route,
|
|
22039
22091
|
{
|
|
22040
|
-
element: /* @__PURE__ */
|
|
22092
|
+
element: /* @__PURE__ */ jsx4(
|
|
22041
22093
|
DeleteWorkflowModal,
|
|
22042
22094
|
{
|
|
22043
22095
|
onClose: () => {
|
|
@@ -22049,10 +22101,10 @@ function WorkflowCreator() {
|
|
|
22049
22101
|
path: "delete"
|
|
22050
22102
|
}
|
|
22051
22103
|
),
|
|
22052
|
-
/* @__PURE__ */
|
|
22104
|
+
/* @__PURE__ */ jsx4(
|
|
22053
22105
|
import_react_router_dom17.Route,
|
|
22054
22106
|
{
|
|
22055
|
-
element: /* @__PURE__ */
|
|
22107
|
+
element: /* @__PURE__ */ jsx4(
|
|
22056
22108
|
DeleteWorkflowModal,
|
|
22057
22109
|
{
|
|
22058
22110
|
onClose: () => {
|
|
@@ -22101,7 +22153,7 @@ function WorkflowTemplateCategoryIcon(props) {
|
|
|
22101
22153
|
[import_developer_studio_api28.WorkflowTemplateCategory.CustomerExperience]: import_design_system_icons33.Smiles
|
|
22102
22154
|
};
|
|
22103
22155
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Row, { gap: `var(${import_design_system_react_components70.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: [
|
|
22104
|
-
/* @__PURE__ */
|
|
22156
|
+
/* @__PURE__ */ jsx4(
|
|
22105
22157
|
import_design_system_react_components70.Icon,
|
|
22106
22158
|
{
|
|
22107
22159
|
customColor: `var(${import_design_system_react_components70.DesignToken.ContentBasicSecondary})`,
|
|
@@ -22109,7 +22161,7 @@ function WorkflowTemplateCategoryIcon(props) {
|
|
|
22109
22161
|
source: icons[props.category]
|
|
22110
22162
|
}
|
|
22111
22163
|
),
|
|
22112
|
-
/* @__PURE__ */
|
|
22164
|
+
/* @__PURE__ */ jsx4(
|
|
22113
22165
|
import_design_system_react_components70.Text,
|
|
22114
22166
|
{
|
|
22115
22167
|
customColor: `var(${import_design_system_react_components70.DesignToken.ContentBasicSecondary})`,
|
|
@@ -22192,10 +22244,10 @@ function WorkflowTemplatePreviewModal({
|
|
|
22192
22244
|
const templateIcons = template.icons;
|
|
22193
22245
|
return products.map((product, i) => {
|
|
22194
22246
|
const icon2 = templateIcons[i];
|
|
22195
|
-
return /* @__PURE__ */
|
|
22247
|
+
return /* @__PURE__ */ jsx4(
|
|
22196
22248
|
import_design_system_react_components71.Tag,
|
|
22197
22249
|
{
|
|
22198
|
-
leftNode: /* @__PURE__ */
|
|
22250
|
+
leftNode: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 4, product: icon2, width: 4 }),
|
|
22199
22251
|
size: "small",
|
|
22200
22252
|
children: product
|
|
22201
22253
|
},
|
|
@@ -22210,11 +22262,11 @@ function WorkflowTemplatePreviewModal({
|
|
|
22210
22262
|
);
|
|
22211
22263
|
void save();
|
|
22212
22264
|
};
|
|
22213
|
-
return /* @__PURE__ */
|
|
22265
|
+
return /* @__PURE__ */ jsx4(
|
|
22214
22266
|
import_design_system_react_components71.Modal,
|
|
22215
22267
|
{
|
|
22216
22268
|
footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { flexEnd: true, gap: `var(${import_design_system_react_components71.SpacingToken.Spacing3})`, notPadded: true, children: [
|
|
22217
|
-
/* @__PURE__ */
|
|
22269
|
+
/* @__PURE__ */ jsx4(
|
|
22218
22270
|
import_design_system_react_components71.Button,
|
|
22219
22271
|
{
|
|
22220
22272
|
disabled: isSaving,
|
|
@@ -22226,7 +22278,7 @@ function WorkflowTemplatePreviewModal({
|
|
|
22226
22278
|
children: "Close"
|
|
22227
22279
|
}
|
|
22228
22280
|
),
|
|
22229
|
-
/* @__PURE__ */
|
|
22281
|
+
/* @__PURE__ */ jsx4(
|
|
22230
22282
|
import_design_system_react_components71.Button,
|
|
22231
22283
|
{
|
|
22232
22284
|
disabled: isSaving,
|
|
@@ -22238,21 +22290,21 @@ function WorkflowTemplatePreviewModal({
|
|
|
22238
22290
|
}
|
|
22239
22291
|
)
|
|
22240
22292
|
] }),
|
|
22241
|
-
heading: /* @__PURE__ */
|
|
22293
|
+
heading: /* @__PURE__ */ jsx4(
|
|
22242
22294
|
import_design_system_react_components71.ModalHeader,
|
|
22243
22295
|
{
|
|
22244
22296
|
title: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { gap: `var(${import_design_system_react_components71.SpacingToken.Spacing3})`, notPadded: true, children: [
|
|
22245
|
-
/* @__PURE__ */
|
|
22297
|
+
/* @__PURE__ */ jsx4(
|
|
22246
22298
|
import_design_system_react_components71.Button,
|
|
22247
22299
|
{
|
|
22248
22300
|
kind: "text",
|
|
22249
22301
|
onClick: () => {
|
|
22250
22302
|
handleClose();
|
|
22251
22303
|
},
|
|
22252
|
-
children: /* @__PURE__ */
|
|
22304
|
+
children: /* @__PURE__ */ jsx4(import_design_system_react_components71.Icon, { size: "large", source: import_design_system_icons34.ArrowBackFilled })
|
|
22253
22305
|
}
|
|
22254
22306
|
),
|
|
22255
|
-
/* @__PURE__ */
|
|
22307
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components71.Heading, { as: "span", size: "sm", children: "Template preview" })
|
|
22256
22308
|
] })
|
|
22257
22309
|
}
|
|
22258
22310
|
),
|
|
@@ -22268,7 +22320,7 @@ function WorkflowTemplatePreviewModal({
|
|
|
22268
22320
|
noFlexBasis: true,
|
|
22269
22321
|
notPadded: true,
|
|
22270
22322
|
children: [
|
|
22271
|
-
/* @__PURE__ */
|
|
22323
|
+
/* @__PURE__ */ jsx4(TemplateCategoryIcon_default, { category: template.category }),
|
|
22272
22324
|
/* @__PURE__ */ jsxs2(
|
|
22273
22325
|
"div",
|
|
22274
22326
|
{
|
|
@@ -22276,22 +22328,22 @@ function WorkflowTemplatePreviewModal({
|
|
|
22276
22328
|
max-width: 280px;
|
|
22277
22329
|
`,
|
|
22278
22330
|
children: [
|
|
22279
|
-
/* @__PURE__ */
|
|
22280
|
-
/* @__PURE__ */
|
|
22281
|
-
/* @__PURE__ */
|
|
22282
|
-
/* @__PURE__ */
|
|
22331
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components71.Text, { bold: true, size: "md", children: template.name }),
|
|
22332
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components71.Text, { size: "md", children: template.workflow.description }),
|
|
22333
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components71.Text, { noMargin: true, size: "md", children: "Here's how it works:" }),
|
|
22334
|
+
/* @__PURE__ */ jsx4(List, { children: template.list.map((item) => /* @__PURE__ */ jsxs2("li", { children: [
|
|
22283
22335
|
/* @__PURE__ */ jsxs2(import_design_system_react_components71.Text, { as: "span", bold: true, noMargin: true, size: "md", children: [
|
|
22284
22336
|
item.product,
|
|
22285
22337
|
":",
|
|
22286
22338
|
" "
|
|
22287
22339
|
] }),
|
|
22288
|
-
/* @__PURE__ */
|
|
22340
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components71.Text, { as: "span", noMargin: true, size: "md", children: item.description })
|
|
22289
22341
|
] }, `${item.product}`)) })
|
|
22290
22342
|
]
|
|
22291
22343
|
}
|
|
22292
22344
|
),
|
|
22293
22345
|
/* @__PURE__ */ jsxs2("div", { children: [
|
|
22294
|
-
/* @__PURE__ */
|
|
22346
|
+
/* @__PURE__ */ jsx4(
|
|
22295
22347
|
import_design_system_react_components71.Text,
|
|
22296
22348
|
{
|
|
22297
22349
|
css: css`
|
|
@@ -22303,12 +22355,12 @@ function WorkflowTemplatePreviewModal({
|
|
|
22303
22355
|
children: "Products used:"
|
|
22304
22356
|
}
|
|
22305
22357
|
),
|
|
22306
|
-
/* @__PURE__ */
|
|
22358
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react36.Row, { gap: `var(${import_design_system_react_components71.SpacingToken.Spacing1})`, notPadded: true, children: renderProductTags(template.products) })
|
|
22307
22359
|
] })
|
|
22308
22360
|
]
|
|
22309
22361
|
}
|
|
22310
22362
|
),
|
|
22311
|
-
/* @__PURE__ */
|
|
22363
|
+
/* @__PURE__ */ jsx4(WorkflowBuilderWrapper2, { children: /* @__PURE__ */ jsx4(Diagram_default, {}) })
|
|
22312
22364
|
] })
|
|
22313
22365
|
}
|
|
22314
22366
|
);
|
|
@@ -22330,7 +22382,7 @@ function WorkflowTemplatePreview({
|
|
|
22330
22382
|
if (!targetWorkflow) {
|
|
22331
22383
|
return;
|
|
22332
22384
|
}
|
|
22333
|
-
return /* @__PURE__ */
|
|
22385
|
+
return /* @__PURE__ */ jsx4(
|
|
22334
22386
|
WorkflowCreatorProvider,
|
|
22335
22387
|
{
|
|
22336
22388
|
basePath: "",
|
|
@@ -22345,7 +22397,7 @@ function WorkflowTemplatePreview({
|
|
|
22345
22397
|
validation: { hidden: true, strategy: "non-blocking" }
|
|
22346
22398
|
},
|
|
22347
22399
|
workflow: targetWorkflow,
|
|
22348
|
-
children: /* @__PURE__ */
|
|
22400
|
+
children: /* @__PURE__ */ jsx4(Modal_default5, { onClose, template })
|
|
22349
22401
|
}
|
|
22350
22402
|
);
|
|
22351
22403
|
}
|
|
@@ -22377,7 +22429,7 @@ function WorkflowTemplatesCategoryFilter({
|
|
|
22377
22429
|
(key, category, icon2) => ({
|
|
22378
22430
|
key,
|
|
22379
22431
|
element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react37.Row, { gap: `var(${import_design_system_react_components72.SpacingToken.Spacing1});`, notPadded: true, children: [
|
|
22380
|
-
icon2 ? /* @__PURE__ */
|
|
22432
|
+
icon2 ? /* @__PURE__ */ jsx4(import_design_system_react_components72.Icon, { source: icon2 }) : void 0,
|
|
22381
22433
|
category
|
|
22382
22434
|
] }),
|
|
22383
22435
|
onClick: () => {
|
|
@@ -22387,7 +22439,7 @@ function WorkflowTemplatesCategoryFilter({
|
|
|
22387
22439
|
}),
|
|
22388
22440
|
[handleStatus]
|
|
22389
22441
|
);
|
|
22390
|
-
return /* @__PURE__ */
|
|
22442
|
+
return /* @__PURE__ */ jsx4(
|
|
22391
22443
|
import_design_system_react_components72.ActionMenu,
|
|
22392
22444
|
{
|
|
22393
22445
|
onClose: () => {
|
|
@@ -22409,7 +22461,7 @@ function WorkflowTemplatesCategoryFilter({
|
|
|
22409
22461
|
triggerRenderer: /* @__PURE__ */ jsxs2(
|
|
22410
22462
|
import_design_system_react_components72.Button,
|
|
22411
22463
|
{
|
|
22412
|
-
icon: /* @__PURE__ */
|
|
22464
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components72.Icon, { source: import_design_system_icons35.Group }),
|
|
22413
22465
|
kind: "secondary",
|
|
22414
22466
|
onClick: () => {
|
|
22415
22467
|
setIsVisible(!isVisible);
|
|
@@ -22441,7 +22493,7 @@ function WorkflowTemplatesProductFilter({
|
|
|
22441
22493
|
(key, product, icon2) => ({
|
|
22442
22494
|
key,
|
|
22443
22495
|
element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react38.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing1});`, notPadded: true, children: [
|
|
22444
|
-
icon2 ? /* @__PURE__ */
|
|
22496
|
+
icon2 ? /* @__PURE__ */ jsx4(import_design_system_react_components73.Icon, { source: icon2 }) : void 0,
|
|
22445
22497
|
product
|
|
22446
22498
|
] }),
|
|
22447
22499
|
onClick: () => {
|
|
@@ -22451,7 +22503,7 @@ function WorkflowTemplatesProductFilter({
|
|
|
22451
22503
|
}),
|
|
22452
22504
|
[handleStatus]
|
|
22453
22505
|
);
|
|
22454
|
-
return /* @__PURE__ */
|
|
22506
|
+
return /* @__PURE__ */ jsx4(
|
|
22455
22507
|
import_design_system_react_components73.ActionMenu,
|
|
22456
22508
|
{
|
|
22457
22509
|
onClose: () => {
|
|
@@ -22471,7 +22523,7 @@ function WorkflowTemplatesProductFilter({
|
|
|
22471
22523
|
triggerRenderer: /* @__PURE__ */ jsxs2(
|
|
22472
22524
|
import_design_system_react_components73.Button,
|
|
22473
22525
|
{
|
|
22474
|
-
icon: /* @__PURE__ */
|
|
22526
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components73.Icon, { source: import_design_system_icons36.ViewSidebar }),
|
|
22475
22527
|
kind: "secondary",
|
|
22476
22528
|
onClick: () => {
|
|
22477
22529
|
setIsVisible(!isVisible);
|
|
@@ -22510,10 +22562,10 @@ function WorkflowScratchCard({
|
|
|
22510
22562
|
};
|
|
22511
22563
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Card, { hover: true, light: true, onClick: handleClick, rounded: true, width: "100%", children: [
|
|
22512
22564
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: [
|
|
22513
|
-
/* @__PURE__ */
|
|
22514
|
-
openOne ? /* @__PURE__ */
|
|
22565
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components74.Icon, { kind: "primary", size: "xlarge", source: icon2 }),
|
|
22566
|
+
openOne ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react39.BetaTag, { darkTag: getWorkflowsEnv("isHeadless"), children: "Beta" }) : null
|
|
22515
22567
|
] }),
|
|
22516
|
-
/* @__PURE__ */
|
|
22568
|
+
/* @__PURE__ */ jsx4(
|
|
22517
22569
|
import_design_system_react_components74.Heading,
|
|
22518
22570
|
{
|
|
22519
22571
|
as: "div",
|
|
@@ -22548,7 +22600,7 @@ function WorkflowTemplateCard({
|
|
|
22548
22600
|
category
|
|
22549
22601
|
}) {
|
|
22550
22602
|
const navigate = (0, import_react_router_dom21.useNavigate)();
|
|
22551
|
-
return /* @__PURE__ */
|
|
22603
|
+
return /* @__PURE__ */ jsx4(
|
|
22552
22604
|
import_developer_studio_ui_react40.Card,
|
|
22553
22605
|
{
|
|
22554
22606
|
border: true,
|
|
@@ -22571,10 +22623,10 @@ function WorkflowTemplateCard({
|
|
|
22571
22623
|
spaceBetween: true,
|
|
22572
22624
|
children: [
|
|
22573
22625
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react40.Column, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing4})`, noFlexBasis: true, notPadded: true, children: [
|
|
22574
|
-
/* @__PURE__ */
|
|
22575
|
-
/* @__PURE__ */
|
|
22626
|
+
/* @__PURE__ */ jsx4(TemplateCategoryIcon_default, { category }),
|
|
22627
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components75.Heading, { as: "div", size: "xs", children: name })
|
|
22576
22628
|
] }),
|
|
22577
|
-
/* @__PURE__ */
|
|
22629
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react40.Row, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, `${i.toString()}`)) })
|
|
22578
22630
|
]
|
|
22579
22631
|
}
|
|
22580
22632
|
)
|
|
@@ -22606,7 +22658,7 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22606
22658
|
}
|
|
22607
22659
|
return true;
|
|
22608
22660
|
});
|
|
22609
|
-
return /* @__PURE__ */
|
|
22661
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react41.Column, { notPadded: true, width: 12, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react41.Row, { notPadded: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(
|
|
22610
22662
|
import_developer_studio_ui_react41.Column,
|
|
22611
22663
|
{
|
|
22612
22664
|
gap: `var(${import_design_system_react_components76.SpacingToken.Spacing3})`,
|
|
@@ -22614,7 +22666,7 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22614
22666
|
notPadded: true,
|
|
22615
22667
|
width: 9,
|
|
22616
22668
|
children: [
|
|
22617
|
-
/* @__PURE__ */
|
|
22669
|
+
/* @__PURE__ */ jsx4(
|
|
22618
22670
|
import_developer_studio_ui_react41.Intro,
|
|
22619
22671
|
{
|
|
22620
22672
|
header: "Start from scratch",
|
|
@@ -22631,8 +22683,8 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22631
22683
|
notPadded: true,
|
|
22632
22684
|
notPaddedOnMobile: true,
|
|
22633
22685
|
children: [
|
|
22634
|
-
/* @__PURE__ */
|
|
22635
|
-
/* @__PURE__ */
|
|
22686
|
+
/* @__PURE__ */ jsx4(Scratch_default, { icon: import_design_system_icons37.FiletypeOther, title: "Empty workflow" }),
|
|
22687
|
+
/* @__PURE__ */ jsx4(
|
|
22636
22688
|
Scratch_default,
|
|
22637
22689
|
{
|
|
22638
22690
|
icon: import_design_system_icons37.OneColored,
|
|
@@ -22643,7 +22695,7 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22643
22695
|
]
|
|
22644
22696
|
}
|
|
22645
22697
|
),
|
|
22646
|
-
/* @__PURE__ */
|
|
22698
|
+
/* @__PURE__ */ jsx4(
|
|
22647
22699
|
import_developer_studio_ui_react41.Intro,
|
|
22648
22700
|
{
|
|
22649
22701
|
header: "Start with a template",
|
|
@@ -22651,7 +22703,7 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22651
22703
|
}
|
|
22652
22704
|
),
|
|
22653
22705
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Row, { gap: `var(${import_design_system_react_components76.SpacingToken.Spacing2})`, notPadded: true, children: [
|
|
22654
|
-
/* @__PURE__ */
|
|
22706
|
+
/* @__PURE__ */ jsx4(
|
|
22655
22707
|
Product_default,
|
|
22656
22708
|
{
|
|
22657
22709
|
handleStatus: (status) => {
|
|
@@ -22660,7 +22712,7 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22660
22712
|
status: product
|
|
22661
22713
|
}
|
|
22662
22714
|
),
|
|
22663
|
-
/* @__PURE__ */
|
|
22715
|
+
/* @__PURE__ */ jsx4(
|
|
22664
22716
|
Category_default,
|
|
22665
22717
|
{
|
|
22666
22718
|
handleStatus: (status) => {
|
|
@@ -22670,14 +22722,14 @@ function WorkflowsHome({ isOnModal }) {
|
|
|
22670
22722
|
}
|
|
22671
22723
|
)
|
|
22672
22724
|
] }),
|
|
22673
|
-
/* @__PURE__ */
|
|
22725
|
+
/* @__PURE__ */ jsx4(Grid, { children: filteredTemplates.length === 0 ? /* @__PURE__ */ jsx4(
|
|
22674
22726
|
import_design_system_react_components76.Text,
|
|
22675
22727
|
{
|
|
22676
22728
|
customColor: `var(${import_design_system_react_components76.DesignToken.ContentBasicSecondary})`,
|
|
22677
22729
|
size: "md",
|
|
22678
22730
|
children: "No templates found"
|
|
22679
22731
|
}
|
|
22680
|
-
) : filteredTemplates.map((template) => /* @__PURE__ */
|
|
22732
|
+
) : filteredTemplates.map((template) => /* @__PURE__ */ jsx4(
|
|
22681
22733
|
Template_default,
|
|
22682
22734
|
{
|
|
22683
22735
|
category: template.category,
|
|
@@ -22703,7 +22755,7 @@ function WorkflowCreateModal({ onClose }) {
|
|
|
22703
22755
|
}
|
|
22704
22756
|
navigate("../");
|
|
22705
22757
|
}, [onClose, navigate]);
|
|
22706
|
-
return /* @__PURE__ */
|
|
22758
|
+
return /* @__PURE__ */ jsx4(
|
|
22707
22759
|
import_design_system_react_components77.Modal,
|
|
22708
22760
|
{
|
|
22709
22761
|
css: css`
|
|
@@ -22711,9 +22763,9 @@ function WorkflowCreateModal({ onClose }) {
|
|
|
22711
22763
|
width: min(100% - 4rem, 60rem);
|
|
22712
22764
|
overflow-y: auto;
|
|
22713
22765
|
`,
|
|
22714
|
-
heading: /* @__PURE__ */
|
|
22766
|
+
heading: /* @__PURE__ */ jsx4(import_design_system_react_components77.ModalHeader, { title: "Create a workflow" }),
|
|
22715
22767
|
onClose: handleClose,
|
|
22716
|
-
children: /* @__PURE__ */
|
|
22768
|
+
children: /* @__PURE__ */ jsx4(Home_default, { basePath: "create/", isOnModal: true })
|
|
22717
22769
|
}
|
|
22718
22770
|
);
|
|
22719
22771
|
}
|
|
@@ -22722,8 +22774,8 @@ var Modal_default6 = WorkflowCreateModal;
|
|
|
22722
22774
|
// src/views/Workflows/List/Modals/Create/index.tsx
|
|
22723
22775
|
function WorkflowCreate() {
|
|
22724
22776
|
return /* @__PURE__ */ jsxs2(Fragment4, { children: [
|
|
22725
|
-
/* @__PURE__ */
|
|
22726
|
-
/* @__PURE__ */
|
|
22777
|
+
/* @__PURE__ */ jsx4(Modal_default6, {}),
|
|
22778
|
+
/* @__PURE__ */ jsx4(import_react_router_dom23.Routes, { children: /* @__PURE__ */ jsx4(import_react_router_dom23.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }) })
|
|
22727
22779
|
] });
|
|
22728
22780
|
}
|
|
22729
22781
|
var Create_default = WorkflowCreate;
|
|
@@ -22774,7 +22826,7 @@ function WorkflowStatusFilter({
|
|
|
22774
22826
|
}
|
|
22775
22827
|
}
|
|
22776
22828
|
];
|
|
22777
|
-
return /* @__PURE__ */
|
|
22829
|
+
return /* @__PURE__ */ jsx4(
|
|
22778
22830
|
import_design_system_react_components78.ActionMenu,
|
|
22779
22831
|
{
|
|
22780
22832
|
onClose: () => {
|
|
@@ -22785,7 +22837,7 @@ function WorkflowStatusFilter({
|
|
|
22785
22837
|
triggerRenderer: /* @__PURE__ */ jsxs2(
|
|
22786
22838
|
import_design_system_react_components78.Button,
|
|
22787
22839
|
{
|
|
22788
|
-
icon: /* @__PURE__ */
|
|
22840
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components78.Icon, { source: import_design_system_icons38.ToggleLeft }),
|
|
22789
22841
|
kind: "secondary",
|
|
22790
22842
|
onClick: () => {
|
|
22791
22843
|
setIsVisible(!isVisible);
|
|
@@ -22819,10 +22871,8 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22819
22871
|
user == null ? void 0 : user.meta.email
|
|
22820
22872
|
);
|
|
22821
22873
|
const filteredWorkflows = ((_a = workflowsQuery.data) != null ? _a : []).filter((workflow) => !(workflow.draft && workflow.related_workflow_id)).filter((workflow) => {
|
|
22822
|
-
if (state.filters.status === "Active")
|
|
22823
|
-
|
|
22824
|
-
if (state.filters.status === "Inactive")
|
|
22825
|
-
return !workflow.active;
|
|
22874
|
+
if (state.filters.status === "Active") return workflow.active;
|
|
22875
|
+
if (state.filters.status === "Inactive") return !workflow.active;
|
|
22826
22876
|
return workflow;
|
|
22827
22877
|
}).filter(
|
|
22828
22878
|
(workflow) => {
|
|
@@ -22831,14 +22881,14 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22831
22881
|
}
|
|
22832
22882
|
);
|
|
22833
22883
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Table, { flowTable: true, loading: workflowsQuery.isLoading, children: [
|
|
22834
|
-
/* @__PURE__ */
|
|
22835
|
-
/* @__PURE__ */
|
|
22836
|
-
/* @__PURE__ */
|
|
22837
|
-
/* @__PURE__ */
|
|
22838
|
-
/* @__PURE__ */
|
|
22839
|
-
/* @__PURE__ */
|
|
22884
|
+
/* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
|
|
22885
|
+
/* @__PURE__ */ jsx4("th", { children: "Name" }),
|
|
22886
|
+
/* @__PURE__ */ jsx4("th", { children: "Tasks" }),
|
|
22887
|
+
/* @__PURE__ */ jsx4("th", { children: "Status" }),
|
|
22888
|
+
/* @__PURE__ */ jsx4("th", {}),
|
|
22889
|
+
/* @__PURE__ */ jsx4("th", {})
|
|
22840
22890
|
] }) }),
|
|
22841
|
-
/* @__PURE__ */
|
|
22891
|
+
/* @__PURE__ */ jsx4("tbody", { children: workflowsQuery.isSuccess && filteredWorkflows.length > 0 ? filteredWorkflows.map((workflow) => {
|
|
22842
22892
|
var _a2, _b2, _c2, _d, _e, _f, _g;
|
|
22843
22893
|
if (workflow.name.toLowerCase().includes((_c2 = (_b2 = (_a2 = state.params) == null ? void 0 : _a2.name) == null ? void 0 : _b2.value) != null ? _c2 : "")) {
|
|
22844
22894
|
return /* @__PURE__ */ jsxs2(
|
|
@@ -22857,9 +22907,9 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22857
22907
|
navigate(`/workflow/${workflow.id}`);
|
|
22858
22908
|
},
|
|
22859
22909
|
children: [
|
|
22860
|
-
/* @__PURE__ */
|
|
22861
|
-
/* @__PURE__ */
|
|
22862
|
-
workflow.related_workflow_id ? /* @__PURE__ */
|
|
22910
|
+
/* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Row, { gap: `var(${import_design_system_react_components79.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
|
|
22911
|
+
/* @__PURE__ */ jsx4(import_design_system_react_components79.Text, { noMargin: true, size: "sm", children: workflow.name }),
|
|
22912
|
+
workflow.related_workflow_id ? /* @__PURE__ */ jsx4(
|
|
22863
22913
|
import_design_system_react_components79.Tag,
|
|
22864
22914
|
{
|
|
22865
22915
|
css: css`
|
|
@@ -22872,9 +22922,9 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22872
22922
|
}
|
|
22873
22923
|
) : null
|
|
22874
22924
|
] }) }),
|
|
22875
|
-
/* @__PURE__ */
|
|
22925
|
+
/* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.Row, { gap: 12, notPadded: true, children: (_d = workflow.tags) == null ? void 0 : _d.map((tag) => {
|
|
22876
22926
|
const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api31.IntegrationNames.BigCommerce.toLowerCase());
|
|
22877
|
-
return /* @__PURE__ */
|
|
22927
|
+
return /* @__PURE__ */ jsx4(
|
|
22878
22928
|
ProductIcon_default,
|
|
22879
22929
|
{
|
|
22880
22930
|
center: true,
|
|
@@ -22886,12 +22936,12 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22886
22936
|
tag
|
|
22887
22937
|
);
|
|
22888
22938
|
}) }) }),
|
|
22889
|
-
/* @__PURE__ */
|
|
22939
|
+
/* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
|
|
22890
22940
|
import_design_system_react_components79.Tooltip,
|
|
22891
22941
|
{
|
|
22892
22942
|
triggerClassName: "tooltip-trigger",
|
|
22893
22943
|
triggerOnHover: true,
|
|
22894
|
-
triggerRenderer: /* @__PURE__ */
|
|
22944
|
+
triggerRenderer: /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.StopPropagation, { children: /* @__PURE__ */ jsx4(
|
|
22895
22945
|
import_design_system_react_components79.Switch,
|
|
22896
22946
|
{
|
|
22897
22947
|
css: css`
|
|
@@ -22911,10 +22961,10 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22911
22961
|
children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
|
|
22912
22962
|
}
|
|
22913
22963
|
) }),
|
|
22914
|
-
/* @__PURE__ */
|
|
22964
|
+
/* @__PURE__ */ jsx4("td", { children: !workflow.draft && /* @__PURE__ */ jsx4(
|
|
22915
22965
|
import_design_system_react_components79.Button,
|
|
22916
22966
|
{
|
|
22917
|
-
icon: /* @__PURE__ */
|
|
22967
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components79.Icon, { source: import_design_system_icons39.Info }),
|
|
22918
22968
|
kind: "plain",
|
|
22919
22969
|
onClick: (e) => {
|
|
22920
22970
|
e.stopPropagation();
|
|
@@ -22922,16 +22972,16 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22922
22972
|
}
|
|
22923
22973
|
}
|
|
22924
22974
|
) }),
|
|
22925
|
-
/* @__PURE__ */
|
|
22975
|
+
/* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.StopPropagation, { children: /* @__PURE__ */ jsx4(
|
|
22926
22976
|
import_design_system_react_components79.ActionMenu,
|
|
22927
22977
|
{
|
|
22928
22978
|
options: [
|
|
22929
22979
|
{
|
|
22930
22980
|
key: "run",
|
|
22931
|
-
element: /* @__PURE__ */
|
|
22981
|
+
element: /* @__PURE__ */ jsx4(
|
|
22932
22982
|
import_design_system_react_components79.ActionMenuItem,
|
|
22933
22983
|
{
|
|
22934
|
-
leftNode: /* @__PURE__ */
|
|
22984
|
+
leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components79.Icon, { source: import_design_system_icons39.PlayArrow }),
|
|
22935
22985
|
children: "Trigger manually"
|
|
22936
22986
|
}
|
|
22937
22987
|
),
|
|
@@ -22941,10 +22991,10 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22941
22991
|
},
|
|
22942
22992
|
{
|
|
22943
22993
|
key: "delete",
|
|
22944
|
-
element: /* @__PURE__ */
|
|
22994
|
+
element: /* @__PURE__ */ jsx4(
|
|
22945
22995
|
import_design_system_react_components79.ActionMenuItem,
|
|
22946
22996
|
{
|
|
22947
|
-
leftNode: /* @__PURE__ */
|
|
22997
|
+
leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components79.Icon, { source: import_design_system_icons39.Delete }),
|
|
22948
22998
|
children: "Delete"
|
|
22949
22999
|
}
|
|
22950
23000
|
),
|
|
@@ -22959,10 +23009,10 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22959
23009
|
}))()
|
|
22960
23010
|
}
|
|
22961
23011
|
],
|
|
22962
|
-
triggerRenderer: /* @__PURE__ */
|
|
23012
|
+
triggerRenderer: /* @__PURE__ */ jsx4(
|
|
22963
23013
|
import_design_system_react_components79.Button,
|
|
22964
23014
|
{
|
|
22965
|
-
icon: /* @__PURE__ */
|
|
23015
|
+
icon: /* @__PURE__ */ jsx4(import_design_system_react_components79.Icon, { source: import_design_system_icons39.MoreHoriz }),
|
|
22966
23016
|
kind: "text",
|
|
22967
23017
|
loading: deleteAction.isLoading ? ((_g = deleteAction.variables) == null ? void 0 : _g.id) === workflow.id : void 0,
|
|
22968
23018
|
size: "compact"
|
|
@@ -22976,14 +23026,14 @@ function WorkflowsTable({ workflowsQuery, state }) {
|
|
|
22976
23026
|
);
|
|
22977
23027
|
}
|
|
22978
23028
|
return null;
|
|
22979
|
-
}) : workflowsQuery.isLoading ? /* @__PURE__ */
|
|
23029
|
+
}) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 6, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.Loader, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
|
|
22980
23030
|
"tr",
|
|
22981
23031
|
{
|
|
22982
23032
|
css: css`
|
|
22983
23033
|
background: transparent !important;
|
|
22984
23034
|
color: var(${import_design_system_react_components79.DesignToken.ContentBasicSecondary});
|
|
22985
23035
|
`,
|
|
22986
|
-
children: /* @__PURE__ */
|
|
23036
|
+
children: /* @__PURE__ */ jsx4("td", { align: "left", colSpan: 6, children: /* @__PURE__ */ jsxs2(import_design_system_react_components79.Text, { as: "div", size: "md", children: [
|
|
22987
23037
|
"There are no",
|
|
22988
23038
|
" ",
|
|
22989
23039
|
state.filters.status !== "All" && state.filters.status.toLowerCase(),
|
|
@@ -23005,11 +23055,11 @@ function WorkflowsGrid({
|
|
|
23005
23055
|
onStateChange
|
|
23006
23056
|
}) {
|
|
23007
23057
|
var _a, _b, _c;
|
|
23008
|
-
return /* @__PURE__ */
|
|
23058
|
+
return /* @__PURE__ */ jsx4(
|
|
23009
23059
|
import_developer_studio_ui_react43.Grid,
|
|
23010
23060
|
{
|
|
23011
23061
|
filters: {
|
|
23012
|
-
left: /* @__PURE__ */
|
|
23062
|
+
left: /* @__PURE__ */ jsx4(
|
|
23013
23063
|
StatusFilter_default,
|
|
23014
23064
|
{
|
|
23015
23065
|
handleStatus: (status) => {
|
|
@@ -23022,7 +23072,7 @@ function WorkflowsGrid({
|
|
|
23022
23072
|
status: state.filters.status
|
|
23023
23073
|
}
|
|
23024
23074
|
),
|
|
23025
|
-
right: /* @__PURE__ */
|
|
23075
|
+
right: /* @__PURE__ */ jsx4(
|
|
23026
23076
|
import_design_system_react_components80.SearchInput,
|
|
23027
23077
|
{
|
|
23028
23078
|
css: () => css`
|
|
@@ -23044,7 +23094,7 @@ function WorkflowsGrid({
|
|
|
23044
23094
|
)
|
|
23045
23095
|
},
|
|
23046
23096
|
topMargin: true,
|
|
23047
|
-
children: /* @__PURE__ */
|
|
23097
|
+
children: /* @__PURE__ */ jsx4(Table_default, { state, workflowsQuery: workflowQuery })
|
|
23048
23098
|
}
|
|
23049
23099
|
);
|
|
23050
23100
|
}
|
|
@@ -23068,16 +23118,16 @@ function WorkflowListView() {
|
|
|
23068
23118
|
const hasNoData = workflows.isSuccess && workflows.data.length === 0 && state.params === void 0;
|
|
23069
23119
|
const hasData = !isLoading && !hasNoData;
|
|
23070
23120
|
if (isLoading) {
|
|
23071
|
-
return /* @__PURE__ */
|
|
23121
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Loader, { stretch: true });
|
|
23072
23122
|
}
|
|
23073
23123
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.View, { center: hasNoData, noWrap: true, stretch: isLoading, children: [
|
|
23074
23124
|
/* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Row, { topMargin: true, verticalCenter: hasNoData, children: [
|
|
23075
|
-
/* @__PURE__ */
|
|
23125
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Column, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
|
|
23076
23126
|
import_developer_studio_ui_react44.Intro,
|
|
23077
23127
|
{
|
|
23078
23128
|
body: "Automate your work with an app integration platform. Use AI to quicken the process. Enjoy a simple, no-code setup to streamline tasks you would otherwise do manually.",
|
|
23079
23129
|
center: true,
|
|
23080
|
-
header: /* @__PURE__ */
|
|
23130
|
+
header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
|
|
23081
23131
|
import_developer_studio_ui_react44.Row,
|
|
23082
23132
|
{
|
|
23083
23133
|
center: true,
|
|
@@ -23086,14 +23136,14 @@ function WorkflowListView() {
|
|
|
23086
23136
|
verticalCenter: true,
|
|
23087
23137
|
children: [
|
|
23088
23138
|
"Welcome to ",
|
|
23089
|
-
/* @__PURE__ */
|
|
23139
|
+
/* @__PURE__ */ jsx4("span", { css: markedStyles, children: "Workflows" })
|
|
23090
23140
|
]
|
|
23091
23141
|
}
|
|
23092
23142
|
) }),
|
|
23093
23143
|
noMaxWidth: true,
|
|
23094
23144
|
style: { maxWidth: "38rem" }
|
|
23095
23145
|
}
|
|
23096
|
-
) }) : /* @__PURE__ */
|
|
23146
|
+
) }) : /* @__PURE__ */ jsx4(
|
|
23097
23147
|
import_developer_studio_ui_react44.Intro,
|
|
23098
23148
|
{
|
|
23099
23149
|
body: "Create custom workflows to automate your work.",
|
|
@@ -23101,7 +23151,7 @@ function WorkflowListView() {
|
|
|
23101
23151
|
header: "Your workflows"
|
|
23102
23152
|
}
|
|
23103
23153
|
) }),
|
|
23104
|
-
hasData ? /* @__PURE__ */
|
|
23154
|
+
hasData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Column, { pullRight: true, children: /* @__PURE__ */ jsx4(
|
|
23105
23155
|
import_design_system_react_components81.Button,
|
|
23106
23156
|
{
|
|
23107
23157
|
kind: "primary",
|
|
@@ -23112,8 +23162,8 @@ function WorkflowListView() {
|
|
|
23112
23162
|
}
|
|
23113
23163
|
) }) : null
|
|
23114
23164
|
] }),
|
|
23115
|
-
/* @__PURE__ */
|
|
23116
|
-
hasData ? /* @__PURE__ */
|
|
23165
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Row, { children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Column, { gap: `var(${import_design_system_react_components81.SpacingToken.Spacing10})`, noMaxWidth: true, width: 12, children: [
|
|
23166
|
+
hasData ? /* @__PURE__ */ jsx4(
|
|
23117
23167
|
Grid_default,
|
|
23118
23168
|
{
|
|
23119
23169
|
onStateChange: (change) => {
|
|
@@ -23123,7 +23173,7 @@ function WorkflowListView() {
|
|
|
23123
23173
|
workflowQuery: workflows
|
|
23124
23174
|
}
|
|
23125
23175
|
) : null,
|
|
23126
|
-
hasNoData ? /* @__PURE__ */
|
|
23176
|
+
hasNoData ? /* @__PURE__ */ jsx4(Home_default, {}) : null
|
|
23127
23177
|
] }) })
|
|
23128
23178
|
] });
|
|
23129
23179
|
}
|
|
@@ -23132,11 +23182,11 @@ var View_default2 = WorkflowListView;
|
|
|
23132
23182
|
// src/views/Workflows/List/index.tsx
|
|
23133
23183
|
function WorkflowList() {
|
|
23134
23184
|
return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Row, { noMaxWidth: true, noWrap: true, notPadded: true, stretch: true, children: [
|
|
23135
|
-
/* @__PURE__ */
|
|
23185
|
+
/* @__PURE__ */ jsx4(View_default2, {}),
|
|
23136
23186
|
/* @__PURE__ */ jsxs2(import_react_router_dom26.Routes, { children: [
|
|
23137
|
-
/* @__PURE__ */
|
|
23138
|
-
/* @__PURE__ */
|
|
23139
|
-
/* @__PURE__ */
|
|
23187
|
+
/* @__PURE__ */ jsx4(import_react_router_dom26.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }),
|
|
23188
|
+
/* @__PURE__ */ jsx4(import_react_router_dom26.Route, { element: /* @__PURE__ */ jsx4(Create_default, {}), path: "create/*" }),
|
|
23189
|
+
/* @__PURE__ */ jsx4(import_react_router_dom26.Route, { element: /* @__PURE__ */ jsx4(WorkflowDetails, { headerType: "name" }), path: ":id/*" })
|
|
23140
23190
|
] })
|
|
23141
23191
|
] });
|
|
23142
23192
|
}
|
|
@@ -23195,11 +23245,11 @@ function LoginErrorPage({
|
|
|
23195
23245
|
const { authorize } = (0, import_developer_studio_ui_react47.useRootContext)();
|
|
23196
23246
|
if (getWorkflowsEnv("isHeadless")) {
|
|
23197
23247
|
return /* @__PURE__ */ jsxs2("div", { css: wrapperCss, children: [
|
|
23198
|
-
/* @__PURE__ */
|
|
23199
|
-
/* @__PURE__ */
|
|
23200
|
-
/* @__PURE__ */
|
|
23201
|
-
/* @__PURE__ */
|
|
23202
|
-
/* @__PURE__ */
|
|
23248
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: welcomeImage }) }) }),
|
|
23249
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Column, { center: true, width: 10, children: [
|
|
23250
|
+
/* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Intro, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
|
|
23251
|
+
/* @__PURE__ */ jsx4("p", { css: paragraphCss(false), children: "You're using a browser that required additional login to access Workflows" }),
|
|
23252
|
+
/* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
|
|
23203
23253
|
import_design_system_react_components82.Button,
|
|
23204
23254
|
{
|
|
23205
23255
|
kind: "primary",
|
|
@@ -23212,7 +23262,7 @@ function LoginErrorPage({
|
|
|
23212
23262
|
] }) })
|
|
23213
23263
|
] });
|
|
23214
23264
|
}
|
|
23215
|
-
return /* @__PURE__ */
|
|
23265
|
+
return /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.LoginErrorPage, { image: errorImage });
|
|
23216
23266
|
}
|
|
23217
23267
|
var LoginError_default = LoginErrorPage;
|
|
23218
23268
|
|