@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.18 → 2.1.0-notion-release.19

package/dist/cjs/mapping/components/mapping.js

@@ -1,18 +1,19 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../commons/constants/index.js');
-var index$2 = require('../constants/index.js');
-var index$1 = require('../services/index.js');
+var index$1 = require('../../commons/constants/index.js');
+var index$3 = require('../constants/index.js');
+var index$2 = require('../services/index.js');
 var importModal = require('../../commons/components/import-modal.js');
 var spinner = require('../../commons/components/spinner.js');
 var field = require('./field.js');
 var placeholderSpan = require('./placeholder-span.js');
+var index = require('../../commons/components/MappingCondtion/index.js');
 var v4 = require('../../node_modules/uuid/dist/esm-browser/v4.js');
 var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
-var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
 var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
 var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
 var plus = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js');
 var select = require('../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js');
@@ -39,6 +40,10 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const Mapping = ({
+  hasConditions,
+  mappingConditions,
+  setMappingConditions,
+  conditionData,
   havingTypeDropdown,
   integrationName,
   surveyId,
@@ -48,11 +53,12 @@ const Mapping = ({
   integrationFields,
   hasCustomMenuProperty,
   setIntegrationFields,
-  apiURL = index.surveySparrowURL,
+  apiURL = index$1.surveySparrowURL,
   token,
   surveyDetails,
   customList,
-  oldResponse
+  oldResponse,
+  conditionDescription
 }) => {
   const [ssMappingData, setSSMappingData] = React.useState({
     questions: [],
@@ -61,6 +67,7 @@ const Mapping = ({
     expressions: []
   });
   const [showCustomPropertyModal, setShowCustomPropertyModal] = React.useState(false);
+  React.useState();
   const [customPropertyField, setCustomPropertyField] = React.useState("");
   const [loader, setLoader] = React.useState(true);
   const essentialFields = fields == null ? void 0 : fields.filter((field) => field == null ? void 0 : field.isEssentialField);
@@ -106,10 +113,10 @@ const Mapping = ({
         });
       } else {
         const [questions, variables, contactProperties, expressions] = await Promise.all([
-          index$1.fetchSurveyQuestions(apiURL, surveyId, token != null ? token : ""),
-          index$1.fetchSurveyVariables(apiURL, surveyId, token != null ? token : ""),
-          index$1.fetchContactProperties(apiURL, token != null ? token : ""),
-          index$1.fetchSurveyExpression(apiURL, surveyId, token != null ? token : "")
+          index$2.fetchSurveyQuestions(apiURL, surveyId, token != null ? token : ""),
+          index$2.fetchSurveyVariables(apiURL, surveyId, token != null ? token : ""),
+          index$2.fetchContactProperties(apiURL, token != null ? token : ""),
+          index$2.fetchSurveyExpression(apiURL, surveyId, token != null ? token : "")
         ]);
         setSSMappingData({
           questions: questions || [],
@@ -119,7 +126,7 @@ const Mapping = ({
         });
       }
     } catch (error) {
-      console.error(index$2.MAPPING_ERROR_MESSAGES.FETCH_ERROR, error);
+      console.error(index$3.MAPPING_ERROR_MESSAGES.FETCH_ERROR, error);
       setSSMappingData({
         questions: [],
         contactProperties: [],
@@ -132,7 +139,7 @@ const Mapping = ({
   };
   React.useEffect(() => {
     setFields(
-      (fields == null ? void 0 : fields.length) === 0 ? [__spreadProps(__spreadValues({}, index$2.DEFAULT_FIELD_VALUE), { id: v4.default() })] : fields == null ? void 0 : fields.map((field) => __spreadProps(__spreadValues({}, field), { id: v4.default() }))
+      (fields == null ? void 0 : fields.length) === 0 ? [__spreadProps(__spreadValues({}, index$3.DEFAULT_FIELD_VALUE), { id: v4.default() })] : fields == null ? void 0 : fields.map((field) => __spreadProps(__spreadValues({}, field), { id: v4.default() }))
     );
     if (!!surveyId) {
       fetchInitialMappingData();
@@ -148,7 +155,22 @@ const Mapping = ({
       css: { height: "calc(100vh - 57px)" }
     },
     /* @__PURE__ */ React.createElement(spinner.default, null)
-  ) : /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: 1120, width: "100%", marginBlock: "$40" } }, /* @__PURE__ */ React.createElement(
+  ) : /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: 1120, width: "100%", marginBlock: "$40" } }, hasConditions ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", css: { marginBlock: "$8" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral500" } }, "Survey Name:"), /* @__PURE__ */ React.createElement(
+    text.Text,
+    {
+      size: "sm",
+      weight: "medium",
+      css: { color: "$neutral800" }
+    },
+    surveyDetails.surveyName
+  )), /* @__PURE__ */ React.createElement(
+    heading.Heading,
+    {
+      size: "h5",
+      css: { color: "$neutral900" }
+    },
+    `Map to ${integrationName}`
+  ), /* @__PURE__ */ React.createElement(flex.Flex, { gap: "$2", css: { marginTop: "$8" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral500" } }, conditionDescription), /* @__PURE__ */ React.createElement(index.default, { existingContions: mappingConditions, setExistingCondtions: setMappingConditions, conditionData: conditionData || [] }))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     heading.Heading,
     {
       size: "h5",
@@ -163,7 +185,7 @@ const Mapping = ({
       css: { color: "$neutral800" }
     },
     surveyDetails.surveyName
-  )), !!(essentialFields == null ? void 0 : essentialFields.length) && /* @__PURE__ */ React.createElement(
+  ))), !!(essentialFields == null ? void 0 : essentialFields.length) && /* @__PURE__ */ React.createElement(
     box.Box,
     {
       css: {
@@ -197,7 +219,6 @@ const Mapping = ({
         gap: "$20",
         css: { marginTop: "$12" }
       },
-      console.log(surveyDetails, "surveyDetails"),
       essentialFields == null ? void 0 : essentialFields.map((field$1, idx) => {
         var _a, _b;
         return /* @__PURE__ */ React.createElement(
@@ -259,7 +280,7 @@ const Mapping = ({
       css: { marginTop: "$10" },
       onClick: () => setFields([
         ...fields,
-        __spreadProps(__spreadValues({}, index$2.DEFAULT_FIELD_VALUE), {
+        __spreadProps(__spreadValues({}, index$3.DEFAULT_FIELD_VALUE), {
           id: v4.default()
         })
       ]),

package/dist/cjs/mapping/components/mapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping.js","sources":["../../../../src/mapping/components/mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useState, useMemo } from \"react\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { surveySparrowURL } from \"../../commons/constants\";\nimport { DEFAULT_FIELD_VALUE, MAPPING_ERROR_MESSAGES } from \"../constants\";\nimport { v4 as uuid } from \"uuid\";\nimport {\n  fetchContactProperties,\n  fetchSurveyQuestions,\n  fetchSurveyVariables,\n  fetchSurveyExpression,\n} from \"../services\";\nimport { MappingTypeProps, ssMappingDataResponse, FieldType, SelectOption, IntegrationFieldType } from \"../types\";\nimport { FormFieldValue, FieldChangeHandler } from \"../../commons/types/enhanced\";\nimport { UI_CONSTANTS, MAPPING_TYPES } from \"../../commons/constants/enhanced\";\nimport ImportModal from \"../../commons/components/import-modal\";\nimport  Spinner  from \"../../commons/components/spinner\";\nimport Field from \"./field\";\nimport PlaceholderSpan from \"./placeholder-span\";\n\n\nexport const Mapping: React.FC<MappingTypeProps> = ({\n  havingTypeDropdown,\n  integrationName,\n  surveyId,\n  surveyType,\n  fields,\n  setFields,\n  integrationFields,\n  hasCustomMenuProperty,\n  setIntegrationFields,\n  apiURL = surveySparrowURL,\n  token,\n  surveyDetails,\n  customList,\n  oldResponse,\n}) => {\n  const [ssMappingData, setSSMappingData] = useState<\n    ssMappingDataResponse<SelectOption>\n  >({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n  });\n  const [showCustomPropertyModal, setShowCustomPropertyModal] = useState(false);\n  const [customPropertyField, setCustomPropertyField] = useState<string>(\"\");\n  const [loader, setLoader] = useState<boolean>(true);\n  const essentialFields = fields?.filter((field) => field?.isEssentialField);\n  const commonFields = fields?.filter((field) => !field?.isEssentialField);\n\n  const customHandler = (field: FieldType | undefined, property: string, value: FormFieldValue): Array<IntegrationFieldType> => {\n    if (field?.dependency && typeof field.dependency === 'object' && 'length' in field.dependency) {\n      return (field.dependency as unknown) as Array<IntegrationFieldType>;\n    }\n    return [];\n  };\n\n  const handleFieldValue: FieldChangeHandler = (id: string | number, property: string, value: FormFieldValue) => {\n    let dependentField: Array<IntegrationFieldType> = [];\n    const targetField = fields.find((field) => field.id === id);\n    dependentField = customHandler(\n      targetField,\n      property,\n      value\n    );\n    let currentFields = [...fields, ...dependentField].filter(\n      (obj, index, self) =>\n        index ===\n        self.findIndex((o) => JSON.stringify(o) === JSON.stringify(obj))\n    );\n    setFields(\n      currentFields?.map((field) => {\n        if (field.id === id) {\n          return property === \"type\"\n            ? { ...field, surveySparrowField: null, mappedType: value, id: id.toString() }\n            : property === \"integrationFieldType\"\n              ? { ...field, defaultValue: null, [property]: value }\n              : { ...field, [property]: value };\n        } else {\n          return { ...field };\n        }\n      }) as FieldType[]\n    );\n  };\n\n  const hasRequiredProps = () =>\n    !!fields &&\n    !!setFields &&\n    !!integrationFields &&\n    !!setIntegrationFields && (!!token || Object.keys(surveyDetails?.surveyProperties ?? {})?.length > 0);\n\n  const fetchInitialMappingData = async (): Promise<void> => {\n    setLoader(true);\n    try {\n      if(Object.keys(surveyDetails?.surveyProperties ?? {})?.length > 0){\n        setSSMappingData({\n          questions: (surveyDetails?.surveyProperties?.questions as any) || [],\n          contactProperties: (surveyDetails?.surveyProperties?.contactProperties as any) || [],\n          variables: (surveyDetails?.surveyProperties?.variables as any) || [],\n          expressions: (surveyDetails?.surveyProperties?.expressions as any) || [],\n        });\n      } else {\n        const [questions, variables, contactProperties, expressions] =\n        await Promise.all([\n          fetchSurveyQuestions(apiURL, surveyId, token ?? \"\"),\n          fetchSurveyVariables(apiURL, surveyId, token ?? \"\"),\n          fetchContactProperties(apiURL, token ?? \"\"),\n          fetchSurveyExpression(apiURL, surveyId, token ?? \"\"),\n        ]);\n       setSSMappingData({\n        questions: (questions as any) || [],\n        contactProperties: (contactProperties as any) || [],\n        variables: (variables as any) || [],\n        expressions: (expressions as any) || [],\n      });\n      }\n\n    } catch (error) {\n      console.error(MAPPING_ERROR_MESSAGES.FETCH_ERROR, error);\n      setSSMappingData({\n        questions: [],\n        contactProperties: [],\n        variables: [],\n        expressions: [],\n      });\n    } finally {\n      setLoader(false);\n    }\n  };\n\n  const getEssentialFieldsNumber = (length: number): string => {\n    const numberMapping: Record<number, string> = {\n      1: \"one\",\n      2: \"two\",\n      3: \"three\",\n      4: \"four\",\n      5: \"five\",\n      6: \"six\",\n      7: \"seven\",\n      8: \"eight\",\n      9: \"nine\",\n      10: \"ten\",\n    };\n    return numberMapping[length] ?? \"These\";\n  };\n\n  useEffect(() => {\n    setFields(\n      fields?.length === 0\n        ? [{ ...DEFAULT_FIELD_VALUE, id: uuid() } as FieldType]\n        : fields?.map((field) => ({ ...field, id: uuid() })) as FieldType[]\n    );\n    if (!!surveyId) {\n      fetchInitialMappingData();\n    } else {\n      setLoader(false);\n    }\n  }, [token, surveyId]);\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {hasRequiredProps() ? (\n        <>\n          {loader ? (\n            <Flex\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              css={{ height: \"calc(100vh - 57px)\" }}\n            >\n              <Spinner />\n            </Flex>\n          ) : (\n            <Box css={{ maxWidth: 1120, width: \"100%\", marginBlock: \"$40\" }}>\n              <Heading\n                size=\"h5\"\n                css={{ color: \"$neutral900\" }}\n              >{`Map to ${integrationName}`}</Heading>\n              <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n                <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                  Survey Name:\n                </Text>\n                <Text\n                  size=\"sm\"\n                  weight={\"medium\"}\n                  css={{ color: \"$neutral800\" }}\n                >\n                  {surveyDetails.surveyName}\n                </Text>\n              </Flex>\n              {!!essentialFields?.length && (\n                <Box\n                  css={{\n                    width: \"100%\",\n                    paddingBlock: \"$12 $20\",\n                    borderBottom: \"$borderWidths$xs dashed $neutral200\",\n                    maxWidth: 1084,\n                  }}\n                >\n                  <Text\n                    size=\"md\"\n                    css={{\n                      color: \"$neutral500\",\n                      lineHeight: \"$md\",\n                      marginTop: \"$4\",\n                    }}\n                  >\n                    This connection requires{\" \"}\n                    <PlaceholderSpan color=\"$neutral600\">\n                      {essentialFields?.length}\n                    </PlaceholderSpan>\n                    <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>{\" \"}\n                    essential mappings\n                  </Text>\n                  <Flex\n                    flexDirection=\"column\"\n                    gap=\"$20\"\n                    css={{ marginTop: \"$12\" }}\n                  >\n                    {console.log(surveyDetails, \"surveyDetails\")}\n                    {essentialFields?.map((field, idx) => (\n                      <Field\n                        hasSurveyProperties={Object.keys(surveyDetails?.surveyProperties ?? {})?.length > 0}\n                        surveyType={surveyType}\n                        havingTypeDropdown={havingTypeDropdown}\n                        key={field.id}\n                        field={field}\n                        integrationName={integrationName}\n                        handleFieldValue={(id: string | number, property: string, value: FormFieldValue) =>\n                          handleFieldValue(id, property, value)\n                        }\n                        hasCustomMenuProperty={hasCustomMenuProperty}\n                        integrationFields={integrationFields}\n                        isBtnDisabled={commonFields.length === 1}\n                        isFirstField={idx === 0}\n                        ssMappingData={ssMappingData}\n                        showCustomPropertyModal={() => {\n                          setShowCustomPropertyModal(true);\n                        }}\n                      />\n                    ))}\n                  </Flex>\n                </Box>\n              )}\n              <Flex flexDirection=\"column\" gap=\"$16\" css={{ marginTop: \"$16\" }}>\n                {commonFields?.map((field, idx) => {\n                  return (\n                    <Field\n                      hasSurveyProperties={Object.keys(surveyDetails?.surveyProperties ?? {})?.length > 0}\n                      surveyType={surveyType}\n                      havingTypeDropdown={havingTypeDropdown}\n                      key={field.id}\n                      field={field}\n                      integrationName={integrationName}\n                      removeField={() => {\n                        setFields((prev) =>\n                          prev.filter(\n                            (currentField) => currentField.id !== field.id\n                          )\n                        );\n                      }}\n                      handleFieldValue={(id: string | number, property: string, value: FormFieldValue) =>\n                        handleFieldValue(id, property, value)\n                      }\n                      hasCustomMenuProperty={hasCustomMenuProperty}\n                      integrationFields={integrationFields}\n                      isBtnDisabled={false}\n                      isFirstField={idx === 0}\n                      ssMappingData={ssMappingData}\n                      showCustomPropertyModal={() => {\n                        setShowCustomPropertyModal(true);\n                      }}\n                    />\n                  );\n                })}\n              </Flex>\n              <Button\n                leftIcon={<PlusIcon />}\n                color=\"default\"\n                css={{ marginTop: \"$10\" }}\n                onClick={() =>\n                  setFields([\n                    ...fields,\n                    {\n                      ...DEFAULT_FIELD_VALUE,\n                      id: uuid(),\n                    } as FieldType,\n                  ])\n                }\n                size=\"md\"\n              >\n                New mapping field\n              </Button>\n              {customList?.hasCustomList && (\n                <Flex\n                  css={{ marginTop: \"$40\" }}\n                  flexDirection=\"column\"\n                  gap=\"$8\"\n                >\n                  <Flex flexDirection=\"column\" gap=\"$3\">\n                    <Heading size=\"h5\">Choose a List</Heading>\n                    <Text css={{ color: \"$neutral500\" }} size=\"sm\">\n                      Pick a list to save mapped fields; If not, they'll be\n                      saved under all profiles.\n                    </Text>\n                  </Flex>\n                  <Select\n                    css={{ maxWidth: 400, width: \"100%\" }}\n                    size=\"lg\"\n                    options={customList.options}\n                    value={customList.value}\n                    placeholder=\"\"\n                    onChange={(value: any) => customList.onChangeHandler(value)}\n                  />\n                </Flex>\n              )}\n              {/* Old Response */}\n              {oldResponse?.hasOldResponse && (\n                <Checkbox\n                  onChange={(value: any) => oldResponse.onChangeHandler(value)}\n                  css={{ marginBlock: \"$8\", cursor: \"pointer\" }}\n                  checked={oldResponse.value as boolean}\n                >\n                  <FormLabel size=\"sm\">Import Old Response</FormLabel>\n                </Checkbox>\n              )}\n              {showCustomPropertyModal && (\n                <ImportModal\n                  onCloseHandler={() => setShowCustomPropertyModal(false)}\n                  onInputHandler={(value: any) => setCustomPropertyField(value)}\n                  onSaveHandler={() => {\n                    setIntegrationFields &&\n                      setIntegrationFields((prev) => [\n                        ...prev,\n                        {\n                          id: customPropertyField,\n                          label: customPropertyField,\n                          value: customPropertyField,\n                          type: 'string',\n                        } as unknown as IntegrationFieldType,\n                      ]);\n                    setShowCustomPropertyModal(false);\n                  }}\n                />\n              )}\n            </Box>\n          )}\n        </>\n      ) : (\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          css={{ height: \"100%\" }}\n        >\n          <Heading size=\"h4\" weight=\"bold\">\n            Provide the needed props to import Mapping Template\n          </Heading>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],"names":["surveySparrowURL","useState","fetchSurveyQuestions","fetchSurveyVariables","fetchContactProperties","fetchSurveyExpression","MAPPING_ERROR_MESSAGES","useEffect","DEFAULT_FIELD_VALUE","uuid","Flex","Spinner","Box","Heading","Text","PlaceholderSpan","field","Field","Button","PlusIcon","Select","Checkbox","FormLabel","ImportModal"],"mappings":"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"}
+{"version":3,"file":"mapping.js","sources":["../../../../src/mapping/components/mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useState, useMemo } from \"react\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { surveySparrowURL } from \"../../commons/constants\";\nimport { DEFAULT_FIELD_VALUE, MAPPING_ERROR_MESSAGES } from \"../constants\";\nimport { v4 as uuid } from \"uuid\";\nimport {\n  fetchContactProperties,\n  fetchSurveyQuestions,\n  fetchSurveyVariables,\n  fetchSurveyExpression,\n} from \"../services\";\nimport { MappingTypeProps, ssMappingDataResponse, FieldType, SelectOption, IntegrationFieldType } from \"../types\";\nimport { FormFieldValue, FieldChangeHandler } from \"../../commons/types/enhanced\";\nimport { UI_CONSTANTS, MAPPING_TYPES } from \"../../commons/constants/enhanced\";\nimport ImportModal from \"../../commons/components/import-modal\";\nimport  Spinner  from \"../../commons/components/spinner\";\nimport Field from \"./field\";\nimport PlaceholderSpan from \"./placeholder-span\";\nimport MappingCondition from \"../../commons/components/MappingCondtion\";\n\n\nexport const Mapping: React.FC<MappingTypeProps> = ({\n  hasConditions,\n  mappingConditions,\n  setMappingConditions,\n  conditionData,\n  havingTypeDropdown,\n  integrationName,\n  surveyId,\n  surveyType,\n  fields,\n  setFields,\n  integrationFields,\n  hasCustomMenuProperty,\n  setIntegrationFields,\n  apiURL = surveySparrowURL,\n  token,\n  surveyDetails,\n  customList,\n  oldResponse,\n  conditionDescription,\n}) => {\n  const [ssMappingData, setSSMappingData] = useState<\n    ssMappingDataResponse<SelectOption>\n  >({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n  });\n  const [showCustomPropertyModal, setShowCustomPropertyModal] = useState(false);\n  const [existingContions , setExistingCondtions] = useState();\n  const [customPropertyField, setCustomPropertyField] = useState<string>(\"\");\n  const [loader, setLoader] = useState<boolean>(true);\n  const essentialFields = fields?.filter((field) => field?.isEssentialField);\n  const commonFields = fields?.filter((field) => !field?.isEssentialField);\n\n  const customHandler = (field: FieldType | undefined, property: string, value: FormFieldValue): Array<IntegrationFieldType> => {\n    if (field?.dependency && typeof field.dependency === 'object' && 'length' in field.dependency) {\n      return (field.dependency as unknown) as Array<IntegrationFieldType>;\n    }\n    return [];\n  };\n\n  const handleFieldValue: FieldChangeHandler = (id: string | number, property: string, value: FormFieldValue) => {\n    let dependentField: Array<IntegrationFieldType> = [];\n    const targetField = fields.find((field) => field.id === id);\n    dependentField = customHandler(\n      targetField,\n      property,\n      value\n    );\n    let currentFields = [...fields, ...dependentField].filter(\n      (obj, index, self) =>\n        index ===\n        self.findIndex((o) => JSON.stringify(o) === JSON.stringify(obj))\n    );\n    setFields(\n      currentFields?.map((field) => {\n        if (field.id === id) {\n          return property === \"type\"\n            ? { ...field, surveySparrowField: null, mappedType: value, id: id.toString() }\n            : property === \"integrationFieldType\"\n              ? { ...field, defaultValue: null, [property]: value }\n              : { ...field, [property]: value };\n        } else {\n          return { ...field };\n        }\n      }) as FieldType[]\n    );\n  };\n\n  const hasRequiredProps = () =>\n    !!fields &&\n    !!setFields &&\n    !!integrationFields &&\n    !!setIntegrationFields && (!!token || Object.keys(surveyDetails?.surveyProperties ?? {})?.length > 0);\n\n  const fetchInitialMappingData = async (): Promise<void> => {\n    setLoader(true);\n    try {\n      if(Object.keys(surveyDetails?.surveyProperties ?? {})?.length > 0){\n        setSSMappingData({\n          questions: (surveyDetails?.surveyProperties?.questions as any) || [],\n          contactProperties: (surveyDetails?.surveyProperties?.contactProperties as any) || [],\n          variables: (surveyDetails?.surveyProperties?.variables as any) || [],\n          expressions: (surveyDetails?.surveyProperties?.expressions as any) || [],\n        });\n      } else {\n        const [questions, variables, contactProperties, expressions] =\n        await Promise.all([\n          fetchSurveyQuestions(apiURL, surveyId, token ?? \"\"),\n          fetchSurveyVariables(apiURL, surveyId, token ?? \"\"),\n          fetchContactProperties(apiURL, token ?? \"\"),\n          fetchSurveyExpression(apiURL, surveyId, token ?? \"\"),\n        ]);\n       setSSMappingData({\n        questions: (questions as any) || [],\n        contactProperties: (contactProperties as any) || [],\n        variables: (variables as any) || [],\n        expressions: (expressions as any) || [],\n      });\n      }\n\n    } catch (error) {\n      console.error(MAPPING_ERROR_MESSAGES.FETCH_ERROR, error);\n      setSSMappingData({\n        questions: [],\n        contactProperties: [],\n        variables: [],\n        expressions: [],\n      });\n    } finally {\n      setLoader(false);\n    }\n  };\n\n  const getEssentialFieldsNumber = (length: number): string => {\n    const numberMapping: Record<number, string> = {\n      1: \"one\",\n      2: \"two\",\n      3: \"three\",\n      4: \"four\",\n      5: \"five\",\n      6: \"six\",\n      7: \"seven\",\n      8: \"eight\",\n      9: \"nine\",\n      10: \"ten\",\n    };\n    return numberMapping[length] ?? \"These\";\n  };\n\n  useEffect(() => {\n    setFields(\n      fields?.length === 0\n        ? [{ ...DEFAULT_FIELD_VALUE, id: uuid() } as FieldType]\n        : fields?.map((field) => ({ ...field, id: uuid() })) as FieldType[]\n    );\n    if (!!surveyId) {\n      fetchInitialMappingData();\n    } else {\n      setLoader(false);\n    }\n  }, [token, surveyId]);\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {hasRequiredProps() ? (\n        <>\n          {loader ? (\n            <Flex\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              css={{ height: \"calc(100vh - 57px)\" }}\n            >\n              <Spinner />\n            </Flex>\n          ) : (\n            <Box css={{ maxWidth: 1120, width: \"100%\", marginBlock: \"$40\" }}>\n              {hasConditions ? (\n                <>\n                  <Flex gap=\"$2\" css={{ marginBlock: \"$8\" }}>\n                    <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                      Survey Name:\n                    </Text>\n                    <Text\n                      size=\"sm\"\n                      weight={\"medium\"}\n                      css={{ color: \"$neutral800\" }}\n                    >\n                      {surveyDetails.surveyName}\n                    </Text>\n                  </Flex>\n                  <Heading\n                    size=\"h5\"\n                    css={{ color: \"$neutral900\" }}\n                  >{`Map to ${integrationName}`}</Heading>\n                  <Flex gap=\"$2\" css={{ marginTop: \"$8\" }}>\n                    <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                      {conditionDescription}\n                    </Text>\n                    <MappingCondition existingContions={mappingConditions} setExistingCondtions={setMappingConditions} conditionData={conditionData || []} />\n                  </Flex>\n                </>\n              ) : (\n                <>\n                  <Heading\n                    size=\"h5\"\n                    css={{ color: \"$neutral900\" }}\n                  >{`Map to ${integrationName}`}</Heading>\n                  <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n                    <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                      Survey Name:\n                    </Text>\n                    <Text\n                      size=\"sm\"\n                      weight={\"medium\"}\n                      css={{ color: \"$neutral800\" }}\n                    >\n                      {surveyDetails.surveyName}\n                    </Text>\n                  </Flex>\n                </>\n              )}\n\n              {!!essentialFields?.length && (\n                <Box\n                  css={{\n                    width: \"100%\",\n                    paddingBlock: \"$12 $20\",\n                    borderBottom: \"$borderWidths$xs dashed $neutral200\",\n                    maxWidth: 1084,\n                  }}\n                >\n                  <Text\n                    size=\"md\"\n                    css={{\n                      color: \"$neutral500\",\n                      lineHeight: \"$md\",\n                      marginTop: \"$4\",\n                    }}\n                  >\n                    This connection requires{\" \"}\n                    <PlaceholderSpan color=\"$neutral600\">\n                      {essentialFields?.length}\n                    </PlaceholderSpan>\n                    <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>{\" \"}\n                    essential mappings\n                  </Text>\n                  <Flex\n                    flexDirection=\"column\"\n                    gap=\"$20\"\n                    css={{ marginTop: \"$12\" }}\n                  >\n                    {essentialFields?.map((field, idx) => (\n                      <Field\n                        hasSurveyProperties={\n                          Object.keys(surveyDetails?.surveyProperties ?? {})\n                            ?.length > 0\n                        }\n                        surveyType={surveyType}\n                        havingTypeDropdown={havingTypeDropdown}\n                        key={field.id}\n                        field={field}\n                        integrationName={integrationName}\n                        handleFieldValue={(\n                          id: string | number,\n                          property: string,\n                          value: FormFieldValue\n                        ) => handleFieldValue(id, property, value)}\n                        hasCustomMenuProperty={hasCustomMenuProperty}\n                        integrationFields={integrationFields}\n                        isBtnDisabled={commonFields.length === 1}\n                        isFirstField={idx === 0}\n                        ssMappingData={ssMappingData}\n                        showCustomPropertyModal={() => {\n                          setShowCustomPropertyModal(true);\n                        }}\n                      />\n                    ))}\n                  </Flex>\n                </Box>\n              )}\n              <Flex flexDirection=\"column\" gap=\"$16\" css={{ marginTop: \"$16\" }}>\n                {commonFields?.map((field, idx) => {\n                  return (\n                    <Field\n                      hasSurveyProperties={\n                        Object.keys(surveyDetails?.surveyProperties ?? {})\n                          ?.length > 0\n                      }\n                      surveyType={surveyType}\n                      havingTypeDropdown={havingTypeDropdown}\n                      key={field.id}\n                      field={field}\n                      integrationName={integrationName}\n                      removeField={() => {\n                        setFields((prev) =>\n                          prev.filter(\n                            (currentField) => currentField.id !== field.id\n                          )\n                        );\n                      }}\n                      handleFieldValue={(\n                        id: string | number,\n                        property: string,\n                        value: FormFieldValue\n                      ) => handleFieldValue(id, property, value)}\n                      hasCustomMenuProperty={hasCustomMenuProperty}\n                      integrationFields={integrationFields}\n                      isBtnDisabled={false}\n                      isFirstField={idx === 0}\n                      ssMappingData={ssMappingData}\n                      showCustomPropertyModal={() => {\n                        setShowCustomPropertyModal(true);\n                      }}\n                    />\n                  );\n                })}\n              </Flex>\n              <Button\n                leftIcon={<PlusIcon />}\n                color=\"default\"\n                css={{ marginTop: \"$10\" }}\n                onClick={() =>\n                  setFields([\n                    ...fields,\n                    {\n                      ...DEFAULT_FIELD_VALUE,\n                      id: uuid(),\n                    } as FieldType,\n                  ])\n                }\n                size=\"md\"\n              >\n                New mapping field\n              </Button>\n              {customList?.hasCustomList && (\n                <Flex\n                  css={{ marginTop: \"$40\" }}\n                  flexDirection=\"column\"\n                  gap=\"$8\"\n                >\n                  <Flex flexDirection=\"column\" gap=\"$3\">\n                    <Heading size=\"h5\">Choose a List</Heading>\n                    <Text css={{ color: \"$neutral500\" }} size=\"sm\">\n                      Pick a list to save mapped fields; If not, they'll be\n                      saved under all profiles.\n                    </Text>\n                  </Flex>\n                  <Select\n                    css={{ maxWidth: 400, width: \"100%\" }}\n                    size=\"lg\"\n                    options={customList.options}\n                    value={customList.value}\n                    placeholder=\"\"\n                    onChange={(value: any) => customList.onChangeHandler(value)}\n                  />\n                </Flex>\n              )}\n              {/* Old Response */}\n              {oldResponse?.hasOldResponse && (\n                <Checkbox\n                  onChange={(value: any) => oldResponse.onChangeHandler(value)}\n                  css={{ marginBlock: \"$8\", cursor: \"pointer\" }}\n                  checked={oldResponse.value as boolean}\n                >\n                  <FormLabel size=\"sm\">Import Old Response</FormLabel>\n                </Checkbox>\n              )}\n              {showCustomPropertyModal && (\n                <ImportModal\n                  onCloseHandler={() => setShowCustomPropertyModal(false)}\n                  onInputHandler={(value: any) => setCustomPropertyField(value)}\n                  onSaveHandler={() => {\n                    setIntegrationFields &&\n                      setIntegrationFields((prev) => [\n                        ...prev,\n                        {\n                          id: customPropertyField,\n                          label: customPropertyField,\n                          value: customPropertyField,\n                          type: \"string\",\n                        } as unknown as IntegrationFieldType,\n                      ]);\n                    setShowCustomPropertyModal(false);\n                  }}\n                />\n              )}\n            </Box>\n          )}\n        </>\n      ) : (\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          css={{ height: \"100%\" }}\n        >\n          <Heading size=\"h4\" weight=\"bold\">\n            Provide the needed props to import Mapping Template\n          </Heading>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],"names":["surveySparrowURL","useState","fetchSurveyQuestions","fetchSurveyVariables","fetchContactProperties","fetchSurveyExpression","MAPPING_ERROR_MESSAGES","useEffect","DEFAULT_FIELD_VALUE","uuid","Flex","Spinner","Box","Text","Heading","MappingCondition","PlaceholderSpan","field","Field","Button","PlusIcon","Select","Checkbox","FormLabel","ImportModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,UAAsC,CAAC;AAAA,EAClD,aAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,qBAAA;AAAA,EACA,oBAAA;AAAA,EACA,MAAS,GAAAA,wBAAA;AAAA,EACT,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,cAExC,CAAA;AAAA,IACA,WAAW,EAAC;AAAA,IACZ,WAAW,EAAC;AAAA,IACZ,mBAAmB,EAAC;AAAA,IACpB,aAAa,EAAC;AAAA,GACf,CAAA,CAAA;AACD,EAAA,MAAM,CAAC,uBAAA,EAAyB,0BAA0B,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC5E,EAAkDA,cAAS,GAAA;AAC3D,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAIA,eAAiB,EAAE,CAAA,CAAA;AACzE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAkB,IAAI,CAAA,CAAA;AAClD,EAAA,MAAM,eAAkB,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,MAAO,CAAA,CAAC,UAAU,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,gBAAA,CAAA,CAAA;AACzD,EAAA,MAAM,eAAe,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,MAAA,CAAO,CAAC,KAAA,KAAU,EAAC,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,gBAAA,CAAA,CAAA,CAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,CAAC,KAA8B,EAAA,QAAA,EAAkB,KAAuD,KAAA;AAC5H,IAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,eAAc,OAAO,KAAA,CAAM,eAAe,QAAY,IAAA,QAAA,IAAY,MAAM,UAAY,EAAA;AAC7F,MAAA,OAAQ,KAAM,CAAA,UAAA,CAAA;AAAA,KAChB;AACA,IAAA,OAAO,EAAC,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,gBAAuC,GAAA,CAAC,EAAqB,EAAA,QAAA,EAAkB,KAA0B,KAAA;AAC7G,IAAA,IAAI,iBAA8C,EAAC,CAAA;AACnD,IAAA,MAAM,cAAc,MAAO,CAAA,IAAA,CAAK,CAAC,KAAU,KAAA,KAAA,CAAM,OAAO,EAAE,CAAA,CAAA;AAC1D,IAAiB,cAAA,GAAA,aAAA;AAAA,MACf,WAGF,CAAA,CAAA;AACA,IAAA,IAAI,gBAAgB,CAAC,GAAG,MAAQ,EAAA,GAAG,cAAc,CAAE,CAAA,MAAA;AAAA,MACjD,CAAC,GAAK,EAAA,KAAA,EAAO,IACX,KAAA,KAAA,KACA,KAAK,SAAU,CAAA,CAAC,CAAM,KAAA,IAAA,CAAK,UAAU,CAAC,CAAA,KAAM,IAAK,CAAA,SAAA,CAAU,GAAG,CAAC,CAAA;AAAA,KACnE,CAAA;AACA,IAAA,SAAA;AAAA,MACE,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,GAAI,CAAA,CAAC,KAAU,KAAA;AAC5B,QAAI,IAAA,KAAA,CAAM,OAAO,EAAI,EAAA;AACnB,UAAA,OAAO,QAAa,KAAA,MAAA,GAChB,aAAK,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAL,EAAY,kBAAoB,EAAA,IAAA,EAAM,UAAY,EAAA,KAAA,EAAO,EAAI,EAAA,EAAA,CAAG,QAAS,EAAA,MACzE,QAAa,KAAA,sBAAA,GACX,aAAK,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAL,EAAY,YAAA,EAAc,IAAM,EAAA,CAAC,QAAQ,GAAG,KAAA,EAC5C,CAAA,GAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAL,CAAA,EAAA,EAAY,CAAC,QAAQ,GAAG,KAAM,EAAA,CAAA,CAAA;AAAA,SAC/B,MAAA;AACL,UAAA,OAAO,cAAK,CAAA,EAAA,EAAA,KAAA,CAAA,CAAA;AAAA,SACd;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAG;AAtG9B,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAuGI,IAAC,OAAA,CAAA,CAAC,UACF,CAAC,CAAC,aACF,CAAC,CAAC,iBACF,IAAA,CAAC,CAAC,oBAAA,KAAyB,CAAC,CAAC,KAAA,IAAA,CAAA,CAAS,EAAO,GAAA,MAAA,CAAA,IAAA,CAAA,CAAK,EAAe,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,gBAAA,KAAf,YAAmC,EAAE,CAAjD,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAoD,MAAS,IAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAErG,EAAA,MAAM,0BAA0B,YAA2B;AA5G7D,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA6GI,IAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AACd,IAAI,IAAA;AACF,MAAG,IAAA,CAAA,CAAA,EAAA,GAAA,MAAA,CAAO,IAAK,CAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,gBAAf,KAAA,IAAA,GAAA,EAAA,GAAmC,EAAE,CAAA,KAAjD,IAAoD,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,IAAS,CAAE,EAAA;AAChE,QAAiB,gBAAA,CAAA;AAAA,UACf,SAAY,EAAA,CAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,gBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAiC,cAAqB,EAAC;AAAA,UACnE,iBAAoB,EAAA,CAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,gBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAiC,sBAA6B,EAAC;AAAA,UACnF,SAAY,EAAA,CAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,gBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAiC,cAAqB,EAAC;AAAA,UACnE,WAAc,EAAA,CAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,gBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAiC,gBAAuB,EAAC;AAAA,SACxE,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAM,MAAA,CAAC,WAAW,SAAW,EAAA,iBAAA,EAAmB,WAAW,CAC3D,GAAA,MAAM,QAAQ,GAAI,CAAA;AAAA,UAChBC,4BAAqB,CAAA,MAAA,EAAQ,QAAU,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,EAAE,CAAA;AAAA,UAClDC,4BAAqB,CAAA,MAAA,EAAQ,QAAU,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,EAAE,CAAA;AAAA,UAClDC,8BAAA,CAAuB,MAAQ,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,EAAE,CAAA;AAAA,UAC1CC,6BAAsB,CAAA,MAAA,EAAQ,QAAU,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAS,EAAE,CAAA;AAAA,SACpD,CAAA,CAAA;AACF,QAAiB,gBAAA,CAAA;AAAA,UAChB,SAAA,EAAY,aAAqB,EAAC;AAAA,UAClC,iBAAA,EAAoB,qBAA6B,EAAC;AAAA,UAClD,SAAA,EAAY,aAAqB,EAAC;AAAA,UAClC,WAAA,EAAc,eAAuB,EAAC;AAAA,SACvC,CAAA,CAAA;AAAA,OACD;AAAA,aAEO,KAAO,EAAA;AACd,MAAQ,OAAA,CAAA,KAAA,CAAMC,8BAAuB,CAAA,WAAA,EAAa,KAAK,CAAA,CAAA;AACvD,MAAiB,gBAAA,CAAA;AAAA,QACf,WAAW,EAAC;AAAA,QACZ,mBAAmB,EAAC;AAAA,QACpB,WAAW,EAAC;AAAA,QACZ,aAAa,EAAC;AAAA,OACf,CAAA,CAAA;AAAA,KACD,SAAA;AACA,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAkBA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,SAAA;AAAA,MACE,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,YAAW,CACf,GAAA,CAAC,iCAAKC,2BAAL,CAAA,EAAA,EAA0B,IAAIC,UAAK,EAAA,GAAgB,CACpD,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,IAAI,CAAC,KAAA,KAAW,iCAAK,KAAL,CAAA,EAAA,EAAY,EAAI,EAAAA,UAAA,EAAO,EAAA,CAAA,CAAA;AAAA,KACrD,CAAA;AACA,IAAI,IAAA,CAAC,CAAC,QAAU,EAAA;AACd,MAAwB,uBAAA,EAAA,CAAA;AAAA,KACnB,MAAA;AACL,MAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,GACC,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEpB,EACE,uBAAA,KAAA,CAAA,aAAA,CAACC,aAAK,UAAW,EAAA,QAAA,EAAS,gBAAe,QACtC,EAAA,EAAA,gBAAA,EACC,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,MACC,mBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,GAAA,EAAK,EAAE,MAAA,EAAQ,oBAAqB,EAAA;AAAA,KAAA;AAAA,wCAEnCC,eAAQ,EAAA,IAAA,CAAA;AAAA,GAGX,mBAAA,KAAA,CAAA,aAAA,CAACC,OAAI,EAAA,EAAA,GAAA,EAAK,EAAE,QAAU,EAAA,IAAA,EAAM,KAAO,EAAA,MAAA,EAAQ,WAAa,EAAA,KAAA,EACrD,EAAA,EAAA,aAAA,6EAEI,KAAA,CAAA,aAAA,CAAAF,SAAA,EAAA,EAAK,GAAI,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,WAAa,EAAA,IAAA,sBAChC,KAAA,CAAA,aAAA,CAAAG,SAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EAAG,cAE/C,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,MAAQ,EAAA,QAAA;AAAA,MACR,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA;AAAA,KAAA;AAAA,IAE3B,aAAc,CAAA,UAAA;AAAA,GAEnB,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA;AAAA,KAAA;AAAA,IAC5B,UAAU,eAAe,CAAA,CAAA;AAAA,GAC3B,kBAAA,KAAA,CAAA,aAAA,CAACJ,SAAK,EAAA,EAAA,GAAA,EAAI,MAAK,GAAK,EAAA,EAAE,SAAW,EAAA,IAAA,sBAC9B,KAAA,CAAA,aAAA,CAAAG,SAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,KAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EACzC,oBACH,CAAA,kBACC,KAAA,CAAA,aAAA,CAAAE,aAAA,EAAA,EAAiB,kBAAkB,iBAAmB,EAAA,oBAAA,EAAsB,oBAAsB,EAAA,aAAA,EAAe,iBAAiB,EAAC,EAAG,CACzI,CACF,oBAGE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACD,eAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA;AAAA,KAAA;AAAA,IAC5B,UAAU,eAAe,CAAA,CAAA;AAAA,GAAG,sCAC7BJ,SAAK,EAAA,EAAA,GAAA,EAAI,MAAK,GAAK,EAAA,EAAE,WAAW,IAAK,EAAA,EAAA,sCACnCG,SAAK,EAAA,EAAA,IAAA,EAAK,MAAK,GAAK,EAAA,EAAE,OAAO,aAAc,EAAA,EAAA,EAAG,cAE/C,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,MAAQ,EAAA,QAAA;AAAA,MACR,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA;AAAA,KAAA;AAAA,IAE3B,aAAc,CAAA,UAAA;AAAA,GAEnB,CACF,CAAA,EAGD,CAAC,EAAC,mDAAiB,MAClB,CAAA,oBAAA,KAAA,CAAA,aAAA;AAAA,IAACD,OAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,YAAc,EAAA,SAAA;AAAA,QACd,YAAc,EAAA,qCAAA;AAAA,QACd,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,aAAA;AAAA,UACP,UAAY,EAAA,KAAA;AAAA,UACZ,SAAW,EAAA,IAAA;AAAA,SACb;AAAA,OAAA;AAAA,MACD,0BAAA;AAAA,MAC0B,GAAA;AAAA,sBACxB,KAAA,CAAA,aAAA,CAAAG,uBAAA,EAAA,EAAgB,KAAM,EAAA,aAAA,EAAA,EACpB,mDAAiB,MACpB,CAAA;AAAA,sBACC,KAAA,CAAA,aAAA,CAAAA,uBAAA,EAAA,EAAgB,KAAM,EAAA,cAAA,EAAA,EAAe,GAAC,CAAA;AAAA,MAAmB,GAAA;AAAA,MAAI,oBAAA;AAAA,KAEhE;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAACN,SAAA;AAAA,MAAA;AAAA,QACC,aAAc,EAAA,QAAA;AAAA,QACd,GAAI,EAAA,KAAA;AAAA,QACJ,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,OAAA;AAAA,MAEvB,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAI,CAACO,OAAA,EAAO,GAAK,KAAA;AAzQvD,QAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA0QsB,QAAA,uBAAA,KAAA,CAAA,aAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,mBAAA,EAAA,CAAA,CACE,EAAO,GAAA,MAAA,CAAA,IAAA,CAAA,CAAK,EAAe,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,gBAAA,KAAf,YAAmC,EAAE,CAAjD,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CACI,MAAS,IAAA,CAAA;AAAA,YAEf,UAAA;AAAA,YACA,kBAAA;AAAA,YACA,KAAKD,OAAM,CAAA,EAAA;AAAA,mBACXA,OAAA;AAAA,YACA,eAAA;AAAA,YACA,gBAAA,EAAkB,CAChB,EACA,EAAA,QAAA,EACA,UACG,gBAAiB,CAAA,EAAA,EAAI,UAAU,KAAK,CAAA;AAAA,YACzC,qBAAA;AAAA,YACA,iBAAA;AAAA,YACA,aAAA,EAAe,aAAa,MAAW,KAAA,CAAA;AAAA,YACvC,cAAc,GAAQ,KAAA,CAAA;AAAA,YACtB,aAAA;AAAA,YACA,yBAAyB,MAAM;AAC7B,cAAA,0BAAA,CAA2B,IAAI,CAAA,CAAA;AAAA,aACjC;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,OAAA,CAAA;AAAA,KAEJ;AAAA,qBAGH,KAAA,CAAA,aAAA,CAAAP,SAAA,EAAA,EAAK,aAAc,EAAA,QAAA,EAAS,KAAI,KAAM,EAAA,GAAA,EAAK,EAAE,SAAA,EAAW,OACtD,EAAA,EAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAc,GAAI,CAAA,CAACO,SAAO,GAAQ,KAAA;AAvSnD,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAwSkB,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,mBAAA,EAAA,CAAA,CACE,EAAO,GAAA,MAAA,CAAA,IAAA,CAAA,CAAK,EAAe,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,gBAAA,KAAf,YAAmC,EAAE,CAAjD,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CACI,MAAS,IAAA,CAAA;AAAA,QAEf,UAAA;AAAA,QACA,kBAAA;AAAA,QACA,KAAKD,OAAM,CAAA,EAAA;AAAA,eACXA,OAAA;AAAA,QACA,eAAA;AAAA,QACA,aAAa,MAAM;AACjB,UAAA,SAAA;AAAA,YAAU,CAAC,SACT,IAAK,CAAA,MAAA;AAAA,cACH,CAAC,YAAA,KAAiB,YAAa,CAAA,EAAA,KAAOA,OAAM,CAAA,EAAA;AAAA,aAC9C;AAAA,WACF,CAAA;AAAA,SACF;AAAA,QACA,gBAAA,EAAkB,CAChB,EACA,EAAA,QAAA,EACA,UACG,gBAAiB,CAAA,EAAA,EAAI,UAAU,KAAK,CAAA;AAAA,QACzC,qBAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAe,EAAA,KAAA;AAAA,QACf,cAAc,GAAQ,KAAA,CAAA;AAAA,QACtB,aAAA;AAAA,QACA,yBAAyB,MAAM;AAC7B,UAAA,0BAAA,CAA2B,IAAI,CAAA,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,IAGN,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACE,aAAA;AAAA,IAAA;AAAA,MACC,QAAA,sCAAWC,aAAS,EAAA,IAAA,CAAA;AAAA,MACpB,KAAM,EAAA,SAAA;AAAA,MACN,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,MACxB,OAAA,EAAS,MACP,SAAU,CAAA;AAAA,QACR,GAAG,MAAA;AAAA,QACH,iCACKZ,2BADL,CAAA,EAAA;AAAA,UAEE,IAAIC,UAAK,EAAA;AAAA,SACX,CAAA;AAAA,OACD,CAAA;AAAA,MAEH,IAAK,EAAA,IAAA;AAAA,KAAA;AAAA,IACN,mBAAA;AAAA,GAED,EAAA,CACC,yCAAY,aACX,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,MACxB,aAAc,EAAA,QAAA;AAAA,MACd,GAAI,EAAA,IAAA;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA,CAACA,aAAK,aAAc,EAAA,QAAA,EAAS,KAAI,IAC/B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACI,eAAQ,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,EAAA,eAAa,mBAC/B,KAAA,CAAA,aAAA,CAAAD,SAAA,EAAA,EAAK,KAAK,EAAE,KAAA,EAAO,eAAiB,EAAA,IAAA,EAAK,IAAK,EAAA,EAAA,iFAG/C,CACF,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAACQ,aAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,EAAE,QAAU,EAAA,GAAA,EAAK,OAAO,MAAO,EAAA;AAAA,QACpC,IAAK,EAAA,IAAA;AAAA,QACL,SAAS,UAAW,CAAA,OAAA;AAAA,QACpB,OAAO,UAAW,CAAA,KAAA;AAAA,QAClB,WAAY,EAAA,EAAA;AAAA,QACZ,QAAU,EAAA,CAAC,KAAe,KAAA,UAAA,CAAW,gBAAgB,KAAK,CAAA;AAAA,OAAA;AAAA,KAC5D;AAAA,GACF,EAAA,CAGD,2CAAa,cACZ,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,CAAC,KAAe,KAAA,WAAA,CAAY,gBAAgB,KAAK,CAAA;AAAA,MAC3D,GAAK,EAAA,EAAE,WAAa,EAAA,IAAA,EAAM,QAAQ,SAAU,EAAA;AAAA,MAC5C,SAAS,WAAY,CAAA,KAAA;AAAA,KAAA;AAAA,oBAEpB,KAAA,CAAA,aAAA,CAAAC,mBAAA,EAAA,EAAU,IAAK,EAAA,IAAA,EAAA,EAAK,qBAAmB,CAAA;AAAA,KAG3C,uBACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB,MAAM,0BAAA,CAA2B,KAAK,CAAA;AAAA,MACtD,cAAgB,EAAA,CAAC,KAAe,KAAA,sBAAA,CAAuB,KAAK,CAAA;AAAA,MAC5D,eAAe,MAAM;AACnB,QACE,oBAAA,IAAA,oBAAA,CAAqB,CAAC,IAAS,KAAA;AAAA,UAC7B,GAAG,IAAA;AAAA,UACH;AAAA,YACE,EAAI,EAAA,mBAAA;AAAA,YACJ,KAAO,EAAA,mBAAA;AAAA,YACP,KAAO,EAAA,mBAAA;AAAA,YACP,IAAM,EAAA,QAAA;AAAA,WACR;AAAA,SACD,CAAA,CAAA;AACH,QAAA,0BAAA,CAA2B,KAAK,CAAA,CAAA;AAAA,OAClC;AAAA,KAAA;AAAA,GAGN,CAEJ,CAEA,mBAAA,KAAA,CAAA,aAAA;AAAA,IAACd,SAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,GAAA,EAAK,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,wCAErBI,eAAQ,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,MAAA,EAAO,UAAO,qDAEjC,CAAA;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js

@@ -200,6 +200,7 @@ stitches_config.styled(index.Description, {
   lineHeight: "$xxs"
 });
 const Dialog = DialogRoot;
+const DialogTrigger = index.Trigger;
 const DialogContent = Content;
 const DialogHeader = Header;
 const DialogTitle = StyledTitle;
@@ -214,4 +215,5 @@ exports.DialogContent = DialogContent;
 exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
 exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
 //# sourceMappingURL=dialog.js.map

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { Overlay, Content as Content$1, Title, Description, Trigger, Close, Portal, Root } from '../node_modules/@radix-ui/react-dialog/dist/index.js';\nimport { prefixClassName } from '../utils/prefix-class-name.js';\nimport { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';\nimport { keyframes, styled } from '../stitches.config.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst overlayShow = keyframes({\n  \"0%\": { opacity: 0 },\n  \"100%\": { opacity: 1 }\n});\nconst contentShow = keyframes({\n  \"0%\": { opacity: 0, transform: \"translate(-50%, -48%) scale(.96)\" },\n  \"100%\": { opacity: 1, transform: \"translate(-50%, -50%) scale(1)\" }\n});\nconst DialogContext = createContext({\n  size: \"md\",\n  scrollBehavior: \"auto\"\n});\nconst DialogProvider = ({\n  children,\n  size,\n  scrollBehavior\n}) => {\n  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { size, scrollBehavior }, children });\n};\nconst StyledOverlay = styled(Overlay, {\n  backgroundColor: \"$black700\",\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 999,\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n  }\n});\nconst StyledContent = styled(Content$1, {\n  backgroundColor: \"$white900\",\n  borderRadius: \"$2xl\",\n  boxShadow: \"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px\",\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  maxHeight: \"80vh\",\n  maxWidth: \"95vw\",\n  zIndex: 999,\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n  },\n  \"&:focus\": { outline: \"none\" },\n  variants: {\n    size: {\n      full: {\n        width: \"100vw\",\n        height: \"100vh\",\n        // overriding default maxHeight and maxWidth\n        maxHeight: \"100vh\",\n        maxWidth: \"100vw\"\n      },\n      xl: {\n        width: \"1346px\"\n      },\n      lg: {\n        width: \"980px\"\n      },\n      md: {\n        width: \"600px\"\n      },\n      sm: {\n        width: \"464px\"\n      }\n    },\n    scrollBehavior: {\n      auto: {\n        overflowY: \"auto\"\n      },\n      scroll: {\n        overflowY: \"scroll\"\n      },\n      hidden: {\n        overflowY: \"hidden\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"md\",\n    scrollBehavior: \"auto\"\n  }\n});\nconst Content = (_a) => {\n  var _b = _a, {\n    children,\n    portalContainer,\n    overlayClassName\n  } = _b, props = __objRest(_b, [\n    \"children\",\n    \"portalContainer\",\n    \"overlayClassName\"\n  ]);\n  const dialogContext = useContext(DialogContext);\n  return /* @__PURE__ */ jsxs(Portal, { container: portalContainer, children: [\n    /* @__PURE__ */ jsx(StyledOverlay, { className: clsx(prefixClassName(\"dialog__overlay\"), overlayClassName) }),\n    /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, dialogContext), props), { children }))\n  ] });\n};\nconst DialogRoot = (_c) => {\n  var _d = _c, {\n    children,\n    size = \"md\",\n    scrollBehavior = \"auto\"\n  } = _d, props = __objRest(_d, [\n    \"children\",\n    \"size\",\n    \"scrollBehavior\"\n  ]);\n  return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });\n};\nconst StyledHeader = styled(\"header\", {\n  minHeight: \"$18\",\n  padding: \"$8 $12\",\n  borderBottom: \"$borderWidths$xs solid $colors$neutral200\"\n});\nconst Header = (_e) => {\n  var _f = _e, { children } = _f, props = __objRest(_f, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledHeader, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledBody = styled(\"div\", {\n  padding: \"$8 $12\"\n});\nconst Body = (_g) => {\n  var _h = _g, { children } = _h, props = __objRest(_h, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledBody, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledFooter = styled(\"footer\", {\n  height: \"$18\",\n  padding: \"$8 $12\"\n});\nconst Footer = (_i) => {\n  var _j = _i, { children } = _j, props = __objRest(_j, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledFooter, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledTitle = styled(Title, {\n  margin: 0,\n  fontWeight: \"$7\",\n  fontSize: \"$lg\",\n  color: \"$neutral900\",\n  variants: {\n    size: {\n      md: {\n        fontSize: \"$md\",\n        lineHeight: \"$md\"\n      },\n      lg: {\n        fontSize: \"$lg\",\n        lineHeight: \"$lg\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"lg\"\n  }\n});\nconst StyledDescription = styled(Description, {\n  margin: 0,\n  color: \"$neutral700\",\n  fontSize: \"$xs\",\n  lineHeight: \"$xxs\"\n});\nconst Dialog = DialogRoot;\nconst DialogTrigger = Trigger;\nconst DialogContent = Content;\nconst DialogHeader = Header;\nconst DialogTitle = StyledTitle;\nconst DialogDescription = StyledDescription;\nconst DialogBody = Body;\nconst DialogFooter = Footer;\nconst DialogClose = Close;\n\nexport { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };\n//# sourceMappingURL=dialog.js.map\n"],"names":["keyframes","createContext","jsx","styled","Overlay","Content$1","useContext","jsxs","Portal","clsx","prefixClassName","Root","Title","Description","Close"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"dialog.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { Overlay, Content as Content$1, Title, Description, Trigger, Close, Portal, Root } from '../node_modules/@radix-ui/react-dialog/dist/index.js';\nimport { prefixClassName } from '../utils/prefix-class-name.js';\nimport { clsx } from '../packages/react-components/node_modules/clsx/dist/clsx.js';\nimport { keyframes, styled } from '../stitches.config.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n  var target = {};\n  for (var prop in source)\n    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n      target[prop] = source[prop];\n  if (source != null && __getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(source)) {\n      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n        target[prop] = source[prop];\n    }\n  return target;\n};\nconst overlayShow = keyframes({\n  \"0%\": { opacity: 0 },\n  \"100%\": { opacity: 1 }\n});\nconst contentShow = keyframes({\n  \"0%\": { opacity: 0, transform: \"translate(-50%, -48%) scale(.96)\" },\n  \"100%\": { opacity: 1, transform: \"translate(-50%, -50%) scale(1)\" }\n});\nconst DialogContext = createContext({\n  size: \"md\",\n  scrollBehavior: \"auto\"\n});\nconst DialogProvider = ({\n  children,\n  size,\n  scrollBehavior\n}) => {\n  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { size, scrollBehavior }, children });\n};\nconst StyledOverlay = styled(Overlay, {\n  backgroundColor: \"$black700\",\n  position: \"fixed\",\n  inset: 0,\n  zIndex: 999,\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animation: `${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n  }\n});\nconst StyledContent = styled(Content$1, {\n  backgroundColor: \"$white900\",\n  borderRadius: \"$2xl\",\n  boxShadow: \"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px\",\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  maxHeight: \"80vh\",\n  maxWidth: \"95vw\",\n  zIndex: 999,\n  \"@media (prefers-reduced-motion: no-preference)\": {\n    animation: `${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n  },\n  \"&:focus\": { outline: \"none\" },\n  variants: {\n    size: {\n      full: {\n        width: \"100vw\",\n        height: \"100vh\",\n        // overriding default maxHeight and maxWidth\n        maxHeight: \"100vh\",\n        maxWidth: \"100vw\"\n      },\n      xl: {\n        width: \"1346px\"\n      },\n      lg: {\n        width: \"980px\"\n      },\n      md: {\n        width: \"600px\"\n      },\n      sm: {\n        width: \"464px\"\n      }\n    },\n    scrollBehavior: {\n      auto: {\n        overflowY: \"auto\"\n      },\n      scroll: {\n        overflowY: \"scroll\"\n      },\n      hidden: {\n        overflowY: \"hidden\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"md\",\n    scrollBehavior: \"auto\"\n  }\n});\nconst Content = (_a) => {\n  var _b = _a, {\n    children,\n    portalContainer,\n    overlayClassName\n  } = _b, props = __objRest(_b, [\n    \"children\",\n    \"portalContainer\",\n    \"overlayClassName\"\n  ]);\n  const dialogContext = useContext(DialogContext);\n  return /* @__PURE__ */ jsxs(Portal, { container: portalContainer, children: [\n    /* @__PURE__ */ jsx(StyledOverlay, { className: clsx(prefixClassName(\"dialog__overlay\"), overlayClassName) }),\n    /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues(__spreadValues({}, dialogContext), props), { children }))\n  ] });\n};\nconst DialogRoot = (_c) => {\n  var _d = _c, {\n    children,\n    size = \"md\",\n    scrollBehavior = \"auto\"\n  } = _d, props = __objRest(_d, [\n    \"children\",\n    \"size\",\n    \"scrollBehavior\"\n  ]);\n  return /* @__PURE__ */ jsx(DialogProvider, { scrollBehavior, size, children: /* @__PURE__ */ jsx(Root, __spreadProps(__spreadValues({}, props), { children })) });\n};\nconst StyledHeader = styled(\"header\", {\n  minHeight: \"$18\",\n  padding: \"$8 $12\",\n  borderBottom: \"$borderWidths$xs solid $colors$neutral200\"\n});\nconst Header = (_e) => {\n  var _f = _e, { children } = _f, props = __objRest(_f, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledHeader, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledBody = styled(\"div\", {\n  padding: \"$8 $12\"\n});\nconst Body = (_g) => {\n  var _h = _g, { children } = _h, props = __objRest(_h, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledBody, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledFooter = styled(\"footer\", {\n  height: \"$18\",\n  padding: \"$8 $12\"\n});\nconst Footer = (_i) => {\n  var _j = _i, { children } = _j, props = __objRest(_j, [\"children\"]);\n  return /* @__PURE__ */ jsx(StyledFooter, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledTitle = styled(Title, {\n  margin: 0,\n  fontWeight: \"$7\",\n  fontSize: \"$lg\",\n  color: \"$neutral900\",\n  variants: {\n    size: {\n      md: {\n        fontSize: \"$md\",\n        lineHeight: \"$md\"\n      },\n      lg: {\n        fontSize: \"$lg\",\n        lineHeight: \"$lg\"\n      }\n    }\n  },\n  defaultVariants: {\n    size: \"lg\"\n  }\n});\nconst StyledDescription = styled(Description, {\n  margin: 0,\n  color: \"$neutral700\",\n  fontSize: \"$xs\",\n  lineHeight: \"$xxs\"\n});\nconst Dialog = DialogRoot;\nconst DialogTrigger = Trigger;\nconst DialogContent = Content;\nconst DialogHeader = Header;\nconst DialogTitle = StyledTitle;\nconst DialogDescription = StyledDescription;\nconst DialogBody = Body;\nconst DialogFooter = Footer;\nconst DialogClose = Close;\n\nexport { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };\n//# sourceMappingURL=dialog.js.map\n"],"names":["keyframes","createContext","jsx","styled","Overlay","Content$1","useContext","jsxs","Portal","clsx","prefixClassName","Root","Title","Description","Trigger","Close"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-menu/dist/index.js

@@ -5,13 +5,13 @@ var index$7 = require('../../primitive/dist/index.js');
 var index = require('../../react-collection/dist/index.js');
 var index$5 = require('../../react-compose-refs/dist/index.js');
 var index$1 = require('../../react-context/dist/index.js');
-var index$f = require('../../react-direction/dist/index.js');
+var index$e = require('../../react-direction/dist/index.js');
 var index$a = require('../../react-dismissable-layer/dist/index.js');
 var index$8 = require('../../react-focus-guards/dist/index.js');
 var index$9 = require('../../react-focus-scope/dist/index.js');
-var index$e = require('../../react-id/dist/index.js');
+var index$g = require('../../react-id/dist/index.js');
 var index$2 = require('../../react-popper/dist/index.js');
-var index$g = require('../../react-portal/dist/index.js');
+var index$f = require('../../react-portal/dist/index.js');
 var index$4 = require('../../react-presence/dist/index.js');
 var index$b = require('../../react-primitive/dist/index.js');
 var index$3 = require('../../react-roving-focus/dist/index.js');
@@ -69,7 +69,7 @@ var Menu = (props) => {
   const [content, setContent] = React__namespace.useState(null);
   const isUsingKeyboardRef = React__namespace.useRef(false);
   const handleOpenChange = index$c.useCallbackRef(onOpenChange);
-  const direction = index$f.useDirection(dir);
+  const direction = index$e.useDirection(dir);
   React__namespace.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
@@ -123,7 +123,7 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME, {
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
   const context = useMenuContext(PORTAL_NAME, __scopeMenu);
-  return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(index$4.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(index$g.Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(index$4.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(index$f.Portal, { asChild: true, container, children }) }) });
 };
 MenuPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "MenuContent";
@@ -619,8 +619,8 @@ var MenuSub = (props) => {
         MenuSubProvider,
         {
           scope: __scopeMenu,
-          contentId: index$e.useId(),
-          triggerId: index$e.useId(),
+          contentId: index$g.useId(),
+          triggerId: index$g.useId(),
           trigger,
           onTriggerChange: setTrigger,
           children

package/dist/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../_virtual/index8.js');
+var index = require('../../../../_virtual/index9.js');
 var reactIs_production_min = require('./cjs/react-is.production.min.js');
 var reactIs_development = require('./cjs/react-is.development.js');
 

package/dist/cjs/node_modules/style-to-js/cjs/index.js

@@ -3,7 +3,7 @@
 var _commonjsHelpers = require('../../../_virtual/_commonjsHelpers.js');
 require('../../style-to-object/cjs/index.js');
 require('./utilities.js');
-var index = require('../../../_virtual/index9.js');
+var index = require('../../../_virtual/index8.js');
 var utilities = require('../../../_virtual/utilities3.js');
 
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

package/dist/cjs/node_modules/style-to-object/cjs/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('../../../_virtual/_commonjsHelpers.js');
-var index$1 = require('../../../_virtual/index9.js');
+var index$1 = require('../../../_virtual/index8.js');
 var index = require('../../inline-style-parser/index.js');
 
 var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {

package/dist/cjs/popover/popover.js

@@ -22,7 +22,7 @@ const slideLeftAndFade = slitches_config.keyframes({
 const PopoverContent = slitches_config.styled(index.Content, {
   padding: "$4",
   width: 260,
-  zIndex: 100,
+  zIndex: 9999,
   borderRadius: "$md",
   backgroundColor: "$white900",
   animationDuration: "400ms",
@@ -48,8 +48,10 @@ slitches_config.styled(index.Close, {
 });
 const { PopoverTrigger } = index;
 const Popover = index.Root;
+const PopoverPortal = index.Portal;
 
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
+exports.PopoverPortal = PopoverPortal;
 exports.PopoverTrigger = PopoverTrigger;
 //# sourceMappingURL=popover.js.map

package/dist/cjs/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { keyframes, styled } from '../../slitches.config';\n\nconst slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nconst slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nexport const PopoverContent = styled(PopoverPrimitive.Content, {\n  padding: '$4',\n  width: 260,\n  zIndex: 100,\n  borderRadius: '$md',\n  backgroundColor: '$white900',\n  animationDuration: '400ms',\n  boxShadow:\n    'hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px',\n  animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  willChange: 'transform, opacity',\n  '&[data-state=\"open\"]': {\n    '&[data-side=\"top\"]': { animationName: slideDownAndFade },\n    '&[data-side=\"right\"]': { animationName: slideLeftAndFade },\n    '&[data-side=\"bottom\"]': { animationName: slideUpAndFade },\n    '&[data-side=\"left\"]': { animationName: slideRightAndFade }\n  }\n});\n\nexport const PopoverArrow = styled(PopoverPrimitive.Arrow, {\n  fill: 'white'\n});\n\nexport const PopoverClose = styled(PopoverPrimitive.Close, {\n  all: 'unset',\n  fontFamily: 'inherit',\n  position: 'absolute',\n  top: 5,\n  right: 5\n});\n\nexport const { PopoverTrigger } = PopoverPrimitive;\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverPortal = PopoverPrimitive.Portal;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n"],"names":["keyframes","styled","PopoverPrimitive.Content","PopoverPrimitive.Arrow","PopoverPrimitive.Close","PopoverPrimitive","PopoverPrimitive.Root"],"mappings":";;;;;AAGA,MAAM,iBAAiBA,yBAAU,CAAA;AAAA,EAC/B,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,oBAAoBA,yBAAU,CAAA;AAAA,EAClC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAEY,MAAA,cAAA,GAAiBC,sBAAO,CAAAC,aAA0B,EAAA;AAAA,EAC7D,OAAS,EAAA,IAAA;AAAA,EACT,KAAO,EAAA,GAAA;AAAA,EACP,MAAQ,EAAA,GAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAAA,EACd,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,SACE,EAAA,sFAAA;AAAA,EACF,uBAAyB,EAAA,+BAAA;AAAA,EACzB,UAAY,EAAA,oBAAA;AAAA,EACZ,sBAAwB,EAAA;AAAA,IACtB,oBAAA,EAAsB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IACxD,sBAAA,EAAwB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IAC1D,uBAAA,EAAyB,EAAE,aAAA,EAAe,cAAe,EAAA;AAAA,IACzD,qBAAA,EAAuB,EAAE,aAAA,EAAe,iBAAkB,EAAA;AAAA,GAC5D;AACF,CAAC,EAAA;AAE2BD,sBAAO,CAAAE,WAAwB,EAAA;AAAA,EACzD,IAAM,EAAA,OAAA;AACR,CAAC,EAAA;AAE2BF,sBAAO,CAAAG,WAAwB,EAAA;AAAA,EACzD,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,SAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AAAA,EACV,GAAK,EAAA,CAAA;AAAA,EACL,KAAO,EAAA,CAAA;AACT,CAAC,EAAA;AAEY,MAAA,EAAE,gBAAmB,GAAAC,MAAA;AAC3B,MAAM,UAAUC;;;;;;"}
+{"version":3,"file":"popover.js","sources":["../../../src/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { keyframes, styled } from '../../slitches.config';\n\nconst slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nconst slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n});\n\nconst slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n});\n\nexport const PopoverContent = styled(PopoverPrimitive.Content, {\n  padding: '$4',\n  width: 260,\n  zIndex: 9999,\n  borderRadius: '$md',\n  backgroundColor: '$white900',\n  animationDuration: '400ms',\n  boxShadow:\n    'hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px',\n  animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  willChange: 'transform, opacity',\n  '&[data-state=\"open\"]': {\n    '&[data-side=\"top\"]': { animationName: slideDownAndFade },\n    '&[data-side=\"right\"]': { animationName: slideLeftAndFade },\n    '&[data-side=\"bottom\"]': { animationName: slideUpAndFade },\n    '&[data-side=\"left\"]': { animationName: slideRightAndFade }\n  }\n});\n\nexport const PopoverArrow = styled(PopoverPrimitive.Arrow, {\n  fill: 'white'\n});\n\nexport const PopoverClose = styled(PopoverPrimitive.Close, {\n  all: 'unset',\n  fontFamily: 'inherit',\n  position: 'absolute',\n  top: 5,\n  right: 5\n});\n\nexport const { PopoverTrigger } = PopoverPrimitive;\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverPortal = PopoverPrimitive.Portal;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n"],"names":["keyframes","styled","PopoverPrimitive.Content","PopoverPrimitive.Arrow","PopoverPrimitive.Close","PopoverPrimitive","PopoverPrimitive.Root","PopoverPrimitive.Portal"],"mappings":";;;;;AAGA,MAAM,iBAAiBA,yBAAU,CAAA;AAAA,EAC/B,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,oBAAoBA,yBAAU,CAAA;AAAA,EAClC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,kBAAmB,EAAA;AAAA,EAClD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAED,MAAM,mBAAmBA,yBAAU,CAAA;AAAA,EACjC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,iBAAkB,EAAA;AAAA,EACjD,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,eAAgB,EAAA;AACnD,CAAC,CAAA,CAAA;AAEY,MAAA,cAAA,GAAiBC,sBAAO,CAAAC,aAA0B,EAAA;AAAA,EAC7D,OAAS,EAAA,IAAA;AAAA,EACT,KAAO,EAAA,GAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAAA,EACd,eAAiB,EAAA,WAAA;AAAA,EACjB,iBAAmB,EAAA,OAAA;AAAA,EACnB,SACE,EAAA,sFAAA;AAAA,EACF,uBAAyB,EAAA,+BAAA;AAAA,EACzB,UAAY,EAAA,oBAAA;AAAA,EACZ,sBAAwB,EAAA;AAAA,IACtB,oBAAA,EAAsB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IACxD,sBAAA,EAAwB,EAAE,aAAA,EAAe,gBAAiB,EAAA;AAAA,IAC1D,uBAAA,EAAyB,EAAE,aAAA,EAAe,cAAe,EAAA;AAAA,IACzD,qBAAA,EAAuB,EAAE,aAAA,EAAe,iBAAkB,EAAA;AAAA,GAC5D;AACF,CAAC,EAAA;AAE2BD,sBAAO,CAAAE,WAAwB,EAAA;AAAA,EACzD,IAAM,EAAA,OAAA;AACR,CAAC,EAAA;AAE2BF,sBAAO,CAAAG,WAAwB,EAAA;AAAA,EACzD,GAAK,EAAA,OAAA;AAAA,EACL,UAAY,EAAA,SAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AAAA,EACV,GAAK,EAAA,CAAA;AAAA,EACL,KAAO,EAAA,CAAA;AACT,CAAC,EAAA;AAEY,MAAA,EAAE,gBAAmB,GAAAC,MAAA;AAC3B,MAAM,UAAUC,WAAiB;AACjC,MAAM,gBAAgBC;;;;;;;"}

package/dist/es/_virtual/index8.js

@@ -1,4 +1,4 @@
-var reactIs = {exports: {}};
+var cjs = {};
 
-export { reactIs as __module };
+export { cjs as __exports };
 //# sourceMappingURL=index8.js.map

package/dist/es/_virtual/index9.js

@@ -1,4 +1,4 @@
-var cjs = {};
+var reactIs = {exports: {}};
 
-export { cjs as __exports };
+export { reactIs as __module };
 //# sourceMappingURL=index9.js.map

package/dist/es/cascader-dropdown/cascader-dropdown-content.js

@@ -1,5 +1,5 @@
 import { Popover } from '../node_modules/@radix-ui/react-popover/dist/index.js';
-import { PopoverTrigger, PopoverContent } from '../popover/popover.js';
+import { PopoverTrigger, PopoverPortal, PopoverContent } from '../popover/popover.js';
 import React__default, { useState } from 'react';
 import { prefixClassName } from './styled/StyledItem.js';
 import { useCascaderDropdownContext } from './use-value.js';
@@ -82,12 +82,13 @@ const CascaderDropdownContent = (_a) => {
       }, popoverTriggerButtonProps),
       "Select"
     )
-  )), /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(PopoverPortal, null, /* @__PURE__ */ React__default.createElement(
     PopoverContent,
     __spreadValues({
       "data-filter-popover-content": id,
       className: prefixClassName("cascader-dropdown"),
       css: {
+        zIndex: "9999999 !important",
         padding: 0,
         border: "0.5px solid $black300",
         borderRadius: "$xl",
@@ -122,7 +123,7 @@ const CascaderDropdownContent = (_a) => {
         setSearchFocusedNode
       }
     ))
-  ))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Popover, __spreadValues({ open: popoverOpen, onOpenChange: setPopoverOpen }, props), /* @__PURE__ */ React__default.createElement(
+  )))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Popover, __spreadValues({ open: popoverOpen, onOpenChange: setPopoverOpen }, props), /* @__PURE__ */ React__default.createElement(
     PopoverTrigger,
     __spreadValues({
       asChild: true,
@@ -137,7 +138,7 @@ const CascaderDropdownContent = (_a) => {
       }, popoverTriggerButtonProps),
       "Select"
     )
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement(PopoverPortal, null, /* @__PURE__ */ React__default.createElement(
     PopoverContent,
     __spreadValues({
       "data-filter-popover-content": id,
@@ -177,7 +178,7 @@ const CascaderDropdownContent = (_a) => {
         setSearchFocusedNode
       }
     ))
-  ))));
+  )))));
 };
 
 export { CascaderDropdownContent };

package/dist/es/cascader-dropdown/cascader-dropdown-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from '@radix-ui/react-popover';\nimport { PopoverContent, PopoverTrigger } from '../popover';\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverContent\n              data-filter-popover-content={id}\n              className={prefixClassName(\"cascader-dropdown\")}\n              css={{\n                padding: 0,\n                border: \"0.5px solid $black300\",\n                borderRadius: \"$xl\",\n                minWidth: \"260px\",\n                maxWidth: \"260px\",\n              }}\n              {...dropdownContentProps}\n            >\n              <TooltipProvider delayDuration={0}>\n                <CascaderDropdownBreadcrumb\n                  focusNthColumn={focusNthColumn}\n                  focusPreviousColumn={focusPreviousColumn}\n                  foldersSelectionPath={\n                    foldersSelectionPath as { value: string; label: string }[]\n                  }\n                />\n                {!showValueSelector && rootNode.getChildren().length > 0 && (\n                  <CascaderDropdownSearchInput\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                    resultCache={resultCache}\n                  />\n                )}\n                {!searchQuery && <CascaderDropdownList />}\n                {searchQuery && (\n                  <CascaderDropdownSearchList\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    resultCache={resultCache}\n                    setResultCache={setResultCache}\n                    searchFocusedNode={searchFocusedNode}\n                    setSearchFocusedNode={setSearchFocusedNode}\n                  />\n                )}\n              </TooltipProvider>\n            </PopoverContent>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"cascader-dropdown-content.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-content.tsx"],"sourcesContent":["import { Popover, PopoverProps } from \"@radix-ui/react-popover\";\nimport { PopoverContent, PopoverTrigger, PopoverPortal } from \"../popover\";\nimport {\n  Tooltip,\n  TooltipProps,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ComponentProps, ReactNode, useState } from \"react\";\nimport { prefixClassName } from \"./styled/StyledItem\";\nimport { Button } from \"@sparrowengg/twigs-react\";\nimport { useCascaderDropdownContext } from \"./use-value\";\nimport { CascaderDropdownNode } from \"./cascader-dropdown-node\";\nimport { CascaderDropdownList } from \"./cascader-dropdown-list\";\nimport { CascaderDropdownBreadcrumb } from \"./cascader-dropdown-breadcrumb\";\nimport { CascaderDropdownSearchInput } from \"./cascader-dropdown-search-input\";\nimport { CascaderDropdownSearchList } from \"./cascader-dropdown-search-list\";\nimport { optionTypes } from \"./helpers/cascader-dropdown-constants\";\nimport { DropdownContentProps } from \"./cascader-dropdown\";\n\nexport type ResultCacheType = Record<string, CascaderDropdownNode[]>;\n\nexport const CascaderDropdownContent = ({\n  children,\n  dropdownContentProps,\n  tooltipProps,\n  popoverTriggerButtonProps,\n  popoverTriggerProps,\n  ...props\n}: {\n  children: ReactNode;\n  dropdownContentProps?: DropdownContentProps;\n  tooltipProps?: TooltipProps;\n  popoverTriggerButtonProps?: Partial<ComponentProps<typeof Button>>;\n  popoverTriggerProps?: Partial<ComponentProps<typeof PopoverTrigger>>;\n} & PopoverProps) => {\n  const {\n    popoverOpen,\n    setPopoverOpen,\n    id,\n    selectedNode,\n    focusNthColumn,\n    focusPreviousColumn,\n    foldersSelectionPath,\n    rootNode,\n  } = useCascaderDropdownContext();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [resultCache, setResultCache] = useState<ResultCacheType>({});\n\n  const [searchFocusedNode, setSearchFocusedNode] =\n    useState<CascaderDropdownNode | null>(null);\n\n  const showValueSelector =\n    selectedNode?.getType() === optionTypes.VALUE_SELECTOR;\n\n  return (\n    <>\n      {tooltipProps?.content ? (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <Tooltip {...tooltipProps}>\n              <PopoverTrigger\n                asChild\n                className={prefixClassName(\"cascader-dropdown__trigger\")}\n                {...popoverTriggerProps}\n              >\n                {children || (\n                  <Button\n                    variant=\"ghost\"\n                    color=\"default\"\n                    className=\"twigs-editor-tool-button\"\n                    {...popoverTriggerButtonProps}\n                  >\n                    Select\n                  </Button>\n                )}\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverPortal>\n              <PopoverContent\n                data-filter-popover-content={id}\n                className={prefixClassName(\"cascader-dropdown\")}\n                css={{\n                  zIndex: \"9999999 !important\",\n                  padding: 0,\n                  border: \"0.5px solid $black300\",\n                  borderRadius: \"$xl\",\n                  minWidth: \"260px\",\n                  maxWidth: \"260px\",\n                }}\n                {...dropdownContentProps}\n              >\n                <TooltipProvider delayDuration={0}>\n                  <CascaderDropdownBreadcrumb\n                    focusNthColumn={focusNthColumn}\n                    focusPreviousColumn={focusPreviousColumn}\n                    foldersSelectionPath={\n                      foldersSelectionPath as { value: string; label: string }[]\n                    }\n                  />\n                  {!showValueSelector && rootNode.getChildren().length > 0 && (\n                    <CascaderDropdownSearchInput\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                      resultCache={resultCache}\n                    />\n                  )}\n                  {!searchQuery && <CascaderDropdownList />}\n                  {searchQuery && (\n                    <CascaderDropdownSearchList\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      resultCache={resultCache}\n                      setResultCache={setResultCache}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                    />\n                  )}\n                </TooltipProvider>\n              </PopoverContent>\n            </PopoverPortal>\n          </Popover>\n        </>\n      ) : (\n        <>\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen} {...props}>\n            <PopoverTrigger\n              asChild\n              className={prefixClassName(\"cascader-dropdown__trigger\")}\n              {...popoverTriggerProps}\n            >\n              {children || (\n                <Button\n                  variant=\"ghost\"\n                  color=\"default\"\n                  className=\"twigs-editor-tool-button\"\n                  {...popoverTriggerButtonProps}\n                >\n                  Select\n                </Button>\n              )}\n            </PopoverTrigger>\n            <PopoverPortal>\n              <PopoverContent\n                data-filter-popover-content={id}\n                className={prefixClassName(\"cascader-dropdown\")}\n                css={{\n                  padding: 0,\n                  border: \"0.5px solid $black300\",\n                  borderRadius: \"$xl\",\n                  minWidth: \"260px\",\n                  maxWidth: \"260px\",\n                }}\n                {...dropdownContentProps}\n              >\n                <TooltipProvider delayDuration={0}>\n                  <CascaderDropdownBreadcrumb\n                    focusNthColumn={focusNthColumn}\n                    focusPreviousColumn={focusPreviousColumn}\n                    foldersSelectionPath={\n                      foldersSelectionPath as { value: string; label: string }[]\n                    }\n                  />\n                  {!showValueSelector && rootNode.getChildren().length > 0 && (\n                    <CascaderDropdownSearchInput\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                      resultCache={resultCache}\n                    />\n                  )}\n                  {!searchQuery && <CascaderDropdownList />}\n                  {searchQuery && (\n                    <CascaderDropdownSearchList\n                      searchQuery={searchQuery}\n                      setSearchQuery={setSearchQuery}\n                      resultCache={resultCache}\n                      setResultCache={setResultCache}\n                      searchFocusedNode={searchFocusedNode}\n                      setSearchFocusedNode={setSearchFocusedNode}\n                    />\n                  )}\n                </TooltipProvider>\n              </PopoverContent>\n            </PopoverPortal>\n          </Popover>\n        </>\n      )}\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}