@bigbinary/neeto-integrations-frontend 4.0.25 → 4.0.27

package/dist/cjs/v2/WalkthroughModal.js

@@ -31,7 +31,7 @@ var WalkthroughModal = withT(function (_ref) {
           autoPlay: true,
           controls: true,
           muted: true,
-          className: "neeto-ui-rounded-md w-full cursor-pointer",
+          className: "w-full cursor-pointer rounded-md",
           id: "walkthrough-video",
           children: /*#__PURE__*/jsxRuntime.jsx("source", {
             src: videoUrl

package/dist/cjs/v2/WalkthroughModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalkthroughModal.js","sources":["../../../app/javascript/src/components/v2/WalkthroughModal/index.jsx"],"sourcesContent":["import { Dialog, Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\n\nconst WalkthroughModal = withT(\n  ({ t, isOpen = false, onClose = noop, videoUrl = \"\", children }) => (\n    <Dialog {...{ isOpen, onClose }} size=\"large\">\n      <Dialog.Header>\n        <Typography variant=\"h2\" weight=\"semibold\">\n          {t(\"neetoIntegrations.walkthroughModal.header\")}\n        </Typography>\n      </Dialog.Header>\n      <Dialog.Body>\n        <div className=\"w-full py-6\">\n          <video\n            autoPlay\n            controls\n            muted\n            className=\"neeto-ui-rounded-md w-full cursor-pointer\"\n            id=\"walkthrough-video\"\n          >\n            <source src={videoUrl} />\n          </video>\n          {children}\n        </div>\n      </Dialog.Body>\n      <Dialog.Footer>\n        <Button\n          label={t(\"neetoIntegrations.walkthroughModal.continue\")}\n          onClick={onClose}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  )\n);\n\nexport default WalkthroughModal;\n"],"names":["WalkthroughModal","withT","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","_jsxs","Dialog","size","_jsx","Header","Typography","variant","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,KAAK,CAC5B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CAAEQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAEE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAAA,oBAC3DC,eAAA,CAACC,iBAAM,EAAA;AAAOR,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIO,IAAAA,IAAI,EAAC,OAAO;AAAAH,IAAAA,QAAA,EAAA,cAC3CI,cAAA,CAACF,iBAAM,CAACG,MAAM,EAAA;MAAAL,QAAA,eACZI,cAAA,CAACE,qBAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,IAAI;AAACC,QAAAA,MAAM,EAAC,UAAU;QAAAR,QAAA,EACvCR,CAAC,CAAC,2CAA2C;OACpC;AAAC,KACA,CAAC,eAChBY,cAAA,CAACF,iBAAM,CAACO,IAAI,EAAA;AAAAT,MAAAA,QAAA,eACVC,eAAA,CAAA,KAAA,EAAA;AAAKS,QAAAA,SAAS,EAAC,aAAa;AAAAV,QAAAA,QAAA,gBAC1BI,cAAA,CAAA,OAAA,EAAA;UACEO,QAAQ,EAAA,IAAA;UACRC,QAAQ,EAAA,IAAA;UACRC,KAAK,EAAA,IAAA;AACLH,UAAAA,SAAS,EAAC,2CAA2C;AACrDI,UAAAA,EAAE,EAAC,mBAAmB;AAAAd,UAAAA,QAAA,eAEtBI,cAAA,CAAA,QAAA,EAAA;AAAQW,YAAAA,GAAG,EAAEhB;WAAW;SACnB,CAAC,EACPC,QAAQ;OACN;AAAC,KACK,CAAC,eACdI,cAAA,CAACF,iBAAM,CAACc,MAAM,EAAA;MAAAhB,QAAA,eACZI,cAAA,CAACa,iBAAM,EAAA;AACLC,QAAAA,KAAK,EAAE1B,CAAC,CAAC,6CAA6C,CAAE;AACxD2B,QAAAA,OAAO,EAAEvB;OACV;AAAC,KACW,CAAC;AAAA,GACV,CAAC;AAAA,CAEb;;;;"}
+{"version":3,"file":"WalkthroughModal.js","sources":["../../../app/javascript/src/components/v2/WalkthroughModal/index.jsx"],"sourcesContent":["import { Dialog, Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\n\nconst WalkthroughModal = withT(\n  ({ t, isOpen = false, onClose = noop, videoUrl = \"\", children }) => (\n    <Dialog {...{ isOpen, onClose }} size=\"large\">\n      <Dialog.Header>\n        <Typography variant=\"h2\" weight=\"semibold\">\n          {t(\"neetoIntegrations.walkthroughModal.header\")}\n        </Typography>\n      </Dialog.Header>\n      <Dialog.Body>\n        <div className=\"w-full py-6\">\n          <video\n            autoPlay\n            controls\n            muted\n            className=\"w-full cursor-pointer rounded-md\"\n            id=\"walkthrough-video\"\n          >\n            <source src={videoUrl} />\n          </video>\n          {children}\n        </div>\n      </Dialog.Body>\n      <Dialog.Footer>\n        <Button\n          label={t(\"neetoIntegrations.walkthroughModal.continue\")}\n          onClick={onClose}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  )\n);\n\nexport default WalkthroughModal;\n"],"names":["WalkthroughModal","withT","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","_jsxs","Dialog","size","_jsx","Header","Typography","variant","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,KAAK,CAC5B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CAAEQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAEE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAAA,oBAC3DC,eAAA,CAACC,iBAAM,EAAA;AAAOR,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIO,IAAAA,IAAI,EAAC,OAAO;AAAAH,IAAAA,QAAA,EAAA,cAC3CI,cAAA,CAACF,iBAAM,CAACG,MAAM,EAAA;MAAAL,QAAA,eACZI,cAAA,CAACE,qBAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,IAAI;AAACC,QAAAA,MAAM,EAAC,UAAU;QAAAR,QAAA,EACvCR,CAAC,CAAC,2CAA2C;OACpC;AAAC,KACA,CAAC,eAChBY,cAAA,CAACF,iBAAM,CAACO,IAAI,EAAA;AAAAT,MAAAA,QAAA,eACVC,eAAA,CAAA,KAAA,EAAA;AAAKS,QAAAA,SAAS,EAAC,aAAa;AAAAV,QAAAA,QAAA,gBAC1BI,cAAA,CAAA,OAAA,EAAA;UACEO,QAAQ,EAAA,IAAA;UACRC,QAAQ,EAAA,IAAA;UACRC,KAAK,EAAA,IAAA;AACLH,UAAAA,SAAS,EAAC,kCAAkC;AAC5CI,UAAAA,EAAE,EAAC,mBAAmB;AAAAd,UAAAA,QAAA,eAEtBI,cAAA,CAAA,QAAA,EAAA;AAAQW,YAAAA,GAAG,EAAEhB;WAAW;SACnB,CAAC,EACPC,QAAQ;OACN;AAAC,KACK,CAAC,eACdI,cAAA,CAACF,iBAAM,CAACc,MAAM,EAAA;MAAAhB,QAAA,eACZI,cAAA,CAACa,iBAAM,EAAA;AACLC,QAAAA,KAAK,EAAE1B,CAAC,CAAC,6CAA6C,CAAE;AACxD2B,QAAAA,OAAO,EAAEvB;OACV;AAAC,KACW,CAAC;AAAA,GACV,CAAC;AAAA,CAEb;;;;"}

package/dist/cjs/v2/ZapierForm.js

@@ -240,7 +240,7 @@ var NewApiKeyInfo = reactUtils.withT(function (_ref) {
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "bg-muted border-border neeto-ui-rounded min-w-96 border px-2 py-1",
+        className: "min-w-96 rounded border border-border bg-muted px-2 py-1",
         variant: "body2",
         weight: "medium",
         children: apiKey

package/dist/cjs/v2/ZapierForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapierForm.js","sources":["../../../app/javascript/src/components/v2/Integrations/ZapierForm/constants.js","../../../app/javascript/src/components/v2/Integrations/ZapierForm/utils.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/ApiKeysList.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/GenerateKey.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/NewApiKeyInfo.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/v2/MoreDropdown\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-testid\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    header: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    accessorKey: \"options\",\n    id: \"options\",\n    size: 272,\n    cell: ({ row }) => {\n      const options = row.original.options;\n      const actions = row.original.actions;\n\n      return (\n        <div className=\"flex items-center justify-between gap-x-3\">\n          <Typography className=\"w-4/5\" variant=\"body2\">\n            {options?.label}\n          </Typography>\n          {actions}\n        </div>\n      );\n    },\n  },\n  {\n    header: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    accessorKey: \"createdAt\",\n    id: \"createdAt\",\n    size: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { Alert, DataTable, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/v2/TableWrapper\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <Typography className=\"mb-3\" variant=\"h3\">\n        {t(\"neetoIntegrations.zapier.tableTitle\")}\n      </Typography>\n      <TableWrapper>\n        <DataTable\n          allowRowClick={false}\n          columns={getApiKeysTableColumnData()}\n          currentPage={currentPageNumber}\n          data={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n          pageSize={DEFAULT_PAGE_SIZE}\n          onPageChange={setCurrentPageNumber}\n        />\n      </TableWrapper>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { Button } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Form, Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { isNotEmpty } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading, helpDocUrl }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <CardLayout\n        title={t(\"neetoIntegrations.zapier.apiKeys\")}\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            isSubmitting={isLoading}\n            submitButtonProps={{\n              label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n            }}\n          />\n        }\n        description={\n          <>\n            {t(\"neetoIntegrations.zapier.emptyText\")}{\" \"}\n            {isNotEmpty(helpDocUrl) && (\n              <Button\n                href={helpDocUrl}\n                label={t(\"neetoIntegrations.zapier.learnMore\")}\n                target=\"_blank\"\n                variant=\"link\"\n              />\n            )}\n          </>\n        }\n      >\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-3\">\n    <Typography variant=\"body2\" weight=\"normal\">\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex gap-2\">\n      <Typography\n        className=\"bg-muted border-border neeto-ui-rounded min-w-96 border px-2 py-1\"\n        variant=\"body2\"\n        weight=\"medium\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton value={apiKey} />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { Button, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <div className=\"w-full\">\n        <GenerateKey\n          {...{ helpDocUrl, videoUrl }}\n          handleSubmit={handleGenerateApiKey}\n          isLoading={isGenerating}\n        />\n        <div className=\"space-y-4\">\n          {isNotEmpty(newlyCreatedApiKey) && (\n            <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n          )}\n          {isNotEmpty(videoUrl) && (\n            <Button\n              label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n              variant=\"link\"\n              onClick={() => setIsDemoModalOpen(true)}\n            />\n          )}\n        </div>\n      </div>\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","header","accessorKey","id","size","cell","_ref2","row","options","original","actions","_jsxs","className","children","_jsx","Typography","variant","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","onSuccess","isEmpty","_Fragment","TableWrapper","DataTable","allowRowClick","columns","currentPage","data","pageSize","DEFAULT_PAGE_SIZE","onPageChange","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","title","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","helpDocUrl","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","submitButtonProps","description","isNotEmpty","Button","href","target","Input","name","placeholder","ref","NewApiKeyInfo","withT","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner"],"mappings":"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"}
+{"version":3,"file":"ZapierForm.js","sources":["../../../app/javascript/src/components/v2/Integrations/ZapierForm/constants.js","../../../app/javascript/src/components/v2/Integrations/ZapierForm/utils.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/ApiKeysList.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/GenerateKey.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/NewApiKeyInfo.jsx","../../../app/javascript/src/components/v2/Integrations/ZapierForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nconst GENERATE_API_KEY_VALIDATION = Yup.object({\n  label: Yup.string()\n    .trim(t(\"neetoIntegrations.zapier.label.noBlankSpaces\"))\n    .required(t(\"neetoIntegrations.zapier.label.required\"))\n    .strict(),\n});\n\nexport const GENERATE_API_KEY_FORMIK_PROPS = {\n  initialValues: { label: \"\" },\n  validationSchema: GENERATE_API_KEY_VALIDATION,\n  validateOnBlur: false,\n};\n\nexport const MENU_ITEMS = { DELETE: \"delete\" };\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport { timeFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/v2/MoreDropdown\";\n\nimport { MENU_ITEMS } from \"./constants\";\n\nconst getMenuItems = ({ apiKey, setApiKeyToDelete }) => [\n  {\n    key: MENU_ITEMS.DELETE,\n    \"data-testid\": \"delete-apikey-button\",\n    label: t(\"neetoIntegrations.common.delete\"),\n    onClick: () => setApiKeyToDelete(apiKey),\n  },\n];\n\nexport const getApiKeysTableColumnData = () => [\n  {\n    header: t(\"neetoIntegrations.zapier.tableColumns.label\"),\n    accessorKey: \"options\",\n    id: \"options\",\n    size: 272,\n    cell: ({ row }) => {\n      const options = row.original.options;\n      const actions = row.original.actions;\n\n      return (\n        <div className=\"flex items-center justify-between gap-x-3\">\n          <Typography className=\"w-4/5\" variant=\"body2\">\n            {options?.label}\n          </Typography>\n          {actions}\n        </div>\n      );\n    },\n  },\n  {\n    header: t(\"neetoIntegrations.zapier.tableColumns.createdAt\"),\n    accessorKey: \"createdAt\",\n    id: \"createdAt\",\n    size: 200,\n  },\n];\n\nexport const getApiKeysTableRowData = ({ apiKeys, setApiKeyToDelete }) =>\n  apiKeys.map(apiKey => ({\n    ...apiKey,\n    createdAt: timeFormat.fromNow(apiKey.createdAt),\n    actions: (\n      <MoreDropdown\n        dropdownProps={{ strategy: \"fixed\" }}\n        menuItems={getMenuItems({ apiKey, setApiKeyToDelete })}\n      />\n    ),\n  }));\n","import { useState } from \"react\";\n\nimport { Alert, DataTable, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from \"neetocommons/constants\";\nimport TableWrapper from \"neetomolecules/v2/TableWrapper\";\nimport { isNotNil, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getApiKeysTableColumnData, getApiKeysTableRowData } from \"./utils\";\n\nconst ApiKeysList = ({\n  apiKeys = [],\n  deleteApiKey = noop,\n  isDeleting = false,\n  setNewlyCreatedApiKey = noop,\n}) => {\n  const [apiKeyToDelete, setApiKeyToDelete] = useState(null);\n  const [currentPageNumber, setCurrentPageNumber] =\n    useState(DEFAULT_PAGE_INDEX);\n\n  const { t } = useTranslation();\n\n  const closeAlert = () => setApiKeyToDelete(null);\n\n  const handleSubmit = () => {\n    deleteApiKey(apiKeyToDelete?.id, {\n      onSuccess: () => {\n        closeAlert();\n        setNewlyCreatedApiKey(\"\");\n      },\n    });\n  };\n\n  if (isEmpty(apiKeys)) return null;\n\n  return (\n    <>\n      <Typography className=\"mb-3\" variant=\"h3\">\n        {t(\"neetoIntegrations.zapier.tableTitle\")}\n      </Typography>\n      <TableWrapper>\n        <DataTable\n          allowRowClick={false}\n          columns={getApiKeysTableColumnData()}\n          currentPage={currentPageNumber}\n          data={getApiKeysTableRowData({ apiKeys, setApiKeyToDelete })}\n          pageSize={DEFAULT_PAGE_SIZE}\n          onPageChange={setCurrentPageNumber}\n        />\n      </TableWrapper>\n      <Alert\n        backdropClassName=\"zapier-delete-alert\"\n        isOpen={isNotNil(apiKeyToDelete)}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoIntegrations.common.delete\")}\n        title={t(\"neetoIntegrations.zapier.deleteApiKey.title\")}\n        message={\n          <Trans\n            i18nKey=\"neetoIntegrations.zapier.deleteApiKey.message\"\n            values={{ key: apiKeyToDelete?.options?.label }}\n          />\n        }\n        onClose={closeAlert}\n        onSubmit={handleSubmit}\n      />\n    </>\n  );\n};\n\nexport default ApiKeysList;\n","import { useEffect, useRef } from \"react\";\n\nimport { Button } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Form, Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { isNotEmpty } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { GENERATE_API_KEY_FORMIK_PROPS } from \"./constants\";\n\nconst GenerateKey = ({ handleSubmit, isLoading, helpDocUrl }) => {\n  const { t } = useTranslation();\n  const inputRef = useRef(null);\n  const history = useHistory();\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    inputRef.current.focus();\n  }, []);\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        ...GENERATE_API_KEY_FORMIK_PROPS,\n        onSubmit: handleSubmit,\n      }}\n    >\n      <CardLayout\n        title={t(\"neetoIntegrations.zapier.apiKeys\")}\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            isSubmitting={isLoading}\n            submitButtonProps={{\n              label: t(\"neetoIntegrations.zapier.generateApiKey\"),\n            }}\n          />\n        }\n        description={\n          <>\n            {t(\"neetoIntegrations.zapier.emptyText\")}{\" \"}\n            {isNotEmpty(helpDocUrl) && (\n              <Button\n                href={helpDocUrl}\n                label={t(\"neetoIntegrations.zapier.learnMore\")}\n                target=\"_blank\"\n                variant=\"link\"\n              />\n            )}\n          </>\n        }\n      >\n        <Input\n          name=\"label\"\n          placeholder={t(\"neetoIntegrations.zapier.labelInputPlaceholder\")}\n          ref={inputRef}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default GenerateKey;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/react-utils\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\n\nconst NewApiKeyInfo = withT(({ t, apiKey }) => (\n  <div className=\"space-y-3\">\n    <Typography variant=\"body2\" weight=\"normal\">\n      {t(\"neetoIntegrations.zapier.newApiKeyInstruction\")}\n    </Typography>\n    <div className=\"flex gap-2\">\n      <Typography\n        className=\"min-w-96 rounded border border-border bg-muted px-2 py-1\"\n        variant=\"body2\"\n        weight=\"medium\"\n      >\n        {apiKey}\n      </Typography>\n      <CopyToClipboardButton value={apiKey} />\n    </div>\n  </div>\n));\n\nexport default NewApiKeyInfo;\n","import { Button, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ApiKeysList from \"./ApiKeysList\";\nimport GenerateKey from \"./GenerateKey\";\nimport NewApiKeyInfo from \"./NewApiKeyInfo\";\n\nconst ZapierForm = ({\n  newlyCreatedApiKey = \"\",\n  videoUrl = \"\",\n  helpDocUrl = \"\",\n  apiKeys = [],\n  isGenerating = false,\n  isLoading = true,\n  isDeleting = false,\n  deleteApiKey = noop,\n  handleGenerateApiKey = noop,\n  setNewlyCreatedApiKey = noop,\n  setIsDemoModalOpen = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <div className=\"w-full\">\n        <GenerateKey\n          {...{ helpDocUrl, videoUrl }}\n          handleSubmit={handleGenerateApiKey}\n          isLoading={isGenerating}\n        />\n        <div className=\"space-y-4\">\n          {isNotEmpty(newlyCreatedApiKey) && (\n            <NewApiKeyInfo apiKey={newlyCreatedApiKey} />\n          )}\n          {isNotEmpty(videoUrl) && (\n            <Button\n              label={t(\"neetoIntegrations.zapier.walkthroughText\")}\n              variant=\"link\"\n              onClick={() => setIsDemoModalOpen(true)}\n            />\n          )}\n        </div>\n      </div>\n      <ApiKeysList\n        {...{ apiKeys, deleteApiKey, isDeleting, setNewlyCreatedApiKey }}\n      />\n    </div>\n  );\n};\n\nexport default ZapierForm;\n"],"names":["GENERATE_API_KEY_VALIDATION","Yup","object","label","string","trim","t","required","strict","GENERATE_API_KEY_FORMIK_PROPS","initialValues","validationSchema","validateOnBlur","MENU_ITEMS","DELETE","getMenuItems","_ref","apiKey","setApiKeyToDelete","key","onClick","getApiKeysTableColumnData","header","accessorKey","id","size","cell","_ref2","row","options","original","actions","_jsxs","className","children","_jsx","Typography","variant","getApiKeysTableRowData","_ref3","apiKeys","map","_objectSpread","createdAt","timeFormat","fromNow","MoreDropdown","dropdownProps","strategy","menuItems","ApiKeysList","_apiKeyToDelete$optio","_ref$apiKeys","_ref$deleteApiKey","deleteApiKey","noop","_ref$isDeleting","isDeleting","_ref$setNewlyCreatedA","setNewlyCreatedApiKey","_useState","useState","_useState2","_slicedToArray","apiKeyToDelete","_useState3","DEFAULT_PAGE_INDEX","_useState4","currentPageNumber","setCurrentPageNumber","_useTranslation","useTranslation","closeAlert","handleSubmit","onSuccess","isEmpty","_Fragment","TableWrapper","DataTable","allowRowClick","columns","currentPage","data","pageSize","DEFAULT_PAGE_SIZE","onPageChange","Alert","backdropClassName","isOpen","isNotNil","isSubmitting","submitButtonLabel","title","message","Trans","i18nKey","values","onClose","onSubmit","GenerateKey","isLoading","helpDocUrl","inputRef","useRef","history","useHistory","useEffect","current","focus","Form","formikProps","CardLayout","actionBlock","ActionBlock","cancelButtonProps","goBack","submitButtonProps","description","isNotEmpty","Button","href","target","Input","name","placeholder","ref","NewApiKeyInfo","withT","weight","CopyToClipboardButton","value","ZapierForm","_ref$newlyCreatedApiK","newlyCreatedApiKey","_ref$videoUrl","videoUrl","_ref$helpDocUrl","_ref$isGenerating","isGenerating","_ref$isLoading","_ref$handleGenerateAp","handleGenerateApiKey","_ref$setIsDemoModalOp","setIsDemoModalOpen","Spinner"],"mappings":"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"}

package/dist/v2/Daily.js

@@ -81,7 +81,7 @@ var Manage = function Manage(_ref) {
       },
       components: {
         wrapper: /*#__PURE__*/jsx("div", {
-          className: "neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border border-border px-3 py-2"
+          className: "mt-2 flex items-center justify-between gap-x-3 rounded-md border border-border px-3 py-2"
         }),
         span: /*#__PURE__*/jsx("span", {
           className: "break-all text-sm"

package/dist/v2/Daily.js.map

@@ -1 +1 @@
-{"version":3,"file":"Daily.js","sources":["../../app/javascript/src/components/v2/Integrations/Daily/Manage.jsx","../../app/javascript/src/components/v2/Integrations/Daily/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Daily as DailyIcon } from \"neetoicons/misc\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport ManageIntegrations from \"../../commons/Manage\";\nimport {\n  useDestroyDaily,\n  useFetchDaily,\n} from \"../../hooks/reactQuery/useDailiesApi\";\n\nconst Manage = ({ description, onDisconnect }) => {\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { data: { metadata = {} } = {}, isFetching } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  const { t } = useTranslation();\n\n  const { mutate: destroyIntegration, isPending: isDisconnecting } =\n    useDestroyDaily({\n      onSuccess: () => {\n        setIsDisconnectAlertOpen(false);\n        onDisconnect?.();\n      },\n    });\n\n  const isConnected = isPresent(apiKey);\n\n  const handleDisconnect = () => destroyIntegration(\"daily\");\n\n  if (isFetching || isDisconnecting) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <ManageIntegrations\n      {...{\n        isConnected,\n        isDisconnectAlertOpen,\n        isDisconnecting,\n        setIsDisconnectAlertOpen,\n      }}\n      Icon={DailyIcon}\n      connectPath={buildUrl(window.location.pathname, { connect: true })}\n      integration=\"daily\"\n      description={\n        isConnected ? (\n          <Trans\n            i18nKey=\"neetoIntegrations.daily.yourApiKey\"\n            values={{ apiKey }}\n            components={{\n              wrapper: (\n                <div className=\"neeto-ui-rounded-md mt-2 flex items-center justify-between gap-x-3 border border-border px-3 py-2\" />\n              ),\n              span: <span className=\"break-all text-sm\" />,\n              copy: (\n                <CopyToClipboardButton\n                  className=\"shrink-0 self-start\"\n                  style=\"text\"\n                  value={apiKey}\n                />\n              ),\n            }}\n          />\n        ) : (\n          description\n        )\n      }\n      title={\n        isConnected\n          ? t(\"neetoIntegrations.daily.connected\")\n          : t(\"neetoIntegrations.daily.connect.account\")\n      }\n      onClose={() => setIsDisconnectAlertOpen(false)}\n      onDisconnect={handleDisconnect}\n    />\n  );\n};\n\nexport default Manage;\n","import i18next from \"i18next\";\nimport { isPresent, noop } from \"neetocist\";\nimport { useQueryParams, withTitle } from \"neetocommons/react-utils\";\n\nimport Form from \"./Form\";\nimport Manage from \"./Manage\";\n\nimport { useFetchDaily } from \"../../hooks/reactQuery/useDailiesApi\";\n\nconst Daily = ({\n  isOnboarding = false,\n  helpDocUrl = \"\",\n  videoUrl = \"\",\n  description = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n}) => {\n  const { connect } = useQueryParams();\n\n  const { data: { metadata = {} } = {} } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  if ((isPresent(apiKey) && !isOnboarding) || !connect) {\n    return <Manage {...{ description, onDisconnect }} />;\n  }\n\n  return <Form {...{ helpDocUrl, onConnect, videoUrl }} />;\n};\n\nexport default withTitle(\n  Daily,\n  i18next.t(\"neetoIntegrations.browserTitles.integrations.dailyco\")\n);\n"],"names":["Manage","_ref","description","onDisconnect","_useState","useState","_useState2","_slicedToArray","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useFetchDaily","useFetchDaily","_useFetchDaily$data","data","_useFetchDaily$data2","_useFetchDaily$data2$","metadata","isFetching","_ref2","_ref2$apiKey","apiKey","_useTranslation","useTranslation","t","_useDestroyDaily","useDestroyDaily","onSuccess","destroyIntegration","mutate","isDisconnecting","isPending","isConnected","isPresent","handleDisconnect","_jsx","className","children","Spinner","ManageIntegrations","Icon","DailyIcon","connectPath","buildUrl","window","location","pathname","connect","integration","Trans","i18nKey","values","components","wrapper","span","copy","CopyToClipboardButton","style","value","title","onClose","Daily","_ref$isOnboarding","isOnboarding","_ref$helpDocUrl","helpDocUrl","_ref$videoUrl","videoUrl","_ref$description","_ref$onConnect","onConnect","noop","_ref$onDisconnect","_useQueryParams","useQueryParams","Form","withTitle","i18next"],"mappings":"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"}
+{"version":3,"file":"Daily.js","sources":["../../app/javascript/src/components/v2/Integrations/Daily/Manage.jsx","../../app/javascript/src/components/v2/Integrations/Daily/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Daily as DailyIcon } from \"neetoicons/misc\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport ManageIntegrations from \"../../commons/Manage\";\nimport {\n  useDestroyDaily,\n  useFetchDaily,\n} from \"../../hooks/reactQuery/useDailiesApi\";\n\nconst Manage = ({ description, onDisconnect }) => {\n  const [isDisconnectAlertOpen, setIsDisconnectAlertOpen] = useState(false);\n\n  const { data: { metadata = {} } = {}, isFetching } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  const { t } = useTranslation();\n\n  const { mutate: destroyIntegration, isPending: isDisconnecting } =\n    useDestroyDaily({\n      onSuccess: () => {\n        setIsDisconnectAlertOpen(false);\n        onDisconnect?.();\n      },\n    });\n\n  const isConnected = isPresent(apiKey);\n\n  const handleDisconnect = () => destroyIntegration(\"daily\");\n\n  if (isFetching || isDisconnecting) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <ManageIntegrations\n      {...{\n        isConnected,\n        isDisconnectAlertOpen,\n        isDisconnecting,\n        setIsDisconnectAlertOpen,\n      }}\n      Icon={DailyIcon}\n      connectPath={buildUrl(window.location.pathname, { connect: true })}\n      integration=\"daily\"\n      description={\n        isConnected ? (\n          <Trans\n            i18nKey=\"neetoIntegrations.daily.yourApiKey\"\n            values={{ apiKey }}\n            components={{\n              wrapper: (\n                <div className=\"mt-2 flex items-center justify-between gap-x-3 rounded-md border border-border px-3 py-2\" />\n              ),\n              span: <span className=\"break-all text-sm\" />,\n              copy: (\n                <CopyToClipboardButton\n                  className=\"shrink-0 self-start\"\n                  style=\"text\"\n                  value={apiKey}\n                />\n              ),\n            }}\n          />\n        ) : (\n          description\n        )\n      }\n      title={\n        isConnected\n          ? t(\"neetoIntegrations.daily.connected\")\n          : t(\"neetoIntegrations.daily.connect.account\")\n      }\n      onClose={() => setIsDisconnectAlertOpen(false)}\n      onDisconnect={handleDisconnect}\n    />\n  );\n};\n\nexport default Manage;\n","import i18next from \"i18next\";\nimport { isPresent, noop } from \"neetocist\";\nimport { useQueryParams, withTitle } from \"neetocommons/react-utils\";\n\nimport Form from \"./Form\";\nimport Manage from \"./Manage\";\n\nimport { useFetchDaily } from \"../../hooks/reactQuery/useDailiesApi\";\n\nconst Daily = ({\n  isOnboarding = false,\n  helpDocUrl = \"\",\n  videoUrl = \"\",\n  description = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n}) => {\n  const { connect } = useQueryParams();\n\n  const { data: { metadata = {} } = {} } = useFetchDaily();\n  const { apiKey = null } = metadata || {};\n\n  if ((isPresent(apiKey) && !isOnboarding) || !connect) {\n    return <Manage {...{ description, onDisconnect }} />;\n  }\n\n  return <Form {...{ helpDocUrl, onConnect, videoUrl }} />;\n};\n\nexport default withTitle(\n  Daily,\n  i18next.t(\"neetoIntegrations.browserTitles.integrations.dailyco\")\n);\n"],"names":["Manage","_ref","description","onDisconnect","_useState","useState","_useState2","_slicedToArray","isDisconnectAlertOpen","setIsDisconnectAlertOpen","_useFetchDaily","useFetchDaily","_useFetchDaily$data","data","_useFetchDaily$data2","_useFetchDaily$data2$","metadata","isFetching","_ref2","_ref2$apiKey","apiKey","_useTranslation","useTranslation","t","_useDestroyDaily","useDestroyDaily","onSuccess","destroyIntegration","mutate","isDisconnecting","isPending","isConnected","isPresent","handleDisconnect","_jsx","className","children","Spinner","ManageIntegrations","Icon","DailyIcon","connectPath","buildUrl","window","location","pathname","connect","integration","Trans","i18nKey","values","components","wrapper","span","copy","CopyToClipboardButton","style","value","title","onClose","Daily","_ref$isOnboarding","isOnboarding","_ref$helpDocUrl","helpDocUrl","_ref$videoUrl","videoUrl","_ref$description","_ref$onConnect","onConnect","noop","_ref$onDisconnect","_useQueryParams","useQueryParams","Form","withTitle","i18next"],"mappings":"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"}

package/dist/v2/Demo.js

@@ -41,7 +41,7 @@ var Demo = function Demo(_ref) {
       autoPlay: true,
       controls: true,
       muted: true,
-      className: "neeto-ui-rounded-xl aspect-video w-full max-w-3xl cursor-pointer",
+      className: "aspect-video w-full max-w-3xl cursor-pointer rounded-xl",
       id: "walkthrough-video",
       children: /*#__PURE__*/jsx("source", {
         src: videoUrl

package/dist/v2/Demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Demo.js","sources":["../../app/javascript/src/components/v2/Steps/utils.js","../../app/javascript/src/components/v2/Steps/Demo.jsx"],"sourcesContent":["import { isEmpty } from \"ramda\";\n\nexport const isYouTubeLink = videoUrl => {\n  const youtubeRegex = /^(https?:\\/\\/)?(www\\.)?(youtube\\.com|youtu\\.be)\\//;\n\n  return youtubeRegex.test(videoUrl);\n};\n\nexport const renderText = (text, fallbackTranslation) =>\n  isEmpty(text) ? fallbackTranslation : text;\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { isYouTubeLink, renderText } from \"./utils\";\n\nconst Demo = ({\n  title = \"\",\n  subtitle = \"\",\n  iframeTitle = \"\",\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  const renderVideo = videoUrl =>\n    isYouTubeLink(videoUrl) ? (\n      <iframe\n        allowFullScreen\n        className=\"aspect-video w-full max-w-3xl border-none\"\n        frameBorder=\"0\"\n        id=\"ytplayer\"\n        src={videoUrl}\n        title={renderText(iframeTitle, t(\"neetoIntegrations.demo.iFrameTitle\"))}\n        type=\"text/html\"\n      />\n    ) : (\n      <video\n        autoPlay\n        controls\n        muted\n        className=\"neeto-ui-rounded-xl aspect-video w-full max-w-3xl cursor-pointer\"\n        id=\"walkthrough-video\"\n      >\n        <source src={videoUrl} />\n      </video>\n    );\n\n  return (\n    <CardLayout\n      description={renderText(subtitle, t(\"neetoIntegrations.demo.subtitle\"))}\n      title={renderText(title, t(\"neetoIntegrations.demo.title\"))}\n      actionBlock={\n        <Button\n          data-testid=\"neeto-integrations-demo-finish-button\"\n          label={t(\"neetoIntegrations.common.finish\")}\n          onClick={onClose}\n        />\n      }\n    >\n      {children}\n      {videoUrl && <div className=\"w-full\">{renderVideo(videoUrl)}</div>}\n    </CardLayout>\n  );\n};\n\nDemo.prototypes = {\n  onClose: PropTypes.func,\n  videoUrl: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  iframeTitle: PropTypes.string,\n};\n\nexport default Demo;\n"],"names":["isYouTubeLink","videoUrl","youtubeRegex","test","renderText","text","fallbackTranslation","isEmpty","Demo","_ref","_ref$title","title","_ref$subtitle","subtitle","_ref$iframeTitle","iframeTitle","_ref$onClose","onClose","noop","_ref$videoUrl","children","_useTranslation","useTranslation","t","renderVideo","_jsx","allowFullScreen","className","frameBorder","id","src","type","autoPlay","controls","muted","_jsxs","CardLayout","description","actionBlock","Button","label","onClick","prototypes","PropTypes","func","string"],"mappings":"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"}
+{"version":3,"file":"Demo.js","sources":["../../app/javascript/src/components/v2/Steps/utils.js","../../app/javascript/src/components/v2/Steps/Demo.jsx"],"sourcesContent":["import { isEmpty } from \"ramda\";\n\nexport const isYouTubeLink = videoUrl => {\n  const youtubeRegex = /^(https?:\\/\\/)?(www\\.)?(youtube\\.com|youtu\\.be)\\//;\n\n  return youtubeRegex.test(videoUrl);\n};\n\nexport const renderText = (text, fallbackTranslation) =>\n  isEmpty(text) ? fallbackTranslation : text;\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { isYouTubeLink, renderText } from \"./utils\";\n\nconst Demo = ({\n  title = \"\",\n  subtitle = \"\",\n  iframeTitle = \"\",\n  onClose = noop,\n  videoUrl = \"\",\n  children,\n}) => {\n  const { t } = useTranslation();\n\n  const renderVideo = videoUrl =>\n    isYouTubeLink(videoUrl) ? (\n      <iframe\n        allowFullScreen\n        className=\"aspect-video w-full max-w-3xl border-none\"\n        frameBorder=\"0\"\n        id=\"ytplayer\"\n        src={videoUrl}\n        title={renderText(iframeTitle, t(\"neetoIntegrations.demo.iFrameTitle\"))}\n        type=\"text/html\"\n      />\n    ) : (\n      <video\n        autoPlay\n        controls\n        muted\n        className=\"aspect-video w-full max-w-3xl cursor-pointer rounded-xl\"\n        id=\"walkthrough-video\"\n      >\n        <source src={videoUrl} />\n      </video>\n    );\n\n  return (\n    <CardLayout\n      description={renderText(subtitle, t(\"neetoIntegrations.demo.subtitle\"))}\n      title={renderText(title, t(\"neetoIntegrations.demo.title\"))}\n      actionBlock={\n        <Button\n          data-testid=\"neeto-integrations-demo-finish-button\"\n          label={t(\"neetoIntegrations.common.finish\")}\n          onClick={onClose}\n        />\n      }\n    >\n      {children}\n      {videoUrl && <div className=\"w-full\">{renderVideo(videoUrl)}</div>}\n    </CardLayout>\n  );\n};\n\nDemo.prototypes = {\n  onClose: PropTypes.func,\n  videoUrl: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  iframeTitle: PropTypes.string,\n};\n\nexport default Demo;\n"],"names":["isYouTubeLink","videoUrl","youtubeRegex","test","renderText","text","fallbackTranslation","isEmpty","Demo","_ref","_ref$title","title","_ref$subtitle","subtitle","_ref$iframeTitle","iframeTitle","_ref$onClose","onClose","noop","_ref$videoUrl","children","_useTranslation","useTranslation","t","renderVideo","_jsx","allowFullScreen","className","frameBorder","id","src","type","autoPlay","controls","muted","_jsxs","CardLayout","description","actionBlock","Button","label","onClick","prototypes","PropTypes","func","string"],"mappings":";;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,QAAQ,EAAI;EACvC,IAAMC,YAAY,GAAG,mDAAmD;AAExE,EAAA,OAAOA,YAAY,CAACC,IAAI,CAACF,QAAQ,CAAC;AACpC,CAAC;AAEM,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAI,EAAEC,mBAAmB,EAAA;AAAA,EAAA,OAClDC,OAAO,CAACF,IAAI,CAAC,GAAGC,mBAAmB,GAAGD,IAAI;AAAA,CAAA;;ACD5C,IAAMG,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAOJ;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CANJE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,aAAA,GAAAH,IAAA,CACVI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAAE,gBAAA,GAAAL,IAAA,CACbM,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAE,YAAA,GAAAP,IAAA,CAChBQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAV,IAAA,CACdR,QAAQ;AAARA,IAAAA,QAAQ,GAAAkB,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IACbC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAER,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAGvB,QAAQ,EAAA;AAAA,IAAA,OAC1BD,aAAa,CAACC,QAAQ,CAAC,gBACrBwB,GAAA,CAAA,QAAA,EAAA;MACEC,eAAe,EAAA,IAAA;AACfC,MAAAA,SAAS,EAAC,2CAA2C;AACrDC,MAAAA,WAAW,EAAC,GAAG;AACfC,MAAAA,EAAE,EAAC,UAAU;AACbC,MAAAA,GAAG,EAAE7B,QAAS;MACdU,KAAK,EAAEP,UAAU,CAACW,WAAW,EAAEQ,CAAC,CAAC,oCAAoC,CAAC,CAAE;AACxEQ,MAAAA,IAAI,EAAC;KACN,CAAC,gBAEFN,GAAA,CAAA,OAAA,EAAA;MACEO,QAAQ,EAAA,IAAA;MACRC,QAAQ,EAAA,IAAA;MACRC,KAAK,EAAA,IAAA;AACLP,MAAAA,SAAS,EAAC,yDAAyD;AACnEE,MAAAA,EAAE,EAAC,mBAAmB;AAAAT,MAAAA,QAAA,eAEtBK,GAAA,CAAA,QAAA,EAAA;AAAQK,QAAAA,GAAG,EAAE7B;OAAW;AAAC,KACpB,CACR;AAAA,EAAA,CAAA;EAEH,oBACEkC,IAAA,CAACC,UAAU,EAAA;IACTC,WAAW,EAAEjC,UAAU,CAACS,QAAQ,EAAEU,CAAC,CAAC,iCAAiC,CAAC,CAAE;IACxEZ,KAAK,EAAEP,UAAU,CAACO,KAAK,EAAEY,CAAC,CAAC,8BAA8B,CAAC,CAAE;IAC5De,WAAW,eACTb,GAAA,CAACc,MAAM,EAAA;AACL,MAAA,aAAA,EAAY,uCAAuC;AACnDC,MAAAA,KAAK,EAAEjB,CAAC,CAAC,iCAAiC,CAAE;AAC5CkB,MAAAA,OAAO,EAAExB;AAAQ,KAClB,CACF;AAAAG,IAAAA,QAAA,EAAA,CAEAA,QAAQ,EACRnB,QAAQ,iBAAIwB,GAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,QAAQ;MAAAP,QAAA,EAAEI,WAAW,CAACvB,QAAQ;AAAC,KAAM,CAAC;AAAA,GACxD,CAAC;AAEjB;AAEAO,IAAI,CAACkC,UAAU,GAAG;EAChBzB,OAAO,EAAE0B,SAAS,CAACC,IAAI;EACvB3C,QAAQ,EAAE0C,SAAS,CAACE,MAAM;EAC1BlC,KAAK,EAAEgC,SAAS,CAACE,MAAM;EACvBhC,QAAQ,EAAE8B,SAAS,CAACE,MAAM;EAC1B9B,WAAW,EAAE4B,SAAS,CAACE;AACzB,CAAC;;;;"}

package/dist/v2/GoogleCalendar.js

@@ -89,7 +89,7 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
             }
           })
         }), permissionImage && /*#__PURE__*/jsx("div", {
-          className: "neeto-ui-rounded-md my-4 overflow-hidden border border-border",
+          className: "my-4 overflow-hidden rounded-md border border-border",
           children: /*#__PURE__*/jsx("img", {
             src: permissionImage
           })

package/dist/v2/GoogleCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoogleCalendar.js","sources":["../../app/javascript/src/components/v2/Integrations/GoogleCalender/constants.js","../../app/javascript/src/components/v2/Integrations/GoogleCalender/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const INTEGRATION_STEPS = [\n  {\n    step: \"1\",\n    label: t(\"neetoIntegrations.common.connect\"),\n    isActive: true,\n    isCompleted: false,\n  },\n  {\n    step: \"2\",\n    label: t(\"neetoIntegrations.common.finish\"),\n    isActive: false,\n    isCompleted: false,\n  },\n];\n\nexport const STEPS = {\n  connect: t(\"neetoIntegrations.common.connect\"),\n  finish: t(\"neetoIntegrations.common.finish\"),\n};\n","import { useState, useEffect } from \"react\";\n\nimport { Typography, Callout, Button } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { GoogleCalendar as GoogleCalendarIcon, Google } from \"neetoicons/misc\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INTEGRATION_STEPS, STEPS } from \"./constants\";\n\nimport IntegrationsModal from \"../../Modal\";\nimport Finish from \"../../Steps/Finish\";\n\nconst GoogleCalendar = ({\n  permissionImage,\n  fetchAuthorizationUrl,\n  handleClose,\n  handleRedirect,\n}) => {\n  const { t } = useTranslation();\n  const [steps, setSteps] = useState(INTEGRATION_STEPS);\n  const { status } = getQueryParams();\n\n  const activeTab = isPresent(status) ? STEPS.finish : STEPS.connect;\n\n  useEffect(() => {\n    setSteps(() => {\n      const stepsClone = [...steps];\n      stepsClone[0] = {\n        ...steps[0],\n        isActive: activeTab === STEPS.connect,\n        isCompleted: activeTab !== STEPS.connect,\n      };\n\n      stepsClone[1] = {\n        ...steps[1],\n        isActive: activeTab === STEPS.finish,\n        isCompleted: activeTab === STEPS.finish,\n      };\n\n      return stepsClone;\n    });\n  }, [activeTab]);\n\n  return (\n    <IntegrationsModal {...{ steps }} isOpen onClose={handleClose}>\n      {activeTab === STEPS.connect && (\n        <div className=\"mx-auto w-full max-w-3xl\">\n          <GoogleCalendarIcon size={48} />\n          <Typography className=\"mb-4 mt-2\" variant=\"h2\">\n            {t(\"neetoIntegrations.google.connect.title\")}\n          </Typography>\n          <div className=\"flex w-full flex-col items-start\">\n            <Callout className=\"block leading-5\">\n              <Trans\n                components={{ bold: <strong /> }}\n                i18nKey=\"neetoIntegrations.google.connect.reminderToAcceptPermissions\"\n                values={{\n                  selectCheckbox: t(\n                    \"neetoIntegrations.google.connect.selectCheckbox\"\n                  ),\n                }}\n              />\n            </Callout>\n            {permissionImage && (\n              <div className=\"neeto-ui-rounded-md my-4 overflow-hidden border border-border\">\n                <img src={permissionImage} />\n              </div>\n            )}\n          </div>\n          <Button\n            icon={Google}\n            label={t(\"neetoIntegrations.google.connect.signIn\")}\n            onClick={fetchAuthorizationUrl}\n          />\n        </div>\n      )}\n      {activeTab === STEPS.finish && (\n        <Finish\n          title={t(\"neetoIntegrations.google.finish.title\")}\n          onClick={handleRedirect}\n        />\n      )}\n    </IntegrationsModal>\n  );\n};\n\nexport default GoogleCalendar;\n"],"names":["INTEGRATION_STEPS","step","label","t","isActive","isCompleted","STEPS","connect","finish","GoogleCalendar","_ref","permissionImage","fetchAuthorizationUrl","handleClose","handleRedirect","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","steps","setSteps","_getQueryParams","getQueryParams","status","activeTab","isPresent","useEffect","stepsClone","_toConsumableArray","_objectSpread","_jsxs","IntegrationsModal","isOpen","onClose","children","className","_jsx","GoogleCalendarIcon","size","Typography","variant","Callout","Trans","components","bold","i18nKey","values","selectCheckbox","src","Button","icon","Google","onClick","Finish","title"],"mappings":"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"}
+{"version":3,"file":"GoogleCalendar.js","sources":["../../app/javascript/src/components/v2/Integrations/GoogleCalender/constants.js","../../app/javascript/src/components/v2/Integrations/GoogleCalender/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const INTEGRATION_STEPS = [\n  {\n    step: \"1\",\n    label: t(\"neetoIntegrations.common.connect\"),\n    isActive: true,\n    isCompleted: false,\n  },\n  {\n    step: \"2\",\n    label: t(\"neetoIntegrations.common.finish\"),\n    isActive: false,\n    isCompleted: false,\n  },\n];\n\nexport const STEPS = {\n  connect: t(\"neetoIntegrations.common.connect\"),\n  finish: t(\"neetoIntegrations.common.finish\"),\n};\n","import { useState, useEffect } from \"react\";\n\nimport { Typography, Callout, Button } from \"@bigbinary/neeto-atoms\";\nimport { isPresent } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { GoogleCalendar as GoogleCalendarIcon, Google } from \"neetoicons/misc\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INTEGRATION_STEPS, STEPS } from \"./constants\";\n\nimport IntegrationsModal from \"../../Modal\";\nimport Finish from \"../../Steps/Finish\";\n\nconst GoogleCalendar = ({\n  permissionImage,\n  fetchAuthorizationUrl,\n  handleClose,\n  handleRedirect,\n}) => {\n  const { t } = useTranslation();\n  const [steps, setSteps] = useState(INTEGRATION_STEPS);\n  const { status } = getQueryParams();\n\n  const activeTab = isPresent(status) ? STEPS.finish : STEPS.connect;\n\n  useEffect(() => {\n    setSteps(() => {\n      const stepsClone = [...steps];\n      stepsClone[0] = {\n        ...steps[0],\n        isActive: activeTab === STEPS.connect,\n        isCompleted: activeTab !== STEPS.connect,\n      };\n\n      stepsClone[1] = {\n        ...steps[1],\n        isActive: activeTab === STEPS.finish,\n        isCompleted: activeTab === STEPS.finish,\n      };\n\n      return stepsClone;\n    });\n  }, [activeTab]);\n\n  return (\n    <IntegrationsModal {...{ steps }} isOpen onClose={handleClose}>\n      {activeTab === STEPS.connect && (\n        <div className=\"mx-auto w-full max-w-3xl\">\n          <GoogleCalendarIcon size={48} />\n          <Typography className=\"mb-4 mt-2\" variant=\"h2\">\n            {t(\"neetoIntegrations.google.connect.title\")}\n          </Typography>\n          <div className=\"flex w-full flex-col items-start\">\n            <Callout className=\"block leading-5\">\n              <Trans\n                components={{ bold: <strong /> }}\n                i18nKey=\"neetoIntegrations.google.connect.reminderToAcceptPermissions\"\n                values={{\n                  selectCheckbox: t(\n                    \"neetoIntegrations.google.connect.selectCheckbox\"\n                  ),\n                }}\n              />\n            </Callout>\n            {permissionImage && (\n              <div className=\"my-4 overflow-hidden rounded-md border border-border\">\n                <img src={permissionImage} />\n              </div>\n            )}\n          </div>\n          <Button\n            icon={Google}\n            label={t(\"neetoIntegrations.google.connect.signIn\")}\n            onClick={fetchAuthorizationUrl}\n          />\n        </div>\n      )}\n      {activeTab === STEPS.finish && (\n        <Finish\n          title={t(\"neetoIntegrations.google.finish.title\")}\n          onClick={handleRedirect}\n        />\n      )}\n    </IntegrationsModal>\n  );\n};\n\nexport default GoogleCalendar;\n"],"names":["INTEGRATION_STEPS","step","label","t","isActive","isCompleted","STEPS","connect","finish","GoogleCalendar","_ref","permissionImage","fetchAuthorizationUrl","handleClose","handleRedirect","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","steps","setSteps","_getQueryParams","getQueryParams","status","activeTab","isPresent","useEffect","stepsClone","_toConsumableArray","_objectSpread","_jsxs","IntegrationsModal","isOpen","onClose","children","className","_jsx","GoogleCalendarIcon","size","Typography","variant","Callout","Trans","components","bold","i18nKey","values","selectCheckbox","src","Button","icon","Google","onClick","Finish","title"],"mappings":"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"}

package/dist/v2/Manage.js

@@ -64,13 +64,13 @@ var Manage = withT(function (_ref) {
     children: [/*#__PURE__*/jsx("div", {
       className: "mx-auto w-full max-w-3xl",
       children: /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-rounded-lg neeto-integrations__manage my-6 w-full border border-border",
+        className: "neeto-integrations__manage my-6 w-full rounded-lg border border-border",
         children: /*#__PURE__*/jsx("div", {
           className: "space-y-4 md:p-8 p-6",
           children: /*#__PURE__*/jsxs("div", {
             className: "flex md:flex-row flex-col items-start gap-6",
             children: [Icon && /*#__PURE__*/jsx("div", {
-              className: "neeto-ui-rounded-lg neeto-ui-shadow-sm border-border mt-0.5 flex shrink-0 items-center justify-center border p-2",
+              className: "border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-2 shadow-sm",
               children: /*#__PURE__*/jsx(Icon, {
                 className: "text-muted-foreground",
                 size: 44
@@ -87,7 +87,7 @@ var Manage = withT(function (_ref) {
                     weight: "semibold",
                     children: title
                   }), isConnected && /*#__PURE__*/jsx("div", {
-                    className: "bg-green-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
+                    className: "bg-green-500 flex items-center justify-center rounded-full p-1 text-white",
                     children: /*#__PURE__*/jsx(Check, {
                       size: 20
                     })

package/dist/v2/Manage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Manage.js","sources":["../../app/javascript/src/components/v2/commons/Manage.jsx"],"sourcesContent":["import { Button, Callout, Tooltip, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Check, ExternalLink } from \"lucide-react\";\nimport { humanize, isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport DisconnectAlert from \"../DisconnectAlert\";\n\nconst Manage = withT(\n  ({\n    t,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    isDisconnectAlertOpen = false,\n    setIsDisconnectAlertOpen = noop,\n    isDisconnecting = false,\n    onConnect = undefined,\n    onDisconnect = undefined,\n    onClose = noop,\n    Icon = null,\n    isConnected = false,\n    connectPath = \"\",\n    connectUrl = \"\",\n    helpDocUrl = \"\",\n    managePath = \"\",\n    manageUrl = \"\",\n    integrationName = \"\",\n    disconnectMessage = \"\",\n    disconnectTitle = \"\",\n    isConnectDisabled = false,\n    connectTooltipProps = null,\n    buttonProps = {},\n    secondaryButtonProps = {},\n    calloutProps = {},\n  }) => (\n    <>\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <div className=\"neeto-ui-rounded-lg neeto-integrations__manage my-6 w-full border border-border\">\n          <div className=\"space-y-4 md:p-8 p-6\">\n            <div className=\"flex md:flex-row flex-col items-start gap-6\">\n              {Icon && (\n                <div className=\"neeto-ui-rounded-lg neeto-ui-shadow-sm border-border mt-0.5 flex shrink-0 items-center justify-center border p-2\">\n                  <Icon className=\"text-muted-foreground\" size={44} />\n                </div>\n              )}\n              <div className=\"flex flex-col gap-6\">\n                <div className=\"flex flex-col gap-2\">\n                  <div className=\"flex items-center space-x-3\">\n                    <Typography\n                      className=\"text-foreground mb-0.5\"\n                      variant=\"h2\"\n                      weight=\"semibold\"\n                    >\n                      {title}\n                    </Typography>\n                    {isConnected && (\n                      <div className=\"bg-green-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1\">\n                        <Check size={20} />\n                      </div>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-2\">\n                    <Typography\n                      className=\"text-foreground break-words\"\n                      variant=\"body1\"\n                      weight=\"normal\"\n                    >\n                      {description}\n                    </Typography>\n                    {helpDocUrl && (\n                      <a\n                        className=\"inline-flex items-center gap-1 text-sm font-medium text-primary underline underline-offset-4\"\n                        data-testid=\"help-doc-link\"\n                        href={helpDocUrl}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                      >\n                        {t(\"neetoIntegrations.common.learnMore\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                        <ExternalLink size={14} />\n                      </a>\n                    )}\n                    {isNotEmpty(calloutProps) && <Callout {...calloutProps} />}\n                  </div>\n                </div>\n                {isConnected ? (\n                  <div className=\"w-full flex gap-2\">\n                    {(managePath || manageUrl) && (\n                      <Button\n                        data-testid=\"manage-button\"\n                        href={manageUrl}\n                        target={manageUrl ? \"_blank\" : \"_self\"}\n                        to={managePath}\n                        label={t(\"neetoIntegrations.common.manageIntegration\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                        {...buttonProps}\n                      />\n                    )}\n                    {onDisconnect && (\n                      <Button\n                        data-testid=\"disconnect-button\"\n                        variant=\"secondary\"\n                        label={t(\n                          \"neetoIntegrations.common.disconnectIntegration\",\n                          {\n                            integration:\n                              integrationName || humanize(integration),\n                          }\n                        )}\n                        onClick={() => setIsDisconnectAlertOpen(true)}\n                        {...secondaryButtonProps}\n                      />\n                    )}\n                  </div>\n                ) : (\n                  <Tooltip\n                    disabled={!isConnectDisabled}\n                    {...connectTooltipProps}\n                  >\n                    {(connectPath || connectUrl || onConnect) && (\n                      <div className=\"w-full\">\n                        <Button\n                          data-testid=\"connect-button\"\n                          disabled={isConnectDisabled}\n                          href={connectUrl}\n                          to={connectPath}\n                          label={t(\n                            \"neetoIntegrations.common.connectIntegration\",\n                            {\n                              integration:\n                                integrationName || humanize(integration),\n                            }\n                          )}\n                          onClick={onConnect}\n                          {...buttonProps}\n                        />\n                      </div>\n                    )}\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <DisconnectAlert\n        {...{ isDisconnecting, onClose, onDisconnect }}\n        isOpen={isDisconnectAlertOpen}\n        message={\n          disconnectMessage ||\n          t(`adminPanel.integrations.${integration}.disconnect.message`)\n        }\n        title={\n          disconnectTitle ||\n          t(`adminPanel.integrations.${integration}.disconnect.title`)\n        }\n      />\n    </>\n  )\n);\n\nexport default Manage;\n"],"names":["Manage","withT","_ref","t","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$isDisconnectAler","isDisconnectAlertOpen","_ref$setIsDisconnectA","setIsDisconnectAlertOpen","noop","_ref$isDisconnecting","isDisconnecting","_ref$onConnect","onConnect","undefined","_ref$onDisconnect","onDisconnect","_ref$onClose","onClose","_ref$Icon","Icon","_ref$isConnected","isConnected","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","_ref$helpDocUrl","helpDocUrl","_ref$managePath","managePath","_ref$manageUrl","manageUrl","_ref$integrationName","integrationName","_ref$disconnectMessag","disconnectMessage","_ref$disconnectTitle","disconnectTitle","_ref$isConnectDisable","isConnectDisabled","_ref$connectTooltipPr","connectTooltipProps","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$calloutProps","calloutProps","_jsxs","_Fragment","children","_jsx","className","size","Typography","variant","weight","Check","href","rel","target","humanize","ExternalLink","isNotEmpty","Callout","_objectSpread","Button","to","label","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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"}
+{"version":3,"file":"Manage.js","sources":["../../app/javascript/src/components/v2/commons/Manage.jsx"],"sourcesContent":["import { Button, Callout, Tooltip, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Check, ExternalLink } from \"lucide-react\";\nimport { humanize, isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport DisconnectAlert from \"../DisconnectAlert\";\n\nconst Manage = withT(\n  ({\n    t,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    isDisconnectAlertOpen = false,\n    setIsDisconnectAlertOpen = noop,\n    isDisconnecting = false,\n    onConnect = undefined,\n    onDisconnect = undefined,\n    onClose = noop,\n    Icon = null,\n    isConnected = false,\n    connectPath = \"\",\n    connectUrl = \"\",\n    helpDocUrl = \"\",\n    managePath = \"\",\n    manageUrl = \"\",\n    integrationName = \"\",\n    disconnectMessage = \"\",\n    disconnectTitle = \"\",\n    isConnectDisabled = false,\n    connectTooltipProps = null,\n    buttonProps = {},\n    secondaryButtonProps = {},\n    calloutProps = {},\n  }) => (\n    <>\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <div className=\"neeto-integrations__manage my-6 w-full rounded-lg border border-border\">\n          <div className=\"space-y-4 md:p-8 p-6\">\n            <div className=\"flex md:flex-row flex-col items-start gap-6\">\n              {Icon && (\n                <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-2 shadow-sm\">\n                  <Icon className=\"text-muted-foreground\" size={44} />\n                </div>\n              )}\n              <div className=\"flex flex-col gap-6\">\n                <div className=\"flex flex-col gap-2\">\n                  <div className=\"flex items-center space-x-3\">\n                    <Typography\n                      className=\"text-foreground mb-0.5\"\n                      variant=\"h2\"\n                      weight=\"semibold\"\n                    >\n                      {title}\n                    </Typography>\n                    {isConnected && (\n                      <div className=\"bg-green-500 flex items-center justify-center rounded-full p-1 text-white\">\n                        <Check size={20} />\n                      </div>\n                    )}\n                  </div>\n                  <div className=\"flex flex-col gap-2\">\n                    <Typography\n                      className=\"text-foreground break-words\"\n                      variant=\"body1\"\n                      weight=\"normal\"\n                    >\n                      {description}\n                    </Typography>\n                    {helpDocUrl && (\n                      <a\n                        className=\"inline-flex items-center gap-1 text-sm font-medium text-primary underline underline-offset-4\"\n                        data-testid=\"help-doc-link\"\n                        href={helpDocUrl}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                      >\n                        {t(\"neetoIntegrations.common.learnMore\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                        <ExternalLink size={14} />\n                      </a>\n                    )}\n                    {isNotEmpty(calloutProps) && <Callout {...calloutProps} />}\n                  </div>\n                </div>\n                {isConnected ? (\n                  <div className=\"w-full flex gap-2\">\n                    {(managePath || manageUrl) && (\n                      <Button\n                        data-testid=\"manage-button\"\n                        href={manageUrl}\n                        target={manageUrl ? \"_blank\" : \"_self\"}\n                        to={managePath}\n                        label={t(\"neetoIntegrations.common.manageIntegration\", {\n                          integration: integrationName || humanize(integration),\n                        })}\n                        {...buttonProps}\n                      />\n                    )}\n                    {onDisconnect && (\n                      <Button\n                        data-testid=\"disconnect-button\"\n                        variant=\"secondary\"\n                        label={t(\n                          \"neetoIntegrations.common.disconnectIntegration\",\n                          {\n                            integration:\n                              integrationName || humanize(integration),\n                          }\n                        )}\n                        onClick={() => setIsDisconnectAlertOpen(true)}\n                        {...secondaryButtonProps}\n                      />\n                    )}\n                  </div>\n                ) : (\n                  <Tooltip\n                    disabled={!isConnectDisabled}\n                    {...connectTooltipProps}\n                  >\n                    {(connectPath || connectUrl || onConnect) && (\n                      <div className=\"w-full\">\n                        <Button\n                          data-testid=\"connect-button\"\n                          disabled={isConnectDisabled}\n                          href={connectUrl}\n                          to={connectPath}\n                          label={t(\n                            \"neetoIntegrations.common.connectIntegration\",\n                            {\n                              integration:\n                                integrationName || humanize(integration),\n                            }\n                          )}\n                          onClick={onConnect}\n                          {...buttonProps}\n                        />\n                      </div>\n                    )}\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <DisconnectAlert\n        {...{ isDisconnecting, onClose, onDisconnect }}\n        isOpen={isDisconnectAlertOpen}\n        message={\n          disconnectMessage ||\n          t(`adminPanel.integrations.${integration}.disconnect.message`)\n        }\n        title={\n          disconnectTitle ||\n          t(`adminPanel.integrations.${integration}.disconnect.title`)\n        }\n      />\n    </>\n  )\n);\n\nexport default Manage;\n"],"names":["Manage","withT","_ref","t","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$isDisconnectAler","isDisconnectAlertOpen","_ref$setIsDisconnectA","setIsDisconnectAlertOpen","noop","_ref$isDisconnecting","isDisconnecting","_ref$onConnect","onConnect","undefined","_ref$onDisconnect","onDisconnect","_ref$onClose","onClose","_ref$Icon","Icon","_ref$isConnected","isConnected","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","_ref$helpDocUrl","helpDocUrl","_ref$managePath","managePath","_ref$manageUrl","manageUrl","_ref$integrationName","integrationName","_ref$disconnectMessag","disconnectMessage","_ref$disconnectTitle","disconnectTitle","_ref$isConnectDisable","isConnectDisabled","_ref$connectTooltipPr","connectTooltipProps","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$calloutProps","calloutProps","_jsxs","_Fragment","children","_jsx","className","size","Typography","variant","weight","Check","href","rel","target","humanize","ExternalLink","isNotEmpty","Callout","_objectSpread","Button","to","label","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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"}

package/dist/v2/Modal.js

@@ -26,9 +26,9 @@ var Stepper = function Stepper(_ref) {
         }), /*#__PURE__*/jsxs("div", {
           className: "flex items-center gap-2",
           children: [/*#__PURE__*/jsx("div", {
-            className: classnames("neeto-ui-rounded-full flex h-6 w-6 items-center justify-center border", {
-              "bg-green-600 border-green-600 neeto-ui-text-white": isActive,
-              "bg-primary border-primary neeto-ui-text-white": isCompleted,
+            className: classnames("flex h-6 w-6 items-center justify-center rounded-full border", {
+              "bg-green-600 border-green-600 text-white": isActive,
+              "bg-primary border-primary text-primary-foreground": isCompleted,
               "border-border text-muted-foreground": !isActiveOrCompleted(isActive, isCompleted)
             }),
             children: /*#__PURE__*/jsx(Typography, {

package/dist/v2/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../app/javascript/src/components/v2/Modal/Stepper.jsx","../../app/javascript/src/components/v2/Modal/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps = {} }) => {\n  const isActiveOrCompleted = (activeStatus, completedStatus) =>\n    activeStatus || completedStatus;\n\n  return (\n    <ul className=\"flex gap-4\">\n      {steps?.map(({ step, label, isActive, isCompleted }) => (\n        <li className=\"flex items-center gap-4\" key={step}>\n          {step !== \"1\" && (\n            <div\n              className={classnames(\"w-10 border-b\", {\n                \"border-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"border-border\": !isActiveOrCompleted(isActive, isCompleted),\n              })}\n            />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className={classnames(\n                \"neeto-ui-rounded-full flex h-6 w-6 items-center justify-center border\",\n                {\n                  \"bg-green-600 border-green-600 neeto-ui-text-white\": isActive,\n                  \"bg-primary border-primary neeto-ui-text-white\": isCompleted,\n                  \"border-border text-muted-foreground\": !isActiveOrCompleted(\n                    isActive,\n                    isCompleted\n                  ),\n                }\n              )}\n            >\n              <Typography asChild variant=\"body2\" weight=\"normal\">\n                <span>{step}</span>\n              </Typography>\n            </div>\n            <Typography\n              variant=\"body2\"\n              weight=\"normal\"\n              className={classnames({\n                \"text-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"text-muted-foreground\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            >\n              {label}\n            </Typography>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nStepper.propTypes = { steps: PropTypes.array };\n\nexport default Stepper;\n","import { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Stepper from \"./Stepper\";\n\nconst Modal = ({ isOpen = noop, onClose = noop, steps = {}, children }) => (\n  <Dialog\n    {...{ isOpen, onClose }}\n    className=\"flex flex-col transform-none w-screen overflow-y-auto\"\n    size=\"fullScreen\"\n  >\n    <Dialog.Header>\n      <Stepper {...{ steps }} />\n    </Dialog.Header>\n    <Dialog.Body className=\"flex justify-center grow\">\n      <div className=\"w-full py-10\">{children}</div>\n    </Dialog.Body>\n  </Dialog>\n);\n\nModal.propTypes = {\n  /**\n   * Handler function that is used to open the Modal\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the Modal's close button is invoked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Denote the number of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      step: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      isActive: PropTypes.bool.isRequired,\n      isCompleted: PropTypes.bool.isRequired,\n    })\n  ),\n};\n\nexport default Modal;\n"],"names":["Stepper","_ref","_ref$steps","steps","isActiveOrCompleted","activeStatus","completedStatus","_jsx","className","children","map","_ref2","step","label","isActive","isCompleted","_jsxs","classnames","Typography","asChild","variant","weight","Modal","_ref$isOpen","isOpen","noop","_ref$onClose","onClose","Dialog","size","Header","Body"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../app/javascript/src/components/v2/Modal/Stepper.jsx","../../app/javascript/src/components/v2/Modal/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps = {} }) => {\n  const isActiveOrCompleted = (activeStatus, completedStatus) =>\n    activeStatus || completedStatus;\n\n  return (\n    <ul className=\"flex gap-4\">\n      {steps?.map(({ step, label, isActive, isCompleted }) => (\n        <li className=\"flex items-center gap-4\" key={step}>\n          {step !== \"1\" && (\n            <div\n              className={classnames(\"w-10 border-b\", {\n                \"border-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"border-border\": !isActiveOrCompleted(isActive, isCompleted),\n              })}\n            />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className={classnames(\n                \"flex h-6 w-6 items-center justify-center rounded-full border\",\n                {\n                  \"bg-green-600 border-green-600 text-white\": isActive,\n                  \"bg-primary border-primary text-primary-foreground\":\n                    isCompleted,\n                  \"border-border text-muted-foreground\": !isActiveOrCompleted(\n                    isActive,\n                    isCompleted\n                  ),\n                }\n              )}\n            >\n              <Typography asChild variant=\"body2\" weight=\"normal\">\n                <span>{step}</span>\n              </Typography>\n            </div>\n            <Typography\n              variant=\"body2\"\n              weight=\"normal\"\n              className={classnames({\n                \"text-foreground\": isActiveOrCompleted(isActive, isCompleted),\n                \"text-muted-foreground\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            >\n              {label}\n            </Typography>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nStepper.propTypes = { steps: PropTypes.array };\n\nexport default Stepper;\n","import { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Stepper from \"./Stepper\";\n\nconst Modal = ({ isOpen = noop, onClose = noop, steps = {}, children }) => (\n  <Dialog\n    {...{ isOpen, onClose }}\n    className=\"flex flex-col transform-none w-screen overflow-y-auto\"\n    size=\"fullScreen\"\n  >\n    <Dialog.Header>\n      <Stepper {...{ steps }} />\n    </Dialog.Header>\n    <Dialog.Body className=\"flex justify-center grow\">\n      <div className=\"w-full py-10\">{children}</div>\n    </Dialog.Body>\n  </Dialog>\n);\n\nModal.propTypes = {\n  /**\n   * Handler function that is used to open the Modal\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the Modal's close button is invoked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Denote the number of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      step: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      isActive: PropTypes.bool.isRequired,\n      isCompleted: PropTypes.bool.isRequired,\n    })\n  ),\n};\n\nexport default Modal;\n"],"names":["Stepper","_ref","_ref$steps","steps","isActiveOrCompleted","activeStatus","completedStatus","_jsx","className","children","map","_ref2","step","label","isActive","isCompleted","_jsxs","classnames","Typography","asChild","variant","weight","Modal","_ref$isOpen","isOpen","noop","_ref$onClose","onClose","Dialog","size","Header","Body"],"mappings":"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"}

package/dist/v2/WalkthroughModal.js

@@ -29,7 +29,7 @@ var WalkthroughModal = withT(function (_ref) {
           autoPlay: true,
           controls: true,
           muted: true,
-          className: "neeto-ui-rounded-md w-full cursor-pointer",
+          className: "w-full cursor-pointer rounded-md",
           id: "walkthrough-video",
           children: /*#__PURE__*/jsx("source", {
             src: videoUrl

package/dist/v2/WalkthroughModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalkthroughModal.js","sources":["../../app/javascript/src/components/v2/WalkthroughModal/index.jsx"],"sourcesContent":["import { Dialog, Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\n\nconst WalkthroughModal = withT(\n  ({ t, isOpen = false, onClose = noop, videoUrl = \"\", children }) => (\n    <Dialog {...{ isOpen, onClose }} size=\"large\">\n      <Dialog.Header>\n        <Typography variant=\"h2\" weight=\"semibold\">\n          {t(\"neetoIntegrations.walkthroughModal.header\")}\n        </Typography>\n      </Dialog.Header>\n      <Dialog.Body>\n        <div className=\"w-full py-6\">\n          <video\n            autoPlay\n            controls\n            muted\n            className=\"neeto-ui-rounded-md w-full cursor-pointer\"\n            id=\"walkthrough-video\"\n          >\n            <source src={videoUrl} />\n          </video>\n          {children}\n        </div>\n      </Dialog.Body>\n      <Dialog.Footer>\n        <Button\n          label={t(\"neetoIntegrations.walkthroughModal.continue\")}\n          onClick={onClose}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  )\n);\n\nexport default WalkthroughModal;\n"],"names":["WalkthroughModal","withT","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","_jsxs","Dialog","size","_jsx","Header","Typography","variant","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;AAIA,IAAMA,gBAAgB,GAAGC,KAAK,CAC5B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CAAEQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAEE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAAA,oBAC3DC,IAAA,CAACC,MAAM,EAAA;AAAOR,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIO,IAAAA,IAAI,EAAC,OAAO;AAAAH,IAAAA,QAAA,EAAA,cAC3CI,GAAA,CAACF,MAAM,CAACG,MAAM,EAAA;MAAAL,QAAA,eACZI,GAAA,CAACE,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,IAAI;AAACC,QAAAA,MAAM,EAAC,UAAU;QAAAR,QAAA,EACvCR,CAAC,CAAC,2CAA2C;OACpC;AAAC,KACA,CAAC,eAChBY,GAAA,CAACF,MAAM,CAACO,IAAI,EAAA;AAAAT,MAAAA,QAAA,eACVC,IAAA,CAAA,KAAA,EAAA;AAAKS,QAAAA,SAAS,EAAC,aAAa;AAAAV,QAAAA,QAAA,gBAC1BI,GAAA,CAAA,OAAA,EAAA;UACEO,QAAQ,EAAA,IAAA;UACRC,QAAQ,EAAA,IAAA;UACRC,KAAK,EAAA,IAAA;AACLH,UAAAA,SAAS,EAAC,2CAA2C;AACrDI,UAAAA,EAAE,EAAC,mBAAmB;AAAAd,UAAAA,QAAA,eAEtBI,GAAA,CAAA,QAAA,EAAA;AAAQW,YAAAA,GAAG,EAAEhB;WAAW;SACnB,CAAC,EACPC,QAAQ;OACN;AAAC,KACK,CAAC,eACdI,GAAA,CAACF,MAAM,CAACc,MAAM,EAAA;MAAAhB,QAAA,eACZI,GAAA,CAACa,MAAM,EAAA;AACLC,QAAAA,KAAK,EAAE1B,CAAC,CAAC,6CAA6C,CAAE;AACxD2B,QAAAA,OAAO,EAAEvB;OACV;AAAC,KACW,CAAC;AAAA,GACV,CAAC;AAAA,CAEb;;;;"}
+{"version":3,"file":"WalkthroughModal.js","sources":["../../app/javascript/src/components/v2/WalkthroughModal/index.jsx"],"sourcesContent":["import { Dialog, Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\n\nconst WalkthroughModal = withT(\n  ({ t, isOpen = false, onClose = noop, videoUrl = \"\", children }) => (\n    <Dialog {...{ isOpen, onClose }} size=\"large\">\n      <Dialog.Header>\n        <Typography variant=\"h2\" weight=\"semibold\">\n          {t(\"neetoIntegrations.walkthroughModal.header\")}\n        </Typography>\n      </Dialog.Header>\n      <Dialog.Body>\n        <div className=\"w-full py-6\">\n          <video\n            autoPlay\n            controls\n            muted\n            className=\"w-full cursor-pointer rounded-md\"\n            id=\"walkthrough-video\"\n          >\n            <source src={videoUrl} />\n          </video>\n          {children}\n        </div>\n      </Dialog.Body>\n      <Dialog.Footer>\n        <Button\n          label={t(\"neetoIntegrations.walkthroughModal.continue\")}\n          onClick={onClose}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  )\n);\n\nexport default WalkthroughModal;\n"],"names":["WalkthroughModal","withT","_ref","t","_ref$isOpen","isOpen","_ref$onClose","onClose","noop","_ref$videoUrl","videoUrl","children","_jsxs","Dialog","size","_jsx","Header","Typography","variant","weight","Body","className","autoPlay","controls","muted","id","src","Footer","Button","label","onClick"],"mappings":";;;;;AAIA,IAAMA,gBAAgB,GAAGC,KAAK,CAC5B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,YAAA;IAAAG,aAAA,GAAAP,IAAA,CAAEQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAEE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAAA,oBAC3DC,IAAA,CAACC,MAAM,EAAA;AAAOR,IAAAA,MAAM,EAANA,MAAM;AAAEE,IAAAA,OAAO,EAAPA,OAAO;AAAIO,IAAAA,IAAI,EAAC,OAAO;AAAAH,IAAAA,QAAA,EAAA,cAC3CI,GAAA,CAACF,MAAM,CAACG,MAAM,EAAA;MAAAL,QAAA,eACZI,GAAA,CAACE,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,IAAI;AAACC,QAAAA,MAAM,EAAC,UAAU;QAAAR,QAAA,EACvCR,CAAC,CAAC,2CAA2C;OACpC;AAAC,KACA,CAAC,eAChBY,GAAA,CAACF,MAAM,CAACO,IAAI,EAAA;AAAAT,MAAAA,QAAA,eACVC,IAAA,CAAA,KAAA,EAAA;AAAKS,QAAAA,SAAS,EAAC,aAAa;AAAAV,QAAAA,QAAA,gBAC1BI,GAAA,CAAA,OAAA,EAAA;UACEO,QAAQ,EAAA,IAAA;UACRC,QAAQ,EAAA,IAAA;UACRC,KAAK,EAAA,IAAA;AACLH,UAAAA,SAAS,EAAC,kCAAkC;AAC5CI,UAAAA,EAAE,EAAC,mBAAmB;AAAAd,UAAAA,QAAA,eAEtBI,GAAA,CAAA,QAAA,EAAA;AAAQW,YAAAA,GAAG,EAAEhB;WAAW;SACnB,CAAC,EACPC,QAAQ;OACN;AAAC,KACK,CAAC,eACdI,GAAA,CAACF,MAAM,CAACc,MAAM,EAAA;MAAAhB,QAAA,eACZI,GAAA,CAACa,MAAM,EAAA;AACLC,QAAAA,KAAK,EAAE1B,CAAC,CAAC,6CAA6C,CAAE;AACxD2B,QAAAA,OAAO,EAAEvB;OACV;AAAC,KACW,CAAC;AAAA,GACV,CAAC;AAAA,CAEb;;;;"}

package/dist/v2/ZapierForm.js

@@ -219,7 +219,7 @@ var NewApiKeyInfo = withT(function (_ref) {
     }), /*#__PURE__*/jsxs("div", {
       className: "flex gap-2",
       children: [/*#__PURE__*/jsx(Typography, {
-        className: "bg-muted border-border neeto-ui-rounded min-w-96 border px-2 py-1",
+        className: "min-w-96 rounded border border-border bg-muted px-2 py-1",
         variant: "body2",
         weight: "medium",
         children: apiKey