@fluentui-copilot/react-send-button 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/lib-commonjs/components/SendButton/SendButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SendButton.types.ts"],"sourcesContent":["import type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ButtonProps, ButtonState, ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nexport type SendButtonSlots = {\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n  sendIcon: NonNullable<Slot<'span'>>;\n  stopIcon?: Slot<'span'>;\n  /** Stop button's circle background */\n  stopBackground: NonNullable<Slot<'div'>>;\n  sendButtonMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n  stopButtonMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n  stopBackgroundMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n};\n\n/**\n * SendButton Props\n */\nexport type SendButtonProps = ComponentProps<Partial<SendButtonSlots>> &\n  Pick<ButtonProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'iconPosition' | 'shape' | 'size'> &\n  DesignVersion &\n  CopilotMode & {\n    /**\n     * Checks whether query is sending.\n     */\n    isSending?: boolean;\n    isSendIconFilled?: boolean;\n\n    /*\n     * Use alternate styles when dictation is active\n     */\n    isDictationActive?: boolean;\n  };\n\n/**\n * State used in rendering SendButton\n */\nexport type SendButtonState = ComponentState<SendButtonSlots> &\n  Pick<ButtonState, 'appearance' | 'disabled' | 'disabledFocusable' | 'iconPosition' | 'shape' | 'size'> &\n  Pick<SendButtonProps, 'isSendIconFilled' | 'isSending'> &\n  Pick<Required<SendButtonProps>, 'designVersion' | 'mode' | 'isDictationActive'> & {\n    isButtonMotionRunning?: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAkCA;;CAEC"}

package/lib-commonjs/components/SendButton/buttonMotion.js

@@ -0,0 +1,233 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CircleButtonMotion: function() {
+        return CircleButtonMotion;
+    },
+    SendButtonMotion: function() {
+        return SendButtonMotion;
+    },
+    StopButtonMotion: function() {
+        return StopButtonMotion;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const scaleSend = 1.2;
+const startScaleStop = 0.5;
+const scaleStop = 1.2;
+const startScaleCircle = 0.1;
+const scaleCircle = 1.1;
+const motionSpeedMultiplier = 1;
+const sendMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(0)`
+                }
+            ],
+            duration: 0
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(0)`
+                },
+                {
+                    transform: `scale(${scaleSend})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationNormal * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax,
+            delay: _reactcomponents.motionTokens.durationSlow * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleSend})`
+                },
+                {
+                    transform: 'scale(1)'
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationSlow * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMid,
+            delay: (_reactcomponents.motionTokens.durationSlow + _reactcomponents.motionTokens.durationNormal) * motionSpeedMultiplier
+        }
+    ];
+    const exitKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(1)`
+                },
+                {
+                    transform: `scale(0)`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMid
+        }
+    ];
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const stopMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                }
+            ],
+            duration: 0
+        },
+        {
+            keyframes: [
+                {
+                    opacity: 1
+                }
+            ],
+            duration: 0,
+            delay: 30 * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${startScaleStop})`
+                },
+                {
+                    transform: `scale(1)`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationSlower * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMid
+        }
+    ];
+    const exitKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(1)`
+                },
+                {
+                    transform: `scale(${scaleStop})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax,
+            delay: _reactcomponents.motionTokens.durationUltraFast * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleStop})`
+                },
+                {
+                    transform: 'scale(0)'
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFaster,
+            easing: _reactcomponents.motionTokens.curveDecelerateMin,
+            delay: (_reactcomponents.motionTokens.durationUltraFast + _reactcomponents.motionTokens.durationFast) * motionSpeedMultiplier
+        }
+    ];
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const circleMotion = ()=>{
+    const enterKeyframes = [
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                }
+            ],
+            duration: 0
+        },
+        {
+            keyframes: [
+                {
+                    opacity: 0
+                },
+                {
+                    opacity: 1
+                }
+            ],
+            duration: 0,
+            delay: _reactcomponents.motionTokens.durationFaster * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${startScaleCircle})`
+                },
+                {
+                    transform: `scale(${scaleCircle})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationSlow * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax,
+            delay: _reactcomponents.motionTokens.durationFaster * motionSpeedMultiplier
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleCircle})`
+                },
+                {
+                    transform: `scale(1)`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationNormal * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMin,
+            delay: (_reactcomponents.motionTokens.durationSlow + _reactcomponents.motionTokens.durationFaster) * motionSpeedMultiplier
+        }
+    ];
+    const exitKeyframes = [
+        {
+            keyframes: [
+                {
+                    transform: `scale(1)`
+                },
+                {
+                    transform: `scale(${scaleCircle})`
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMax
+        },
+        {
+            keyframes: [
+                {
+                    transform: `scale(${scaleCircle})`
+                },
+                {
+                    transform: 'scale(0)'
+                }
+            ],
+            duration: _reactcomponents.motionTokens.durationFaster * motionSpeedMultiplier,
+            easing: _reactcomponents.motionTokens.curveDecelerateMin,
+            delay: _reactcomponents.motionTokens.durationFast * motionSpeedMultiplier
+        }
+    ];
+    return {
+        enter: enterKeyframes,
+        exit: exitKeyframes
+    };
+};
+const SendButtonMotion = (0, _reactcomponents.createPresenceComponent)(sendMotion);
+const StopButtonMotion = (0, _reactcomponents.createPresenceComponent)(stopMotion);
+const CircleButtonMotion = (0, _reactcomponents.createPresenceComponent)(circleMotion);

package/lib-commonjs/components/SendButton/buttonMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["buttonMotion.ts"],"sourcesContent":["import type { PresenceMotionFn } from '@fluentui/react-components';\nimport { createPresenceComponent, motionTokens } from '@fluentui/react-components';\n\nconst scaleSend = 1.2;\nconst startScaleStop = 0.5;\nconst scaleStop = 1.2;\nconst startScaleCircle = 0.1;\nconst scaleCircle = 1.1;\n\nconst motionSpeedMultiplier = 1;\n\nconst sendMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ transform: `scale(0)` }],\n      duration: 0,\n    },\n    {\n      keyframes: [{ transform: `scale(0)` }, { transform: `scale(${scaleSend})` }],\n      duration: motionTokens.durationNormal * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n      delay: motionTokens.durationSlow * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleSend})` }, { transform: 'scale(1)' }],\n      duration: motionTokens.durationSlow * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMid,\n      delay: (motionTokens.durationSlow + motionTokens.durationNormal) * motionSpeedMultiplier,\n    },\n  ];\n\n  const exitKeyframes = [\n    {\n      keyframes: [{ transform: `scale(1)` }, { transform: `scale(0)` }],\n      duration: motionTokens.durationFast * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMid,\n    },\n  ];\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\n\nconst stopMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ opacity: 0 }],\n      duration: 0,\n    },\n    {\n      keyframes: [{ opacity: 1 }],\n      duration: 0,\n      delay: 30 * motionSpeedMultiplier, // non-standard motion duration\n    },\n    {\n      keyframes: [{ transform: `scale(${startScaleStop})` }, { transform: `scale(1)` }],\n      duration: motionTokens.durationSlower * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMid,\n    },\n  ];\n\n  const exitKeyframes = [\n    {\n      keyframes: [{ transform: `scale(1)` }, { transform: `scale(${scaleStop})` }],\n      duration: motionTokens.durationFast * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n      delay: motionTokens.durationUltraFast * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleStop})` }, { transform: 'scale(0)' }],\n      duration: motionTokens.durationFaster,\n      easing: motionTokens.curveDecelerateMin,\n      delay: (motionTokens.durationUltraFast + motionTokens.durationFast) * motionSpeedMultiplier,\n    },\n  ];\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\n\nconst circleMotion: PresenceMotionFn = () => {\n  const enterKeyframes = [\n    {\n      keyframes: [{ opacity: 0 }],\n      duration: 0,\n    },\n    {\n      keyframes: [{ opacity: 0 }, { opacity: 1 }],\n      duration: 0,\n      delay: motionTokens.durationFaster * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${startScaleCircle})` }, { transform: `scale(${scaleCircle})` }],\n      duration: motionTokens.durationSlow * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n      delay: motionTokens.durationFaster * motionSpeedMultiplier,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleCircle})` }, { transform: `scale(1)` }],\n      duration: motionTokens.durationNormal * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMin,\n      delay: (motionTokens.durationSlow + motionTokens.durationFaster) * motionSpeedMultiplier,\n    },\n  ];\n\n  const exitKeyframes = [\n    {\n      keyframes: [{ transform: `scale(1)` }, { transform: `scale(${scaleCircle})` }],\n      duration: motionTokens.durationFast * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMax,\n    },\n    {\n      keyframes: [{ transform: `scale(${scaleCircle})` }, { transform: 'scale(0)' }],\n      duration: motionTokens.durationFaster * motionSpeedMultiplier,\n      easing: motionTokens.curveDecelerateMin,\n      delay: motionTokens.durationFast * motionSpeedMultiplier,\n    },\n  ];\n\n  return {\n    enter: enterKeyframes,\n    exit: exitKeyframes,\n  };\n};\nexport const SendButtonMotion: ReturnType<typeof createPresenceComponent<{}>> = createPresenceComponent(sendMotion);\nexport const StopButtonMotion: ReturnType<typeof createPresenceComponent<{}>> = createPresenceComponent(stopMotion);\nexport const CircleButtonMotion: ReturnType<typeof createPresenceComponent<{}>> = createPresenceComponent(circleMotion);\n"],"names":["CircleButtonMotion","SendButtonMotion","StopButtonMotion","scaleSend","startScaleStop","scaleStop","startScaleCircle","scaleCircle","motionSpeedMultiplier","sendMotion","enterKeyframes","keyframes","transform","duration","motionTokens","durationNormal","easing","curveDecelerateMax","delay","durationSlow","curveDecelerateMid","exitKeyframes","durationFast","enter","exit","stopMotion","opacity","durationSlower","durationUltraFast","durationFaster","curveDecelerateMin","circleMotion","createPresenceComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/SendButton/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SendButton: function() {
+        return _SendButton.SendButton;
+    },
+    renderSendButton_unstable: function() {
+        return _renderSendButton.renderSendButton_unstable;
+    },
+    sendButtonClassNames: function() {
+        return _useSendButtonStylesstyles.sendButtonClassNames;
+    },
+    useSendButtonStyles_unstable: function() {
+        return _useSendButtonStylesstyles.useSendButtonStyles_unstable;
+    },
+    useSendButton_unstable: function() {
+        return _useSendButton.useSendButton_unstable;
+    }
+});
+const _SendButton = require("./SendButton");
+const _renderSendButton = require("./renderSendButton");
+const _useSendButton = require("./useSendButton");
+const _useSendButtonStylesstyles = require("./useSendButtonStyles.styles");

package/lib-commonjs/components/SendButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { SendButton } from './SendButton';\nexport type { SendButtonProps, SendButtonSlots, SendButtonState } from './SendButton.types';\nexport { renderSendButton_unstable } from './renderSendButton';\nexport { useSendButton_unstable } from './useSendButton';\nexport { sendButtonClassNames, useSendButtonStyles_unstable } from './useSendButtonStyles.styles';\n"],"names":["SendButton","renderSendButton_unstable","sendButtonClassNames","useSendButtonStyles_unstable","useSendButton_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAEVC,yBAAyB;eAAzBA,2CAAyB;;IAEzBC,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;;4BAHJ;kCAEe;+BACH;2CAC4B"}

package/lib-commonjs/components/SendButton/renderSendButton.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderSendButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderSendButton_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderSendButton_unstable = (state)=>{
+    if (state.designVersion === 'next') {
+        return renderSendButtonNext(state);
+    }
+    return renderSendButtonCurrent(state);
+};
+function renderSendButtonCurrent(state) {
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.stopIcon && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackgroundMotion, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackground, {})
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopButtonMotion, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopIcon, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendButtonMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendIcon, {})
+            })
+        ]
+    });
+}
+function renderSendButtonNext(state) {
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackgroundMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopBackground, {})
+            }),
+            state.stopIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopButtonMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.stopIcon, {})
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendButtonMotion, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sendIcon, {})
+            })
+        ]
+    });
+}

package/lib-commonjs/components/SendButton/renderSendButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderSendButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { SendButtonState, SendButtonSlots } from './SendButton.types';\n\n/**\n * Render the final JSX of SendButton\n */\nexport const renderSendButton_unstable = (state: SendButtonState): JSXElement => {\n  if (state.designVersion === 'next') {\n    return renderSendButtonNext(state);\n  }\n\n  return renderSendButtonCurrent(state);\n};\n\nfunction renderSendButtonCurrent(state: SendButtonState): JSXElement {\n  assertSlots<SendButtonSlots>(state);\n\n  return (\n    <state.root>\n      {state.stopIcon && (\n        <>\n          <state.stopBackgroundMotion>\n            <state.stopBackground />\n          </state.stopBackgroundMotion>\n          <state.stopButtonMotion>\n            <state.stopIcon />\n          </state.stopButtonMotion>\n        </>\n      )}\n      <state.sendButtonMotion>\n        <state.sendIcon />\n      </state.sendButtonMotion>\n    </state.root>\n  );\n}\n\nfunction renderSendButtonNext(state: SendButtonState): JSXElement {\n  assertSlots<SendButtonSlots>(state);\n\n  return (\n    <state.root>\n      <state.stopBackgroundMotion>\n        <state.stopBackground />\n      </state.stopBackgroundMotion>\n      {state.stopIcon && (\n        <state.stopButtonMotion>\n          <state.stopIcon />\n        </state.stopButtonMotion>\n      )}\n      <state.sendButtonMotion>\n        <state.sendIcon />\n      </state.sendButtonMotion>\n    </state.root>\n  );\n}\n"],"names":["renderSendButton_unstable","state","designVersion","renderSendButtonNext","renderSendButtonCurrent","assertSlots","_jsxs","root","stopIcon","_Fragment","_jsx","stopBackgroundMotion","stopBackground","stopButtonMotion","sendButtonMotion","sendIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAE4B;AAOrB,MAAMA,4BAA4B,CAACC;IACxC,IAAIA,MAAMC,aAAa,KAAK,QAAQ;QAClC,OAAOC,qBAAqBF;IAC9B;IAEA,OAAOG,wBAAwBH;AACjC;AAEA,SAASG,wBAAwBH,KAAsB;IACrDI,IAAAA,4BAAAA,EAA6BJ;IAE7B,OAAA,WAAA,GACEK,IAAAA,gBAAA,EAACL,MAAMM,IAAI,EAAA;;YACRN,MAAMO,QAAQ,IAAA,WAAA,GACbF,IAAAA,gBAAA,EAAAG,oBAAA,EAAA;;kCACEC,IAAAA,eAAA,EAACT,MAAMU,oBAAoB,EAAA;kCACzB,WAAA,GAAAD,IAAAA,eAAA,EAACT,MAAMW,cAAc,EAAA,CAAA;;kCAEvBF,IAAAA,eAAA,EAACT,MAAMY,gBAAgB,EAAA;kCACrB,WAAA,GAAAH,IAAAA,eAAA,EAACT,MAAMO,QAAQ,EAAA,CAAA;;;;0BAIrBE,IAAAA,eAAA,EAACT,MAAMa,gBAAgB,EAAA;0BACrB,WAAA,GAAAJ,IAAAA,eAAA,EAACT,MAAMc,QAAQ,EAAA,CAAA;;;;AAIvB;AAEA,SAASZ,qBAAqBF,KAAsB;IAClDI,IAAAA,4BAAAA,EAA6BJ;IAE7B,OAAA,WAAA,GACEK,IAAAA,gBAAA,EAACL,MAAMM,IAAI,EAAA;;0BACTG,IAAAA,eAAA,EAACT,MAAMU,oBAAoB,EAAA;0BACzB,WAAA,GAAAD,IAAAA,eAAA,EAACT,MAAMW,cAAc,EAAA,CAAA;;YAEtBX,MAAMO,QAAQ,IAAA,WAAA,GACbE,IAAAA,eAAA,EAACT,MAAMY,gBAAgB,EAAA;0BACrB,WAAA,GAAAH,IAAAA,eAAA,EAACT,MAAMO,QAAQ,EAAA,CAAA;;0BAGnBE,IAAAA,eAAA,EAACT,MAAMa,gBAAgB,EAAA;0BACrB,WAAA,GAAAJ,IAAAA,eAAA,EAACT,MAAMc,QAAQ,EAAA,CAAA;;;;AAIvB"}

package/lib-commonjs/components/SendButton/useSendButton.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSendButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useSendButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _buttonMotion = require("./buttonMotion");
+const _reacticons = require("@fluentui/react-icons");
+const _reactmotion = require("@fluentui/react-motion");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const SendIcon = (0, _reacticons.bundleIcon)(_reacticons.SendFilled, _reacticons.SendRegular);
+const useSendButton_unstable = (props, ref)=>{
+    /** Used to apply/remove styles when button is animating */ const [isSendMotionRunning, setIsSendMotionRunning] = _react.useState(false);
+    const [isStopMotionRunning, setIsStopMotionRunning] = _react.useState(false);
+    const isButtonMotionRunning = isSendMotionRunning || isStopMotionRunning;
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const mode = (0, _reactprovider.useCopilotMode)(props.mode);
+    const [visible, setVisible] = _react.useState(false);
+    const mountRef = _react.useCallback((elem)=>{
+        if (elem) {
+            setVisible(true);
+        } else {
+            setVisible(false);
+        }
+    }, []);
+    const finalRef = (0, _reactcomponents.useMergedRefs)(ref, mountRef);
+    const buttonState = (0, _reactcomponents.useButton_unstable)({
+        shape: designVersion === 'next' ? 'circular' : undefined,
+        ...props,
+        appearance: 'transparent',
+        'aria-disabled': props.disabled ? true : undefined,
+        type: 'submit'
+    }, finalRef);
+    const icon = (()=>{
+        if (designVersion === 'next') {
+            return mode === 'canvas' ? /*#__PURE__*/ _react.createElement(_reacticons.ArrowRight20Filled, null) : /*#__PURE__*/ _react.createElement(_reacticons.ArrowRight16Filled, null);
+        } else {
+            if (props.isSendIconFilled || isButtonMotionRunning) {
+                return /*#__PURE__*/ _react.createElement(_reacticons.SendFilled, null);
+            } else {
+                return /*#__PURE__*/ _react.createElement(SendIcon, null);
+            }
+        }
+    })();
+    var _props_isDictationActive;
+    const state = {
+        ...buttonState,
+        components: {
+            root: 'button',
+            sendIcon: 'span',
+            stopIcon: 'span',
+            stopBackground: 'div',
+            sendButtonMotion: _buttonMotion.SendButtonMotion,
+            stopButtonMotion: _buttonMotion.StopButtonMotion,
+            stopBackgroundMotion: _buttonMotion.CircleButtonMotion
+        },
+        root: buttonState.root,
+        sendIcon: _reactcomponents.slot.always(props.sendIcon, {
+            elementType: 'span',
+            defaultProps: {
+                children: icon
+            }
+        }),
+        stopIcon: _reactcomponents.slot.optional(props.stopIcon, {
+            elementType: 'span',
+            defaultProps: {
+                children: designVersion === 'next' ? mode === 'canvas' ? /*#__PURE__*/ _react.createElement(_reacticons.Stop20Filled, null) : /*#__PURE__*/ _react.createElement(_reacticons.Stop16Filled, null) : /*#__PURE__*/ _react.createElement(_reacticons.Stop16Filled, null)
+            },
+            renderByDefault: true
+        }),
+        stopBackground: _reactcomponents.slot.always(props.stopBackground, {
+            elementType: 'div'
+        }),
+        sendButtonMotion: (0, _reactmotion.presenceMotionSlot)(props.sendButtonMotion, {
+            elementType: _buttonMotion.SendButtonMotion,
+            defaultProps: {
+                visible: !props.isSending,
+                unmountOnExit: true,
+                onMotionFinish: ()=>setIsSendMotionRunning(false),
+                onMotionStart: ()=>setIsSendMotionRunning(true)
+            }
+        }),
+        stopButtonMotion: (0, _reactmotion.presenceMotionSlot)(props.stopButtonMotion, {
+            elementType: _buttonMotion.StopButtonMotion,
+            defaultProps: {
+                visible: props.isSending,
+                unmountOnExit: true,
+                onMotionFinish: ()=>setIsStopMotionRunning(false),
+                onMotionStart: ()=>setIsStopMotionRunning(true)
+            }
+        }),
+        stopBackgroundMotion: (0, _reactmotion.presenceMotionSlot)(props.stopBackgroundMotion, {
+            elementType: _buttonMotion.CircleButtonMotion,
+            defaultProps: {
+                visible: designVersion === 'next' ? visible : props.isSending,
+                unmountOnExit: true
+            }
+        }),
+        isButtonMotionRunning,
+        isDictationActive: (_props_isDictationActive = props.isDictationActive) !== null && _props_isDictationActive !== void 0 ? _props_isDictationActive : false,
+        isSendIconFilled: props.isSendIconFilled,
+        isSending: props.isSending,
+        designVersion,
+        mode
+    };
+    return state;
+};

package/lib-commonjs/components/SendButton/useSendButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSendButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ButtonProps } from '@fluentui/react-components';\nimport { slot, useButton_unstable, useMergedRefs } from '@fluentui/react-components';\nimport type { SendButtonProps, SendButtonState } from './SendButton.types';\n\nimport { CircleButtonMotion, SendButtonMotion, StopButtonMotion } from './buttonMotion';\nimport {\n  bundleIcon,\n  SendFilled,\n  SendRegular,\n  Stop16Filled,\n  ArrowRight20Filled,\n  Stop20Filled,\n  ArrowRight16Filled,\n} from '@fluentui/react-icons';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\n\nconst SendIcon = bundleIcon(SendFilled, SendRegular);\n\n/**\n * Create the state required to render SendButton.\n *\n * The returned state can be modified with hooks such as useSendButtonStyles_unstable,\n * before being passed to renderSendButton_unstable.\n *\n * @param props - props from this instance of SendButton\n * @param ref - reference to root HTMLElement of SendButton\n */\nexport const useSendButton_unstable = (\n  props: SendButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): SendButtonState => {\n  /** Used to apply/remove styles when button is animating */\n  const [isSendMotionRunning, setIsSendMotionRunning] = React.useState(false);\n  const [isStopMotionRunning, setIsStopMotionRunning] = React.useState(false);\n  const isButtonMotionRunning = isSendMotionRunning || isStopMotionRunning;\n\n  const designVersion = useDesignVersion(props.designVersion);\n  const mode = useCopilotMode(props.mode);\n\n  const [visible, setVisible] = React.useState(false);\n  const mountRef = React.useCallback((elem: HTMLElement | null) => {\n    if (elem) {\n      setVisible(true);\n    } else {\n      setVisible(false);\n    }\n  }, []);\n  const finalRef = useMergedRefs(ref, mountRef);\n  const buttonState = useButton_unstable(\n    {\n      shape: designVersion === 'next' ? 'circular' : undefined,\n      ...(props as ButtonProps),\n      appearance: 'transparent',\n      'aria-disabled': props.disabled ? true : undefined,\n      type: 'submit',\n    },\n    finalRef,\n  );\n\n  const icon = (() => {\n    if (designVersion === 'next') {\n      return mode === 'canvas' ? <ArrowRight20Filled /> : <ArrowRight16Filled />;\n    } else {\n      if (props.isSendIconFilled || isButtonMotionRunning) {\n        return <SendFilled />;\n      } else {\n        return <SendIcon />;\n      }\n    }\n  })();\n\n  const state: SendButtonState = {\n    ...buttonState,\n    components: {\n      root: 'button',\n      sendIcon: 'span',\n      stopIcon: 'span',\n      stopBackground: 'div',\n      sendButtonMotion: SendButtonMotion,\n      stopButtonMotion: StopButtonMotion,\n      stopBackgroundMotion: CircleButtonMotion,\n    },\n    root: buttonState.root,\n    sendIcon: slot.always(props.sendIcon, {\n      elementType: 'span',\n      defaultProps: {\n        children: icon,\n      },\n    }),\n    stopIcon: slot.optional(props.stopIcon, {\n      elementType: 'span',\n      defaultProps: {\n        children: designVersion === 'next' ? mode === 'canvas' ? <Stop20Filled /> : <Stop16Filled /> : <Stop16Filled />,\n      },\n      renderByDefault: true,\n    }),\n    stopBackground: slot.always(props.stopBackground, { elementType: 'div' }),\n    sendButtonMotion: presenceMotionSlot<{}>(props.sendButtonMotion, {\n      elementType: SendButtonMotion,\n      defaultProps: {\n        visible: !props.isSending,\n        unmountOnExit: true,\n        onMotionFinish: () => setIsSendMotionRunning(false),\n        onMotionStart: () => setIsSendMotionRunning(true),\n      },\n    }),\n    stopButtonMotion: presenceMotionSlot<{}>(props.stopButtonMotion, {\n      elementType: StopButtonMotion,\n      defaultProps: {\n        visible: props.isSending,\n        unmountOnExit: true,\n        onMotionFinish: () => setIsStopMotionRunning(false),\n        onMotionStart: () => setIsStopMotionRunning(true),\n      },\n    }),\n    stopBackgroundMotion: presenceMotionSlot<{}>(props.stopBackgroundMotion, {\n      elementType: CircleButtonMotion,\n      defaultProps: {\n        visible: designVersion === 'next' ? visible : props.isSending,\n        unmountOnExit: true,\n      },\n    }),\n    isButtonMotionRunning,\n    isDictationActive: props.isDictationActive ?? false,\n    isSendIconFilled: props.isSendIconFilled,\n    isSending: props.isSending,\n    designVersion,\n    mode,\n  };\n\n  return state;\n};\n"],"names":["useSendButton_unstable","SendIcon","bundleIcon","SendFilled","SendRegular","props","ref","isSendMotionRunning","setIsSendMotionRunning","React","useState","isStopMotionRunning","setIsStopMotionRunning","isButtonMotionRunning","designVersion","useDesignVersion","mode","useCopilotMode","visible","setVisible","mountRef","useCallback","elem","finalRef","useMergedRefs","buttonState","useButton_unstable","shape","undefined","appearance","disabled","type","icon","createElement","ArrowRight20Filled","ArrowRight16Filled","isSendIconFilled","state","components","root","sendIcon","stopIcon","stopBackground","sendButtonMotion","SendButtonMotion","stopButtonMotion","StopButtonMotion","stopBackgroundMotion","CircleButtonMotion","slot","always","elementType","defaultProps","children","optional","Stop20Filled","Stop16Filled","renderByDefault","presenceMotionSlot","isSending","unmountOnExit","onMotionFinish","onMotionStart","isDictationActive"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}