npm - @powerhousedao/design-system - Versions diffs - 1.4.2 → 1.5.0 - Mend

@powerhousedao/design-system 1.4.2 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (214) hide show

package/dist/connect/components/modal/settings-modal/dependency-versions/dependency-versions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dependency-versions.js","sources":["../../../../../../src/connect/components/modal/settings-modal/dependency-versions/dependency-versions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Disclosure } from \"../../../disclosure\";\n\nexport type ConnectAppPackageJson = {\n version: string;\n devDependencies: {\n \"@powerhousedao/design-system\": string;\n \"document-drive\": string;\n \"document-model\": string;\n \"document-model-libs\": string;\n };\n};\n\nexport function verifyPackageJsonFields(\n packageJson: unknown,\n): asserts packageJson is ConnectAppPackageJson {\n if (!packageJson \|\| typeof packageJson !== \"object\") {\n throw new Error(\"Invalid package.json\");\n }\n if (!(\"version\" in packageJson)) {\n throw new Error(\"Missing version field in package.json\");\n }\n if (!(\"devDependencies\" in packageJson)) {\n throw new Error(\"Missing devDependencies field in package.json\");\n }\n if (typeof packageJson.version !== \"string\") {\n throw new Error(\"Invalid version field in package.json\");\n }\n if (\n !packageJson.devDependencies \|\|\n typeof packageJson.devDependencies !== \"object\"\n ) {\n throw new Error(\"Invalid devDependencies field in package.json\");\n }\n if (\n !(\"@powerhousedao/design-system\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"@powerhousedao/design-system\"] !==\n \"string\"\n ) {\n throw new Error(\"Invalid @powerhousedao/design-system dependency\");\n }\n if (\n !(\"document-drive\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"document-drive\"] !== \"string\"\n ) {\n throw new Error(\"Invalid document-drive dependency\");\n }\n if (\n !(\"document-model\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"document-model\"] !== \"string\"\n ) {\n throw new Error(\"Invalid document-model dependency\");\n }\n if (\n !(\"document-model-libs\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"document-model-libs\"] !== \"string\"\n ) {\n throw new Error(\"Invalid document-model-libs dependency\");\n }\n}\n\ntype Props = {\n readonly packageJson: unknown;\n};\nexport function DependencyVersions(props: Props) {\n const [isOpen, setIsOpen] = useState(false);\n const { packageJson } = props;\n\n try {\n verifyPackageJsonFields(packageJson);\n } catch (e) {\n console.error(e);\n return null;\n }\n\n return (\n <Disclosure\n isOpen={isOpen}\n onOpenChange={() => setIsOpen(!isOpen)}\n title={`App version: ${packageJson.version}`}\n >\n <ul className=\"text-gray-800\">\n <li className=\"my-1 flex justify-between pr-1\">\n <span>design-system:</span>\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"@powerhousedao/design-system\"]}\n </span>\n </li>\n <li className=\"my-1 flex justify-between pr-1\">\n <span>document-drive:</span>{\" \"}\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"document-drive\"]}\n </span>\n </li>\n <li className=\"my-1 flex justify-between pr-1\">\n <span>document-model:</span>{\" \"}\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"document-model\"]}\n </span>\n </li>\n <li className=\"my-1 flex justify-between pr-1\">\n <span>document-model-libs:</span>{\" \"}\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"document-model-libs\"]}\n </span>\n </li>\n </ul>\n </Disclosure>\n );\n}\n"],"names":["verifyPackageJsonFields","packageJson","DependencyVersions","props","isOpen","setIsOpen","useState","e","jsx","Disclosure","jsxs"],"mappings":";;;AAaO,SAASA,EACdC,GAC8C;AAC9C,MAAI,CAACA,KAAe,OAAOA,KAAgB;AACnC,UAAA,IAAI,MAAM,sBAAsB;AAEpC,MAAA,EAAE,aAAaA;AACX,UAAA,IAAI,MAAM,uCAAuC;AAErD,MAAA,EAAE,qBAAqBA;AACnB,UAAA,IAAI,MAAM,+CAA+C;AAE7D,MAAA,OAAOA,EAAY,WAAY;AAC3B,UAAA,IAAI,MAAM,uCAAuC;AAEzD,MACE,CAACA,EAAY,mBACb,OAAOA,EAAY,mBAAoB;AAEjC,UAAA,IAAI,MAAM,+CAA+C;AAG/D,MAAA,EAAE,kCAAkCA,EAAY,oBAChD,OAAOA,EAAY,gBAAgB,8BAA8B,KAC/D;AAEI,UAAA,IAAI,MAAM,iDAAiD;AAGjE,MAAA,EAAE,oBAAoBA,EAAY,oBAClC,OAAOA,EAAY,gBAAgB,gBAAgB,KAAM;AAEnD,UAAA,IAAI,MAAM,mCAAmC;AAGnD,MAAA,EAAE,oBAAoBA,EAAY,oBAClC,OAAOA,EAAY,gBAAgB,gBAAgB,KAAM;AAEnD,UAAA,IAAI,MAAM,mCAAmC;AAGnD,MAAA,EAAE,yBAAyBA,EAAY,oBACvC,OAAOA,EAAY,gBAAgB,qBAAqB,KAAM;AAExD,UAAA,IAAI,MAAM,wCAAwC;AAE5D;AAKO,SAASC,EAAmBC,GAAc;AAC/C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,EAAE,aAAAL,~~EAAgB,IAAAE~~;AAEpB,MAAA;AACF,IAAAH,EAAwBC,CAAW;AAAA,WAC5BM,GAAG;AACV,mBAAQ,MAAMA,CAAC,GACR;AAAA,~~EACT~~;~~AAGE~~,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAL;AAAA,MACA,cAAc,MAAMC,EAAU,CAACD,CAAM;AAAA,MACrC,OAAO,gBAAgBH,EAAY,OAAO;AAAA,MAE1C,UAAA,gBAAAS,EAAC,MAAG,EAAA,WAAU,iBACZ,UAAA;AAAA,QAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAc,iBAAA,CAAA;AAAA,4BACnB,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,8BAA8B,~~GAC7D~~;AAAA,QAAA,GACF;AAAA,QACA,gBAAAS,EAAC,MAAG,EAAA,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,UAAQ;AAAA,4BAC5B,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,gBAAgB,~~GAC~~/C;AAAA,QAAA,GACF;AAAA,QACA,gBAAAS,EAAC,MAAG,EAAA,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,UAAQ;AAAA,4BAC5B,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,gBAAgB,~~GAC~~/C;AAAA,QAAA,GACF;AAAA,QACA,gBAAAS,EAAC,MAAG,EAAA,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAoB,uBAAA,CAAA;AAAA,UAAQ;AAAA,4BACjC,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,qBAAqB,~~GACpD~~;AAAA,QAAA,~~GACF~~;AAAA,MAAA,~~GACF~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"dependency-versions.js","sources":["../../../../../../src/connect/components/modal/settings-modal/dependency-versions/dependency-versions.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Disclosure } from \"../../../disclosure\";\n\nexport type ConnectAppPackageJson = {\n version: string;\n devDependencies: {\n \"@powerhousedao/design-system\": string;\n \"document-drive\": string;\n \"document-model\": string;\n \"document-model-libs\": string;\n };\n};\n\nexport function verifyPackageJsonFields(\n packageJson: unknown,\n): asserts packageJson is ConnectAppPackageJson {\n if (!packageJson \|\| typeof packageJson !== \"object\") {\n throw new Error(\"Invalid package.json\");\n }\n if (!(\"version\" in packageJson)) {\n throw new Error(\"Missing version field in package.json\");\n }\n if (!(\"devDependencies\" in packageJson)) {\n throw new Error(\"Missing devDependencies field in package.json\");\n }\n if (typeof packageJson.version !== \"string\") {\n throw new Error(\"Invalid version field in package.json\");\n }\n if (\n !packageJson.devDependencies \|\|\n typeof packageJson.devDependencies !== \"object\"\n ) {\n throw new Error(\"Invalid devDependencies field in package.json\");\n }\n if (\n !(\"@powerhousedao/design-system\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"@powerhousedao/design-system\"] !==\n \"string\"\n ) {\n throw new Error(\"Invalid @powerhousedao/design-system dependency\");\n }\n if (\n !(\"document-drive\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"document-drive\"] !== \"string\"\n ) {\n throw new Error(\"Invalid document-drive dependency\");\n }\n if (\n !(\"document-model\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"document-model\"] !== \"string\"\n ) {\n throw new Error(\"Invalid document-model dependency\");\n }\n if (\n !(\"document-model-libs\" in packageJson.devDependencies) \|\|\n typeof packageJson.devDependencies[\"document-model-libs\"] !== \"string\"\n ) {\n throw new Error(\"Invalid document-model-libs dependency\");\n }\n}\n\ntype Props = {\n readonly packageJson: unknown;\n};\nexport function DependencyVersions(props: Props) {\n const [isOpen, setIsOpen] = useState(false);\n const { packageJson } = props;\n\n try {\n verifyPackageJsonFields(packageJson);\n } catch (e) {\n console.error(e);\n return null;\n }\n\n return (\n <Disclosure\n isOpen={isOpen}\n onOpenChange={() => setIsOpen(!isOpen)}\n title={`App version: ${packageJson.version}`}\n >\n <ul className=\"text-gray-800\">\n <li className=\"my-1 flex justify-between pr-1\">\n <span>design-system:</span>\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"@powerhousedao/design-system\"]}\n </span>\n </li>\n <li className=\"my-1 flex justify-between pr-1\">\n <span>document-drive:</span>{\" \"}\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"document-drive\"]}\n </span>\n </li>\n <li className=\"my-1 flex justify-between pr-1\">\n <span>document-model:</span>{\" \"}\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"document-model\"]}\n </span>\n </li>\n <li className=\"my-1 flex justify-between pr-1\">\n <span>document-model-libs:</span>{\" \"}\n <span className=\"font-medium\">\n {packageJson.devDependencies[\"document-model-libs\"]}\n </span>\n </li>\n </ul>\n </Disclosure>\n );\n}\n"],"names":["verifyPackageJsonFields","packageJson","DependencyVersions","props","isOpen","setIsOpen","useState","e","jsx","Disclosure","jsxs"],"mappings":";;;AAaO,SAASA,EACdC,GAC8C;AAC9C,MAAI,CAACA,KAAe,OAAOA,KAAgB;AACnC,UAAA,IAAI,MAAM,sBAAsB;AAEpC,MAAA,EAAE,aAAaA;AACX,UAAA,IAAI,MAAM,uCAAuC;AAErD,MAAA,EAAE,qBAAqBA;AACnB,UAAA,IAAI,MAAM,+CAA+C;AAE7D,MAAA,OAAOA,EAAY,WAAY;AAC3B,UAAA,IAAI,MAAM,uCAAuC;AAEzD,MACE,CAACA,EAAY,mBACb,OAAOA,EAAY,mBAAoB;AAEjC,UAAA,IAAI,MAAM,+CAA+C;AAG/D,MAAA,EAAE,kCAAkCA,EAAY,oBAChD,OAAOA,EAAY,gBAAgB,8BAA8B,KAC/D;AAEI,UAAA,IAAI,MAAM,iDAAiD;AAGjE,MAAA,EAAE,oBAAoBA,EAAY,oBAClC,OAAOA,EAAY,gBAAgB,gBAAgB,KAAM;AAEnD,UAAA,IAAI,MAAM,mCAAmC;AAGnD,MAAA,EAAE,oBAAoBA,EAAY,oBAClC,OAAOA,EAAY,gBAAgB,gBAAgB,KAAM;AAEnD,UAAA,IAAI,MAAM,mCAAmC;AAGnD,MAAA,EAAE,yBAAyBA,EAAY,oBACvC,OAAOA,EAAY,gBAAgB,qBAAqB,KAAM;AAExD,UAAA,IAAI,MAAM,wCAAwC;AAE5D;AAKO,SAASC,EAAmBC,GAAc;AAC/C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,EAAE,aAAAL,MAAgBE;AAEpB,MAAA;AACF,IAAAH,EAAwBC,CAAW;AAAA,WAC5BM,GAAG;AACV,mBAAQ,MAAMA,CAAC,GACR;AAAA,EAAA;AAIP,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAL;AAAA,MACA,cAAc,MAAMC,EAAU,CAACD,CAAM;AAAA,MACrC,OAAO,gBAAgBH,EAAY,OAAO;AAAA,MAE1C,UAAA,gBAAAS,EAAC,MAAG,EAAA,WAAU,iBACZ,UAAA;AAAA,QAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAc,iBAAA,CAAA;AAAA,4BACnB,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,8BAA8B,EAC7D,CAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAS,EAAC,MAAG,EAAA,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,UAAQ;AAAA,4BAC5B,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,gBAAgB,EAC/C,CAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAS,EAAC,MAAG,EAAA,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAe,kBAAA,CAAA;AAAA,UAAQ;AAAA,4BAC5B,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,gBAAgB,EAC/C,CAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAS,EAAC,MAAG,EAAA,WAAU,kCACZ,UAAA;AAAA,UAAA,gBAAAF,EAAC,UAAK,UAAoB,uBAAA,CAAA;AAAA,UAAQ;AAAA,4BACjC,QAAK,EAAA,WAAU,eACb,UAAYP,EAAA,gBAAgB,qBAAqB,EACpD,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/modal/settings-modal/document-select-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"document-select-row.js","sources":["../../../../../src/connect/components/modal/settings-modal/document-select-row.tsx"],"sourcesContent":["import { MultiSelect, Option, SelectProps } from \"react-multi-select-component\";\nimport { twMerge } from \"tailwind-merge\";\nimport { SettingsRow, SettingsRowProps } from \"./row\";\n\nexport interface DocumentSelectSettingsRowProps\n extends Omit<SettingsRowProps, \"onChange\"> {\n options: Option[];\n selected?: Option[];\n onChange: (options: Option[]) => void;\n selectProps?: Partial<SelectProps>;\n}\n\nexport const DocumentSelectSettingsRow: React.FC<\n DocumentSelectSettingsRowProps\n> = (props) => {\n const {\n options,\n onChange,\n className,\n selected = [],\n selectProps = {},\n ...restProps\n } = props;\n\n return (\n <SettingsRow {...restProps}>\n <MultiSelect\n className={twMerge(\"checkbox-container w-[200px]\", className)}\n labelledBy=\"Select\"\n onChange={onChange}\n options={options}\n value={selected}\n {...selectProps}\n />\n </SettingsRow>\n );\n};\n"],"names":["DocumentSelectSettingsRow","props","options","onChange","className","selected","selectProps","restProps","jsx","SettingsRow","MultiSelect","twMerge"],"mappings":";;;;AAYa,MAAAA,IAET,CAACC,MAAU;AACP,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW,CAAC;AAAA,IACZ,aAAAC,IAAc,CAAC;AAAA,IACf,GAAGC;AAAA,~~EACD~~,~~IAAAN~~;AAGF,SAAA,gBAAAO,EAACC,GAAa,EAAA,GAAGF,GACf,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWC,EAAQ,gCAAgCP,CAAS;AAAA,MAC5D,YAAW;AAAA,MACX,UAAAD;AAAA,MACA,SAAAD;AAAA,MACA,OAAOG;AAAA,MACN,GAAGC;AAAA,IAAA;AAAA,~~EAER,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"document-select-row.js","sources":["../../../../../src/connect/components/modal/settings-modal/document-select-row.tsx"],"sourcesContent":["import { MultiSelect, Option, SelectProps } from \"react-multi-select-component\";\nimport { twMerge } from \"tailwind-merge\";\nimport { SettingsRow, SettingsRowProps } from \"./row\";\n\nexport interface DocumentSelectSettingsRowProps\n extends Omit<SettingsRowProps, \"onChange\"> {\n options: Option[];\n selected?: Option[];\n onChange: (options: Option[]) => void;\n selectProps?: Partial<SelectProps>;\n}\n\nexport const DocumentSelectSettingsRow: React.FC<\n DocumentSelectSettingsRowProps\n> = (props) => {\n const {\n options,\n onChange,\n className,\n selected = [],\n selectProps = {},\n ...restProps\n } = props;\n\n return (\n <SettingsRow {...restProps}>\n <MultiSelect\n className={twMerge(\"checkbox-container w-[200px]\", className)}\n labelledBy=\"Select\"\n onChange={onChange}\n options={options}\n value={selected}\n {...selectProps}\n />\n </SettingsRow>\n );\n};\n"],"names":["DocumentSelectSettingsRow","props","options","onChange","className","selected","selectProps","restProps","jsx","SettingsRow","MultiSelect","twMerge"],"mappings":";;;;AAYa,MAAAA,IAET,CAACC,MAAU;AACP,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW,CAAC;AAAA,IACZ,aAAAC,IAAc,CAAC;AAAA,IACf,GAAGC;AAAA,EAAA,IACDN;AAGF,SAAA,gBAAAO,EAACC,GAAa,EAAA,GAAGF,GACf,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWC,EAAQ,gCAAgCP,CAAS;AAAA,MAC5D,YAAW;AAAA,MACX,UAAAD;AAAA,MACA,SAAAD;AAAA,MACA,OAAOG;AAAA,MACN,GAAGC;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/connect/components/modal/settings-modal/row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"row.js","sources":["../../../../../src/connect/components/modal/settings-modal/row.tsx"],"sourcesContent":["import { DivProps } from \"@/powerhouse\";\nimport React from \"react\";\n\nexport interface SettingsRowProps extends Omit<DivProps, \"title\"> {\n readonly title?: React.ReactNode;\n readonly description: React.ReactNode;\n}\n\nexport const SettingsRow: React.FC<SettingsRowProps> = (props) => {\n const { title, children, description, ...restProps } = props;\n\n return (\n <div {...restProps}>\n {title ? <h2 className=\"font-semibold\">{title}</h2> : null}\n <div className=\"flex items-center justify-between gap-x-12 text-sm font-medium\">\n <p>{description}</p>\n <div>{children}</div>\n </div>\n </div>\n );\n};\n"],"names":["SettingsRow","props","title","children","description","restProps","jsxs","jsx"],"mappings":";AAQa,MAAAA,IAA0C,CAACC,MAAU;AAChE,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,GAAGC,EAAc,IAAAJ;AAGrD,SAAA,gBAAAK,EAAC,OAAK,EAAA,GAAGD,GACN,UAAA;AAAA,IAAAH,IAAS,gBAAAK,EAAA,MAAA,EAAG,WAAU,iBAAiB,YAAM,CAAA,IAAQ;AAAA,IACtD,gBAAAD,EAAC,OAAI,EAAA,WAAU,kEACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAG,UAAYH,EAAA,CAAA;AAAA,MAChB,gBAAAG,EAAC,SAAK,UAAAJ,~~GAAS~~;AAAA,IAAA,~~GACjB~~;AAAA,~~EACF,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"row.js","sources":["../../../../../src/connect/components/modal/settings-modal/row.tsx"],"sourcesContent":["import { DivProps } from \"@/powerhouse\";\nimport React from \"react\";\n\nexport interface SettingsRowProps extends Omit<DivProps, \"title\"> {\n readonly title?: React.ReactNode;\n readonly description: React.ReactNode;\n}\n\nexport const SettingsRow: React.FC<SettingsRowProps> = (props) => {\n const { title, children, description, ...restProps } = props;\n\n return (\n <div {...restProps}>\n {title ? <h2 className=\"font-semibold\">{title}</h2> : null}\n <div className=\"flex items-center justify-between gap-x-12 text-sm font-medium\">\n <p>{description}</p>\n <div>{children}</div>\n </div>\n </div>\n );\n};\n"],"names":["SettingsRow","props","title","children","description","restProps","jsxs","jsx"],"mappings":";AAQa,MAAAA,IAA0C,CAACC,MAAU;AAChE,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,GAAGC,EAAc,IAAAJ;AAGrD,SAAA,gBAAAK,EAAC,OAAK,EAAA,GAAGD,GACN,UAAA;AAAA,IAAAH,IAAS,gBAAAK,EAAA,MAAA,EAAG,WAAU,iBAAiB,YAAM,CAAA,IAAQ;AAAA,IACtD,gBAAAD,EAAC,OAAI,EAAA,WAAU,kEACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAG,UAAYH,EAAA,CAAA;AAAA,MAChB,gBAAAG,EAAC,SAAK,UAAAJ,EAAS,CAAA;AAAA,IAAA,EACjB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/connect/components/modal/settings-modal/settings-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"settings-modal.js","sources":["../../../../../src/connect/components/modal/settings-modal/settings-modal.tsx"],"sourcesContent":["import { Button, Icon, Modal } from \"@/powerhouse\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type SettingsModalProps = ComponentPropsWithoutRef<typeof Modal> & {\n readonly title: React.ReactNode;\n readonly body: React.ReactNode;\n readonly cancelLabel: string;\n readonly saveLabel: string;\n readonly onSave: () => void;\n};\n\nexport const SettingsModal: React.FC<SettingsModalProps> = (props) => {\n const {\n body,\n title,\n onSave,\n children,\n saveLabel,\n cancelLabel,\n overlayProps,\n contentProps,\n onOpenChange,\n ...restProps\n } = props;\n\n return (\n <Modal\n contentProps={{\n ...contentProps,\n className: twMerge(\"rounded-2xl\", contentProps?.className),\n }}\n onOpenChange={onOpenChange}\n overlayProps={{\n ...overlayProps,\n className: twMerge(\"top-10\", overlayProps?.className),\n }}\n {...restProps}\n >\n <div className=\"w-[432px] p-4 text-gray-900\">\n <div className=\"flex justify-between\">\n <h1 className=\"text-center text-xl font-bold\">{title}</h1>\n <button\n className=\"flex size-8 items-center justify-center rounded-md bg-gray-100 text-gray-500 outline-none hover:text-gray-900\"\n onClick={() => onOpenChange?.(false)}\n >\n <Icon name=\"XmarkLight\" size={24} />\n </button>\n </div>\n <div className=\"mt-8 flex min-h-[50px] items-center justify-center rounded-md bg-slate-50 p-3 text-xs font-medium text-gray-600\">\n {body}\n </div>\n <div className=\"mt-4 flex flex-col gap-y-4\">{children}</div>\n <div className=\"mt-4 flex justify-end gap-x-4\">\n <Button\n className=\"text-gray-900\"\n color=\"light\"\n onClick={() => onOpenChange?.(false)}\n >\n {cancelLabel}\n </Button>\n <Button onClick={onSave}>{saveLabel}</Button>\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["SettingsModal","props","body","title","onSave","children","saveLabel","cancelLabel","overlayProps","contentProps","onOpenChange","restProps","jsx","Modal","twMerge","jsxs","Icon","Button"],"mappings":";;;;;AAYa,MAAAA,IAA8C,CAACC,MAAU;AAC9D,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,~~EACD~~,~~IAAAV~~;AAGF,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,GAAGJ;AAAA,QACH,WAAWK,EAAQ,eAAeL,KAAA,gBAAAA,EAAc,SAAS;AAAA,MAC3D;AAAA,MACA,cAAAC;AAAA,MACA,cAAc;AAAA,QACZ,GAAGF;AAAA,QACH,WAAWM,EAAQ,UAAUN,KAAA,gBAAAA,EAAc,SAAS;AAAA,MACtD;AAAA,MACC,GAAGG;AAAA,MAEJ,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,+BACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMT,GAAA;AAAA,UACrD,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMF,KAAA,gBAAAA,EAAe;AAAA,cAE9B,UAAC,gBAAAE,EAAAI,GAAA,EAAK,MAAK,cAAa,MAAM,~~IAAI~~;AAAA,YAAA;AAAA,~~UACpC~~;AAAA,~~QAAA~~,GACF;AAAA,QACC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,mHACZ,UACHV,GAAA;AAAA,QACC,gBAAAU,EAAA,OAAA,EAAI,WAAU,8BAA8B,UAAAP,EAAS,CAAA;AAAA,QACtD,gBAAAU,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAM;AAAA,cACN,SAAS,MAAMP,KAAA,gBAAAA,EAAe;AAAA,cAE7B,UAAAH;AAAA,YAAA;AAAA,UACH;AAAA,UACC,gBAAAK,EAAAK,GAAA,EAAO,SAASb,GAAS,UAAUE,~~GAAA~~;AAAA,QAAA,~~GACtC~~;AAAA,MAAA,~~GACF~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"settings-modal.js","sources":["../../../../../src/connect/components/modal/settings-modal/settings-modal.tsx"],"sourcesContent":["import { Button, Icon, Modal } from \"@/powerhouse\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type SettingsModalProps = ComponentPropsWithoutRef<typeof Modal> & {\n readonly title: React.ReactNode;\n readonly body: React.ReactNode;\n readonly cancelLabel: string;\n readonly saveLabel: string;\n readonly onSave: () => void;\n};\n\nexport const SettingsModal: React.FC<SettingsModalProps> = (props) => {\n const {\n body,\n title,\n onSave,\n children,\n saveLabel,\n cancelLabel,\n overlayProps,\n contentProps,\n onOpenChange,\n ...restProps\n } = props;\n\n return (\n <Modal\n contentProps={{\n ...contentProps,\n className: twMerge(\"rounded-2xl\", contentProps?.className),\n }}\n onOpenChange={onOpenChange}\n overlayProps={{\n ...overlayProps,\n className: twMerge(\"top-10\", overlayProps?.className),\n }}\n {...restProps}\n >\n <div className=\"w-[432px] p-4 text-gray-900\">\n <div className=\"flex justify-between\">\n <h1 className=\"text-center text-xl font-bold\">{title}</h1>\n <button\n className=\"flex size-8 items-center justify-center rounded-md bg-gray-100 text-gray-500 outline-none hover:text-gray-900\"\n onClick={() => onOpenChange?.(false)}\n >\n <Icon name=\"XmarkLight\" size={24} />\n </button>\n </div>\n <div className=\"mt-8 flex min-h-[50px] items-center justify-center rounded-md bg-slate-50 p-3 text-xs font-medium text-gray-600\">\n {body}\n </div>\n <div className=\"mt-4 flex flex-col gap-y-4\">{children}</div>\n <div className=\"mt-4 flex justify-end gap-x-4\">\n <Button\n className=\"text-gray-900\"\n color=\"light\"\n onClick={() => onOpenChange?.(false)}\n >\n {cancelLabel}\n </Button>\n <Button onClick={onSave}>{saveLabel}</Button>\n </div>\n </div>\n </Modal>\n );\n};\n"],"names":["SettingsModal","props","body","title","onSave","children","saveLabel","cancelLabel","overlayProps","contentProps","onOpenChange","restProps","jsx","Modal","twMerge","jsxs","Icon","Button"],"mappings":";;;;;AAYa,MAAAA,IAA8C,CAACC,MAAU;AAC9D,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDV;AAGF,SAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,GAAGJ;AAAA,QACH,WAAWK,EAAQ,eAAeL,KAAA,gBAAAA,EAAc,SAAS;AAAA,MAC3D;AAAA,MACA,cAAAC;AAAA,MACA,cAAc;AAAA,QACZ,GAAGF;AAAA,QACH,WAAWM,EAAQ,UAAUN,KAAA,gBAAAA,EAAc,SAAS;AAAA,MACtD;AAAA,MACC,GAAGG;AAAA,MAEJ,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,+BACb,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAC,gBAAAH,EAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMT,GAAA;AAAA,UACrD,gBAAAS;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMF,KAAA,gBAAAA,EAAe;AAAA,cAE9B,UAAC,gBAAAE,EAAAI,GAAA,EAAK,MAAK,cAAa,MAAM,GAAI,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC,GACF;AAAA,QACC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,mHACZ,UACHV,GAAA;AAAA,QACC,gBAAAU,EAAA,OAAA,EAAI,WAAU,8BAA8B,UAAAP,EAAS,CAAA;AAAA,QACtD,gBAAAU,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAM;AAAA,cACN,SAAS,MAAMP,KAAA,gBAAAA,EAAe;AAAA,cAE7B,UAAAH;AAAA,YAAA;AAAA,UACH;AAAA,UACC,gBAAAK,EAAAK,GAAA,EAAO,SAASb,GAAS,UAAUE,EAAA,CAAA;AAAA,QAAA,EACtC,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/modal/upgrade-drive-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"upgrade-drive-modal.js","sources":["../../../../src/connect/components/modal/upgrade-drive-modal.tsx"],"sourcesContent":["import { Modal } from \"@/powerhouse\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nconst buttonStyles =\n \"min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all\";\n\nexport type ConnectUpgradeDriveModalProps = ComponentPropsWithoutRef<\n typeof Modal\n> & {\n readonly header: React.ReactNode;\n readonly body: React.ReactNode;\n readonly onContinue: () => void;\n readonly cancelLabel: string;\n readonly continueLabel: string;\n};\n\nexport function ConnectUpgradeDriveModal(props: ConnectUpgradeDriveModalProps) {\n const {\n body,\n header,\n onOpenChange,\n onContinue,\n cancelLabel,\n continueLabel,\n overlayProps,\n contentProps,\n ...restProps\n } = props;\n\n return (\n <Modal\n contentProps={{\n ...contentProps,\n className: twMerge(\"rounded-3xl\", contentProps?.className),\n }}\n onOpenChange={onOpenChange}\n overlayProps={{\n ...overlayProps,\n className: overlayProps?.className,\n }}\n {...restProps}\n >\n <div className=\"w-[400px] p-6 text-slate-300\">\n <div className=\"border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800\">\n {header}\n </div>\n <div className=\"my-6 rounded-md bg-slate-50 p-4 text-center text-slate-200\">\n {body}\n </div>\n <div className=\"mt-8 flex justify-between gap-3\">\n <button\n className={twMerge(\n buttonStyles,\n \"flex-1 bg-slate-50 text-slate-800\",\n )}\n onClick={() => onOpenChange?.(false)}\n >\n {cancelLabel}\n </button>\n <button\n className={twMerge(buttonStyles, \"flex-1 bg-gray-800 text-gray-50\")}\n onClick={onContinue}\n >\n {continueLabel}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n"],"names":["buttonStyles","ConnectUpgradeDriveModal","props","body","header","onOpenChange","onContinue","cancelLabel","continueLabel","overlayProps","contentProps","restProps","jsx","Modal","twMerge","jsxs"],"mappings":";;;AAIA,MAAMA,IACJ;AAYK,SAASC,EAAyBC,GAAsC;AACvE,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,~~EACD~~,~~IAAAT~~;AAGF,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,GAAGH;AAAA,QACH,WAAWI,EAAQ,eAAeJ,KAAA,gBAAAA,EAAc,SAAS;AAAA,MAC3D;AAAA,MACA,cAAAL;AAAA,MACA,cAAc;AAAA,QACZ,GAAGI;AAAA,QACH,WAAWA,KAAA,gBAAAA,EAAc;AAAA,MAC3B;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,kEACZ,UACHR,GAAA;AAAA,QACC,gBAAAQ,EAAA,OAAA,EAAI,WAAU,8DACZ,UACHT,GAAA;AAAA,QACA,gBAAAY,EAAC,OAAI,EAAA,WAAU,mCACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE;AAAA,gBACTd;AAAA,gBACA;AAAA,cACF;AAAA,cACA,SAAS,MAAMK,KAAA,gBAAAA,EAAe;AAAA,cAE7B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE,EAAQd,GAAc,iCAAiC;AAAA,cAClE,SAASM;AAAA,cAER,UAAAE;AAAA,YAAA;AAAA,~~UACH~~;AAAA,~~QAAA~~,~~GACF~~;AAAA,MAAA,~~GACF~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"upgrade-drive-modal.js","sources":["../../../../src/connect/components/modal/upgrade-drive-modal.tsx"],"sourcesContent":["import { Modal } from \"@/powerhouse\";\nimport React, { ComponentPropsWithoutRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nconst buttonStyles =\n \"min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all\";\n\nexport type ConnectUpgradeDriveModalProps = ComponentPropsWithoutRef<\n typeof Modal\n> & {\n readonly header: React.ReactNode;\n readonly body: React.ReactNode;\n readonly onContinue: () => void;\n readonly cancelLabel: string;\n readonly continueLabel: string;\n};\n\nexport function ConnectUpgradeDriveModal(props: ConnectUpgradeDriveModalProps) {\n const {\n body,\n header,\n onOpenChange,\n onContinue,\n cancelLabel,\n continueLabel,\n overlayProps,\n contentProps,\n ...restProps\n } = props;\n\n return (\n <Modal\n contentProps={{\n ...contentProps,\n className: twMerge(\"rounded-3xl\", contentProps?.className),\n }}\n onOpenChange={onOpenChange}\n overlayProps={{\n ...overlayProps,\n className: overlayProps?.className,\n }}\n {...restProps}\n >\n <div className=\"w-[400px] p-6 text-slate-300\">\n <div className=\"border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800\">\n {header}\n </div>\n <div className=\"my-6 rounded-md bg-slate-50 p-4 text-center text-slate-200\">\n {body}\n </div>\n <div className=\"mt-8 flex justify-between gap-3\">\n <button\n className={twMerge(\n buttonStyles,\n \"flex-1 bg-slate-50 text-slate-800\",\n )}\n onClick={() => onOpenChange?.(false)}\n >\n {cancelLabel}\n </button>\n <button\n className={twMerge(buttonStyles, \"flex-1 bg-gray-800 text-gray-50\")}\n onClick={onContinue}\n >\n {continueLabel}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n"],"names":["buttonStyles","ConnectUpgradeDriveModal","props","body","header","onOpenChange","onContinue","cancelLabel","continueLabel","overlayProps","contentProps","restProps","jsx","Modal","twMerge","jsxs"],"mappings":";;;AAIA,MAAMA,IACJ;AAYK,SAASC,EAAyBC,GAAsC;AACvE,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT;AAGF,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,QACZ,GAAGH;AAAA,QACH,WAAWI,EAAQ,eAAeJ,KAAA,gBAAAA,EAAc,SAAS;AAAA,MAC3D;AAAA,MACA,cAAAL;AAAA,MACA,cAAc;AAAA,QACZ,GAAGI;AAAA,QACH,WAAWA,KAAA,gBAAAA,EAAc;AAAA,MAC3B;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,QAAC,gBAAAH,EAAA,OAAA,EAAI,WAAU,kEACZ,UACHR,GAAA;AAAA,QACC,gBAAAQ,EAAA,OAAA,EAAI,WAAU,8DACZ,UACHT,GAAA;AAAA,QACA,gBAAAY,EAAC,OAAI,EAAA,WAAU,mCACb,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE;AAAA,gBACTd;AAAA,gBACA;AAAA,cACF;AAAA,cACA,SAAS,MAAMK,KAAA,gBAAAA,EAAe;AAAA,cAE7B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE,EAAQd,GAAc,iCAAiC;AAAA,cAClE,SAASM;AAAA,cAER,UAAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/node-input/node-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"node-input.js","sources":["../../../../src/connect/components/node-input/node-input.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useEventListener, useOnClickOutside } from \"usehooks-ts\";\n\ntype Props = {\n readonly name?: string;\n readonly defaultValue?: string;\n readonly placeholder?: string;\n readonly \"aria-label\"?: string;\n readonly className?: string;\n readonly minLength?: number;\n readonly onSubmit: (value: string) => void;\n readonly onCancel: () => void;\n};\nexport function NodeInput(props: Props) {\n const {\n onSubmit,\n onCancel,\n defaultValue,\n className,\n minLength = 1,\n ...inputProps\n } = props;\n const [value, setValue] = useState(defaultValue ?? \"\");\n\n const ref = useRef<HTMLInputElement>(null);\n\n useOnClickOutside(ref, handleSubmit);\n\n useEventListener(\"keyup\", (e) => {\n if (e.key === \"Enter\") {\n handleSubmit();\n }\n if (e.key === \"Escape\") {\n onCancel();\n }\n });\n\n useLayoutEffect(() => {\n setTimeout(() => {\n ref.current?.focus();\n ref.current?.select();\n ref.current?.scroll({ left: 9999 });\n }, 100);\n }, []);\n\n function handleSubmit() {\n if (value.length >= minLength) {\n onSubmit(value);\n }\n }\n\n return (\n <input\n {...inputProps}\n autoFocus\n className={twMerge(\"bg-inherit text-inherit outline-none\", className)}\n minLength={minLength}\n onChange={(e) => setValue(e.target.value)}\n ref={ref}\n required\n type=\"text\"\n value={value}\n />\n );\n}\n"],"names":["NodeInput","props","onSubmit","onCancel","defaultValue","className","minLength","inputProps","value","setValue","useState","ref","useRef","useOnClickOutside","handleSubmit","useEventListener","useLayoutEffect","_a","_b","_c","jsx","twMerge"],"mappings":";;;;AAcO,SAASA,EAAUC,GAAc;AAChC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,~~EACD~~,~~IAAAN~~,GACE,CAACO,GAAOC,CAAQ,IAAIC,EAASN,KAAgB,EAAE,GAE/CO,IAAMC,EAAyB,IAAI;AAEzC,EAAAC,EAAkBF,GAAKG,CAAY,GAElBC,EAAA,SAAS,CAAC,MAAM;AAC3B,IAAA,EAAE,QAAQ,WACCD,~~KAEX~~,EAAE,QAAQ,YACHX;EACX,CACD,GAEDa,EAAgB,MAAM;AACpB,eAAW,MAAM;;AACf,OAAAC,IAAAN,EAAI,YAAJ,QAAAM,EAAa,UACbC,IAAAP,EAAI,YAAJ,QAAAO,EAAa,WACbC,IAAAR,EAAI,YAAJ,QAAAQ,EAAa,OAAO,EAAE,MAAM~~,KAAM~~;~~AAAA~~,~~OACjC,~~GAAG;AAAA,EACR,GAAG,~~CAAE,CAAA~~;AAEL,WAASL,IAAe;AAClB,IAAAN,EAAM,UAAUF,KAClBJ,EAASM,CAAK;AAAA,~~EAElB~~;~~AAGE~~,SAAA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,WAAS;AAAA,MACT,WAAWc,EAAQ,wCAAwChB,CAAS;AAAA,MACpE,WAAAC;AAAA,MACA,UAAU,CAAC,MAAMG,EAAS,EAAE,OAAO,KAAK;AAAA,MACxC,KAAAE;AAAA,MACA,UAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAAH;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"node-input.js","sources":["../../../../src/connect/components/node-input/node-input.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useEventListener, useOnClickOutside } from \"usehooks-ts\";\n\ntype Props = {\n readonly name?: string;\n readonly defaultValue?: string;\n readonly placeholder?: string;\n readonly \"aria-label\"?: string;\n readonly className?: string;\n readonly minLength?: number;\n readonly onSubmit: (value: string) => void;\n readonly onCancel: () => void;\n};\nexport function NodeInput(props: Props) {\n const {\n onSubmit,\n onCancel,\n defaultValue,\n className,\n minLength = 1,\n ...inputProps\n } = props;\n const [value, setValue] = useState(defaultValue ?? \"\");\n\n const ref = useRef<HTMLInputElement>(null);\n\n useOnClickOutside(ref, handleSubmit);\n\n useEventListener(\"keyup\", (e) => {\n if (e.key === \"Enter\") {\n handleSubmit();\n }\n if (e.key === \"Escape\") {\n onCancel();\n }\n });\n\n useLayoutEffect(() => {\n setTimeout(() => {\n ref.current?.focus();\n ref.current?.select();\n ref.current?.scroll({ left: 9999 });\n }, 100);\n }, []);\n\n function handleSubmit() {\n if (value.length >= minLength) {\n onSubmit(value);\n }\n }\n\n return (\n <input\n {...inputProps}\n autoFocus\n className={twMerge(\"bg-inherit text-inherit outline-none\", className)}\n minLength={minLength}\n onChange={(e) => setValue(e.target.value)}\n ref={ref}\n required\n type=\"text\"\n value={value}\n />\n );\n}\n"],"names":["NodeInput","props","onSubmit","onCancel","defaultValue","className","minLength","inputProps","value","setValue","useState","ref","useRef","useOnClickOutside","handleSubmit","useEventListener","useLayoutEffect","_a","_b","_c","jsx","twMerge"],"mappings":";;;;AAcO,SAASA,EAAUC,GAAc;AAChC,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACDN,GACE,CAACO,GAAOC,CAAQ,IAAIC,EAASN,KAAgB,EAAE,GAE/CO,IAAMC,EAAyB,IAAI;AAEzC,EAAAC,EAAkBF,GAAKG,CAAY,GAElBC,EAAA,SAAS,CAAC,MAAM;AAC3B,IAAA,EAAE,QAAQ,WACCD,EAAA,GAEX,EAAE,QAAQ,YACHX,EAAA;AAAA,EACX,CACD,GAEDa,EAAgB,MAAM;AACpB,eAAW,MAAM;;AACf,OAAAC,IAAAN,EAAI,YAAJ,QAAAM,EAAa,UACbC,IAAAP,EAAI,YAAJ,QAAAO,EAAa,WACbC,IAAAR,EAAI,YAAJ,QAAAQ,EAAa,OAAO,EAAE,MAAM;OAC3B,GAAG;AAAA,EACR,GAAG,EAAE;AAEL,WAASL,IAAe;AAClB,IAAAN,EAAM,UAAUF,KAClBJ,EAASM,CAAK;AAAA,EAChB;AAIA,SAAA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,WAAS;AAAA,MACT,WAAWc,EAAQ,wCAAwChB,CAAS;AAAA,MACpE,WAAAC;AAAA,MACA,UAAU,CAAC,MAAMG,EAAS,EAAE,OAAO,KAAK;AAAA,MACxC,KAAAE;AAAA,MACA,UAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAAH;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/revision-history/header/branch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"branch.js","sources":["../../../../../src/connect/components/revision-history/header/branch.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\n\ntype Props = {\n readonly branch?: string;\n};\nexport function Branch(props: Props) {\n const { branch = \"main\" } = props;\n\n return (\n <button className=\"flex h-8 items-center gap-1 rounded-lg bg-slate-50 pl-1 pr-2 text-xs text-slate-100\">\n <Icon name=\"Branch\" />\n <span>BRANCH</span>\n <span className=\"text-gray-900\">{branch}</span>\n </button>\n );\n}\n"],"names":["Branch","props","branch","jsxs","jsx","Icon"],"mappings":";;AAKO,SAASA,EAAOC,GAAc;AAC7B,QAAA,EAAE,QAAAC,IAAS,~~OAAW~~,~~IAAAD~~;AAG1B,SAAA,gBAAAE,EAAC,UAAO,EAAA,WAAU,uFAChB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,MAAK,SAAS,CAAA;AAAA,IACpB,gBAAAD,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,IACX,gBAAAA,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAOF,~~GAAA~~;AAAA,~~EAC1C,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"branch.js","sources":["../../../../../src/connect/components/revision-history/header/branch.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\n\ntype Props = {\n readonly branch?: string;\n};\nexport function Branch(props: Props) {\n const { branch = \"main\" } = props;\n\n return (\n <button className=\"flex h-8 items-center gap-1 rounded-lg bg-slate-50 pl-1 pr-2 text-xs text-slate-100\">\n <Icon name=\"Branch\" />\n <span>BRANCH</span>\n <span className=\"text-gray-900\">{branch}</span>\n </button>\n );\n}\n"],"names":["Branch","props","branch","jsxs","jsx","Icon"],"mappings":";;AAKO,SAASA,EAAOC,GAAc;AAC7B,QAAA,EAAE,QAAAC,IAAS,OAAA,IAAWD;AAG1B,SAAA,gBAAAE,EAAC,UAAO,EAAA,WAAU,uFAChB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,MAAK,SAAS,CAAA;AAAA,IACpB,gBAAAD,EAAC,UAAK,UAAM,SAAA,CAAA;AAAA,IACX,gBAAAA,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAOF,EAAA,CAAA;AAAA,EAAA,GAC1C;AAEJ;"}

package/dist/connect/components/revision-history/header/doc-id.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"doc-id.js","sources":["../../../../../src/connect/components/revision-history/header/doc-id.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\n\ntype Props = {\n readonly docId: string;\n};\nexport function DocId(props: Props) {\n const { docId } = props;\n const [, copy] = useCopyToClipboard();\n\n function handleCopy(text: string) {\n return () => {\n copy(text).catch((error) => {\n console.error(\"Failed to copy!\", error);\n });\n };\n }\n\n return (\n <button\n className=\"flex h-8 items-center gap-1 rounded-lg bg-slate-50 pl-1 pr-2 text-xs text-slate-100\"\n onClick={handleCopy(docId)}\n >\n <Icon name=\"Link\" />\n DOC ID\n <span className=\"text-gray-900\">{docId}</span>\n </button>\n );\n}\n"],"names":["DocId","props","docId","copy","useCopyToClipboard","handleCopy","text","error","jsxs","jsx","Icon"],"mappings":";;;AAMO,SAASA,EAAMC,GAAc;AAC5B,QAAA,EAAE,OAAAC,~~EAAU~~,~~IAAAD,~~GACZ,CAAG,EAAAE,CAAI,IAAIC;~~AAEjB~~,WAASC,EAAWC,GAAc;AAChC,WAAO,MAAM;AACX,MAAAH,EAAKG,CAAI,EAAE,MAAM,CAACC,MAAU;AAClB,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,~~IAAA~~;AAAA,~~EAEL~~;~~AAGE~~,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAASH,EAAWH,CAAK;AAAA,MAEzB,UAAA;AAAA,QAAC,gBAAAO,EAAAC,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,QAAE;AAAA,QAEnB,gBAAAD,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAMP,~~GAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAG7C~~;"}
1	+ {"version":3,"file":"doc-id.js","sources":["../../../../../src/connect/components/revision-history/header/doc-id.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\n\ntype Props = {\n readonly docId: string;\n};\nexport function DocId(props: Props) {\n const { docId } = props;\n const [, copy] = useCopyToClipboard();\n\n function handleCopy(text: string) {\n return () => {\n copy(text).catch((error) => {\n console.error(\"Failed to copy!\", error);\n });\n };\n }\n\n return (\n <button\n className=\"flex h-8 items-center gap-1 rounded-lg bg-slate-50 pl-1 pr-2 text-xs text-slate-100\"\n onClick={handleCopy(docId)}\n >\n <Icon name=\"Link\" />\n DOC ID\n <span className=\"text-gray-900\">{docId}</span>\n </button>\n );\n}\n"],"names":["DocId","props","docId","copy","useCopyToClipboard","handleCopy","text","error","jsxs","jsx","Icon"],"mappings":";;;AAMO,SAASA,EAAMC,GAAc;AAC5B,QAAA,EAAE,OAAAC,MAAUD,GACZ,CAAG,EAAAE,CAAI,IAAIC,EAAmB;AAEpC,WAASC,EAAWC,GAAc;AAChC,WAAO,MAAM;AACX,MAAAH,EAAKG,CAAI,EAAE,MAAM,CAACC,MAAU;AAClB,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,IACH;AAAA,EAAA;AAIA,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAASH,EAAWH,CAAK;AAAA,MAEzB,UAAA;AAAA,QAAC,gBAAAO,EAAAC,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,QAAE;AAAA,QAEnB,gBAAAD,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAMP,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACzC;AAEJ;"}

package/dist/connect/components/revision-history/header/header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header.js","sources":["../../../../../src/connect/components/revision-history/header/header.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport { ReactNode } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Scope as TScope } from \"../types\";\nimport { Branch } from \"./branch\";\nimport { DocId } from \"./doc-id\";\nimport { Scope } from \"./scope\";\n\ninterface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n readonly title: ReactNode;\n readonly docId: string;\n readonly scope: TScope;\n readonly onChangeScope: (scope: TScope) => void;\n readonly onClose: () => void;\n}\n\nexport function Header(props: Props) {\n const {\n title,\n docId,\n scope,\n onChangeScope,\n onClose,\n className,\n ...divProps\n } = props;\n return (\n <header\n className={twMerge(\n \"flex items-center justify-between bg-transparent\",\n className,\n )}\n {...divProps}\n >\n <div className=\"flex items-center gap-3\">\n <button\n className=\"rounded-lg bg-gray-50 p-1 text-slate-100 shadow-button\"\n onClick={onClose}\n >\n <Icon name=\"VariantArrowLeft\" />\n </button>\n <h1 className=\"text-xs\">{title}</h1>\n </div>\n <div className=\"flex items-center gap-2\">\n <DocId docId={docId} />\n <Branch />\n <Scope onChange={onChangeScope} value={scope} />\n </div>\n </header>\n );\n}\n"],"names":["Header","props","title","docId","scope","onChangeScope","onClose","className","divProps","jsxs","twMerge","jsx","Icon","DocId","Branch","Scope"],"mappings":";;;;;;AAgBO,SAASA,EAAOC,GAAc;AAC7B,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,~~EACD~~,~~IAAAP~~;AAEF,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAASL;AAAA,cAET,UAAA,gBAAAK,EAACC,GAAK,EAAA,MAAK,mBAAmB,CAAA;AAAA,YAAA;AAAA,UAChC;AAAA,UACC,gBAAAD,EAAA,MAAA,EAAG,WAAU,WAAW,UAAMT,~~GAAA~~;AAAA,QAAA,GACjC;AAAA,QACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAE,EAACE,KAAM,OAAAV,GAAc;AAAA,4BACpBW,GAAO,EAAA;AAAA,UACP,gBAAAH,EAAAI,GAAA,EAAM,UAAUV,GAAe,OAAOD,~~GAAO~~;AAAA,QAAA,~~GAChD~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"header.js","sources":["../../../../../src/connect/components/revision-history/header/header.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport { ReactNode } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Scope as TScope } from \"../types\";\nimport { Branch } from \"./branch\";\nimport { DocId } from \"./doc-id\";\nimport { Scope } from \"./scope\";\n\ninterface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n readonly title: ReactNode;\n readonly docId: string;\n readonly scope: TScope;\n readonly onChangeScope: (scope: TScope) => void;\n readonly onClose: () => void;\n}\n\nexport function Header(props: Props) {\n const {\n title,\n docId,\n scope,\n onChangeScope,\n onClose,\n className,\n ...divProps\n } = props;\n return (\n <header\n className={twMerge(\n \"flex items-center justify-between bg-transparent\",\n className,\n )}\n {...divProps}\n >\n <div className=\"flex items-center gap-3\">\n <button\n className=\"rounded-lg bg-gray-50 p-1 text-slate-100 shadow-button\"\n onClick={onClose}\n >\n <Icon name=\"VariantArrowLeft\" />\n </button>\n <h1 className=\"text-xs\">{title}</h1>\n </div>\n <div className=\"flex items-center gap-2\">\n <DocId docId={docId} />\n <Branch />\n <Scope onChange={onChangeScope} value={scope} />\n </div>\n </header>\n );\n}\n"],"names":["Header","props","title","docId","scope","onChangeScope","onClose","className","divProps","jsxs","twMerge","jsx","Icon","DocId","Branch","Scope"],"mappings":";;;;;;AAgBO,SAASA,EAAOC,GAAc;AAC7B,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AAEF,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAASL;AAAA,cAET,UAAA,gBAAAK,EAACC,GAAK,EAAA,MAAK,mBAAmB,CAAA;AAAA,YAAA;AAAA,UAChC;AAAA,UACC,gBAAAD,EAAA,MAAA,EAAG,WAAU,WAAW,UAAMT,EAAA,CAAA;AAAA,QAAA,GACjC;AAAA,QACA,gBAAAO,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAE,EAACE,KAAM,OAAAV,GAAc;AAAA,4BACpBW,GAAO,EAAA;AAAA,UACP,gBAAAH,EAAAI,GAAA,EAAM,UAAUV,GAAe,OAAOD,EAAO,CAAA;AAAA,QAAA,EAChD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/revision-history/header/scope.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scope.js","sources":["../../../../../src/connect/components/revision-history/header/scope.tsx"],"sourcesContent":["import { Select } from \"../../select\";\nimport { Scope as TScope } from \"../types\";\n\ntype Props = {\n readonly value: TScope;\n readonly onChange: (value: TScope) => void;\n};\nexport function Scope(props: Props) {\n const { value, onChange } = props;\n const items = [\n { displayValue: \"Global scope\", value: \"global\" },\n { displayValue: \"Local scope\", value: \"local\" },\n ] as const;\n\n return (\n <Select\n absolutePositionMenu\n containerClassName=\"bg-slate-50 text-gray-500 rounded-lg w-fit text-xs z-10\"\n id=\"scope select\"\n itemClassName=\"py-2 text-gray-500 grid grid-cols-[auto,auto] gap-1\"\n items={items}\n menuClassName=\"min-w-0 text-gray-500\"\n onChange={onChange}\n value={value}\n />\n );\n}\n"],"names":["Scope","props","value","onChange","jsx","Select"],"mappings":";;AAOO,SAASA,EAAMC,GAAc;AAC5B,QAAA,EAAE,OAAAC,GAAO,UAAAC,~~EAAa~~,~~IAAAF~~;AAO1B,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,sBAAoB;AAAA,MACpB,oBAAmB;AAAA,MACnB,IAAG;AAAA,MACH,eAAc;AAAA,MACd,OAXU;AAAA,QACZ,EAAE,cAAc,gBAAgB,OAAO,SAAS;AAAA,QAChD,EAAE,cAAc,eAAe,OAAO,QAAQ;AAAA,~~MAAA~~;AAAA,~~MAU5C~~,eAAc;AAAA,MACd,UAAAF;AAAA,MACA,OAAAD;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"scope.js","sources":["../../../../../src/connect/components/revision-history/header/scope.tsx"],"sourcesContent":["import { Select } from \"../../select\";\nimport { Scope as TScope } from \"../types\";\n\ntype Props = {\n readonly value: TScope;\n readonly onChange: (value: TScope) => void;\n};\nexport function Scope(props: Props) {\n const { value, onChange } = props;\n const items = [\n { displayValue: \"Global scope\", value: \"global\" },\n { displayValue: \"Local scope\", value: \"local\" },\n ] as const;\n\n return (\n <Select\n absolutePositionMenu\n containerClassName=\"bg-slate-50 text-gray-500 rounded-lg w-fit text-xs z-10\"\n id=\"scope select\"\n itemClassName=\"py-2 text-gray-500 grid grid-cols-[auto,auto] gap-1\"\n items={items}\n menuClassName=\"min-w-0 text-gray-500\"\n onChange={onChange}\n value={value}\n />\n );\n}\n"],"names":["Scope","props","value","onChange","jsx","Select"],"mappings":";;AAOO,SAASA,EAAMC,GAAc;AAC5B,QAAA,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaF;AAO1B,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,sBAAoB;AAAA,MACpB,oBAAmB;AAAA,MACnB,IAAG;AAAA,MACH,eAAc;AAAA,MACd,OAXU;AAAA,QACZ,EAAE,cAAc,gBAAgB,OAAO,SAAS;AAAA,QAChD,EAAE,cAAc,eAAe,OAAO,QAAQ;AAAA,MAChD;AAAA,MASI,eAAc;AAAA,MACd,UAAAF;AAAA,MACA,OAAAD;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/revision-history/revision/address.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"address.js","sources":["../../../../../src/connect/components/revision-history/revision/address.tsx"],"sourcesContent":["import { ENSAvatar, formatEthAddress, Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\n\nexport type AddressProps = {\n readonly address: `0x${string}` \| undefined;\n readonly chainId: number \| undefined;\n};\n\nexport function Address(props: AddressProps) {\n const { address, chainId } = props;\n const [, copy] = useCopyToClipboard();\n\n if (!address) return null;\n\n const shortenedAddress = formatEthAddress(address);\n\n function handleCopy(text: string) {\n return () => {\n copy(text).catch((error) => {\n console.error(\"Failed to copy!\", error);\n });\n };\n }\n\n const tooltipContent = (\n <button className=\"flex items-center gap-1\" onClick={handleCopy(address)}>\n {address}\n <Icon\n className=\"inline-block text-gray-600\"\n name=\"FilesEarmark\"\n size={16}\n />\n </button>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex w-fit cursor-pointer items-center gap-1 rounded-lg bg-gray-100 p-1 text-xs text-slate-100\">\n <ENSAvatar address={address} chainId={chainId} />\n {shortenedAddress}\n </span>\n </Tooltip>\n );\n}\n"],"names":["Address","props","address","chainId","copy","useCopyToClipboard","shortenedAddress","formatEthAddress","handleCopy","text","error","tooltipContent","jsx","Icon","Tooltip","jsxs","ENSAvatar"],"mappings":";;;;;;AASO,SAASA,EAAQC,GAAqB;AACrC,QAAA,EAAE,SAAAC,GAAS,SAAAC,~~EAAY~~,~~IAAAF~~,GACvB,CAAG,EAAAG,CAAI,IAAIC;~~AAEb~~,MAAA,CAACH,EAAgB,QAAA;AAEf,QAAAI,IAAmBC,EAAiBL,CAAO;AAEjD,WAASM,EAAWC,GAAc;AAChC,WAAO,MAAM;AACX,MAAAL,EAAKK,CAAI,EAAE,MAAM,CAACC,MAAU;AAClB,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,~~IAAA~~;AAAA,~~EAEL~~;~~AAEM~~,QAAAC,sBACH,UAAO,EAAA,WAAU,2BAA0B,SAASH,EAAWN,CAAO,GACpE,UAAA;AAAA,IAAAA;AAAA,IACD,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,~~IACR~~;AAAA,~~EACF~~,~~EAAA,CAAA~~;AAGF,2BACGC,GAAQ,EAAA,SAASH,GAChB,UAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,kGACd,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAAd,GAAkB,SAAAC,EAAkB,CAAA;AAAA,IAC9CG;AAAA,EAAA,~~EACH~~,~~CAAA~~,EACF,CAAA;AAEJ;"}
1	+ {"version":3,"file":"address.js","sources":["../../../../../src/connect/components/revision-history/revision/address.tsx"],"sourcesContent":["import { ENSAvatar, formatEthAddress, Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\n\nexport type AddressProps = {\n readonly address: `0x${string}` \| undefined;\n readonly chainId: number \| undefined;\n};\n\nexport function Address(props: AddressProps) {\n const { address, chainId } = props;\n const [, copy] = useCopyToClipboard();\n\n if (!address) return null;\n\n const shortenedAddress = formatEthAddress(address);\n\n function handleCopy(text: string) {\n return () => {\n copy(text).catch((error) => {\n console.error(\"Failed to copy!\", error);\n });\n };\n }\n\n const tooltipContent = (\n <button className=\"flex items-center gap-1\" onClick={handleCopy(address)}>\n {address}\n <Icon\n className=\"inline-block text-gray-600\"\n name=\"FilesEarmark\"\n size={16}\n />\n </button>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex w-fit cursor-pointer items-center gap-1 rounded-lg bg-gray-100 p-1 text-xs text-slate-100\">\n <ENSAvatar address={address} chainId={chainId} />\n {shortenedAddress}\n </span>\n </Tooltip>\n );\n}\n"],"names":["Address","props","address","chainId","copy","useCopyToClipboard","shortenedAddress","formatEthAddress","handleCopy","text","error","tooltipContent","jsx","Icon","Tooltip","jsxs","ENSAvatar"],"mappings":";;;;;;AASO,SAASA,EAAQC,GAAqB;AACrC,QAAA,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYF,GACvB,CAAG,EAAAG,CAAI,IAAIC,EAAmB;AAEhC,MAAA,CAACH,EAAgB,QAAA;AAEf,QAAAI,IAAmBC,EAAiBL,CAAO;AAEjD,WAASM,EAAWC,GAAc;AAChC,WAAO,MAAM;AACX,MAAAL,EAAKK,CAAI,EAAE,MAAM,CAACC,MAAU;AAClB,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,IACH;AAAA,EAAA;AAGI,QAAAC,sBACH,UAAO,EAAA,WAAU,2BAA0B,SAASH,EAAWN,CAAO,GACpE,UAAA;AAAA,IAAAA;AAAA,IACD,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAGF,2BACGC,GAAQ,EAAA,SAASH,GAChB,UAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,kGACd,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAAd,GAAkB,SAAAC,EAAkB,CAAA;AAAA,IAC9CG;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAEJ;"}

package/dist/connect/components/revision-history/revision/errors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"errors.js","sources":["../../../../../src/connect/components/revision-history/revision/errors.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type ErrorsProps = {\n readonly errors: string[] \| undefined;\n};\n\nexport function Errors(props: ErrorsProps) {\n const { errors } = props;\n\n const hasErrors = !!errors?.length;\n\n const color = hasErrors ? \"text-red-800\" : \"text-green-700\";\n\n const icon = hasErrors ? (\n <Icon name=\"Exclamation\" size={16} />\n ) : (\n <Icon name=\"Check\" size={16} />\n );\n\n const text = hasErrors ? `Error: ${errors[0]}` : \"No errors\";\n\n const content = (\n <span\n className={twMerge(\n \"flex w-fit items-center rounded-lg border border-gray-200 px-2 py-1 text-xs\",\n color,\n hasErrors && \"cursor-pointer\",\n )}\n >\n {icon}\n <span className={twMerge(\"inline-block max-w-36 truncate\")}>{text}</span>\n </span>\n );\n\n const tooltipContent = errors?.map((message, index) => (\n <p className=\"text-red-800\" key={index}>\n Error: {message}\n </p>\n ));\n\n if (hasErrors) return <Tooltip content={tooltipContent}>{content}</Tooltip>;\n\n return content;\n}\n"],"names":["Errors","props","errors","hasErrors","color","icon","jsx","Icon","text","content","jsxs","twMerge","tooltipContent","message","index","Tooltip"],"mappings":";;;;AAQO,SAASA,EAAOC,GAAoB;AACnC,QAAA,EAAE,QAAAC,~~EAAW~~,~~IAAAD,~~GAEbE,IAAY,CAAC,EAACD,KAAA,QAAAA,EAAQ,SAEtBE,IAAQD,IAAY,iBAAiB,kBAErCE,IAAOF,IACV,gBAAAG,EAAAC,GAAA,EAAK,MAAK,eAAc,MAAM,GAAI,CAAA,IAElC,gBAAAD,EAAAC,GAAA,EAAK,MAAK,SAAQ,MAAM,~~GAAI~~,~~CAAA,~~GAGzBC,IAAOL,IAAY,UAAUD,EAAO,CAAC,CAAC,KAAK,aAE3CO,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAP;AAAA,QACAD,KAAa;AAAA,MACf;AAAA,MAEC,UAAA;AAAA,QAAAE;AAAA,0BACA,QAAK,EAAA,WAAWM,EAAQ,gCAAgC,GAAI,UAAKH,~~GAAA~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~,~~GAIhEI~~,IAAiBV,KAAA,gBAAAA,EAAQ,IAAI,CAACW,GAASC,MAC3C,gBAAAJ,EAAC,KAAE,EAAA,WAAU,gBAA2B,UAAA;AAAA,IAAA;AAAA,IAC9BG;AAAA,EAAA,EAAA,GADuBC,CAEjC;AAGF,SAAIX,IAAkB,gBAAAG,EAACS,GAAQ,EAAA,SAASH,GAAiB,UAAQH,~~EAAA~~,~~CAAA,~~IAE1DA;AACT;"}
1	+ {"version":3,"file":"errors.js","sources":["../../../../../src/connect/components/revision-history/revision/errors.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type ErrorsProps = {\n readonly errors: string[] \| undefined;\n};\n\nexport function Errors(props: ErrorsProps) {\n const { errors } = props;\n\n const hasErrors = !!errors?.length;\n\n const color = hasErrors ? \"text-red-800\" : \"text-green-700\";\n\n const icon = hasErrors ? (\n <Icon name=\"Exclamation\" size={16} />\n ) : (\n <Icon name=\"Check\" size={16} />\n );\n\n const text = hasErrors ? `Error: ${errors[0]}` : \"No errors\";\n\n const content = (\n <span\n className={twMerge(\n \"flex w-fit items-center rounded-lg border border-gray-200 px-2 py-1 text-xs\",\n color,\n hasErrors && \"cursor-pointer\",\n )}\n >\n {icon}\n <span className={twMerge(\"inline-block max-w-36 truncate\")}>{text}</span>\n </span>\n );\n\n const tooltipContent = errors?.map((message, index) => (\n <p className=\"text-red-800\" key={index}>\n Error: {message}\n </p>\n ));\n\n if (hasErrors) return <Tooltip content={tooltipContent}>{content}</Tooltip>;\n\n return content;\n}\n"],"names":["Errors","props","errors","hasErrors","color","icon","jsx","Icon","text","content","jsxs","twMerge","tooltipContent","message","index","Tooltip"],"mappings":";;;;AAQO,SAASA,EAAOC,GAAoB;AACnC,QAAA,EAAE,QAAAC,MAAWD,GAEbE,IAAY,CAAC,EAACD,KAAA,QAAAA,EAAQ,SAEtBE,IAAQD,IAAY,iBAAiB,kBAErCE,IAAOF,IACV,gBAAAG,EAAAC,GAAA,EAAK,MAAK,eAAc,MAAM,GAAI,CAAA,IAElC,gBAAAD,EAAAC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,GAGzBC,IAAOL,IAAY,UAAUD,EAAO,CAAC,CAAC,KAAK,aAE3CO,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAP;AAAA,QACAD,KAAa;AAAA,MACf;AAAA,MAEC,UAAA;AAAA,QAAAE;AAAA,0BACA,QAAK,EAAA,WAAWM,EAAQ,gCAAgC,GAAI,UAAKH,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpE,GAGII,IAAiBV,KAAA,gBAAAA,EAAQ,IAAI,CAACW,GAASC,MAC3C,gBAAAJ,EAAC,KAAE,EAAA,WAAU,gBAA2B,UAAA;AAAA,IAAA;AAAA,IAC9BG;AAAA,EAAA,EAAA,GADuBC,CAEjC;AAGF,SAAIX,IAAkB,gBAAAG,EAACS,GAAQ,EAAA,SAASH,GAAiB,UAAQH,GAAA,IAE1DA;AACT;"}

package/dist/connect/components/revision-history/revision/operation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"operation.js","sources":["../../../../../src/connect/components/revision-history/revision/operation.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\n\nexport type OperationProps = {\n readonly operationType: string;\n readonly operationInput: Record<string, any>;\n};\n\nexport function Operation(props: OperationProps) {\n const { operationType, operationInput } = props;\n\n const tooltipContent = (\n <code>\n <pre>{JSON.stringify(operationInput, null, 2)}</pre>\n </code>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex cursor-pointer items-center gap-2 text-xs\">\n {operationType}\n <Icon className=\"text-gray-300\" name=\"Braces\" size={16} />\n </span>\n </Tooltip>\n );\n}\n"],"names":["Operation","props","operationType","operationInput","tooltipContent","jsx","Tooltip","jsxs","Icon"],"mappings":";;;AAQO,SAASA,EAAUC,GAAuB;AACzC,QAAA,EAAE,eAAAC,GAAe,gBAAAC,~~EAAmB~~,~~IAAAF~~,GAEpCG,IACH,gBAAAC,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,OAAA,EAAK,UAAK,KAAA,UAAUF,GAAgB,MAAM,CAAC,~~EAAA~~,~~CAAE~~,~~EAChD,CAAA~~;AAGF,2BACGG,GAAQ,EAAA,SAASF,GAChB,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,kDACb,UAAA;AAAA,IAAAL;AAAA,sBACAM,GAAK,EAAA,WAAU,iBAAgB,MAAK,UAAS,MAAM,~~IAAI~~;AAAA,EAAA,~~EAC1D~~,~~CAAA~~,EACF,CAAA;AAEJ;"}
1	+ {"version":3,"file":"operation.js","sources":["../../../../../src/connect/components/revision-history/revision/operation.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\n\nexport type OperationProps = {\n readonly operationType: string;\n readonly operationInput: Record<string, any>;\n};\n\nexport function Operation(props: OperationProps) {\n const { operationType, operationInput } = props;\n\n const tooltipContent = (\n <code>\n <pre>{JSON.stringify(operationInput, null, 2)}</pre>\n </code>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex cursor-pointer items-center gap-2 text-xs\">\n {operationType}\n <Icon className=\"text-gray-300\" name=\"Braces\" size={16} />\n </span>\n </Tooltip>\n );\n}\n"],"names":["Operation","props","operationType","operationInput","tooltipContent","jsx","Tooltip","jsxs","Icon"],"mappings":";;;AAQO,SAASA,EAAUC,GAAuB;AACzC,QAAA,EAAE,eAAAC,GAAe,gBAAAC,EAAA,IAAmBF,GAEpCG,IACH,gBAAAC,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,OAAA,EAAK,UAAK,KAAA,UAAUF,GAAgB,MAAM,CAAC,EAAE,CAAA,GAChD;AAGF,2BACGG,GAAQ,EAAA,SAASF,GAChB,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,kDACb,UAAA;AAAA,IAAAL;AAAA,sBACAM,GAAK,EAAA,WAAU,iBAAgB,MAAK,UAAS,MAAM,GAAI,CAAA;AAAA,EAAA,EAAA,CAC1D,EACF,CAAA;AAEJ;"}

package/dist/connect/components/revision-history/revision/revision-number.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"revision-number.js","sources":["../../../../../src/connect/components/revision-history/revision/revision-number.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\n\nexport type RevisionNumberProps = {\n readonly operationIndex: number;\n readonly eventId: string;\n readonly stateHash: string;\n};\nexport function RevisionNumber(props: RevisionNumberProps) {\n const { operationIndex, eventId, stateHash } = props;\n const [, copy] = useCopyToClipboard();\n const revisionNumber = operationIndex + 1;\n\n const tooltipContent = (\n <button className=\"flex items-center gap-1\" onClick={handleCopy(stateHash)}>\n Revision {revisionNumber} - Event ID: {eventId} - State Hash: {stateHash}\n <Icon\n className=\"inline-block text-gray-600\"\n name=\"FilesEarmark\"\n size={16}\n />\n </button>\n );\n function handleCopy(text: string) {\n return () => {\n copy(text).catch((error) => {\n console.error(\"Failed to copy!\", error);\n });\n };\n }\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex cursor-pointer items-center gap-2 text-xs text-gray-600\">\n Revision {revisionNumber}.\n <a>\n <Icon\n className=\"cursor-pointer text-slate-100\"\n name=\"Ellipsis\"\n size={14}\n />\n </a>\n </span>\n </Tooltip>\n );\n}\n"],"names":["RevisionNumber","props","operationIndex","eventId","stateHash","copy","useCopyToClipboard","revisionNumber","tooltipContent","handleCopy","jsx","Icon","text","error","Tooltip","jsxs"],"mappings":";;;;AASO,SAASA,EAAeC,GAA4B;AACzD,QAAM,EAAE,gBAAAC,GAAgB,SAAAC,GAAS,WAAAC,~~EAAA~~,~~IAAcH~~,GACzC,CAAG,EAAAI,CAAI,IAAIC,~~KACXC~~,IAAiBL,IAAiB,GAElCM,sBACH,UAAO,EAAA,WAAU,2BAA0B,SAASC,EAAWL,CAAS,GAAG,UAAA;AAAA,IAAA;AAAA,IAChEG;AAAA,IAAe;AAAA,IAAcJ;AAAA,IAAQ;AAAA,IAAgBC;AAAA,IAC/D,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,~~IACR~~;AAAA,~~EACF~~,~~EAAA,CAAA~~;AAEF,WAASF,EAAWG,GAAc;AAChC,WAAO,MAAM;AACX,MAAAP,EAAKO,CAAI,EAAE,MAAM,CAACC,MAAU;AAClB,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,~~IAAA~~;AAAA,~~EAEL~~;~~AAEA~~,2BACGC,GAAQ,EAAA,SAASN,GAChB,UAAC,gBAAAO,EAAA,QAAA,EAAK,WAAU,gEAA+D,UAAA;AAAA,IAAA;AAAA,IACnER;AAAA,IAAe;AAAA,sBACxB,KACC,EAAA,UAAA,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAAA,~~GAEV~~;AAAA,EAAA,~~EACF~~,~~CAAA~~,EACF,CAAA;AAEJ;"}
1	+ {"version":3,"file":"revision-number.js","sources":["../../../../../src/connect/components/revision-history/revision/revision-number.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\n\nexport type RevisionNumberProps = {\n readonly operationIndex: number;\n readonly eventId: string;\n readonly stateHash: string;\n};\nexport function RevisionNumber(props: RevisionNumberProps) {\n const { operationIndex, eventId, stateHash } = props;\n const [, copy] = useCopyToClipboard();\n const revisionNumber = operationIndex + 1;\n\n const tooltipContent = (\n <button className=\"flex items-center gap-1\" onClick={handleCopy(stateHash)}>\n Revision {revisionNumber} - Event ID: {eventId} - State Hash: {stateHash}\n <Icon\n className=\"inline-block text-gray-600\"\n name=\"FilesEarmark\"\n size={16}\n />\n </button>\n );\n function handleCopy(text: string) {\n return () => {\n copy(text).catch((error) => {\n console.error(\"Failed to copy!\", error);\n });\n };\n }\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex cursor-pointer items-center gap-2 text-xs text-gray-600\">\n Revision {revisionNumber}.\n <a>\n <Icon\n className=\"cursor-pointer text-slate-100\"\n name=\"Ellipsis\"\n size={14}\n />\n </a>\n </span>\n </Tooltip>\n );\n}\n"],"names":["RevisionNumber","props","operationIndex","eventId","stateHash","copy","useCopyToClipboard","revisionNumber","tooltipContent","handleCopy","jsx","Icon","text","error","Tooltip","jsxs"],"mappings":";;;;AASO,SAASA,EAAeC,GAA4B;AACzD,QAAM,EAAE,gBAAAC,GAAgB,SAAAC,GAAS,WAAAC,EAAc,IAAAH,GACzC,CAAG,EAAAI,CAAI,IAAIC,EAAmB,GAC9BC,IAAiBL,IAAiB,GAElCM,sBACH,UAAO,EAAA,WAAU,2BAA0B,SAASC,EAAWL,CAAS,GAAG,UAAA;AAAA,IAAA;AAAA,IAChEG;AAAA,IAAe;AAAA,IAAcJ;AAAA,IAAQ;AAAA,IAAgBC;AAAA,IAC/D,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEF,WAASF,EAAWG,GAAc;AAChC,WAAO,MAAM;AACX,MAAAP,EAAKO,CAAI,EAAE,MAAM,CAACC,MAAU;AAClB,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,IACH;AAAA,EAAA;AAGF,2BACGC,GAAQ,EAAA,SAASN,GAChB,UAAC,gBAAAO,EAAA,QAAA,EAAK,WAAU,gEAA+D,UAAA;AAAA,IAAA;AAAA,IACnER;AAAA,IAAe;AAAA,sBACxB,KACC,EAAA,UAAA,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IAAA,EAEV,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/connect/components/revision-history/revision/revision.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"revision.js","sources":["../../../../../src/connect/components/revision-history/revision/revision.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { Revision as RevisionProps } from \"../types\";\nimport { Address } from \"./address\";\nimport { Errors } from \"./errors\";\nimport { Operation } from \"./operation\";\nimport { RevisionNumber } from \"./revision-number\";\nimport { Signature } from \"./signature\";\nimport { Timestamp } from \"./timestamp\";\n\nexport function _Revision(props: RevisionProps) {\n return (\n <article className=\"flex items-center justify-between rounded-xl border border-gray-200 bg-white px-4 py-2\">\n <div className=\"flex items-center gap-2\">\n <RevisionNumber {...props} />\n <Operation {...props} />\n <Address {...props} />\n <Timestamp {...props} />\n </div>\n <div className=\"flex items-center gap-1\">\n <Signature {...props} />\n <Errors {...props} />\n </div>\n </article>\n );\n}\n\nexport const Revision = memo(_Revision);\n"],"names":["_Revision","props","jsxs","jsx","RevisionNumber","Operation","Address","Timestamp","Signature","Errors","Revision","memo"],"mappings":";;;;;;;;AASO,SAASA,EAAUC,GAAsB;AAE5C,SAAA,gBAAAC,EAAC,WAAQ,EAAA,WAAU,0FACjB,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAgB,GAAGH,GAAO;AAAA,MAC3B,gBAAAE,EAACE,GAAW,EAAA,GAAGJ,GAAO;AAAA,MACtB,gBAAAE,EAACG,GAAS,EAAA,GAAGL,GAAO;AAAA,MACpB,gBAAAE,EAACI,GAAW,EAAA,GAAGN,~~GAAO~~;AAAA,IAAA,GACxB;AAAA,IACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,MAAC,gBAAAC,EAAAK,GAAA,EAAW,GAAGP,GAAO;AAAA,MACtB,gBAAAE,EAACM,GAAQ,EAAA,GAAGR,~~GAAO~~;AAAA,IAAA,~~GACrB~~;AAAA,~~EACF,~~EAAA,~~CAAA~~;AAEJ;AAEa,MAAAS,IAAWC,EAAKX,CAAS;"}
1	+ {"version":3,"file":"revision.js","sources":["../../../../../src/connect/components/revision-history/revision/revision.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { Revision as RevisionProps } from \"../types\";\nimport { Address } from \"./address\";\nimport { Errors } from \"./errors\";\nimport { Operation } from \"./operation\";\nimport { RevisionNumber } from \"./revision-number\";\nimport { Signature } from \"./signature\";\nimport { Timestamp } from \"./timestamp\";\n\nexport function _Revision(props: RevisionProps) {\n return (\n <article className=\"flex items-center justify-between rounded-xl border border-gray-200 bg-white px-4 py-2\">\n <div className=\"flex items-center gap-2\">\n <RevisionNumber {...props} />\n <Operation {...props} />\n <Address {...props} />\n <Timestamp {...props} />\n </div>\n <div className=\"flex items-center gap-1\">\n <Signature {...props} />\n <Errors {...props} />\n </div>\n </article>\n );\n}\n\nexport const Revision = memo(_Revision);\n"],"names":["_Revision","props","jsxs","jsx","RevisionNumber","Operation","Address","Timestamp","Signature","Errors","Revision","memo"],"mappings":";;;;;;;;AASO,SAASA,EAAUC,GAAsB;AAE5C,SAAA,gBAAAC,EAAC,WAAQ,EAAA,WAAU,0FACjB,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAgB,GAAGH,GAAO;AAAA,MAC3B,gBAAAE,EAACE,GAAW,EAAA,GAAGJ,GAAO;AAAA,MACtB,gBAAAE,EAACG,GAAS,EAAA,GAAGL,GAAO;AAAA,MACpB,gBAAAE,EAACI,GAAW,EAAA,GAAGN,EAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,MAAC,gBAAAC,EAAAK,GAAA,EAAW,GAAGP,GAAO;AAAA,MACtB,gBAAAE,EAACM,GAAQ,EAAA,GAAGR,EAAO,CAAA;AAAA,IAAA,EACrB,CAAA;AAAA,EAAA,GACF;AAEJ;AAEa,MAAAS,IAAWC,EAAKX,CAAS;"}

package/dist/connect/components/revision-history/revision/signature.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signature.js","sources":["../../../../../src/connect/components/revision-history/revision/signature.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { type Signature } from \"../types\";\n\nexport type SignatureProps = {\n readonly signatures: Signature[] \| undefined;\n};\nexport function Signature(props: SignatureProps) {\n const { signatures } = props;\n\n if (!signatures?.length) return null;\n\n const tooltipContent = (\n <div className=\"text-xs text-slate-300\">\n <h3 className=\"mb-2\">Signature details:</h3>\n {signatures.map((signature, index) => (\n <div className=\"mb-2 last:mb-0\" key={signature.hash}>\n <h4>\n Signature #{index + 1} -{\" \"}\n {signature.isVerified ? \"verified\" : \"unverified\"}\n </h4>\n <code>\n <pre>{JSON.stringify(signature, null, 2)}</pre>\n </code>\n </div>\n ))}\n </div>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex w-fit cursor-pointer items-center gap-1 rounded-lg border border-gray-200 px-2 py-1\">\n <VerificationStatus signatures={signatures} />{\" \"}\n <Icon className=\"text-gray-300\" name=\"InfoSquare\" size={16} />\n </span>\n </Tooltip>\n );\n}\n\nfunction VerificationStatus(props: SignatureProps) {\n const { signatures } = props;\n\n if (!signatures?.length) return null;\n\n const signatureCount = signatures.length;\n\n const verifiedSignaturesCount = signatures.filter(\n (signature) => signature.isVerified,\n ).length;\n const signatureText = signatureCount === 1 ? \"signature\" : \"signatures\";\n const verificationStatusText = `${verifiedSignaturesCount}/${signatureCount} ${signatureText} verified`;\n const color =\n verifiedSignaturesCount === 0\n ? \"text-red-800\"\n : verifiedSignaturesCount === signatureCount\n ? \"text-green-700\"\n : \"text-orange-700\";\n\n return <span className={`text-xs ${color}`}>{verificationStatusText}</span>;\n}\n"],"names":["Signature","props","signatures","tooltipContent","jsxs","jsx","signature","index","Tooltip","VerificationStatus","Icon","signatureCount","verifiedSignaturesCount","verificationStatusText"],"mappings":";;;AAOO,SAASA,EAAUC,GAAuB;AACzC,QAAA,EAAE,YAAAC,~~EAAe,IAAAD~~;AAEnB,MAAA,EAACC,KAAA,QAAAA,EAAY,QAAe,QAAA;AAEhC,QAAMC,IACJ,gBAAAC,EAAC,OAAI,EAAA,WAAU,0BACb,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAkB,sBAAA;AAAA,IACtCH,EAAW,IAAI,CAACI,GAAWC,MACzB,gBAAAH,EAAA,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAG,EAAA,UAAA;AAAA,QAAA;AAAA,QACUG,IAAQ;AAAA,QAAE;AAAA,QAAG;AAAA,QACxBD,EAAU,aAAa,aAAa;AAAA,MAAA,GACvC;AAAA,MACA,gBAAAD,EAAC,QACC,EAAA,UAAA,gBAAAA,EAAC,OAAK,EAAA,UAAA,KAAK,UAAUC,GAAW,MAAM,CAAC,~~EAAA~~,~~CAAE~~,EAC3C,CAAA;AAAA,IAAA,~~KAPmCA~~,EAAU,IAQ/C,CACD;AAAA,~~EACH,~~EAAA,~~CAAA~~;AAGF,2BACGE,GAAQ,EAAA,SAASL,GAChB,UAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,4FACd,UAAA;AAAA,IAAA,gBAAAC,EAACI,KAAmB,YAAAP,GAAwB;AAAA,IAAG;AAAA,sBAC9CQ,GAAK,EAAA,WAAU,iBAAgB,MAAK,cAAa,MAAM,~~IAAI~~;AAAA,EAAA,~~EAC9D~~,~~CAAA~~,EACF,CAAA;AAEJ;AAEA,SAASD,EAAmBR,GAAuB;AAC3C,QAAA,EAAE,YAAAC,~~EAAe,IAAAD~~;AAEnB,MAAA,EAACC,KAAA,QAAAA,EAAY,QAAe,QAAA;AAEhC,QAAMS,IAAiBT,EAAW,QAE5BU,IAA0BV,EAAW;AAAA,IACzC,CAACI,MAAcA,EAAU;AAAA,EACzB,~~EAAA,~~QAEIO,IAAyB,GAAGD,CAAuB,IAAID,CAAc,IADrDA,MAAmB,IAAI,cAAc,YACiC;AAQ5F,2BAAQ,QAAK,EAAA,WAAW,WANtBC,MAA4B,IACxB,iBACAA,MAA4BD,IAC1B,mBACA,iBAEgC,IAAK,UAAuBE,~~EAAA,CAAA~~;AACtE;"}
1	+ {"version":3,"file":"signature.js","sources":["../../../../../src/connect/components/revision-history/revision/signature.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { Icon } from \"@/powerhouse\";\nimport { type Signature } from \"../types\";\n\nexport type SignatureProps = {\n readonly signatures: Signature[] \| undefined;\n};\nexport function Signature(props: SignatureProps) {\n const { signatures } = props;\n\n if (!signatures?.length) return null;\n\n const tooltipContent = (\n <div className=\"text-xs text-slate-300\">\n <h3 className=\"mb-2\">Signature details:</h3>\n {signatures.map((signature, index) => (\n <div className=\"mb-2 last:mb-0\" key={signature.hash}>\n <h4>\n Signature #{index + 1} -{\" \"}\n {signature.isVerified ? \"verified\" : \"unverified\"}\n </h4>\n <code>\n <pre>{JSON.stringify(signature, null, 2)}</pre>\n </code>\n </div>\n ))}\n </div>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"flex w-fit cursor-pointer items-center gap-1 rounded-lg border border-gray-200 px-2 py-1\">\n <VerificationStatus signatures={signatures} />{\" \"}\n <Icon className=\"text-gray-300\" name=\"InfoSquare\" size={16} />\n </span>\n </Tooltip>\n );\n}\n\nfunction VerificationStatus(props: SignatureProps) {\n const { signatures } = props;\n\n if (!signatures?.length) return null;\n\n const signatureCount = signatures.length;\n\n const verifiedSignaturesCount = signatures.filter(\n (signature) => signature.isVerified,\n ).length;\n const signatureText = signatureCount === 1 ? \"signature\" : \"signatures\";\n const verificationStatusText = `${verifiedSignaturesCount}/${signatureCount} ${signatureText} verified`;\n const color =\n verifiedSignaturesCount === 0\n ? \"text-red-800\"\n : verifiedSignaturesCount === signatureCount\n ? \"text-green-700\"\n : \"text-orange-700\";\n\n return <span className={`text-xs ${color}`}>{verificationStatusText}</span>;\n}\n"],"names":["Signature","props","signatures","tooltipContent","jsxs","jsx","signature","index","Tooltip","VerificationStatus","Icon","signatureCount","verifiedSignaturesCount","verificationStatusText"],"mappings":";;;AAOO,SAASA,EAAUC,GAAuB;AACzC,QAAA,EAAE,YAAAC,MAAeD;AAEnB,MAAA,EAACC,KAAA,QAAAA,EAAY,QAAe,QAAA;AAEhC,QAAMC,IACJ,gBAAAC,EAAC,OAAI,EAAA,WAAU,0BACb,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAkB,sBAAA;AAAA,IACtCH,EAAW,IAAI,CAACI,GAAWC,MACzB,gBAAAH,EAAA,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAG,EAAA,UAAA;AAAA,QAAA;AAAA,QACUG,IAAQ;AAAA,QAAE;AAAA,QAAG;AAAA,QACxBD,EAAU,aAAa,aAAa;AAAA,MAAA,GACvC;AAAA,MACA,gBAAAD,EAAC,QACC,EAAA,UAAA,gBAAAA,EAAC,OAAK,EAAA,UAAA,KAAK,UAAUC,GAAW,MAAM,CAAC,EAAE,CAAA,EAC3C,CAAA;AAAA,IAAA,EAPmC,GAAAA,EAAU,IAQ/C,CACD;AAAA,EAAA,GACH;AAGF,2BACGE,GAAQ,EAAA,SAASL,GAChB,UAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,4FACd,UAAA;AAAA,IAAA,gBAAAC,EAACI,KAAmB,YAAAP,GAAwB;AAAA,IAAG;AAAA,sBAC9CQ,GAAK,EAAA,WAAU,iBAAgB,MAAK,cAAa,MAAM,GAAI,CAAA;AAAA,EAAA,EAAA,CAC9D,EACF,CAAA;AAEJ;AAEA,SAASD,EAAmBR,GAAuB;AAC3C,QAAA,EAAE,YAAAC,MAAeD;AAEnB,MAAA,EAACC,KAAA,QAAAA,EAAY,QAAe,QAAA;AAEhC,QAAMS,IAAiBT,EAAW,QAE5BU,IAA0BV,EAAW;AAAA,IACzC,CAACI,MAAcA,EAAU;AAAA,EAAA,EACzB,QAEIO,IAAyB,GAAGD,CAAuB,IAAID,CAAc,IADrDA,MAAmB,IAAI,cAAc,YACiC;AAQ5F,2BAAQ,QAAK,EAAA,WAAW,WANtBC,MAA4B,IACxB,iBACAA,MAA4BD,IAC1B,mBACA,iBAEgC,IAAK,UAAuBE,GAAA;AACtE;"}

package/dist/connect/components/revision-history/revision/timestamp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timestamp.js","sources":["../../../../../src/connect/components/revision-history/revision/timestamp.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { format } from \"date-fns\";\n\nexport type TimestampProps = {\n readonly timestamp: number \| string;\n};\n\nexport function Timestamp(props: TimestampProps) {\n const { timestamp } = props;\n const date = new Date(timestamp);\n const shortDate = format(date, \"HH:mm 'UTC'\");\n const longDate = format(date, \"eee, dd MMM yyyy HH:mm:ss 'UTC'\");\n const tooltipContent = <div>{longDate}</div>;\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"cursor-pointer text-xs\">committed at {shortDate}</span>\n </Tooltip>\n );\n}\n"],"names":["Timestamp","props","timestamp","date","shortDate","format","longDate","Tooltip","jsx","jsxs"],"mappings":";;;AAOO,SAASA,EAAUC,GAAuB;AACzC,QAAA,EAAE,WAAAC,~~EAAc~~,~~IAAAD,~~GAChBE,IAAO,IAAI,KAAKD,CAAS,GACzBE,IAAYC,EAAOF,GAAM,aAAa,GACtCG,IAAWD,EAAOF,GAAM,iCAAiC;AAG/D,2BACGI,GAAQ,EAAA,SAHa,gBAAAC,EAAA,OAAA,EAAK,UAASF,EAAA,CAAA,GAIlC,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,0BAAyB,UAAA;AAAA,IAAA;AAAA,IAAcL;AAAA,EAAA,~~EAAU~~,~~CAAA~~,EACnE,CAAA;AAEJ;"}
1	+ {"version":3,"file":"timestamp.js","sources":["../../../../../src/connect/components/revision-history/revision/timestamp.tsx"],"sourcesContent":["import { Tooltip } from \"@/connect\";\nimport { format } from \"date-fns\";\n\nexport type TimestampProps = {\n readonly timestamp: number \| string;\n};\n\nexport function Timestamp(props: TimestampProps) {\n const { timestamp } = props;\n const date = new Date(timestamp);\n const shortDate = format(date, \"HH:mm 'UTC'\");\n const longDate = format(date, \"eee, dd MMM yyyy HH:mm:ss 'UTC'\");\n const tooltipContent = <div>{longDate}</div>;\n\n return (\n <Tooltip content={tooltipContent}>\n <span className=\"cursor-pointer text-xs\">committed at {shortDate}</span>\n </Tooltip>\n );\n}\n"],"names":["Timestamp","props","timestamp","date","shortDate","format","longDate","Tooltip","jsx","jsxs"],"mappings":";;;AAOO,SAASA,EAAUC,GAAuB;AACzC,QAAA,EAAE,WAAAC,MAAcD,GAChBE,IAAO,IAAI,KAAKD,CAAS,GACzBE,IAAYC,EAAOF,GAAM,aAAa,GACtCG,IAAWD,EAAOF,GAAM,iCAAiC;AAG/D,2BACGI,GAAQ,EAAA,SAHa,gBAAAC,EAAA,OAAA,EAAK,UAASF,EAAA,CAAA,GAIlC,UAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,0BAAyB,UAAA;AAAA,IAAA;AAAA,IAAcL;AAAA,EAAA,EAAA,CAAU,EACnE,CAAA;AAEJ;"}

package/dist/connect/components/revision-history/revision-history.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"revision-history.js","sources":["../../../../src/connect/components/revision-history/revision-history.tsx"],"sourcesContent":["import { TooltipProvider } from \"@/connect\";\nimport { Pagination, usePagination } from \"@/powerhouse\";\nimport { utils } from \"document-model/document\";\nimport { useMemo, useState } from \"react\";\nimport { Header } from \"./header\";\nimport { Timeline } from \"./timeline\";\nimport { Operation, Scope } from \"./types\";\n\ntype Props = {\n readonly documentTitle: string;\n readonly documentId: string;\n readonly globalOperations: Operation[];\n readonly localOperations: Operation[];\n readonly onClose: () => void;\n readonly itemsPerPage?: number;\n};\n\nconst { garbageCollect, sortOperations } = utils.documentHelpers;\n\nexport function RevisionHistory(props: Props) {\n const {\n documentTitle,\n documentId,\n globalOperations,\n localOperations,\n onClose,\n itemsPerPage = 100,\n } = props;\n\n const [scope, setScope] = useState<Scope>(\"global\");\n\n const visibleOperations = useMemo(() => {\n const operations = scope === \"global\" ? globalOperations : localOperations;\n return garbageCollect(sortOperations(operations)).sort(\n (a, b) => b.index - a.index,\n );\n }, [globalOperations, localOperations, scope]);\n\n const {\n pageItems,\n pages,\n goToPage,\n goToNextPage,\n goToPreviousPage,\n goToFirstPage,\n goToLastPage,\n hiddenNextPages,\n isNextPageAvailable,\n isPreviousPageAvailable,\n } = usePagination(visibleOperations, {\n itemsPerPage,\n });\n\n function onChangeScope(scope: Scope) {\n goToFirstPage();\n setScope(scope);\n }\n\n const showPagination = visibleOperations.length > itemsPerPage;\n\n const PaginationComponent = showPagination ? (\n <div className=\"mt-4 flex w-full justify-end\">\n <Pagination\n firstPageLabel=\"First Page\"\n goToFirstPage={goToFirstPage}\n goToLastPage={goToLastPage}\n goToNextPage={goToNextPage}\n goToPage={goToPage}\n goToPreviousPage={goToPreviousPage}\n hiddenNextPages={hiddenNextPages}\n isNextPageAvailable={isNextPageAvailable}\n isPreviousPageAvailable={isPreviousPageAvailable}\n lastPageLabel=\"Last Page\"\n nextPageLabel=\"Next\"\n pages={pages}\n previousPageLabel=\"Previous\"\n />\n </div>\n ) : (\n <hr className=\"h-12 border-none\" />\n );\n\n return (\n <TooltipProvider>\n <Header\n docId={documentId}\n onChangeScope={onChangeScope}\n onClose={onClose}\n scope={scope}\n title={documentTitle}\n />\n {PaginationComponent}\n <div className=\"mt-4 flex justify-center rounded-md bg-slate-50 p-4\">\n {visibleOperations.length > 0 ? (\n <div className=\"grid grid-cols-[minmax(min-content,1018px)]\">\n <Timeline\n globalOperations={scope === \"global\" ? pageItems : []}\n localOperations={scope === \"local\" ? pageItems : []}\n scope={scope}\n />\n </div>\n ) : (\n <h3 className=\"my-40 text-gray-600\">\n This document has no recorded operations yet.\n </h3>\n )}\n </div>\n {PaginationComponent}\n </TooltipProvider>\n );\n}\n"],"names":["garbageCollect","sortOperations","utils","RevisionHistory","props","documentTitle","documentId","globalOperations","localOperations","onClose","itemsPerPage","scope","setScope","useState","visibleOperations","useMemo","a","b","pageItems","pages","goToPage","goToNextPage","goToPreviousPage","goToFirstPage","goToLastPage","hiddenNextPages","isNextPageAvailable","isPreviousPageAvailable","usePagination","onChangeScope","PaginationComponent","jsx","Pagination","TooltipProvider","Header","Timeline"],"mappings":";;;;;;;;AAiBA,MAAM,EAAE,gBAAAA,GAAgB,gBAAAC,MAAmBC,EAAM;AAE1C,SAASC,EAAgBC,GAAc;AACtC,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,~~EACb~~,~~IAAAN~~,GAEE,CAACO,GAAOC,CAAQ,IAAIC,EAAgB,QAAQ,GAE5CC,IAAoBC,EAAQ,MAEzBf,EAAeC,EADHU,MAAU,WAAWJ,IAAmBC,CACZ,CAAC,EAAE;AAAA,IAChD,CAACQ,GAAGC,MAAMA,EAAE,QAAQD,EAAE;AAAA,~~EAAA~~,~~GAEvB~~,CAACT,GAAkBC,GAAiBG,CAAK,CAAC,GAEvC;AAAA,IACJ,WAAAO;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACEC,EAAcd,GAAmB;AAAA,IACnC,cAAAJ;AAAA,EAAA,CACD;AAED,WAASmB,EAAclB,GAAc;AACrB,IAAAY,~~KACdX~~,EAASD,CAAK;AAAA,~~EAChB~~;~~AAIA~~,QAAMmB,IAFiBhB,EAAkB,SAASJ,IAG/C,gBAAAqB,EAAA,OAAA,EAAI,WAAU,gCACb,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,eAAAT;AAAA,MACA,cAAAC;AAAA,MACA,cAAAH;AAAA,MACA,UAAAD;AAAA,MACA,kBAAAE;AAAA,MACA,iBAAAG;AAAA,MACA,qBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,eAAc;AAAA,MACd,eAAc;AAAA,MACd,OAAAR;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EAAA,EAEtB,CAAA,IAEC,gBAAAY,EAAA,MAAA,EAAG,WAAU,mBAAmB,CAAA;AAGnC,2BACGE,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAO5B;AAAA,QACP,eAAAuB;AAAA,QACA,SAAApB;AAAA,QACA,OAAAE;AAAA,QACA,OAAON;AAAA,MAAA;AAAA,IACT;AAAA,IACCyB;AAAA,IACD,gBAAAC,EAAC,OAAI,EAAA,WAAU,uDACZ,UAAAjB,EAAkB,SAAS,IAC1B,gBAAAiB,EAAC,OAAI,EAAA,WAAU,+CACb,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAkBxB,MAAU,WAAWO,IAAY,CAAC;AAAA,QACpD,iBAAiBP,MAAU,UAAUO,IAAY,CAAC;AAAA,QAClD,OAAAP;AAAA,MAAA;AAAA,IAAA,GAEJ,IAEA,gBAAAoB,EAAC,QAAG,WAAU,uBAAsB,0DAEpC,CAAA,GAEJ;AAAA,IACCD;AAAA,~~EACH,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"revision-history.js","sources":["../../../../src/connect/components/revision-history/revision-history.tsx"],"sourcesContent":["import { TooltipProvider } from \"@/connect\";\nimport { Pagination, usePagination } from \"@/powerhouse\";\nimport { utils } from \"document-model/document\";\nimport { useMemo, useState } from \"react\";\nimport { Header } from \"./header\";\nimport { Timeline } from \"./timeline\";\nimport { Operation, Scope } from \"./types\";\n\ntype Props = {\n readonly documentTitle: string;\n readonly documentId: string;\n readonly globalOperations: Operation[];\n readonly localOperations: Operation[];\n readonly onClose: () => void;\n readonly itemsPerPage?: number;\n};\n\nconst { garbageCollect, sortOperations } = utils.documentHelpers;\n\nexport function RevisionHistory(props: Props) {\n const {\n documentTitle,\n documentId,\n globalOperations,\n localOperations,\n onClose,\n itemsPerPage = 100,\n } = props;\n\n const [scope, setScope] = useState<Scope>(\"global\");\n\n const visibleOperations = useMemo(() => {\n const operations = scope === \"global\" ? globalOperations : localOperations;\n return garbageCollect(sortOperations(operations)).sort(\n (a, b) => b.index - a.index,\n );\n }, [globalOperations, localOperations, scope]);\n\n const {\n pageItems,\n pages,\n goToPage,\n goToNextPage,\n goToPreviousPage,\n goToFirstPage,\n goToLastPage,\n hiddenNextPages,\n isNextPageAvailable,\n isPreviousPageAvailable,\n } = usePagination(visibleOperations, {\n itemsPerPage,\n });\n\n function onChangeScope(scope: Scope) {\n goToFirstPage();\n setScope(scope);\n }\n\n const showPagination = visibleOperations.length > itemsPerPage;\n\n const PaginationComponent = showPagination ? (\n <div className=\"mt-4 flex w-full justify-end\">\n <Pagination\n firstPageLabel=\"First Page\"\n goToFirstPage={goToFirstPage}\n goToLastPage={goToLastPage}\n goToNextPage={goToNextPage}\n goToPage={goToPage}\n goToPreviousPage={goToPreviousPage}\n hiddenNextPages={hiddenNextPages}\n isNextPageAvailable={isNextPageAvailable}\n isPreviousPageAvailable={isPreviousPageAvailable}\n lastPageLabel=\"Last Page\"\n nextPageLabel=\"Next\"\n pages={pages}\n previousPageLabel=\"Previous\"\n />\n </div>\n ) : (\n <hr className=\"h-12 border-none\" />\n );\n\n return (\n <TooltipProvider>\n <Header\n docId={documentId}\n onChangeScope={onChangeScope}\n onClose={onClose}\n scope={scope}\n title={documentTitle}\n />\n {PaginationComponent}\n <div className=\"mt-4 flex justify-center rounded-md bg-slate-50 p-4\">\n {visibleOperations.length > 0 ? (\n <div className=\"grid grid-cols-[minmax(min-content,1018px)]\">\n <Timeline\n globalOperations={scope === \"global\" ? pageItems : []}\n localOperations={scope === \"local\" ? pageItems : []}\n scope={scope}\n />\n </div>\n ) : (\n <h3 className=\"my-40 text-gray-600\">\n This document has no recorded operations yet.\n </h3>\n )}\n </div>\n {PaginationComponent}\n </TooltipProvider>\n );\n}\n"],"names":["garbageCollect","sortOperations","utils","RevisionHistory","props","documentTitle","documentId","globalOperations","localOperations","onClose","itemsPerPage","scope","setScope","useState","visibleOperations","useMemo","a","b","pageItems","pages","goToPage","goToNextPage","goToPreviousPage","goToFirstPage","goToLastPage","hiddenNextPages","isNextPageAvailable","isPreviousPageAvailable","usePagination","onChangeScope","PaginationComponent","jsx","Pagination","TooltipProvider","Header","Timeline"],"mappings":";;;;;;;;AAiBA,MAAM,EAAE,gBAAAA,GAAgB,gBAAAC,MAAmBC,EAAM;AAE1C,SAASC,EAAgBC,GAAc;AACtC,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,EAAA,IACbN,GAEE,CAACO,GAAOC,CAAQ,IAAIC,EAAgB,QAAQ,GAE5CC,IAAoBC,EAAQ,MAEzBf,EAAeC,EADHU,MAAU,WAAWJ,IAAmBC,CACZ,CAAC,EAAE;AAAA,IAChD,CAACQ,GAAGC,MAAMA,EAAE,QAAQD,EAAE;AAAA,EACxB,GACC,CAACT,GAAkBC,GAAiBG,CAAK,CAAC,GAEvC;AAAA,IACJ,WAAAO;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACEC,EAAcd,GAAmB;AAAA,IACnC,cAAAJ;AAAA,EAAA,CACD;AAED,WAASmB,EAAclB,GAAc;AACrB,IAAAY,EAAA,GACdX,EAASD,CAAK;AAAA,EAAA;AAKhB,QAAMmB,IAFiBhB,EAAkB,SAASJ,IAG/C,gBAAAqB,EAAA,OAAA,EAAI,WAAU,gCACb,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,eAAAT;AAAA,MACA,cAAAC;AAAA,MACA,cAAAH;AAAA,MACA,UAAAD;AAAA,MACA,kBAAAE;AAAA,MACA,iBAAAG;AAAA,MACA,qBAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,eAAc;AAAA,MACd,eAAc;AAAA,MACd,OAAAR;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EAAA,EAEtB,CAAA,IAEC,gBAAAY,EAAA,MAAA,EAAG,WAAU,mBAAmB,CAAA;AAGnC,2BACGE,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAO5B;AAAA,QACP,eAAAuB;AAAA,QACA,SAAApB;AAAA,QACA,OAAAE;AAAA,QACA,OAAON;AAAA,MAAA;AAAA,IACT;AAAA,IACCyB;AAAA,IACD,gBAAAC,EAAC,OAAI,EAAA,WAAU,uDACZ,UAAAjB,EAAkB,SAAS,IAC1B,gBAAAiB,EAAC,OAAI,EAAA,WAAU,+CACb,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,kBAAkBxB,MAAU,WAAWO,IAAY,CAAC;AAAA,QACpD,iBAAiBP,MAAU,UAAUO,IAAY,CAAC;AAAA,QAClD,OAAAP;AAAA,MAAA;AAAA,IAAA,GAEJ,IAEA,gBAAAoB,EAAC,QAAG,WAAU,uBAAsB,0DAEpC,CAAA,GAEJ;AAAA,IACCD;AAAA,EAAA,GACH;AAEJ;"}

package/dist/connect/components/revision-history/skip/skip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skip.js","sources":["../../../../../src/connect/components/revision-history/skip/skip.tsx"],"sourcesContent":["export type SkipProps = {\n readonly operationIndex: number;\n readonly skipCount: number;\n};\n\nexport function Skip(props: SkipProps) {\n const { operationIndex, skipCount } = props;\n const revisionNumber = operationIndex;\n\n const skippedRevisions =\n skipCount === 1\n ? `${revisionNumber}`\n : `${revisionNumber} - ${revisionNumber + 1 - skipCount}`;\n\n return (\n <article className=\"grid grid-cols-[1fr,auto,1fr] items-center py-2\">\n <div className=\"h-px rounded-full bg-slate-100\" />\n <div className=\"mx-3 text-xs text-slate-100\">\n [Skipped Revision {skippedRevisions}]\n </div>\n <div className=\"h-px rounded-full bg-slate-100\" />\n </article>\n );\n}\n"],"names":["Skip","props","operationIndex","skipCount","revisionNumber","skippedRevisions","jsxs","jsx"],"mappings":";AAKO,SAASA,EAAKC,GAAkB;AAC/B,QAAA,EAAE,gBAAAC,GAAgB,WAAAC,~~EAAc~~,~~IAAAF~~,GAChCG,IAAiBF,GAEjBG,IACJF,MAAc,IACV,GAAGC,CAAc,KACjB,GAAGA,CAAc,MAAMA,IAAiB,IAAID,CAAS;AAGzD,SAAA,gBAAAG,EAAC,WAAQ,EAAA,WAAU,mDACjB,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,iCAAiC,CAAA;AAAA,IAChD,gBAAAD,EAAC,OAAI,EAAA,WAAU,+BAA8B,UAAA;AAAA,MAAA;AAAA,MACxBD;AAAA,MAAiB;AAAA,IAAA,GACtC;AAAA,IACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,iCAAiC,CAAA;AAAA,~~EAClD,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"skip.js","sources":["../../../../../src/connect/components/revision-history/skip/skip.tsx"],"sourcesContent":["export type SkipProps = {\n readonly operationIndex: number;\n readonly skipCount: number;\n};\n\nexport function Skip(props: SkipProps) {\n const { operationIndex, skipCount } = props;\n const revisionNumber = operationIndex;\n\n const skippedRevisions =\n skipCount === 1\n ? `${revisionNumber}`\n : `${revisionNumber} - ${revisionNumber + 1 - skipCount}`;\n\n return (\n <article className=\"grid grid-cols-[1fr,auto,1fr] items-center py-2\">\n <div className=\"h-px rounded-full bg-slate-100\" />\n <div className=\"mx-3 text-xs text-slate-100\">\n [Skipped Revision {skippedRevisions}]\n </div>\n <div className=\"h-px rounded-full bg-slate-100\" />\n </article>\n );\n}\n"],"names":["Skip","props","operationIndex","skipCount","revisionNumber","skippedRevisions","jsxs","jsx"],"mappings":";AAKO,SAASA,EAAKC,GAAkB;AAC/B,QAAA,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,IAAcF,GAChCG,IAAiBF,GAEjBG,IACJF,MAAc,IACV,GAAGC,CAAc,KACjB,GAAGA,CAAc,MAAMA,IAAiB,IAAID,CAAS;AAGzD,SAAA,gBAAAG,EAAC,WAAQ,EAAA,WAAU,mDACjB,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,iCAAiC,CAAA;AAAA,IAChD,gBAAAD,EAAC,OAAI,EAAA,WAAU,+BAA8B,UAAA;AAAA,MAAA;AAAA,MACxBD;AAAA,MAAiB;AAAA,IAAA,GACtC;AAAA,IACA,gBAAAE,EAAC,OAAI,EAAA,WAAU,iCAAiC,CAAA;AAAA,EAAA,GAClD;AAEJ;"}

package/dist/connect/components/revision-history/timeline/day.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"day.js","sources":["../../../../../src/connect/components/revision-history/timeline/day.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport { format } from \"date-fns\";\n\nexport function Day(props: { readonly timestamp: string }) {\n const { timestamp } = props;\n const formattedDate = format(timestamp, \"MMM dd, yyyy\");\n return (\n <h2 className=\"-ml-6 flex items-center gap-1 bg-slate-50 py-2 text-xs text-slate-100\">\n <Icon name=\"Ring\" size={16} /> Changes on {formattedDate}\n </h2>\n );\n}\n"],"names":["Day","props","timestamp","formattedDate","format","jsxs","jsx","Icon"],"mappings":";;;AAGO,SAASA,EAAIC,GAAuC;AACnD,QAAA,EAAE,WAAAC,~~EAAc~~,~~IAAAD,~~GAChBE,IAAgBC,EAAOF,GAAW,cAAc;AAEpD,SAAA,gBAAAG,EAAC,MAAG,EAAA,WAAU,yEACZ,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,MAAK,QAAO,MAAM,IAAI;AAAA,IAAE;AAAA,IAAaJ;AAAA,~~EAC7C,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"day.js","sources":["../../../../../src/connect/components/revision-history/timeline/day.tsx"],"sourcesContent":["import { Icon } from \"@/powerhouse\";\nimport { format } from \"date-fns\";\n\nexport function Day(props: { readonly timestamp: string }) {\n const { timestamp } = props;\n const formattedDate = format(timestamp, \"MMM dd, yyyy\");\n return (\n <h2 className=\"-ml-6 flex items-center gap-1 bg-slate-50 py-2 text-xs text-slate-100\">\n <Icon name=\"Ring\" size={16} /> Changes on {formattedDate}\n </h2>\n );\n}\n"],"names":["Day","props","timestamp","formattedDate","format","jsxs","jsx","Icon"],"mappings":";;;AAGO,SAASA,EAAIC,GAAuC;AACnD,QAAA,EAAE,WAAAC,MAAcD,GAChBE,IAAgBC,EAAOF,GAAW,cAAc;AAEpD,SAAA,gBAAAG,EAAC,MAAG,EAAA,WAAU,yEACZ,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAK,EAAA,MAAK,QAAO,MAAM,IAAI;AAAA,IAAE;AAAA,IAAaJ;AAAA,EAAA,GAC7C;AAEJ;"}

package/dist/connect/components/revision-history/timeline/timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timeline.js","sources":["../../../../../src/connect/components/revision-history/timeline/timeline.tsx"],"sourcesContent":["import { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Revision } from \"../revision\";\nimport { Skip } from \"../skip\";\nimport { Operation, Scope } from \"../types\";\nimport { makeRows } from \"../utils\";\nimport { Day } from \"./day\";\n\nexport type TimelineProps = {\n readonly localOperations: Operation[];\n readonly globalOperations: Operation[];\n readonly scope: Scope;\n};\n\nexport function Timeline(props: TimelineProps) {\n const { localOperations, globalOperations, scope } = props;\n const operations = scope === \"local\" ? localOperations : globalOperations;\n const initialNumRowsToShow = 100;\n const allRows = useMemo(() => makeRows(operations), [operations]);\n const [scrollAmount, setScrollAmount] = useState(0);\n const [numRowsToShow, setNumRowsToShow] = useState(initialNumRowsToShow);\n const [rows, setRows] = useState(() => allRows.slice(0, numRowsToShow));\n\n const parentRef = useRef<HTMLDivElement>(null);\n\n const hasNextPage = rows.length < allRows.length;\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => parentRef.current,\n estimateSize: (i) => allRows[i].height,\n gap: 8,\n });\n\n useEffect(() => {\n if (!hasNextPage) return;\n const ratio = Math.floor(scrollAmount / 46);\n const newNumRevisions = initialNumRowsToShow + ratio;\n setNumRowsToShow((prev) =>\n newNumRevisions > prev ? newNumRevisions : prev,\n );\n }, [scrollAmount, hasNextPage]);\n\n useEffect(() => {\n setRows(allRows.slice(0, numRowsToShow));\n }, [allRows, numRowsToShow]);\n\n const handleScroll = (e: WheelEvent) => {\n setScrollAmount((prev) => {\n const n = prev + e.deltaY;\n if (n < 0) {\n return 0;\n }\n return n;\n });\n };\n\n useEffect(() => {\n window.addEventListener(\"wheel\", handleScroll);\n return () => {\n window.removeEventListener(\"wheel\", handleScroll);\n };\n }, []);\n\n return (\n <div\n className=\"border-l border-slate-100\n \"\n ref={parentRef}\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index];\n\n return (\n <div\n key={virtualRow.index}\n style={{\n position: \"absolute\",\n top: 0,\n left: 16,\n width: \"100%\",\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n {row.type === \"revision\" && (\n <Revision {...row} key={virtualRow.key} />\n )}\n {row.type === \"skip\" && <Skip key={virtualRow.key} {...row} />}\n {row.type === \"day\" && <Day key={virtualRow.key} {...row} />}\n </div>\n );\n })}\n </div>\n );\n}\n"],"names":["Timeline","props","localOperations","globalOperations","scope","operations","initialNumRowsToShow","allRows","useMemo","makeRows","scrollAmount","setScrollAmount","useState","numRowsToShow","setNumRowsToShow","rows","setRows","parentRef","useRef","hasNextPage","rowVirtualizer","useVirtualizer","i","useEffect","ratio","newNumRevisions","prev","handleScroll","n","jsx","virtualRow","row","jsxs","createElement","Revision","Skip","Day"],"mappings":";;;;;;;AAcO,SAASA,EAASC,GAAsB;AAC7C,QAAM,EAAE,iBAAAC,GAAiB,kBAAAC,GAAkB,OAAAC,~~EAAA~~,~~IAAUH~~,GAC/CI,IAAaD,MAAU,UAAUF,IAAkBC,GACnDG,IAAuB,KACvBC,IAAUC,EAAQ,MAAMC,EAASJ,CAAU,GAAG,CAACA,CAAU,CAAC,GAC1D,CAACK,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACC,GAAeC,CAAgB,IAAIF,EAASN,CAAoB,GACjE,CAACS,GAAMC,CAAO,IAAIJ,EAAS,MAAML,EAAQ,MAAM,GAAGM,CAAa,CAAC,GAEhEI,IAAYC,EAAuB,IAAI,GAEvCC,IAAcJ,EAAK,SAASR,EAAQ,QAEpCa,IAAiBC,EAAe;AAAA,IACpC,OAAON,EAAK;AAAA,IACZ,kBAAkB,MAAME,EAAU;AAAA,IAClC,cAAc,CAACK,MAAMf,EAAQe,CAAC,EAAE;AAAA,IAChC,KAAK;AAAA,EAAA,CACN;AAED,EAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAa;AAClB,UAAMK,IAAQ,KAAK,MAAMd,IAAe,EAAE,GACpCe,IAAkBnB,IAAuBkB;AAC/C,IAAAV;AAAA,MAAiB,CAACY,MAChBD,IAAkBC,IAAOD,IAAkBC;AAAA,~~IAAA~~;AAAA,~~EAC7C~~,GACC,CAAChB,GAAcS,CAAW,CAAC,GAE9BI,EAAU,MAAM;AACd,IAAAP,EAAQT,EAAQ,MAAM,GAAGM,CAAa,CAAC;AAAA,EAAA,GACtC,CAACN,GAASM,CAAa,CAAC;AAErB,QAAAc,IAAe,CAAC,MAAkB;AACtC,IAAAhB,EAAgB,CAACe,MAAS;AAClB,YAAAE,IAAIF,IAAO,EAAE;AACnB,aAAIE,IAAI,IACC,IAEFA;AAAA,IAAA,CACR;AAAA,~~EAAA~~;~~AAGH~~,SAAAL,EAAU,OACD,OAAA,iBAAiB,SAASI,CAAY,GACtC,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAY;AAAA,~~EAAA~~,~~IAEjD~~,~~CAAE~~,~~CAAA,~~GAGH,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA;AAAA,MAEV,KAAKZ;AAAA,MACL,OAAO;AAAA,QACL,QAAQ,GAAGG,EAAe,aAAA,CAAc;AAAA,QACxC,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MAEC,UAAeA,EAAA,gBAAkB,EAAA,IAAI,CAACU,MAAe;AAC9C,cAAAC,IAAMhB,EAAKe,EAAW,KAAK;AAG/B,eAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO;AAAA,cACP,QAAQ,GAAGF,EAAW,IAAI;AAAA,cAC1B,WAAW,cAAcA,EAAW,KAAK;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cAAIC,EAAA,SAAS,cACX,gBAAAE,EAAAC,GAAA,EAAU,GAAGH,GAAK,KAAKD,EAAW,KAAK;AAAA,cAEzCC,EAAI,SAAS,UAAU,gBAAAF,EAACM,KAA2B,GAAGJ,EAAA,GAApBD,EAAW,GAAc;AAAA,cAC3DC,EAAI,SAAS,SAAS,gBAAAF,EAACO,KAA0B,GAAGL,~~EAAA~~,~~GAApBD,~~EAAW,GAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAdrDA,EAAW;AAAA,~~QAAA~~;AAAA,~~MAelB~~,~~CAEH~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGP~~;"}
1	+ {"version":3,"file":"timeline.js","sources":["../../../../../src/connect/components/revision-history/timeline/timeline.tsx"],"sourcesContent":["import { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Revision } from \"../revision\";\nimport { Skip } from \"../skip\";\nimport { Operation, Scope } from \"../types\";\nimport { makeRows } from \"../utils\";\nimport { Day } from \"./day\";\n\nexport type TimelineProps = {\n readonly localOperations: Operation[];\n readonly globalOperations: Operation[];\n readonly scope: Scope;\n};\n\nexport function Timeline(props: TimelineProps) {\n const { localOperations, globalOperations, scope } = props;\n const operations = scope === \"local\" ? localOperations : globalOperations;\n const initialNumRowsToShow = 100;\n const allRows = useMemo(() => makeRows(operations), [operations]);\n const [scrollAmount, setScrollAmount] = useState(0);\n const [numRowsToShow, setNumRowsToShow] = useState(initialNumRowsToShow);\n const [rows, setRows] = useState(() => allRows.slice(0, numRowsToShow));\n\n const parentRef = useRef<HTMLDivElement>(null);\n\n const hasNextPage = rows.length < allRows.length;\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n getScrollElement: () => parentRef.current,\n estimateSize: (i) => allRows[i].height,\n gap: 8,\n });\n\n useEffect(() => {\n if (!hasNextPage) return;\n const ratio = Math.floor(scrollAmount / 46);\n const newNumRevisions = initialNumRowsToShow + ratio;\n setNumRowsToShow((prev) =>\n newNumRevisions > prev ? newNumRevisions : prev,\n );\n }, [scrollAmount, hasNextPage]);\n\n useEffect(() => {\n setRows(allRows.slice(0, numRowsToShow));\n }, [allRows, numRowsToShow]);\n\n const handleScroll = (e: WheelEvent) => {\n setScrollAmount((prev) => {\n const n = prev + e.deltaY;\n if (n < 0) {\n return 0;\n }\n return n;\n });\n };\n\n useEffect(() => {\n window.addEventListener(\"wheel\", handleScroll);\n return () => {\n window.removeEventListener(\"wheel\", handleScroll);\n };\n }, []);\n\n return (\n <div\n className=\"border-l border-slate-100\n \"\n ref={parentRef}\n style={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n width: \"100%\",\n position: \"relative\",\n }}\n >\n {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index];\n\n return (\n <div\n key={virtualRow.index}\n style={{\n position: \"absolute\",\n top: 0,\n left: 16,\n width: \"100%\",\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n {row.type === \"revision\" && (\n <Revision {...row} key={virtualRow.key} />\n )}\n {row.type === \"skip\" && <Skip key={virtualRow.key} {...row} />}\n {row.type === \"day\" && <Day key={virtualRow.key} {...row} />}\n </div>\n );\n })}\n </div>\n );\n}\n"],"names":["Timeline","props","localOperations","globalOperations","scope","operations","initialNumRowsToShow","allRows","useMemo","makeRows","scrollAmount","setScrollAmount","useState","numRowsToShow","setNumRowsToShow","rows","setRows","parentRef","useRef","hasNextPage","rowVirtualizer","useVirtualizer","i","useEffect","ratio","newNumRevisions","prev","handleScroll","n","jsx","virtualRow","row","jsxs","createElement","Revision","Skip","Day"],"mappings":";;;;;;;AAcO,SAASA,EAASC,GAAsB;AAC7C,QAAM,EAAE,iBAAAC,GAAiB,kBAAAC,GAAkB,OAAAC,EAAU,IAAAH,GAC/CI,IAAaD,MAAU,UAAUF,IAAkBC,GACnDG,IAAuB,KACvBC,IAAUC,EAAQ,MAAMC,EAASJ,CAAU,GAAG,CAACA,CAAU,CAAC,GAC1D,CAACK,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACC,GAAeC,CAAgB,IAAIF,EAASN,CAAoB,GACjE,CAACS,GAAMC,CAAO,IAAIJ,EAAS,MAAML,EAAQ,MAAM,GAAGM,CAAa,CAAC,GAEhEI,IAAYC,EAAuB,IAAI,GAEvCC,IAAcJ,EAAK,SAASR,EAAQ,QAEpCa,IAAiBC,EAAe;AAAA,IACpC,OAAON,EAAK;AAAA,IACZ,kBAAkB,MAAME,EAAU;AAAA,IAClC,cAAc,CAACK,MAAMf,EAAQe,CAAC,EAAE;AAAA,IAChC,KAAK;AAAA,EAAA,CACN;AAED,EAAAC,EAAU,MAAM;AACd,QAAI,CAACJ,EAAa;AAClB,UAAMK,IAAQ,KAAK,MAAMd,IAAe,EAAE,GACpCe,IAAkBnB,IAAuBkB;AAC/C,IAAAV;AAAA,MAAiB,CAACY,MAChBD,IAAkBC,IAAOD,IAAkBC;AAAA,IAC7C;AAAA,EAAA,GACC,CAAChB,GAAcS,CAAW,CAAC,GAE9BI,EAAU,MAAM;AACd,IAAAP,EAAQT,EAAQ,MAAM,GAAGM,CAAa,CAAC;AAAA,EAAA,GACtC,CAACN,GAASM,CAAa,CAAC;AAErB,QAAAc,IAAe,CAAC,MAAkB;AACtC,IAAAhB,EAAgB,CAACe,MAAS;AAClB,YAAAE,IAAIF,IAAO,EAAE;AACnB,aAAIE,IAAI,IACC,IAEFA;AAAA,IAAA,CACR;AAAA,EACH;AAEA,SAAAL,EAAU,OACD,OAAA,iBAAiB,SAASI,CAAY,GACtC,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAY;AAAA,EAClD,IACC,EAAE,GAGH,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA;AAAA,MAEV,KAAKZ;AAAA,MACL,OAAO;AAAA,QACL,QAAQ,GAAGG,EAAe,aAAA,CAAc;AAAA,QACxC,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MAEC,UAAeA,EAAA,gBAAkB,EAAA,IAAI,CAACU,MAAe;AAC9C,cAAAC,IAAMhB,EAAKe,EAAW,KAAK;AAG/B,eAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO;AAAA,cACP,QAAQ,GAAGF,EAAW,IAAI;AAAA,cAC1B,WAAW,cAAcA,EAAW,KAAK;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cAAIC,EAAA,SAAS,cACX,gBAAAE,EAAAC,GAAA,EAAU,GAAGH,GAAK,KAAKD,EAAW,KAAK;AAAA,cAEzCC,EAAI,SAAS,UAAU,gBAAAF,EAACM,KAA2B,GAAGJ,EAAA,GAApBD,EAAW,GAAc;AAAA,cAC3DC,EAAI,SAAS,SAAS,gBAAAF,EAACO,KAA0B,GAAGL,KAApBD,EAAW,GAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAdrDA,EAAW;AAAA,QAelB;AAAA,MAEH,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/connect/components/revision-history/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/connect/components/revision-history/utils.ts"],"sourcesContent":["import {\n Day,\n Operation,\n Revision,\n Signature,\n SignatureArray,\n Skip,\n} from \"./types\";\n\nexport function makeRows(operations: Operation[]) {\n const revisionsAndSkips: (Revision \| Skip \| Day)[] = [];\n const seenDays = new Set<string>();\n\n for (const operation of operations) {\n const day = operation.timestamp.split(\"T\")[0];\n\n if (!seenDays.has(day)) {\n seenDays.add(day);\n revisionsAndSkips.push({\n type: \"day\",\n height: 32,\n timestamp: day,\n });\n }\n\n revisionsAndSkips.push({\n type: \"revision\",\n height: 46,\n operationIndex: operation.index,\n eventId: operation.id ?? \"EVENT_ID_NOT_FOUND\",\n stateHash: operation.hash,\n operationType: operation.type,\n operationInput: operation.input ?? {},\n address: operation.context?.signer?.user?.address,\n chainId: operation.context?.signer?.user?.chainId,\n timestamp: operation.timestamp,\n signatures: makeSignatures(operation.context?.signer?.signatures),\n errors: operation.error ? [operation.error] : undefined,\n });\n\n if (operation.skip > 0) {\n revisionsAndSkips.push({\n type: \"skip\",\n height: 34,\n operationIndex: operation.index,\n skipCount: operation.skip,\n timestamp: operation.timestamp,\n });\n }\n }\n\n return revisionsAndSkips;\n}\n\nexport function getUniqueDatesInOrder(operations: Operation[]) {\n const dates = new Set<string>();\n\n for (const operation of operations) {\n const date = operation.timestamp.split(\"T\")[0];\n dates.add(date);\n }\n\n return Array.from(dates).sort(\n (a, b) => new Date(b).getTime() - new Date(a).getTime(),\n );\n}\n\nfunction makeSignatureFromSignatureArray(\n signatureArray: SignatureArray,\n): Signature {\n const [signerAddress, hash, prevStateHash, signatureBytes] = signatureArray;\n\n return {\n signerAddress,\n hash,\n prevStateHash,\n signatureBytes,\n isVerified: true,\n };\n}\n\nfunction makeSignatures(signaturesArray: SignatureArray[] \| undefined) {\n return signaturesArray?.map(makeSignatureFromSignatureArray);\n}\n"],"names":["makeRows","operations","_a","_b","_c","_d","_e","_f","_g","_h","revisionsAndSkips","seenDays","operation","day","makeSignatures","makeSignatureFromSignatureArray","signatureArray","signerAddress","hash","prevStateHash","signatureBytes","signaturesArray"],"mappings":"AASO,SAASA,EAASC,GAAyB;AAA3C,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AACL,QAAMC,IAA+C,~~CAAA~~,~~GAC/CC~~,wBAAe;~~AAErB~~,aAAWC,KAAaX,GAAY;AAClC,UAAMY,IAAMD,EAAU,UAAU,MAAM,GAAG,EAAE,CAAC;AAE5C,IAAKD,EAAS,IAAIE,CAAG,MACnBF,EAAS,IAAIE,CAAG,GAChBH,EAAkB,KAAK;AAAA,MACrB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAWG;AAAA,IAAA,CACZ,IAGHH,EAAkB,KAAK;AAAA,MACrB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgBE,EAAU;AAAA,MAC1B,SAASA,EAAU,MAAM;AAAA,MACzB,WAAWA,EAAU;AAAA,MACrB,eAAeA,EAAU;AAAA,MACzB,gBAAgBA,EAAU,SAAS,CAAC;AAAA,MACpC,UAASR,KAAAD,KAAAD,IAAAU,EAAU,YAAV,gBAAAV,EAAmB,WAAnB,gBAAAC,EAA2B,SAA3B,gBAAAC,EAAiC;AAAA,MAC1C,UAASG,KAAAD,KAAAD,IAAAO,EAAU,YAAV,gBAAAP,EAAmB,WAAnB,gBAAAC,EAA2B,SAA3B,gBAAAC,EAAiC;AAAA,MAC1C,WAAWK,EAAU;AAAA,MACrB,YAAYE,GAAeL,KAAAD,IAAAI,EAAU,YAAV,gBAAAJ,EAAmB,WAAnB,gBAAAC,EAA2B,UAAU;AAAA,MAChE,QAAQG,EAAU,QAAQ,CAACA,EAAU,KAAK,IAAI;AAAA,IAAA,CAC/C,GAEGA,EAAU,OAAO,KACnBF,EAAkB,KAAK;AAAA,MACrB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgBE,EAAU;AAAA,MAC1B,WAAWA,EAAU;AAAA,MACrB,WAAWA,EAAU;AAAA,IAAA,CACtB;AAAA,~~EAEL~~;~~AAEO~~,SAAAF;AACT;AAeA,SAASK,EACPC,GACW;AACX,QAAM,CAACC,GAAeC,GAAMC,GAAeC,CAAc,IAAIJ;AAEtD,SAAA;AAAA,IACL,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAY;AAAA,~~EAAA~~;~~AAEhB~~;AAEA,SAASN,EAAeO,GAA+C;AAC9D,SAAAA,KAAA,gBAAAA,EAAiB,IAAIN;AAC9B;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/connect/components/revision-history/utils.ts"],"sourcesContent":["import {\n Day,\n Operation,\n Revision,\n Signature,\n SignatureArray,\n Skip,\n} from \"./types\";\n\nexport function makeRows(operations: Operation[]) {\n const revisionsAndSkips: (Revision \| Skip \| Day)[] = [];\n const seenDays = new Set<string>();\n\n for (const operation of operations) {\n const day = operation.timestamp.split(\"T\")[0];\n\n if (!seenDays.has(day)) {\n seenDays.add(day);\n revisionsAndSkips.push({\n type: \"day\",\n height: 32,\n timestamp: day,\n });\n }\n\n revisionsAndSkips.push({\n type: \"revision\",\n height: 46,\n operationIndex: operation.index,\n eventId: operation.id ?? \"EVENT_ID_NOT_FOUND\",\n stateHash: operation.hash,\n operationType: operation.type,\n operationInput: operation.input ?? {},\n address: operation.context?.signer?.user?.address,\n chainId: operation.context?.signer?.user?.chainId,\n timestamp: operation.timestamp,\n signatures: makeSignatures(operation.context?.signer?.signatures),\n errors: operation.error ? [operation.error] : undefined,\n });\n\n if (operation.skip > 0) {\n revisionsAndSkips.push({\n type: \"skip\",\n height: 34,\n operationIndex: operation.index,\n skipCount: operation.skip,\n timestamp: operation.timestamp,\n });\n }\n }\n\n return revisionsAndSkips;\n}\n\nexport function getUniqueDatesInOrder(operations: Operation[]) {\n const dates = new Set<string>();\n\n for (const operation of operations) {\n const date = operation.timestamp.split(\"T\")[0];\n dates.add(date);\n }\n\n return Array.from(dates).sort(\n (a, b) => new Date(b).getTime() - new Date(a).getTime(),\n );\n}\n\nfunction makeSignatureFromSignatureArray(\n signatureArray: SignatureArray,\n): Signature {\n const [signerAddress, hash, prevStateHash, signatureBytes] = signatureArray;\n\n return {\n signerAddress,\n hash,\n prevStateHash,\n signatureBytes,\n isVerified: true,\n };\n}\n\nfunction makeSignatures(signaturesArray: SignatureArray[] \| undefined) {\n return signaturesArray?.map(makeSignatureFromSignatureArray);\n}\n"],"names":["makeRows","operations","_a","_b","_c","_d","_e","_f","_g","_h","revisionsAndSkips","seenDays","operation","day","makeSignatures","makeSignatureFromSignatureArray","signatureArray","signerAddress","hash","prevStateHash","signatureBytes","signaturesArray"],"mappings":"AASO,SAASA,EAASC,GAAyB;AAA3C,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AACL,QAAMC,IAA+C,CAAC,GAChDC,wBAAe,IAAY;AAEjC,aAAWC,KAAaX,GAAY;AAClC,UAAMY,IAAMD,EAAU,UAAU,MAAM,GAAG,EAAE,CAAC;AAE5C,IAAKD,EAAS,IAAIE,CAAG,MACnBF,EAAS,IAAIE,CAAG,GAChBH,EAAkB,KAAK;AAAA,MACrB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAWG;AAAA,IAAA,CACZ,IAGHH,EAAkB,KAAK;AAAA,MACrB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgBE,EAAU;AAAA,MAC1B,SAASA,EAAU,MAAM;AAAA,MACzB,WAAWA,EAAU;AAAA,MACrB,eAAeA,EAAU;AAAA,MACzB,gBAAgBA,EAAU,SAAS,CAAC;AAAA,MACpC,UAASR,KAAAD,KAAAD,IAAAU,EAAU,YAAV,gBAAAV,EAAmB,WAAnB,gBAAAC,EAA2B,SAA3B,gBAAAC,EAAiC;AAAA,MAC1C,UAASG,KAAAD,KAAAD,IAAAO,EAAU,YAAV,gBAAAP,EAAmB,WAAnB,gBAAAC,EAA2B,SAA3B,gBAAAC,EAAiC;AAAA,MAC1C,WAAWK,EAAU;AAAA,MACrB,YAAYE,GAAeL,KAAAD,IAAAI,EAAU,YAAV,gBAAAJ,EAAmB,WAAnB,gBAAAC,EAA2B,UAAU;AAAA,MAChE,QAAQG,EAAU,QAAQ,CAACA,EAAU,KAAK,IAAI;AAAA,IAAA,CAC/C,GAEGA,EAAU,OAAO,KACnBF,EAAkB,KAAK;AAAA,MACrB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgBE,EAAU;AAAA,MAC1B,WAAWA,EAAU;AAAA,MACrB,WAAWA,EAAU;AAAA,IAAA,CACtB;AAAA,EACH;AAGK,SAAAF;AACT;AAeA,SAASK,EACPC,GACW;AACX,QAAM,CAACC,GAAeC,GAAMC,GAAeC,CAAc,IAAIJ;AAEtD,SAAA;AAAA,IACL,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAEA,SAASN,EAAeO,GAA+C;AAC9D,SAAAA,KAAA,gBAAAA,EAAiB,IAAIN;AAC9B;"}

package/dist/connect/components/search-bar/filter-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-item.js","sources":["../../../../src/connect/components/search-bar/filter-item.tsx"],"sourcesContent":["import { mergeClassNameProps } from \"@/powerhouse\";\n\nexport type FilterItemType = {\n id: string;\n label: string;\n icon?: React.JSX.Element;\n};\n\nexport interface FilterItemProps extends React.HTMLAttributes<HTMLDivElement> {\n item: FilterItemType;\n}\n\nexport const FilterItem: React.FC<FilterItemProps> = (props) => {\n const { item, ...containerProps } = props;\n\n return (\n <div\n {...mergeClassNameProps(\n containerProps,\n \"flex h-full flex-row items-center justify-between gap-x-4 px-2\",\n )}\n >\n {item.icon}\n <div className=\"text-sm font-semibold text-slate-200\">{item.label}</div>\n </div>\n );\n};\n"],"names":["FilterItem","props","item","containerProps","jsxs","mergeClassNameProps","jsx"],"mappings":";;AAYa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAmBF;AAGlC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,QACFF;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAKD,EAAA;AAAA,QACL,gBAAAI,EAAA,OAAA,EAAI,WAAU,wCAAwC,YAAK,~~OAAM~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGxE~~;"}
1	+ {"version":3,"file":"filter-item.js","sources":["../../../../src/connect/components/search-bar/filter-item.tsx"],"sourcesContent":["import { mergeClassNameProps } from \"@/powerhouse\";\n\nexport type FilterItemType = {\n id: string;\n label: string;\n icon?: React.JSX.Element;\n};\n\nexport interface FilterItemProps extends React.HTMLAttributes<HTMLDivElement> {\n item: FilterItemType;\n}\n\nexport const FilterItem: React.FC<FilterItemProps> = (props) => {\n const { item, ...containerProps } = props;\n\n return (\n <div\n {...mergeClassNameProps(\n containerProps,\n \"flex h-full flex-row items-center justify-between gap-x-4 px-2\",\n )}\n >\n {item.icon}\n <div className=\"text-sm font-semibold text-slate-200\">{item.label}</div>\n </div>\n );\n};\n"],"names":["FilterItem","props","item","containerProps","jsxs","mergeClassNameProps","jsx"],"mappings":";;AAYa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAmBF;AAGlC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,QACFF;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAKD,EAAA;AAAA,QACL,gBAAAI,EAAA,OAAA,EAAI,WAAU,wCAAwC,YAAK,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpE;AAEJ;"}

package/dist/connect/components/search-bar/search-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search-bar.js","sources":["../../../../src/connect/components/search-bar/search-bar.tsx"],"sourcesContent":["import {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Icon,\n} from \"@/powerhouse\";\nimport { ChangeEvent, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { FilterItem, FilterItemType } from \"./filter-item\";\n\nexport interface ConnectSearchBarProps {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n filterLabel?: string;\n filterItems?: Array<FilterItemType>;\n selectedFilter?: string;\n onFilterSelect?: (filterId: string) => void;\n}\n\nexport const ConnectSearchBar: React.FC<ConnectSearchBarProps> = (props) => {\n const {\n value,\n onChange,\n placeholder,\n filterLabel,\n filterItems,\n selectedFilter,\n onFilterSelect = () => {},\n } = props;\n\n const items = useMemo(\n () =>\n filterItems?.map((item) => ({\n id: item.id,\n content: <FilterItem item={item} />,\n })) ?? [],\n [filterItems],\n );\n\n const selectedItemFilter = filterItems?.find(\n (item) => item.id === selectedFilter,\n );\n\n const filterLabelContent = selectedItemFilter ? (\n <FilterItem className=\"gap-x-1\" item={selectedItemFilter} />\n ) : (\n filterLabel && (\n <div className=\"mr-2 text-sm font-semibold text-slate-200\">\n {filterLabel}\n </div>\n )\n );\n\n function handleChange(event: ChangeEvent<HTMLInputElement>) {\n onChange(event.target.value);\n }\n\n return (\n <div className=\"flex items-center\">\n <Icon className=\"mr-3\" name=\"Search\" />\n <input\n className={twMerge(\n \"flex h-[52px] min-w-0 flex-1 items-center rounded-xl border border-gray-200 bg-gray-50 px-4 text-sm text-slate-200 outline-none\",\n )}\n onChange={handleChange}\n placeholder={placeholder}\n value={value}\n />\n <DropdownMenu>\n <DropdownMenuTrigger className=\"ml-3 flex h-full flex-row items-center outline-none\">\n {filterLabelContent} <Icon name=\"ChevronDown\" />\n </DropdownMenuTrigger>\n <DropdownMenuContent className=\"rounded-xl border border-gray-100 bg-gray-50 p-2\">\n {items.map((item) => (\n <DropdownMenuItem\n className=\"h-10 cursor-pointer overflow-hidden rounded-lg hover:bg-gray-100\"\n id={item.id}\n key={item.id}\n onSelect={() => onFilterSelect(item.id)}\n >\n {item.content}\n </DropdownMenuItem>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n );\n};\n"],"names":["ConnectSearchBar","props","value","onChange","placeholder","filterLabel","filterItems","selectedFilter","onFilterSelect","items","useMemo","item","jsx","FilterItem","selectedItemFilter","filterLabelContent","handleChange","event","jsxs","Icon","twMerge","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem"],"mappings":";;;;;;AAqBa,MAAAA,IAAoD,CAACC,MAAU;AACpE,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC,IAAiB,MAAM;AAAA,~~IAAC~~;AAAA,~~EACtB~~,~~IAAAP~~,GAEEQ,IAAQC;AAAA,IACZ,OACEJ,KAAA,gBAAAA,EAAa,IAAI,CAACK,OAAU;AAAA,MAC1B,IAAIA,EAAK;AAAA,MACT,SAAU,gBAAAC,EAAAC,GAAA,EAAW,MAAAF,EAAY,CAAA;AAAA,IACnC,QAAO,CAAC;AAAA,IACV,CAACL,CAAW;AAAA,~~EAAA~~,~~GAGRQ~~,IAAqBR,KAAA,gBAAAA,EAAa;AAAA,IACtC,CAACK,MAASA,EAAK,OAAOJ;AAAA,KAGlBQ,IAAqBD,IACxB,gBAAAF,EAAAC,GAAA,EAAW,WAAU,WAAU,MAAMC,EAAoB,CAAA,IAE1DT,KACE,gBAAAO,EAAC,OAAI,EAAA,WAAU,6CACZ,UACHP,~~EAAA,CAAA~~;AAIJ,WAASW,EAAaC,GAAsC;AACjD,IAAAd,EAAAc,EAAM,OAAO,KAAK;AAAA,~~EAC7B~~;~~AAGE~~,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,WAAU,QAAO,MAAK,UAAS;AAAA,IACrC,gBAAAP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWQ;AAAA,UACT;AAAA,QACF;AAAA,QACA,UAAUJ;AAAA,QACV,aAAAZ;AAAA,QACA,OAAAF;AAAA,MAAA;AAAA,IACF;AAAA,sBACCmB,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EAAoB,WAAU,uDAC5B,UAAA;AAAA,QAAAP;AAAA,QAAmB;AAAA,QAAC,gBAAAH,EAACO,GAAK,EAAA,MAAK,cAAc,CAAA;AAAA,MAAA,GAChD;AAAA,wBACCI,GAAoB,EAAA,WAAU,oDAC5B,UAAMd,EAAA,IAAI,CAACE,MACV,gBAAAC;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAIb,EAAK;AAAA,UAET,UAAU,MAAMH,EAAeG,EAAK,EAAE;AAAA,UAErC,UAAKA,EAAA;AAAA,QAAA;AAAA,QAHDA,EAAK;AAAA,~~MAKb~~,CAAA~~,GACH~~;AAAA,IAAA,~~GACF~~;AAAA,~~EACF,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"search-bar.js","sources":["../../../../src/connect/components/search-bar/search-bar.tsx"],"sourcesContent":["import {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Icon,\n} from \"@/powerhouse\";\nimport { ChangeEvent, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { FilterItem, FilterItemType } from \"./filter-item\";\n\nexport interface ConnectSearchBarProps {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n filterLabel?: string;\n filterItems?: Array<FilterItemType>;\n selectedFilter?: string;\n onFilterSelect?: (filterId: string) => void;\n}\n\nexport const ConnectSearchBar: React.FC<ConnectSearchBarProps> = (props) => {\n const {\n value,\n onChange,\n placeholder,\n filterLabel,\n filterItems,\n selectedFilter,\n onFilterSelect = () => {},\n } = props;\n\n const items = useMemo(\n () =>\n filterItems?.map((item) => ({\n id: item.id,\n content: <FilterItem item={item} />,\n })) ?? [],\n [filterItems],\n );\n\n const selectedItemFilter = filterItems?.find(\n (item) => item.id === selectedFilter,\n );\n\n const filterLabelContent = selectedItemFilter ? (\n <FilterItem className=\"gap-x-1\" item={selectedItemFilter} />\n ) : (\n filterLabel && (\n <div className=\"mr-2 text-sm font-semibold text-slate-200\">\n {filterLabel}\n </div>\n )\n );\n\n function handleChange(event: ChangeEvent<HTMLInputElement>) {\n onChange(event.target.value);\n }\n\n return (\n <div className=\"flex items-center\">\n <Icon className=\"mr-3\" name=\"Search\" />\n <input\n className={twMerge(\n \"flex h-[52px] min-w-0 flex-1 items-center rounded-xl border border-gray-200 bg-gray-50 px-4 text-sm text-slate-200 outline-none\",\n )}\n onChange={handleChange}\n placeholder={placeholder}\n value={value}\n />\n <DropdownMenu>\n <DropdownMenuTrigger className=\"ml-3 flex h-full flex-row items-center outline-none\">\n {filterLabelContent} <Icon name=\"ChevronDown\" />\n </DropdownMenuTrigger>\n <DropdownMenuContent className=\"rounded-xl border border-gray-100 bg-gray-50 p-2\">\n {items.map((item) => (\n <DropdownMenuItem\n className=\"h-10 cursor-pointer overflow-hidden rounded-lg hover:bg-gray-100\"\n id={item.id}\n key={item.id}\n onSelect={() => onFilterSelect(item.id)}\n >\n {item.content}\n </DropdownMenuItem>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n );\n};\n"],"names":["ConnectSearchBar","props","value","onChange","placeholder","filterLabel","filterItems","selectedFilter","onFilterSelect","items","useMemo","item","jsx","FilterItem","selectedItemFilter","filterLabelContent","handleChange","event","jsxs","Icon","twMerge","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem"],"mappings":";;;;;;AAqBa,MAAAA,IAAoD,CAACC,MAAU;AACpE,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC,IAAiB,MAAM;AAAA,IAAA;AAAA,EAAC,IACtBP,GAEEQ,IAAQC;AAAA,IACZ,OACEJ,KAAA,gBAAAA,EAAa,IAAI,CAACK,OAAU;AAAA,MAC1B,IAAIA,EAAK;AAAA,MACT,SAAU,gBAAAC,EAAAC,GAAA,EAAW,MAAAF,EAAY,CAAA;AAAA,IACnC,QAAO,CAAC;AAAA,IACV,CAACL,CAAW;AAAA,EACd,GAEMQ,IAAqBR,KAAA,gBAAAA,EAAa;AAAA,IACtC,CAACK,MAASA,EAAK,OAAOJ;AAAA,KAGlBQ,IAAqBD,IACxB,gBAAAF,EAAAC,GAAA,EAAW,WAAU,WAAU,MAAMC,EAAoB,CAAA,IAE1DT,KACE,gBAAAO,EAAC,OAAI,EAAA,WAAU,6CACZ,UACHP,GAAA;AAIJ,WAASW,EAAaC,GAAsC;AACjD,IAAAd,EAAAc,EAAM,OAAO,KAAK;AAAA,EAAA;AAI3B,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,qBACb,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,WAAU,QAAO,MAAK,UAAS;AAAA,IACrC,gBAAAP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWQ;AAAA,UACT;AAAA,QACF;AAAA,QACA,UAAUJ;AAAA,QACV,aAAAZ;AAAA,QACA,OAAAF;AAAA,MAAA;AAAA,IACF;AAAA,sBACCmB,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAI,GAAA,EAAoB,WAAU,uDAC5B,UAAA;AAAA,QAAAP;AAAA,QAAmB;AAAA,QAAC,gBAAAH,EAACO,GAAK,EAAA,MAAK,cAAc,CAAA;AAAA,MAAA,GAChD;AAAA,wBACCI,GAAoB,EAAA,WAAU,oDAC5B,UAAMd,EAAA,IAAI,CAACE,MACV,gBAAAC;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAIb,EAAK;AAAA,UAET,UAAU,MAAMH,EAAeG,EAAK,EAAE;AAAA,UAErC,UAAKA,EAAA;AAAA,QAAA;AAAA,QAHDA,EAAK;AAAA,MAAA,CAKb,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/connect/components/select/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","sources":["../../../../src/connect/components/select/select.tsx"],"sourcesContent":["import { Icon, fixedForwardRef } from \"@/powerhouse\";\nimport { CSSProperties, ForwardedRef, useState } from \"react\";\nimport { twJoin, twMerge } from \"tailwind-merge\";\n\nexport type SelectItem<TValue extends string> = {\n readonly value: TValue;\n readonly displayValue?: React.ReactNode;\n readonly description?: React.ReactNode;\n readonly icon?: React.JSX.Element;\n readonly disabled?: boolean;\n};\n\nexport type SelectProps<TValue extends string> = {\n items: readonly SelectItem<TValue>[];\n value: TValue;\n id: string;\n onChange: (value: TValue) => void;\n containerClassName?: string;\n menuClassName?: string;\n itemClassName?: string;\n borderRadius?: CSSProperties[\"borderRadius\"];\n absolutePositionMenu?: boolean;\n};\n\nexport const Select = fixedForwardRef(function Select<TValue extends string>(\n props: SelectProps<TValue>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const {\n items,\n value,\n id,\n onChange,\n containerClassName,\n menuClassName,\n itemClassName,\n absolutePositionMenu = false,\n borderRadius = \"12px\",\n } = props;\n const [showItems, setShowItems] = useState(false);\n const selectedItem = getItemByValue(value) ?? items[0];\n function onItemClick(item: SelectItem<TValue>) {\n if (item.disabled) return;\n onChange(item.value);\n setShowItems(false);\n }\n function getItemByValue(value: TValue) {\n return items.find((item) => item.value === value);\n }\n\n const itemsToShow = items.filter((item) => item.value !== value);\n\n return (\n <div\n className={twMerge(\n \"bg-gray-100 transition-[border-radius]\",\n absolutePositionMenu && \"relative\",\n containerClassName,\n )}\n data-open={showItems}\n ref={ref}\n style={{\n borderRadius: showItems\n ? `${borderRadius} ${borderRadius} 0 0`\n : borderRadius,\n }}\n >\n <div\n className={twMerge(\n \"flex min-w-[360px] cursor-pointer items-center justify-between pr-3 text-gray-800 outline-none\",\n menuClassName,\n )}\n id={id}\n onClick={() => setShowItems(!showItems)}\n >\n <ItemContainer {...selectedItem} className={itemClassName} />\n <Icon\n className={twJoin(\"transition\", showItems ? \"\" : \"-rotate-90\")}\n name=\"ChevronDown\"\n />\n </div>\n <div\n className={twMerge(\n \"max-h-0 w-full overflow-hidden bg-inherit transition-[max-height] ease-in-out\",\n showItems && \"max-h-screen\",\n absolutePositionMenu && \"absolute\",\n )}\n style={{\n borderRadius: `0 0 ${borderRadius} ${borderRadius}`,\n }}\n >\n {itemsToShow.map((item) => (\n <ItemContainer\n key={item.value}\n {...item}\n className={itemClassName}\n onItemClick={() => onItemClick(item)}\n />\n ))}\n </div>\n </div>\n );\n});\n\nfunction ItemContainer<TValue extends string>(\n props: SelectItem<TValue> & {\n readonly onItemClick?: () => void;\n readonly className?: string;\n },\n) {\n const {\n className,\n disabled,\n onItemClick,\n icon,\n displayValue,\n value,\n description,\n } = props;\n\n return (\n <div\n className={twMerge(\n disabled ? \"cursor-not-allowed text-gray-500\" : \"text-gray-800\",\n \"flex size-full cursor-pointer items-center gap-2 bg-inherit py-3 pl-3 text-start outline-none\",\n className,\n )}\n onClick={onItemClick}\n >\n {icon}\n <div>\n <p className=\"capitalize text-inherit\">\n {displayValue ?? value.toLowerCase()}\n </p>\n <p className=\"text-xs text-inherit\">{description}</p>\n </div>\n </div>\n );\n}\n"],"names":["Select","fixedForwardRef","props","ref","items","value","id","onChange","containerClassName","menuClassName","itemClassName","absolutePositionMenu","borderRadius","showItems","setShowItems","useState","selectedItem","getItemByValue","onItemClick","item","itemsToShow","jsxs","twMerge","jsx","ItemContainer","Icon","twJoin","className","disabled","icon","displayValue","description"],"mappings":";;;;;AAwBO,MAAMA,IAASC,EAAgB,SACpCC,GACAC,GACA;AACM,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,~~EACb~~,~~IAAAV~~,GACE,CAACW,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAeC,EAAeZ,CAAK,KAAKD,EAAM,CAAC;AACrD,WAASc,EAAYC,GAA0B;AAC7C,IAAIA,EAAK,aACTZ,EAASY,EAAK,KAAK,GACnBL,EAAa,EAAK;AAAA,~~EACpB~~;~~AACA~~,WAASG,EAAeZ,GAAe;AACrC,WAAOD,EAAM,KAAK,CAACe,MAASA,EAAK,UAAUd,CAAK;AAAA,~~EAClD~~;~~AAEA~~,QAAMe,IAAchB,EAAM,OAAO,CAACe,MAASA,EAAK,UAAUd,CAAK;AAG7D,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAX,KAAwB;AAAA,QACxBH;AAAA,MACF;AAAA,MACA,aAAWK;AAAA,MACX,KAAAV;AAAA,MACA,OAAO;AAAA,QACL,cAAcU,IACV,GAAGD,CAAY,IAAIA,CAAY,SAC/BA;AAAA,MACN;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAb;AAAA,YACF;AAAA,YACA,IAAAH;AAAA,YACA,SAAS,MAAMQ,EAAa,CAACD,CAAS;AAAA,YAEtC,UAAA;AAAA,cAAA,gBAAAU,EAACC,GAAe,EAAA,GAAGR,GAAc,WAAWN,EAAe,CAAA;AAAA,cAC3D,gBAAAa;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWC,EAAO,cAAcb,IAAY,KAAK,YAAY;AAAA,kBAC7D,MAAK;AAAA,gBAAA;AAAA,~~cACP~~;AAAA,~~YAAA~~;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAT,KAAa;AAAA,cACbF,KAAwB;AAAA,YAC1B;AAAA,YACA,OAAO;AAAA,cACL,cAAc,OAAOC,CAAY,IAAIA,CAAY;AAAA,YACnD;AAAA,YAEC,UAAAQ,EAAY,IAAI,CAACD,MAChB,gBAAAI;AAAA,cAACC;AAAA,cAAA;AAAA,gBAEE,GAAGL;AAAA,gBACJ,WAAWT;AAAA,gBACX,aAAa,MAAMQ,EAAYC,CAAI;AAAA,cAAA;AAAA,cAH9BA,EAAK;AAAA,~~YAAA~~,~~CAKb~~;AAAA,UAAA;AAAA,~~QACH~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~,CAAC;AAED,SAASK,EACPtB,GAIA;AACM,QAAA;AAAA,IACJ,WAAAyB;AAAA,IACA,UAAAC;AAAA,IACA,aAAAV;AAAA,IACA,MAAAW;AAAA,IACA,cAAAC;AAAA,IACA,OAAAzB;AAAA,IACA,aAAA0B;AAAA,~~EACE~~,~~IAAA7B~~;AAGF,SAAA,gBAAAmB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTM,IAAW,qCAAqC;AAAA,QAChD;AAAA,QACAD;AAAA,MACF;AAAA,MACA,SAAST;AAAA,MAER,UAAA;AAAA,QAAAW;AAAA,0BACA,OACC,EAAA,UAAA;AAAA,UAAA,gBAAAN,EAAC,OAAE,WAAU,2BACV,UAAgBO,KAAAzB,EAAM,eACzB;AAAA,UACC,gBAAAkB,EAAA,KAAA,EAAE,WAAU,wBAAwB,UAAYQ,~~GAAA~~;AAAA,QAAA,~~GACnD~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"select.js","sources":["../../../../src/connect/components/select/select.tsx"],"sourcesContent":["import { Icon, fixedForwardRef } from \"@/powerhouse\";\nimport { CSSProperties, ForwardedRef, useState } from \"react\";\nimport { twJoin, twMerge } from \"tailwind-merge\";\n\nexport type SelectItem<TValue extends string> = {\n readonly value: TValue;\n readonly displayValue?: React.ReactNode;\n readonly description?: React.ReactNode;\n readonly icon?: React.JSX.Element;\n readonly disabled?: boolean;\n};\n\nexport type SelectProps<TValue extends string> = {\n items: readonly SelectItem<TValue>[];\n value: TValue;\n id: string;\n onChange: (value: TValue) => void;\n containerClassName?: string;\n menuClassName?: string;\n itemClassName?: string;\n borderRadius?: CSSProperties[\"borderRadius\"];\n absolutePositionMenu?: boolean;\n};\n\nexport const Select = fixedForwardRef(function Select<TValue extends string>(\n props: SelectProps<TValue>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const {\n items,\n value,\n id,\n onChange,\n containerClassName,\n menuClassName,\n itemClassName,\n absolutePositionMenu = false,\n borderRadius = \"12px\",\n } = props;\n const [showItems, setShowItems] = useState(false);\n const selectedItem = getItemByValue(value) ?? items[0];\n function onItemClick(item: SelectItem<TValue>) {\n if (item.disabled) return;\n onChange(item.value);\n setShowItems(false);\n }\n function getItemByValue(value: TValue) {\n return items.find((item) => item.value === value);\n }\n\n const itemsToShow = items.filter((item) => item.value !== value);\n\n return (\n <div\n className={twMerge(\n \"bg-gray-100 transition-[border-radius]\",\n absolutePositionMenu && \"relative\",\n containerClassName,\n )}\n data-open={showItems}\n ref={ref}\n style={{\n borderRadius: showItems\n ? `${borderRadius} ${borderRadius} 0 0`\n : borderRadius,\n }}\n >\n <div\n className={twMerge(\n \"flex min-w-[360px] cursor-pointer items-center justify-between pr-3 text-gray-800 outline-none\",\n menuClassName,\n )}\n id={id}\n onClick={() => setShowItems(!showItems)}\n >\n <ItemContainer {...selectedItem} className={itemClassName} />\n <Icon\n className={twJoin(\"transition\", showItems ? \"\" : \"-rotate-90\")}\n name=\"ChevronDown\"\n />\n </div>\n <div\n className={twMerge(\n \"max-h-0 w-full overflow-hidden bg-inherit transition-[max-height] ease-in-out\",\n showItems && \"max-h-screen\",\n absolutePositionMenu && \"absolute\",\n )}\n style={{\n borderRadius: `0 0 ${borderRadius} ${borderRadius}`,\n }}\n >\n {itemsToShow.map((item) => (\n <ItemContainer\n key={item.value}\n {...item}\n className={itemClassName}\n onItemClick={() => onItemClick(item)}\n />\n ))}\n </div>\n </div>\n );\n});\n\nfunction ItemContainer<TValue extends string>(\n props: SelectItem<TValue> & {\n readonly onItemClick?: () => void;\n readonly className?: string;\n },\n) {\n const {\n className,\n disabled,\n onItemClick,\n icon,\n displayValue,\n value,\n description,\n } = props;\n\n return (\n <div\n className={twMerge(\n disabled ? \"cursor-not-allowed text-gray-500\" : \"text-gray-800\",\n \"flex size-full cursor-pointer items-center gap-2 bg-inherit py-3 pl-3 text-start outline-none\",\n className,\n )}\n onClick={onItemClick}\n >\n {icon}\n <div>\n <p className=\"capitalize text-inherit\">\n {displayValue ?? value.toLowerCase()}\n </p>\n <p className=\"text-xs text-inherit\">{description}</p>\n </div>\n </div>\n );\n}\n"],"names":["Select","fixedForwardRef","props","ref","items","value","id","onChange","containerClassName","menuClassName","itemClassName","absolutePositionMenu","borderRadius","showItems","setShowItems","useState","selectedItem","getItemByValue","onItemClick","item","itemsToShow","jsxs","twMerge","jsx","ItemContainer","Icon","twJoin","className","disabled","icon","displayValue","description"],"mappings":";;;;;AAwBO,MAAMA,IAASC,EAAgB,SACpCC,GACAC,GACA;AACM,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,EAAA,IACbV,GACE,CAACW,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAeC,EAAeZ,CAAK,KAAKD,EAAM,CAAC;AACrD,WAASc,EAAYC,GAA0B;AAC7C,IAAIA,EAAK,aACTZ,EAASY,EAAK,KAAK,GACnBL,EAAa,EAAK;AAAA,EAAA;AAEpB,WAASG,EAAeZ,GAAe;AACrC,WAAOD,EAAM,KAAK,CAACe,MAASA,EAAK,UAAUd,CAAK;AAAA,EAAA;AAGlD,QAAMe,IAAchB,EAAM,OAAO,CAACe,MAASA,EAAK,UAAUd,CAAK;AAG7D,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAX,KAAwB;AAAA,QACxBH;AAAA,MACF;AAAA,MACA,aAAWK;AAAA,MACX,KAAAV;AAAA,MACA,OAAO;AAAA,QACL,cAAcU,IACV,GAAGD,CAAY,IAAIA,CAAY,SAC/BA;AAAA,MACN;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAb;AAAA,YACF;AAAA,YACA,IAAAH;AAAA,YACA,SAAS,MAAMQ,EAAa,CAACD,CAAS;AAAA,YAEtC,UAAA;AAAA,cAAA,gBAAAU,EAACC,GAAe,EAAA,GAAGR,GAAc,WAAWN,EAAe,CAAA;AAAA,cAC3D,gBAAAa;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWC,EAAO,cAAcb,IAAY,KAAK,YAAY;AAAA,kBAC7D,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACP;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAT,KAAa;AAAA,cACbF,KAAwB;AAAA,YAC1B;AAAA,YACA,OAAO;AAAA,cACL,cAAc,OAAOC,CAAY,IAAIA,CAAY;AAAA,YACnD;AAAA,YAEC,UAAAQ,EAAY,IAAI,CAACD,MAChB,gBAAAI;AAAA,cAACC;AAAA,cAAA;AAAA,gBAEE,GAAGL;AAAA,gBACJ,WAAWT;AAAA,gBACX,aAAa,MAAMQ,EAAYC,CAAI;AAAA,cAAA;AAAA,cAH9BA,EAAK;AAAA,YAKb,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAASK,EACPtB,GAIA;AACM,QAAA;AAAA,IACJ,WAAAyB;AAAA,IACA,UAAAC;AAAA,IACA,aAAAV;AAAA,IACA,MAAAW;AAAA,IACA,cAAAC;AAAA,IACA,OAAAzB;AAAA,IACA,aAAA0B;AAAA,EAAA,IACE7B;AAGF,SAAA,gBAAAmB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTM,IAAW,qCAAqC;AAAA,QAChD;AAAA,QACAD;AAAA,MACF;AAAA,MACA,SAAST;AAAA,MAER,UAAA;AAAA,QAAAW;AAAA,0BACA,OACC,EAAA,UAAA;AAAA,UAAA,gBAAAN,EAAC,OAAE,WAAU,2BACV,UAAgBO,KAAAzB,EAAM,eACzB;AAAA,UACC,gBAAAkB,EAAA,KAAA,EAAE,WAAU,wBAAwB,UAAYQ,EAAA,CAAA;AAAA,QAAA,EACnD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/sidebar/sidebar-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-footer.js","sources":["../../../../src/connect/components/sidebar/sidebar-footer.tsx"],"sourcesContent":["import { Icon, SidebarFooter, SidebarFooterProps } from \"@/powerhouse\";\nimport { twMerge } from \"tailwind-merge\";\nimport { SidebarLogin } from \"./sidebar-login\";\nimport { SidebarUser } from \"./sidebar-user\";\n\nexport interface ConnectSidebarFooterProps extends SidebarFooterProps {\n address: `0x${string}` \| undefined;\n onClickSettings?: () => void;\n onLogin: () => void;\n}\n\nexport const ConnectSidebarFooter: React.FC<ConnectSidebarFooterProps> = ({\n address,\n className,\n onLogin,\n onClickSettings,\n ...props\n}) => {\n return (\n <SidebarFooter\n {...props}\n className={twMerge(\n \"bg-gray-50 p-4 collapsed:px-1 expanding:px-1\",\n className,\n )}\n >\n <div className=\"collapsed:bg-transparent collapsing:bg-transparent expanding:bg-transparent\">\n {address ? (\n <SidebarUser address={address} />\n ) : (\n <SidebarLogin onLogin={onLogin} />\n )}\n </div>\n <button\n className=\"mt-3 flex w-full cursor-pointer gap-3 outline-none collapsed:px-3 expanding:px-3\"\n onClick={onClickSettings}\n >\n <Icon className=\"text-gray-600\" name=\"Settings\" />\n <span className=\"text-sm font-semibold leading-6 text-gray-800 collapsed:hidden expanding:hidden\">\n Settings\n </span>\n </button>\n </SidebarFooter>\n );\n};\n"],"names":["ConnectSidebarFooter","address","className","onLogin","onClickSettings","props","jsxs","SidebarFooter","twMerge","jsx","SidebarUser","SidebarLogin","Icon"],"mappings":";;;;;;AAWO,MAAMA,IAA4D,CAAC;AAAA,EACxE,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAO,EAAA,OAAA,EAAI,WAAU,+EACZ,UACCR,IAAA,gBAAAQ,EAACC,GAAY,EAAA,SAAAT,EAAkB,CAAA,IAE/B,gBAAAQ,EAACE,GAAa,EAAA,SAAAR,EAAkB,CAAA,GAEpC;AAAA,MACA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASF;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAK,EAACG,GAAK,EAAA,WAAU,iBAAgB,MAAK,YAAW;AAAA,YAC/C,gBAAAH,EAAA,QAAA,EAAK,WAAU,mFAAkF,UAElG,~~YAAA~~;AAAA,UAAA;AAAA,QAAA;AAAA,~~MACF~~;AAAA,~~IAAA~~;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"sidebar-footer.js","sources":["../../../../src/connect/components/sidebar/sidebar-footer.tsx"],"sourcesContent":["import { Icon, SidebarFooter, SidebarFooterProps } from \"@/powerhouse\";\nimport { twMerge } from \"tailwind-merge\";\nimport { SidebarLogin } from \"./sidebar-login\";\nimport { SidebarUser } from \"./sidebar-user\";\n\nexport interface ConnectSidebarFooterProps extends SidebarFooterProps {\n address: `0x${string}` \| undefined;\n onClickSettings?: () => void;\n onLogin: () => void;\n}\n\nexport const ConnectSidebarFooter: React.FC<ConnectSidebarFooterProps> = ({\n address,\n className,\n onLogin,\n onClickSettings,\n ...props\n}) => {\n return (\n <SidebarFooter\n {...props}\n className={twMerge(\n \"bg-gray-50 p-4 collapsed:px-1 expanding:px-1\",\n className,\n )}\n >\n <div className=\"collapsed:bg-transparent collapsing:bg-transparent expanding:bg-transparent\">\n {address ? (\n <SidebarUser address={address} />\n ) : (\n <SidebarLogin onLogin={onLogin} />\n )}\n </div>\n <button\n className=\"mt-3 flex w-full cursor-pointer gap-3 outline-none collapsed:px-3 expanding:px-3\"\n onClick={onClickSettings}\n >\n <Icon className=\"text-gray-600\" name=\"Settings\" />\n <span className=\"text-sm font-semibold leading-6 text-gray-800 collapsed:hidden expanding:hidden\">\n Settings\n </span>\n </button>\n </SidebarFooter>\n );\n};\n"],"names":["ConnectSidebarFooter","address","className","onLogin","onClickSettings","props","jsxs","SidebarFooter","twMerge","jsx","SidebarUser","SidebarLogin","Icon"],"mappings":";;;;;;AAWO,MAAMA,IAA4D,CAAC;AAAA,EACxE,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAO,EAAA,OAAA,EAAI,WAAU,+EACZ,UACCR,IAAA,gBAAAQ,EAACC,GAAY,EAAA,SAAAT,EAAkB,CAAA,IAE/B,gBAAAQ,EAACE,GAAa,EAAA,SAAAR,EAAkB,CAAA,GAEpC;AAAA,MACA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASF;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAK,EAACG,GAAK,EAAA,WAAU,iBAAgB,MAAK,YAAW;AAAA,YAC/C,gBAAAH,EAAA,QAAA,EAAK,WAAU,mFAAkF,UAElG,WAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF;"}

package/dist/connect/components/sidebar/sidebar-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-header.js","sources":["../../../../src/connect/components/sidebar/sidebar-header.tsx"],"sourcesContent":["import { Icon, SidebarHeader, SidebarHeaderProps } from \"@/powerhouse\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport interface ConnectSidebarHeaderProps extends SidebarHeaderProps {\n onToggle: () => void;\n}\n\nexport const ConnectSidebarHeader: React.FC<ConnectSidebarHeaderProps> = ({\n onToggle,\n className,\n children,\n ...props\n}) => {\n return (\n <SidebarHeader\n {...props}\n className={twMerge(\n \"mb-4 flex justify-between gap-4 px-4 pt-11 collapsed:justify-center\",\n className,\n )}\n >\n <div className=\"collapsed:hidden expanding:hidden\">\n {children \|\| (\n <input\n className=\"flex-1 rounded-md border border-gray-100 px-5 py-3 leading-none text-gray-600 placeholder-shown:bg-transparent\"\n placeholder=\"Create new document\"\n />\n )}\n </div>\n <button\n className=\"rounded-md border border-gray-100 p-3 outline-none hover:bg-slate-50\n collapsed:rotate-180 collapsed:border-gray-100/10 collapsed:bg-gray-100\n collapsed:shadow-sidebar collapsed:hover:bg-slate-50\n expanding:hidden\"\n onClick={() => onToggle()}\n >\n <Icon className=\"text-gray-600\" name=\"ArrowLeft\" size={16} />\n </button>\n </SidebarHeader>\n );\n};\n"],"names":["ConnectSidebarHeader","onToggle","className","children","props","jsxs","SidebarHeader","twMerge","jsx","Icon"],"mappings":";;;;AAOO,MAAMA,IAA4D,CAAC;AAAA,EACxE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,qCACZ,UACCL,KAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAY;AAAA,QAAA;AAAA,MAAA,GAGlB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA;AAAA;AAAA;AAAA,UAIV,SAAS,MAAMP,EAAS;AAAA,UAExB,4BAACQ,GAAK,EAAA,WAAU,iBAAgB,MAAK,aAAY,MAAM,~~IAAI~~;AAAA,QAAA;AAAA,~~MAC7D~~;AAAA,~~IAAA~~;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"sidebar-header.js","sources":["../../../../src/connect/components/sidebar/sidebar-header.tsx"],"sourcesContent":["import { Icon, SidebarHeader, SidebarHeaderProps } from \"@/powerhouse\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport interface ConnectSidebarHeaderProps extends SidebarHeaderProps {\n onToggle: () => void;\n}\n\nexport const ConnectSidebarHeader: React.FC<ConnectSidebarHeaderProps> = ({\n onToggle,\n className,\n children,\n ...props\n}) => {\n return (\n <SidebarHeader\n {...props}\n className={twMerge(\n \"mb-4 flex justify-between gap-4 px-4 pt-11 collapsed:justify-center\",\n className,\n )}\n >\n <div className=\"collapsed:hidden expanding:hidden\">\n {children \|\| (\n <input\n className=\"flex-1 rounded-md border border-gray-100 px-5 py-3 leading-none text-gray-600 placeholder-shown:bg-transparent\"\n placeholder=\"Create new document\"\n />\n )}\n </div>\n <button\n className=\"rounded-md border border-gray-100 p-3 outline-none hover:bg-slate-50\n collapsed:rotate-180 collapsed:border-gray-100/10 collapsed:bg-gray-100\n collapsed:shadow-sidebar collapsed:hover:bg-slate-50\n expanding:hidden\"\n onClick={() => onToggle()}\n >\n <Icon className=\"text-gray-600\" name=\"ArrowLeft\" size={16} />\n </button>\n </SidebarHeader>\n );\n};\n"],"names":["ConnectSidebarHeader","onToggle","className","children","props","jsxs","SidebarHeader","twMerge","jsx","Icon"],"mappings":";;;;AAOO,MAAMA,IAA4D,CAAC;AAAA,EACxE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,qCACZ,UACCL,KAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAY;AAAA,QAAA;AAAA,MAAA,GAGlB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA;AAAA;AAAA;AAAA,UAIV,SAAS,MAAMP,EAAS;AAAA,UAExB,4BAACQ,GAAK,EAAA,WAAU,iBAAgB,MAAK,aAAY,MAAM,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,EAAA;AACF;"}

package/dist/connect/components/sidebar/sidebar-login.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-login.js","sources":["../../../../src/connect/components/sidebar/sidebar-login.tsx"],"sourcesContent":["import renownHover from \"@/assets/renown-hover.png\";\nimport renownShortHover from \"@/assets/renown-short-hover.png\";\nimport renownShort from \"@/assets/renown-short.png\";\nimport renown from \"@/assets/renown.png\";\nexport interface SidebarLoginProps {\n onLogin: () => void;\n}\n\nexport const SidebarLogin: React.FC<SidebarLoginProps> = ({ onLogin }) => {\n return (\n <>\n {/* full-size version for expanded /}\n <button\n className=\"group/sidebar-footer hidden w-full cursor-pointer items-baseline justify-start text-sm font-semibold leading-10 text-gray-600 expanded:flex\"\n onClick={onLogin}\n >\n <span>Login with</span>\n <img\n className=\"ml-2 h-5 group-hover/sidebar-footer:hidden\"\n src={renown}\n />\n <img\n className=\"ml-2 hidden h-5 group-hover/sidebar-footer:block\"\n src={renownHover}\n />\n </button>\n {/ small version for collapsed */}\n <button\n aria-label=\"Login with Renown\"\n className=\"group/sidebar-footer hidden w-full cursor-pointer place-items-center p-1 collapsed:grid\"\n onClick={onLogin}\n >\n <img className=\"group-hover/sidebar-footer:hidden\" src={renownShort} />\n <img\n className=\"hidden group-hover/sidebar-footer:block\"\n src={renownShortHover}\n />\n </button>\n </>\n );\n};\n"],"names":["SidebarLogin","onLogin","jsxs","Fragment","jsx","renown","renownHover","renownShort","renownShortHover"],"mappings":";;;;;AAQO,MAAMA,IAA4C,CAAC,EAAE,SAAAC,QAItD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAASD;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,UAAU,aAAA,CAAA;AAAA,QAChB,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACA,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKE;AAAA,UAAA;AAAA,~~QACP~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,EACF;AAAA,EAEA,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAU;AAAA,MACV,SAASD;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qCAAoC,KAAKG,GAAa;AAAA,QACrE,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKI;AAAA,UAAA;AAAA,~~QACP~~;AAAA,~~MAAA~~;AAAA,IAAA;AAAA,~~EACF~~;AACF,~~EAAA,CAAA~~;"}
1	+ {"version":3,"file":"sidebar-login.js","sources":["../../../../src/connect/components/sidebar/sidebar-login.tsx"],"sourcesContent":["import renownHover from \"@/assets/renown-hover.png\";\nimport renownShortHover from \"@/assets/renown-short-hover.png\";\nimport renownShort from \"@/assets/renown-short.png\";\nimport renown from \"@/assets/renown.png\";\nexport interface SidebarLoginProps {\n onLogin: () => void;\n}\n\nexport const SidebarLogin: React.FC<SidebarLoginProps> = ({ onLogin }) => {\n return (\n <>\n {/* full-size version for expanded /}\n <button\n className=\"group/sidebar-footer hidden w-full cursor-pointer items-baseline justify-start text-sm font-semibold leading-10 text-gray-600 expanded:flex\"\n onClick={onLogin}\n >\n <span>Login with</span>\n <img\n className=\"ml-2 h-5 group-hover/sidebar-footer:hidden\"\n src={renown}\n />\n <img\n className=\"ml-2 hidden h-5 group-hover/sidebar-footer:block\"\n src={renownHover}\n />\n </button>\n {/ small version for collapsed */}\n <button\n aria-label=\"Login with Renown\"\n className=\"group/sidebar-footer hidden w-full cursor-pointer place-items-center p-1 collapsed:grid\"\n onClick={onLogin}\n >\n <img className=\"group-hover/sidebar-footer:hidden\" src={renownShort} />\n <img\n className=\"hidden group-hover/sidebar-footer:block\"\n src={renownShortHover}\n />\n </button>\n </>\n );\n};\n"],"names":["SidebarLogin","onLogin","jsxs","Fragment","jsx","renown","renownHover","renownShort","renownShortHover"],"mappings":";;;;;AAQO,MAAMA,IAA4C,CAAC,EAAE,SAAAC,QAItD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAASD;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAK,UAAU,aAAA,CAAA;AAAA,QAChB,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACA,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKE;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EACF;AAAA,EAEA,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAU;AAAA,MACV,SAASD;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qCAAoC,KAAKG,GAAa;AAAA,QACrE,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKI;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GACF;"}

package/dist/connect/components/sidebar/sidebar-user.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar-user.js","sources":["../../../../src/connect/components/sidebar/sidebar-user.tsx"],"sourcesContent":["import { ENSAvatar, formatEthAddress } from \"@/connect\";\nimport { useEnsName } from \"wagmi\";\n\nexport interface SidebarUserProps {\n address: `0x${string}`;\n}\n\nexport const SidebarUser: React.FC<SidebarUserProps> = ({ address }) => {\n const ensNameResult = useEnsName({ address });\n const loadingUser = ensNameResult.isLoading;\n const ensName = ensNameResult.data ?? undefined;\n const formattedAddress = formatEthAddress(address);\n\n const usernameAndAddressLoader = (\n <>\n <p className=\"mb-2 h-4 w-4/5 animate-pulse rounded bg-gray-400\" />\n <p className=\"h-3 w-4/5 animate-pulse rounded bg-gray-400\" />\n </>\n );\n\n const ensNameAndAddress = (\n <>\n <p className=\"mb-2 h-4 text-sm text-gray-800 duration-1000 animate-in fade-in\">\n {ensName}\n </p>\n <p className=\"h-3 text-xs text-gray-600 duration-1000 animate-in fade-in\">\n {formattedAddress}\n </p>\n </>\n );\n\n const addressOnly = (\n <p className=\"text-sm text-gray-800 duration-1000 animate-in fade-in\">\n {formattedAddress}\n </p>\n );\n\n return (\n <div\n className=\"flex gap-2 rounded-sm py-2.5 collapsed:justify-center\n collapsed:px-1 expanding:justify-center expanding:px-1\"\n >\n <ENSAvatar address={address} size=\"40px\" />\n <div className=\"grid w-full items-center font-semibold collapsed:hidden expanding:hidden\">\n {loadingUser ? usernameAndAddressLoader : null}\n {!loadingUser && !!ensName && ensNameAndAddress}\n {!loadingUser && !ensName && addressOnly}\n </div>\n </div>\n );\n};\n"],"names":["SidebarUser","address","ensNameResult","useEnsName","loadingUser","ensName","formattedAddress","formatEthAddress","jsxs","jsx","ENSAvatar","Fragment"],"mappings":";;;;AAOO,MAAMA,IAA0C,CAAC,EAAE,SAAAC,QAAc;AACtE,QAAMC,IAAgBC,EAAW,EAAE,SAAAF,~~EAAS~~,~~CAAA,~~GACtCG,IAAcF,EAAc,WAC5BG,IAAUH,EAAc,QAAQ,QAChCI,IAAmBC,EAAiBN,CAAO;AA2B/C,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA;AAAA,MAGV,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAAT,GAAkB,MAAK,OAAO,CAAA;AAAA,QACzC,gBAAAO,EAAC,OAAI,EAAA,WAAU,4EACZ,UAAA;AAAA,UAAAJ,IA7BH,gBAAAI,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAA,KAAA,EAAE,WAAU,mDAAmD,CAAA;AAAA,YAChE,gBAAAA,EAAC,KAAE,EAAA,WAAU,8CAA8C,CAAA;AAAA,~~UAC7D~~,~~EAAA~~,~~CAAA,~~IA2B8C;AAAA,UACzC,CAACL,KAAe,CAAC,CAACC,KAvBrB,gBAAAG,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAA,KAAA,EAAE,WAAU,mEACV,UACHJ,GAAA;AAAA,YACC,gBAAAI,EAAA,KAAA,EAAE,WAAU,8DACV,UACHH,~~GAAA~~;AAAA,~~UACF~~,~~EAAA,CAAA~~;AAAA,UAkBK,CAACF,KAAe,CAACC,KAdtB,gBAAAI,EAAC,KAAE,EAAA,WAAU,0DACV,UACHH,~~EAAA,CAAA~~;AAAA,QAYiC,~~GAC~~/B;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGN~~;"}
1	+ {"version":3,"file":"sidebar-user.js","sources":["../../../../src/connect/components/sidebar/sidebar-user.tsx"],"sourcesContent":["import { ENSAvatar, formatEthAddress } from \"@/connect\";\nimport { useEnsName } from \"wagmi\";\n\nexport interface SidebarUserProps {\n address: `0x${string}`;\n}\n\nexport const SidebarUser: React.FC<SidebarUserProps> = ({ address }) => {\n const ensNameResult = useEnsName({ address });\n const loadingUser = ensNameResult.isLoading;\n const ensName = ensNameResult.data ?? undefined;\n const formattedAddress = formatEthAddress(address);\n\n const usernameAndAddressLoader = (\n <>\n <p className=\"mb-2 h-4 w-4/5 animate-pulse rounded bg-gray-400\" />\n <p className=\"h-3 w-4/5 animate-pulse rounded bg-gray-400\" />\n </>\n );\n\n const ensNameAndAddress = (\n <>\n <p className=\"mb-2 h-4 text-sm text-gray-800 duration-1000 animate-in fade-in\">\n {ensName}\n </p>\n <p className=\"h-3 text-xs text-gray-600 duration-1000 animate-in fade-in\">\n {formattedAddress}\n </p>\n </>\n );\n\n const addressOnly = (\n <p className=\"text-sm text-gray-800 duration-1000 animate-in fade-in\">\n {formattedAddress}\n </p>\n );\n\n return (\n <div\n className=\"flex gap-2 rounded-sm py-2.5 collapsed:justify-center\n collapsed:px-1 expanding:justify-center expanding:px-1\"\n >\n <ENSAvatar address={address} size=\"40px\" />\n <div className=\"grid w-full items-center font-semibold collapsed:hidden expanding:hidden\">\n {loadingUser ? usernameAndAddressLoader : null}\n {!loadingUser && !!ensName && ensNameAndAddress}\n {!loadingUser && !ensName && addressOnly}\n </div>\n </div>\n );\n};\n"],"names":["SidebarUser","address","ensNameResult","useEnsName","loadingUser","ensName","formattedAddress","formatEthAddress","jsxs","jsx","ENSAvatar","Fragment"],"mappings":";;;;AAOO,MAAMA,IAA0C,CAAC,EAAE,SAAAC,QAAc;AACtE,QAAMC,IAAgBC,EAAW,EAAE,SAAAF,GAAS,GACtCG,IAAcF,EAAc,WAC5BG,IAAUH,EAAc,QAAQ,QAChCI,IAAmBC,EAAiBN,CAAO;AA2B/C,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA;AAAA,MAGV,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAAT,GAAkB,MAAK,OAAO,CAAA;AAAA,QACzC,gBAAAO,EAAC,OAAI,EAAA,WAAU,4EACZ,UAAA;AAAA,UAAAJ,IA7BH,gBAAAI,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAA,KAAA,EAAE,WAAU,mDAAmD,CAAA;AAAA,YAChE,gBAAAA,EAAC,KAAE,EAAA,WAAU,8CAA8C,CAAA;AAAA,UAAA,GAC7D,IA2B8C;AAAA,UACzC,CAACL,KAAe,CAAC,CAACC,KAvBrB,gBAAAG,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAC,gBAAAF,EAAA,KAAA,EAAE,WAAU,mEACV,UACHJ,GAAA;AAAA,YACC,gBAAAI,EAAA,KAAA,EAAE,WAAU,8DACV,UACHH,EAAA,CAAA;AAAA,UAAA,GACF;AAAA,UAkBK,CAACF,KAAe,CAACC,KAdtB,gBAAAI,EAAC,KAAE,EAAA,WAAU,0DACV,UACHH,GAAA;AAAA,QAYiC,EAC/B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/connect/components/sidebar/sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.js","sources":["../../../../src/connect/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Sidebar, SidebarPanel, SidebarProps } from \"@/powerhouse\";\nimport {\n ConnectSidebarFooter,\n ConnectSidebarFooterProps,\n} from \"./sidebar-footer\";\nimport {\n ConnectSidebarHeader,\n ConnectSidebarHeaderProps,\n} from \"./sidebar-header\";\n\nexport interface ConnectSidebarProps\n extends Omit<SidebarProps, \"maxWidth\" \| \"minWidth\">,\n ConnectSidebarHeaderProps,\n ConnectSidebarFooterProps {\n maxWidth?: string;\n minWidth?: string;\n headerContent?: React.ReactNode;\n loadingUser?: boolean;\n onLogin: () => void;\n}\n\nexport const ConnectSidebar: React.FC<ConnectSidebarProps> = ({\n onToggle,\n address,\n headerContent,\n onClickSettings,\n collapsed = false,\n maxWidth = \"304px\",\n minWidth = \"58px\",\n onLogin,\n ...props\n}) => {\n return (\n <Sidebar\n {...props}\n collapsed={collapsed}\n maxWidth={maxWidth}\n minWidth={minWidth}\n >\n <SidebarPanel>\n <ConnectSidebarHeader onToggle={onToggle}>\n {headerContent}\n </ConnectSidebarHeader>\n <div className=\"hidden expanded:block\">{props.children}</div>\n </SidebarPanel>\n <ConnectSidebarFooter\n address={address}\n onClickSettings={onClickSettings}\n onLogin={onLogin}\n />\n </Sidebar>\n );\n};\n"],"names":["ConnectSidebar","onToggle","address","headerContent","onClickSettings","collapsed","maxWidth","minWidth","onLogin","props","jsxs","Sidebar","SidebarPanel","jsx","ConnectSidebarHeader","ConnectSidebarFooter"],"mappings":";;;;;AAqBO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAAJ;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAG,EAACE,GACC,EAAA,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAAb,GACnB,UACHE,EAAA,CAAA;AAAA,QACC,gBAAAU,EAAA,OAAA,EAAI,WAAU,yBAAyB,YAAM,~~UAAS~~;AAAA,MAAA,GACzD;AAAA,MACA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAAb;AAAA,UACA,iBAAAE;AAAA,UACA,SAAAI;AAAA,QAAA;AAAA,~~MACF~~;AAAA,~~IAAA~~;AAAA,EAAA;~~AAAA~~;"}
1	+ {"version":3,"file":"sidebar.js","sources":["../../../../src/connect/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Sidebar, SidebarPanel, SidebarProps } from \"@/powerhouse\";\nimport {\n ConnectSidebarFooter,\n ConnectSidebarFooterProps,\n} from \"./sidebar-footer\";\nimport {\n ConnectSidebarHeader,\n ConnectSidebarHeaderProps,\n} from \"./sidebar-header\";\n\nexport interface ConnectSidebarProps\n extends Omit<SidebarProps, \"maxWidth\" \| \"minWidth\">,\n ConnectSidebarHeaderProps,\n ConnectSidebarFooterProps {\n maxWidth?: string;\n minWidth?: string;\n headerContent?: React.ReactNode;\n loadingUser?: boolean;\n onLogin: () => void;\n}\n\nexport const ConnectSidebar: React.FC<ConnectSidebarProps> = ({\n onToggle,\n address,\n headerContent,\n onClickSettings,\n collapsed = false,\n maxWidth = \"304px\",\n minWidth = \"58px\",\n onLogin,\n ...props\n}) => {\n return (\n <Sidebar\n {...props}\n collapsed={collapsed}\n maxWidth={maxWidth}\n minWidth={minWidth}\n >\n <SidebarPanel>\n <ConnectSidebarHeader onToggle={onToggle}>\n {headerContent}\n </ConnectSidebarHeader>\n <div className=\"hidden expanded:block\">{props.children}</div>\n </SidebarPanel>\n <ConnectSidebarFooter\n address={address}\n onClickSettings={onClickSettings}\n onLogin={onLogin}\n />\n </Sidebar>\n );\n};\n"],"names":["ConnectSidebar","onToggle","address","headerContent","onClickSettings","collapsed","maxWidth","minWidth","onLogin","props","jsxs","Sidebar","SidebarPanel","jsx","ConnectSidebarHeader","ConnectSidebarFooter"],"mappings":";;;;;AAqBO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAAJ;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAG,EAACE,GACC,EAAA,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAAb,GACnB,UACHE,EAAA,CAAA;AAAA,QACC,gBAAAU,EAAA,OAAA,EAAI,WAAU,yBAAyB,YAAM,SAAS,CAAA;AAAA,MAAA,GACzD;AAAA,MACA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAAb;AAAA,UACA,iBAAAE;AAAA,UACA,SAAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AACF;"}