@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.34 → 2.1.0-notion-release.35

package/dist/cjs/integration-template/components/dashboard/TriggerDashboardItem.js

@@ -0,0 +1,214 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../../node_modules/html-react-parser/esm/index.js');
+var confirmationModal = require('../../../commons/components/confirmation-modal.js');
+var dashboardConstants = require('../dashboard-constants.js');
+var dashboardUtils = require('../dashboard-utils.js');
+var EventComponent = require('./EventComponent.js');
+var SingleMappingChipWrapper = require('./SingleMappingChipWrapper.js');
+var SingleMappingEventWrapper = require('./SingleMappingEventWrapper.js');
+var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var chevronDown = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js');
+var chevronRight = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js');
+var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var chip = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/chip/chip.js');
+var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var _switch = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js');
+var dropdown = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js');
+var iconButton = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var ellipsisVertical = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/ellipsis-vertical.js');
+var pencil = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/pencil.js');
+var _delete = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js');
+var button = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+
+const TriggerDashboardItem = ({
+  isDraft,
+  fieldOptions,
+  icon,
+  field,
+  description,
+  integrationName,
+  handleEditField,
+  handleDashboardPage,
+  toggleDashboardField,
+  deleteFieldHandler
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+  const [isMappingDisplayed, setIsMappingDisplayed] = React.useState(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = React.useState(false);
+  const handleEdit = () => {
+    handleEditField({
+      type: "TRIGGER",
+      values: field,
+      id: field.id
+    });
+    handleDashboardPage(false, "TRIGGER");
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      flexDirection: "column",
+      css: {
+        width: "100%",
+        height: "100%",
+        overflow: "auto",
+        marginTop: "$8"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        css: {
+          border: isMappingDisplayed ? "$borderWidths$xs solid $black400" : "$borderWidths$xs solid $neutral200",
+          borderRadius: isMappingDisplayed ? "$2xl $2xl 0 0" : "$2xl",
+          padding: "$10 $12",
+          width: "100%",
+          backgroundColor: isMappingDisplayed ? "rgba(100, 116, 139, 0.04)" : "$white900"
+        },
+        justifyContent: "space-between",
+        alignItems: "center"
+      },
+      /* @__PURE__ */ React.createElement(
+        flex.Flex,
+        {
+          alignItems: "center",
+          gap: "$4",
+          css: { cursor: "pointer" },
+          onClick: () => setIsMappingDisplayed(!isMappingDisplayed)
+        },
+        isMappingDisplayed ? /* @__PURE__ */ React.createElement(chevronDown.ChevronDownIcon, { size: 40, color: "#848484" }) : /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, { size: 40, color: "#848484" }),
+        /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, icon, /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$1", flexDirection: "column" }, /* @__PURE__ */ React.createElement(text.Text, { size: "md", weight: "bold" }, (_a = field == null ? void 0 : field.email) != null ? _a : dashboardConstants.DASHBOARD_UI_STRINGS.TRIGGER_HEADING), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral600" } }, description != null ? description : `Trigger survey when an event happens in ${integrationName}`)))
+      ),
+      /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$12" }, isDraft && /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$12" }, /* @__PURE__ */ React.createElement(chip.Chip, { rounded: "full", size: "sm" }, /* @__PURE__ */ React.createElement(
+        box.Box,
+        {
+          css: {
+            background: "$neutral500",
+            borderRadius: "50%",
+            marginRight: "$1",
+            width: "$4",
+            height: "$4"
+          }
+        }
+      ), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { color: "$neutral800" } }, dashboardConstants.DASHBOARD_UI_STRINGS.DRAFT)), /* @__PURE__ */ React.createElement(box.Box, { css: { width: "1px", height: "20px", background: "#64748B20" } })), /* @__PURE__ */ React.createElement(
+        _switch.Switch,
+        {
+          size: "md",
+          checked: field.isEnabled,
+          onChange: (value) => toggleDashboardField == null ? void 0 : toggleDashboardField(field.id, value)
+        }
+      ), /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+        iconButton.IconButton,
+        {
+          variant: "ghost",
+          color: "default",
+          size: "lg",
+          icon: /* @__PURE__ */ React.createElement(ellipsisVertical.EllipsisVerticalIcon, null)
+        }
+      )), /* @__PURE__ */ React.createElement(
+        dropdown.DropdownMenuContent,
+        {
+          className: "dm-sans",
+          css: {
+            minWidth: 180,
+            zIndex: 10,
+            "& p": { margin: "0 !important", padding: "0 !important" }
+          },
+          sideOffset: 4,
+          align: "end"
+        },
+        /* @__PURE__ */ React.createElement(dropdown.DropdownMenuItem, { css: { cursor: "pointer" }, onClick: handleEdit }, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(pencil.PencilIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, dashboardConstants.DASHBOARD_UI_STRINGS.EDIT))),
+        /* @__PURE__ */ React.createElement(
+          dropdown.DropdownMenuItem,
+          {
+            onClick: () => setIsDeleteModalOpen(true),
+            css: { cursor: "pointer" }
+          },
+          /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(_delete.DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, dashboardConstants.DASHBOARD_UI_STRINGS.DELETE))
+        )
+      )))
+    ),
+    isMappingDisplayed && /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        css: {
+          borderInline: "$borderWidths$xs solid $black400",
+          maxHeight: 734,
+          height: "100%",
+          position: "relative",
+          overflow: "auto",
+          padding: "$16 $36"
+        }
+      },
+      /* @__PURE__ */ React.createElement(SingleMappingEventWrapper.SingleMappingEventWrapper, { isTrigger: true, field }),
+      ((_c = (_b = field.fields) == null ? void 0 : _b.filters) == null ? void 0 : _c.length) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$6", css: { paddingBlock: "$8" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { textTransform: "uppercase" } }, dashboardConstants.DASHBOARD_UI_STRINGS.CONDITION), index.default(dashboardUtils.transformDataToString(field.fields, fieldOptions))), /* @__PURE__ */ React.createElement(box.Box, { css: { marginBlock: "$4", height: "1px", background: "$neutral100" } })) : null,
+      ((_g = (_f = (_e = (_d = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _d.variables) == null ? void 0 : _e.filter) == null ? void 0 : _f.call(
+        _e,
+        (variable) => variable.isEnabled
+      )) == null ? void 0 : _g.length) ? /* @__PURE__ */ React.createElement(
+        SingleMappingChipWrapper.SingleMappingChipWrapper,
+        {
+          heading: ((_i = (_h = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _h.variables) == null ? void 0 : _i.length) > 1 ? dashboardConstants.DASHBOARD_UI_STRINGS.PASSING_VARIABLES : dashboardConstants.DASHBOARD_UI_STRINGS.PASSING_VARIABLE,
+          fields: field.triggerDetails.variables,
+          backgroundColor: "$positive100"
+        }
+      ) : null,
+      /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$6", css: { paddingBlock: "$8" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold" }, dashboardConstants.DASHBOARD_UI_STRINGS.SEND_SURVEY), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center" }, ((_k = (_j = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _j.shareType) == null ? void 0 : _k.value) ? /* @__PURE__ */ React.createElement(
+        EventComponent.EventComponent,
+        {
+          heading: dashboardConstants.DASHBOARD_UI_STRINGS.SHARE_TYPE,
+          description: (_m = (_l = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _l.shareType) == null ? void 0 : _m.label
+        }
+      ) : null, ((_o = (_n = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _n.shareRecipient) == null ? void 0 : _o.value) ? /* @__PURE__ */ React.createElement(
+        EventComponent.EventComponent,
+        {
+          heading: dashboardConstants.DASHBOARD_UI_STRINGS.RECIPIENT,
+          hasBorder: true,
+          description: (_q = (_p = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _p.shareRecipient) == null ? void 0 : _q.label
+        }
+      ) : null, ((_s = (_r = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _r.shareChannel) == null ? void 0 : _s.value) ? /* @__PURE__ */ React.createElement(
+        EventComponent.EventComponent,
+        {
+          hasBorder: true,
+          heading: dashboardConstants.DASHBOARD_UI_STRINGS.SHARE_CHANNEL,
+          description: (_u = (_t = field == null ? void 0 : field.triggerDetails) == null ? void 0 : _t.shareChannel) == null ? void 0 : _u.label
+        }
+      ) : null))
+    ),
+    isMappingDisplayed && /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        css: {
+          padding: "$8 $32",
+          border: "$borderWidths$xs solid $black400",
+          borderTop: "$borderWidths$xs solid $neutral200",
+          borderRadius: "0 0 $2xl $2xl",
+          height: "100%"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          size: "sm",
+          leftIcon: /* @__PURE__ */ React.createElement(pencil.PencilIcon, null),
+          color: "primary",
+          variant: "ghost",
+          onClick: handleEdit
+        },
+        dashboardConstants.DASHBOARD_UI_STRINGS.EDIT_TRIGGER
+      )
+    )
+  ), isDeleteModalOpen && /* @__PURE__ */ React.createElement(
+    confirmationModal.default,
+    {
+      name: dashboardConstants.DASHBOARD_UI_STRINGS.DELETE_TRIGGER_TITLE,
+      description: dashboardConstants.DASHBOARD_UI_STRINGS.DELETE_TRIGGER_MESSAGE,
+      onConfirm: () => deleteFieldHandler == null ? void 0 : deleteFieldHandler(field.id),
+      onCancel: () => setIsDeleteModalOpen(false)
+    }
+  ));
+};
+
+exports.TriggerDashboardItem = TriggerDashboardItem;
+//# sourceMappingURL=TriggerDashboardItem.js.map

package/dist/cjs/integration-template/components/dashboard/TriggerDashboardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerDashboardItem.js","sources":["../../../../../src/integration-template/components/dashboard/TriggerDashboardItem.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Chip,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Flex,\n  IconButton,\n  Switch,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  DeleteIcon,\n  EllipsisVerticalIcon,\n  PencilIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport parse from \"html-react-parser\";\nimport ConfirmationModal from \"../../../commons/components/confirmation-modal\";\nimport {\n  DashboardField,\n  EventField,\n  FieldOptionsType,\n  HandleEditField,\n} from \"../../../commons/types/enhanced\";\nimport { DASHBOARD_UI_STRINGS } from \"../dashboard-constants\";\nimport { transformDataToString } from \"../dashboard-utils\";\nimport { EventComponent } from \"./EventComponent\";\nimport { SingleMappingChipWrapper } from \"./SingleMappingChipWrapper\";\nimport { SingleMappingEventWrapper } from \"./SingleMappingEventWrapper\";\n\ntype TriggerDashboardItemProps = {\n  isDraft?: boolean;\n  fieldOptions: FieldOptionsType;\n  icon: React.ReactNode;\n  field: DashboardField;\n  description: string;\n  integrationName: string;\n  handleEditField: HandleEditField;\n  handleDashboardPage: (value: boolean, type: string) => void;\n  toggleDashboardField?: (id: string | number, status: boolean) => void;\n  deleteFieldHandler?: (id: string | number) => void;\n};\n\nexport const TriggerDashboardItem: React.FC<TriggerDashboardItemProps> = ({\n  isDraft,\n  fieldOptions,\n  icon,\n  field,\n  description,\n  integrationName,\n  handleEditField,\n  handleDashboardPage,\n  toggleDashboardField,\n  deleteFieldHandler,\n}) => {\n  const [isMappingDisplayed, setIsMappingDisplayed] = useState(false);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n  const handleEdit = () => {\n    handleEditField({\n      type: \"TRIGGER\",\n      values: field,\n      id: field.id,\n    });\n    handleDashboardPage(false, \"TRIGGER\");\n  };\n\n  return (\n    <>\n      <Flex\n        flexDirection=\"column\"\n        css={{\n          width: \"100%\",\n          height: \"100%\",\n          overflow: \"auto\",\n          marginTop: \"$8\",\n        }}\n      >\n        <Flex\n          css={{\n            border: isMappingDisplayed\n              ? \"$borderWidths$xs solid $black400\"\n              : \"$borderWidths$xs solid $neutral200\",\n            borderRadius: isMappingDisplayed ? \"$2xl $2xl 0 0\" : \"$2xl\",\n            padding: \"$10 $12\",\n            width: \"100%\",\n            backgroundColor: isMappingDisplayed ? \"rgba(100, 116, 139, 0.04)\" : \"$white900\",\n          }}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          <Flex\n            alignItems=\"center\"\n            gap=\"$4\"\n            css={{ cursor: \"pointer\" }}\n            onClick={() => setIsMappingDisplayed(!isMappingDisplayed)}\n          >\n            {isMappingDisplayed ? (\n              <ChevronDownIcon size={40} color=\"#848484\" />\n            ) : (\n              <ChevronRightIcon size={40} color=\"#848484\" />\n            )}\n            <Flex alignItems=\"center\" gap=\"$4\">\n              {icon}\n              <Flex gap=\"$1\" flexDirection=\"column\">\n                <Text size=\"md\" weight=\"bold\">\n                  {field?.email ?? DASHBOARD_UI_STRINGS.TRIGGER_HEADING}\n                </Text>\n                <Text size=\"sm\" css={{ color: \"$neutral600\" }}>\n                  {description ?? `Trigger survey when an event happens in ${integrationName}`}\n                </Text>\n              </Flex>\n            </Flex>\n          </Flex>\n          <Flex alignItems=\"center\" gap=\"$12\">\n            {isDraft && (\n              <Flex alignItems=\"center\" gap=\"$12\">\n                <Chip rounded=\"full\" size=\"sm\">\n                  <Box\n                    css={{\n                      background: \"$neutral500\",\n                      borderRadius: \"50%\",\n                      marginRight: \"$1\",\n                      width: \"$4\",\n                      height: \"$4\",\n                    }}\n                  />\n                  <Text size=\"sm\" weight=\"bold\" css={{ color: \"$neutral800\" }}>\n                    {DASHBOARD_UI_STRINGS.DRAFT}\n                  </Text>\n                </Chip>\n                <Box css={{ width: \"1px\", height: \"20px\", background: \"#64748B20\" }} />\n              </Flex>\n            )}\n            <Switch\n              size=\"md\"\n              checked={field.isEnabled}\n              onChange={(value) => toggleDashboardField?.(field.id, value)}\n            />\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <IconButton\n                  variant=\"ghost\"\n                  color=\"default\"\n                  size=\"lg\"\n                  icon={<EllipsisVerticalIcon />}\n                />\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"dm-sans\"\n                css={{\n                  minWidth: 180,\n                  zIndex: 10,\n                  \"& p\": { margin: \"0 !important\", padding: \"0 !important\" },\n                }}\n                sideOffset={4}\n                align=\"end\"\n              >\n                <DropdownMenuItem css={{ cursor: \"pointer\" }} onClick={handleEdit}>\n                  <Flex alignItems=\"center\" gap=\"$2\">\n                    <PencilIcon color=\"#6A6A6A\" size={20} />\n                    <Text size=\"sm\">{DASHBOARD_UI_STRINGS.EDIT}</Text>\n                  </Flex>\n                </DropdownMenuItem>\n                <DropdownMenuItem\n                  onClick={() => setIsDeleteModalOpen(true)}\n                  css={{ cursor: \"pointer\" }}\n                >\n                  <Flex alignItems=\"center\" gap=\"$2\">\n                    <DeleteIcon color=\"#6A6A6A\" size={20} />\n                    <Text size=\"sm\">{DASHBOARD_UI_STRINGS.DELETE}</Text>\n                  </Flex>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </Flex>\n        </Flex>\n\n        {isMappingDisplayed && (\n          <Box\n            css={{\n              borderInline: \"$borderWidths$xs solid $black400\",\n              maxHeight: 734,\n              height: \"100%\",\n              position: \"relative\",\n              overflow: \"auto\",\n              padding: \"$16 $36\",\n            }}\n          >\n            <SingleMappingEventWrapper isTrigger field={field} />\n            {(field.fields as any)?.filters?.length ? (\n              <>\n                <Flex flexDirection=\"column\" gap=\"$6\" css={{ paddingBlock: \"$8\" }}>\n                  <Text size=\"sm\" weight=\"bold\" css={{ textTransform: \"uppercase\" }}>\n                    {DASHBOARD_UI_STRINGS.CONDITION}\n                  </Text>\n                  {parse(transformDataToString(field.fields as any, fieldOptions))}\n                </Flex>\n                <Box css={{ marginBlock: \"$4\", height: \"1px\", background: \"$neutral100\" }} />\n              </>\n            ) : null}\n            {((field as any)?.triggerDetails?.variables as EventField[])?.filter?.(\n              (variable: EventField) => variable.isEnabled\n            )?.length ? (\n              <SingleMappingChipWrapper\n                heading={\n                  ((field as any)?.triggerDetails?.variables as EventField[])?.length > 1\n                    ? DASHBOARD_UI_STRINGS.PASSING_VARIABLES\n                    : DASHBOARD_UI_STRINGS.PASSING_VARIABLE\n                }\n                fields={(field as any).triggerDetails.variables}\n                backgroundColor=\"$positive100\"\n              />\n            ) : null}\n            <Flex flexDirection=\"column\" gap=\"$6\" css={{ paddingBlock: \"$8\" }}>\n              <Text size=\"sm\" weight=\"bold\">\n                {DASHBOARD_UI_STRINGS.SEND_SURVEY}\n              </Text>\n              <Flex alignItems=\"center\">\n                {(field as any)?.triggerDetails?.shareType?.value ? (\n                  <EventComponent\n                    heading={DASHBOARD_UI_STRINGS.SHARE_TYPE}\n                    description={(field as any)?.triggerDetails?.shareType?.label}\n                  />\n                ) : null}\n                {(field as any)?.triggerDetails?.shareRecipient?.value ? (\n                  <EventComponent\n                    heading={DASHBOARD_UI_STRINGS.RECIPIENT}\n                    hasBorder\n                    description={(field as any)?.triggerDetails?.shareRecipient?.label}\n                  />\n                ) : null}\n                {(field as any)?.triggerDetails?.shareChannel?.value ? (\n                  <EventComponent\n                    hasBorder\n                    heading={DASHBOARD_UI_STRINGS.SHARE_CHANNEL}\n                    description={(field as any)?.triggerDetails?.shareChannel?.label}\n                  />\n                ) : null}\n              </Flex>\n            </Flex>\n          </Box>\n        )}\n\n        {isMappingDisplayed && (\n          <Box\n            css={{\n              padding: \"$8 $32\",\n              border: \"$borderWidths$xs solid $black400\",\n              borderTop: \"$borderWidths$xs solid $neutral200\",\n              borderRadius: \"0 0 $2xl $2xl\",\n              height: \"100%\",\n            }}\n          >\n            <Button\n              size=\"sm\"\n              leftIcon={<PencilIcon />}\n              color=\"primary\"\n              variant=\"ghost\"\n              onClick={handleEdit}\n            >\n              {DASHBOARD_UI_STRINGS.EDIT_TRIGGER}\n            </Button>\n          </Box>\n        )}\n      </Flex>\n      {isDeleteModalOpen && (\n        <ConfirmationModal\n          name={DASHBOARD_UI_STRINGS.DELETE_TRIGGER_TITLE}\n          description={DASHBOARD_UI_STRINGS.DELETE_TRIGGER_MESSAGE}\n          onConfirm={() => deleteFieldHandler?.(field.id)}\n          onCancel={() => setIsDeleteModalOpen(false)}\n        />\n      )}\n    </>\n  );\n};\n\n"],"names":["useState","Flex","ChevronDownIcon","ChevronRightIcon","Text","DASHBOARD_UI_STRINGS","Chip","Box","Switch","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","DeleteIcon","SingleMappingEventWrapper","parse","transformDataToString","SingleMappingChipWrapper","EventComponent","Button","ConfirmationModal"],"mappings":"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"}

package/dist/cjs/integration-template/components/dashboard-constants.js

@@ -0,0 +1,92 @@
+'use strict';
+
+const DASHBOARD_UI_STRINGS = {
+  // Buttons
+  ADD_ACCOUNT: "Add Account",
+  NEW_MAPPING: "New Mapping",
+  ADD_NEW: "Add New",
+  EDIT: "Edit",
+  DELETE: "Delete",
+  SYNC: "Sync",
+  MORE: "More",
+  // Tabs
+  ALL: "All",
+  TRIGGER: "Trigger",
+  MAPPING: "Mapping",
+  // Headings
+  TRIGGER_HEADING: "Trigger",
+  MAPPING_HEADING: "Mapping",
+  // Descriptions
+  TRIGGER_DESCRIPTION: "Trigger the Survey when a record is created/updated",
+  // Tooltips
+  TRIGGER_LIMIT_REACHED: "You have reached the maximum limit for creating triggers",
+  MAPPING_LIMIT_REACHED: "You have reached the maximum limit for creating mappings",
+  TRIGGER_MAPPING_LIMIT_REACHED: "You have reached the maximum limit for creating triggers/mappings",
+  // Fallback messages
+  ZERO_ENTRIES: "Zero {type} Entries",
+  CREATE_MESSAGE: "Creating one is as easy as a breeze. Just a click away to get started.",
+  NEW_ITEM: "New {type}",
+  // Table headers
+  TYPE: "Type",
+  SURVEYSPARROW_FIELD: "SurveySparrow Field",
+  INTEGRATION_FIELD: "{integrationName} Field",
+  DEFAULT_VALUE: "Default Value",
+  // Section headings
+  CONDITION: "CONDITION",
+  EVENT: "Event",
+  SEND_SURVEY: "SEND SURVEY",
+  QUESTIONS: "Questions",
+  ENRICH: "Enrich",
+  VARIABLES: "Variables",
+  CONTACTS: "Contacts",
+  EXPRESSION: "Expression",
+  PROPERTY: "Property",
+  PASSING_VARIABLES: "PASSING VARIABLES TO SURVEY",
+  PASSING_VARIABLE: "PASSING VARIABLE TO SURVEY",
+  // Event labels
+  OBJECT: "Object:",
+  ACTION: "Action:",
+  ACCOUNT: "Account:",
+  SHEET: "Sheet:",
+  SHARE_TYPE: "Share Type:",
+  RECIPIENT: "Recipient:",
+  SHARE_CHANNEL: "Share Channel:",
+  // Modals
+  DELETE_TRIGGER_TITLE: "Delete Trigger?",
+  DELETE_TRIGGER_MESSAGE: "Are you sure you want to delete the trigger? This action cannot be undone.",
+  DELETE_MAPPING_TITLE: "Delete Mapping?",
+  DELETE_MAPPING_MESSAGE: "Are you sure you want to delete the mapping? This action cannot be undone.",
+  // Actions
+  EDIT_TRIGGER: "Edit Trigger",
+  EDIT_MAPPING: "Edit Mapping",
+  // Status
+  DRAFT: "DRAFT",
+  // Conditions
+  WHEN: "When",
+  OR_WHEN: "Or",
+  AND_WHEN: "And",
+  NO_PREFERENCE: "has no preference"
+};
+const getTriggerDescription = (integrationName, field) => {
+  var _a, _b;
+  const object = (_a = field == null ? void 0 : field.object) == null ? void 0 : _a.toLowerCase();
+  const action = Array.isArray(field == null ? void 0 : field.action) ? field.action.map((a) => a.toLowerCase()).join(" or ") : (_b = field == null ? void 0 : field.action) == null ? void 0 : _b.toLowerCase();
+  const article = /^[aeiouAEIOU]$/.test((object == null ? void 0 : object[0]) || "") ? "an" : "a";
+  return `Trigger survey when ${article} ${object} is ${action} in ${integrationName}`;
+};
+const transformToPastTense = (value) => {
+  if (!value)
+    return "";
+  if (value.endsWith("e")) {
+    return value + "d";
+  } else if (value.endsWith("y")) {
+    return value.slice(0, -1) + "ied";
+  } else {
+    return value + "ed";
+  }
+};
+
+exports.DASHBOARD_UI_STRINGS = DASHBOARD_UI_STRINGS;
+exports.getTriggerDescription = getTriggerDescription;
+exports.transformToPastTense = transformToPastTense;
+//# sourceMappingURL=dashboard-constants.js.map

package/dist/cjs/integration-template/components/dashboard-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-constants.js","sources":["../../../../src/integration-template/components/dashboard-constants.ts"],"sourcesContent":["/**\n * UI strings for Dashboard component\n * Centralized location for all user-facing text\n */\n\nexport const DASHBOARD_UI_STRINGS = {\n  // Buttons\n  ADD_ACCOUNT: \"Add Account\",\n  NEW_MAPPING: \"New Mapping\",\n  ADD_NEW: \"Add New\",\n  EDIT: \"Edit\",\n  DELETE: \"Delete\",\n  SYNC: \"Sync\",\n  MORE: \"More\",\n  \n  // Tabs\n  ALL: \"All\",\n  TRIGGER: \"Trigger\",\n  MAPPING: \"Mapping\",\n  \n  // Headings\n  TRIGGER_HEADING: \"Trigger\",\n  MAPPING_HEADING: \"Mapping\",\n  \n  // Descriptions\n  TRIGGER_DESCRIPTION: \"Trigger the Survey when a record is created/updated\",\n  \n  // Tooltips\n  TRIGGER_LIMIT_REACHED: \"You have reached the maximum limit for creating triggers\",\n  MAPPING_LIMIT_REACHED: \"You have reached the maximum limit for creating mappings\",\n  TRIGGER_MAPPING_LIMIT_REACHED: \"You have reached the maximum limit for creating triggers/mappings\",\n  \n  // Fallback messages\n  ZERO_ENTRIES: \"Zero {type} Entries\",\n  CREATE_MESSAGE: \"Creating one is as easy as a breeze. Just a click away to get started.\",\n  NEW_ITEM: \"New {type}\",\n  \n  // Table headers\n  TYPE: \"Type\",\n  SURVEYSPARROW_FIELD: \"SurveySparrow Field\",\n  INTEGRATION_FIELD: \"{integrationName} Field\",\n  DEFAULT_VALUE: \"Default Value\",\n  \n  // Section headings\n  CONDITION: \"CONDITION\",\n  EVENT: \"Event\",\n  SEND_SURVEY: \"SEND SURVEY\",\n  QUESTIONS: \"Questions\",\n  ENRICH: \"Enrich\",\n  VARIABLES: \"Variables\",\n  CONTACTS: \"Contacts\",\n  EXPRESSION: \"Expression\",\n  PROPERTY: \"Property\",\n  PASSING_VARIABLES: \"PASSING VARIABLES TO SURVEY\",\n  PASSING_VARIABLE: \"PASSING VARIABLE TO SURVEY\",\n  \n  // Event labels\n  OBJECT: \"Object:\",\n  ACTION: \"Action:\",\n  ACCOUNT: \"Account:\",\n  SHEET: \"Sheet:\",\n  SHARE_TYPE: \"Share Type:\",\n  RECIPIENT: \"Recipient:\",\n  SHARE_CHANNEL: \"Share Channel:\",\n  \n  // Modals\n  DELETE_TRIGGER_TITLE: \"Delete Trigger?\",\n  DELETE_TRIGGER_MESSAGE: \"Are you sure you want to delete the trigger? This action cannot be undone.\",\n  DELETE_MAPPING_TITLE: \"Delete Mapping?\",\n  DELETE_MAPPING_MESSAGE: \"Are you sure you want to delete the mapping? This action cannot be undone.\",\n  \n  // Actions\n  EDIT_TRIGGER: \"Edit Trigger\",\n  EDIT_MAPPING: \"Edit Mapping\",\n  \n  // Status\n  DRAFT: \"DRAFT\",\n  \n  // Conditions\n  WHEN: \"When\",\n  OR_WHEN: \"Or\",\n  AND_WHEN: \"And\",\n  NO_PREFERENCE: \"has no preference\",\n} as const;\n\n/**\n * Get mapping description\n */\nexport const getMappingDescription = (\n  integrationName: string,\n  field: any\n): string => {\n  if (field?.mappingDescription) {\n    return field.mappingDescription;\n  }\n  \n  const event = field?.mappingConfiguration?.events?.label?.toLowerCase();\n  const action = field?.mappingConfiguration?.action?.label?.toLowerCase();\n  const actionPastTense = transformToPastTense(action || \"\");\n  \n  return `Sync survey responses to ${integrationName} when ${event} is ${actionPastTense}`;\n};\n\n/**\n * Get trigger description\n */\nexport const getTriggerDescription = (\n  integrationName: string,\n  field: any\n): string => {\n  const object = field?.object?.toLowerCase();\n  const action = Array.isArray(field?.action)\n    ? field.action.map((a: any) => a.toLowerCase()).join(\" or \")\n    : field?.action?.toLowerCase();\n  \n  const article = /^[aeiouAEIOU]$/.test(object?.[0] || \"\") ? \"an\" : \"a\";\n  \n  return `Trigger survey when ${article} ${object} is ${action} in ${integrationName}`;\n};\n\n/**\n * Transform verb to past tense\n */\nexport const transformToPastTense = (value: string): string => {\n  if (!value) return \"\";\n  if (value.endsWith(\"e\")) {\n    return value + \"d\";\n  } else if (value.endsWith(\"y\")) {\n    return value.slice(0, -1) + \"ied\";\n  } else {\n    return value + \"ed\";\n  }\n};\n\n"],"names":[],"mappings":"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"}

package/dist/cjs/integration-template/components/dashboard-utils.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var index = require('../../commons/constants/index.js');
+
+const getDefaultFieldValue = (defaultValue) => {
+  var _a;
+  if (!defaultValue)
+    return "--";
+  switch (defaultValue == null ? void 0 : defaultValue.type) {
+    case "DATE_TIME":
+    case "STRING":
+      return (defaultValue == null ? void 0 : defaultValue.value) || "--";
+    default:
+      return ((_a = defaultValue == null ? void 0 : defaultValue.value) == null ? void 0 : _a.label) || "--";
+  }
+};
+const transformDataToString = (data, fieldOptions) => {
+  const filterConditions = data.filters.map((filterGroup) => {
+    var _a;
+    return (_a = filterGroup.filter.map((filter) => {
+      var _a2, _b, _c, _d;
+      const field = filter.field;
+      const comparator = filter.comparator;
+      const value = filter.value;
+      const formattedComparator = ((_a2 = index.operatorOptions.find((option) => option.value === comparator)) == null ? void 0 : _a2.label) || comparator;
+      const fieldLabel = (_d = (_c = (_b = fieldOptions.find((options) => options.value === field)) == null ? void 0 : _b.label) != null ? _c : field == null ? void 0 : field.label) != null ? _d : field;
+      return `${fieldLabel} ${formattedComparator === "NO_PREFERENCE" ? "has no preference" : formattedComparator} ${value}`;
+    })) == null ? void 0 : _a.join(
+      ` <span style="color: #6A6A6A;font-weight: 600;">${filterGroup.condition.toLowerCase()}</span> `
+    );
+  }).join(
+    `<br /> <span style="color: #6A6A6A;font-weight: 600;">${data.condition.toLowerCase() === "or" ? "Or" : "And"} When,</span> `
+  );
+  return `<p style="font-family: 'DM Sans'; font-size: 13.33px; font-weight: 400;line-height: 30px; color: #848484;"><span style="color: #6A6A6A;font-weight: 600;">When</span> ${filterConditions}</p>`;
+};
+
+exports.getDefaultFieldValue = getDefaultFieldValue;
+exports.transformDataToString = transformDataToString;
+//# sourceMappingURL=dashboard-utils.js.map

package/dist/cjs/integration-template/components/dashboard-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-utils.js","sources":["../../../../src/integration-template/components/dashboard-utils.ts"],"sourcesContent":["import { operatorOptions } from \"../../commons/constants\";\nimport { FieldOptionsType } from \"../../commons/types/enhanced\";\n\n/**\n * Get default field value based on type\n */\nexport const getDefaultFieldValue = (defaultValue: {\n  type: string;\n  value: unknown;\n}): string => {\n  if (!defaultValue) return \"--\";\n  \n  switch (defaultValue?.type) {\n    case \"DATE_TIME\":\n    case \"STRING\":\n      return (defaultValue?.value as string) || \"--\";\n    default:\n      return (defaultValue?.value as any)?.label || \"--\";\n  }\n};\n\n/**\n * Transform filter data to HTML string\n */\nexport const transformDataToString = (\n  data: any,\n  fieldOptions: FieldOptionsType\n): string => {\n  const filterConditions = (data.filters as Record<string, unknown>[])\n    .map((filterGroup: any) => {\n      return (filterGroup.filter as Record<string, unknown>[])\n        .map((filter: any) => {\n          const field = filter.field;\n          const comparator = filter.comparator;\n          const value = filter.value;\n          const formattedComparator =\n            operatorOptions.find((option) => option.value === comparator)\n              ?.label || comparator;\n          const fieldLabel =\n            fieldOptions.find((options: any) => options.value === field)\n              ?.label ??\n            field?.label ??\n            field;\n\n          return `${fieldLabel} ${\n            formattedComparator === \"NO_PREFERENCE\"\n              ? \"has no preference\"\n              : formattedComparator\n          } ${value}`;\n        })\n        ?.join(\n          ` <span style=\"color: #6A6A6A;font-weight: 600;\">${filterGroup.condition.toLowerCase()}</span> `\n        );\n    })\n    .join(\n      `<br /> <span style=\"color: #6A6A6A;font-weight: 600;\">${\n        data.condition.toLowerCase() === \"or\" ? \"Or\" : \"And\"\n      } When,</span> `\n    );\n\n  return `<p style=\"font-family: 'DM Sans'; font-size: 13.33px; font-weight: 400;line-height: 30px; color: #848484;\"><span style=\"color: #6A6A6A;font-weight: 600;\">When</span> ${filterConditions}</p>`;\n};\n\n"],"names":["_a","operatorOptions"],"mappings":";;;;AAMa,MAAA,oBAAA,GAAuB,CAAC,YAGvB,KAAA;AATd,EAAA,IAAA,EAAA,CAAA;AAUE,EAAA,IAAI,CAAC,YAAA;AAAc,IAAO,OAAA,IAAA,CAAA;AAE1B,EAAA,QAAQ,6CAAc,IAAM;AAAA,IAC1B,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,QAAA;AACH,MAAA,OAAA,CAAQ,6CAAc,KAAoB,KAAA,IAAA,CAAA;AAAA,IAC5C;AACE,MAAQ,OAAA,CAAA,CAAA,EAAA,GAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,KAAd,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA6B,KAAS,KAAA,IAAA,CAAA;AAAA,GAClD;AACF,EAAA;AAKa,MAAA,qBAAA,GAAwB,CACnC,IAAA,EACA,YACW,KAAA;AACX,EAAA,MAAM,gBAAoB,GAAA,IAAA,CAAK,OAC5B,CAAA,GAAA,CAAI,CAAC,WAAqB,KAAA;AA7B/B,IAAA,IAAA,EAAA,CAAA;AA8BM,IAAA,OAAA,CAAQ,EAAY,GAAA,WAAA,CAAA,MAAA,CACjB,GAAI,CAAA,CAAC,MAAgB,KAAA;AA/B9B,MAAA,IAAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAgCU,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,MAAM,aAAa,MAAO,CAAA,UAAA,CAAA;AAC1B,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,MAAM,mBACJA,GAAAA,CAAAA,CAAAA,GAAAA,GAAAC,qBAAgB,CAAA,IAAA,CAAK,CAAC,MAAA,KAAW,MAAO,CAAA,KAAA,KAAU,UAAU,CAAA,KAA5D,IAAAD,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CACI,KAAS,KAAA,UAAA,CAAA;AACf,MAAA,MAAM,UACJ,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,IAAK,CAAA,CAAC,YAAiB,OAAQ,CAAA,KAAA,KAAU,KAAK,CAAA,KAA3D,IACI,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KADJ,IAEA,GAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,UAFP,IAGA,GAAA,EAAA,GAAA,KAAA,CAAA;AAEF,MAAO,OAAA,CAAA,EAAG,UAAU,CAClB,CAAA,EAAA,mBAAA,KAAwB,kBACpB,mBACA,GAAA,mBACN,IAAI,KAAK,CAAA,CAAA,CAAA;AAAA,KACV,MAnBK,IAoBJ,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA;AAAA,MACA,CAAmD,gDAAA,EAAA,WAAA,CAAY,SAAU,CAAA,WAAA,EAAa,CAAA,QAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAE3F,CACA,CAAA,IAAA;AAAA,IACC,yDACE,IAAK,CAAA,SAAA,CAAU,aAAkB,KAAA,IAAA,GAAO,OAAO,KACjD,CAAA,cAAA,CAAA;AAAA,GACF,CAAA;AAEF,EAAA,OAAO,yKAAyK,gBAAgB,CAAA,IAAA,CAAA,CAAA;AAClM;;;;;"}