@d-id/client-sdk 0.0.1-beta.8

package/dist/package/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=swap";:root{--did-primary-black-50: #f1f2f6;--did-primary-black-70: #c0bfbd;--did-primary-black-80: #5a5a5a;--did-primary-black-90: #1d1d1d;--did-primary-black-100: #242625;--did-primary-black-10090: #242625ba;--did-primary-black-200: #ebebeb;--did-primary-black-300: #dbdbdb;--did-primary-black-400: #b8b8b8;--did-primary-black-500: #989898;--did-primary-black-00012: rgba(0, 0, 0, .125);--did-primary-black-00030: rgba(0, 0, 0, .3);--did-primary-black-00040: rgba(0, 0, 0, .4);--did-primary-50: #fffee9;--did-primary-100: #fffac7;--did-primary-200: #fff6a0;--did-primary-300: #fff17b;--did-primary-400: #ffec5c;--did-primary-500: #fee640;--did-primary-600: #ffdd45;--did-primary-700: #ffc941;--did-primary-800: #ffb13a;--did-primary-900: #ff882e;--did-primary-950: #ed7921;--did-primary-main: #ff882e;--did-primary-light: #fff6ef;--did-primary-bg: #ff882e1f;--did-primary-bgDark: #493021;--did-primary-hover: #ed7921;--did-primary-disabled: #94979c;--did-secondary-50: #f8f5f4;--did-secondary-60: #f3f3f3;--did-secondary-100: #eceae8;--did-secondary-200: #dedcda;--did-secondary-300: #c9c7c6;--did-secondary-400: #a4a1a0;--did-secondary-500: #82807e;--did-secondary-550: #707070;--did-secondary-600: #5b5958;--did-secondary-700: #494745;--did-secondary-800: #2b2a28;--did-secondary-900: #090604;--did-secondary-main: #090604;--did-secondary-hover: #2b2a28;--did-success-main: #29cc6a;--did-danger-main: #ed254e;--did-danger-light: #fef2f2;--did-danger-dark: #cc0037}.didagent__embedded__container__connecting{font-family:Manrope,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100%;height:100%;background-color:#1d1d1d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;pointer-events:none;opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;position:absolute;z-index:9999}.didagent__embedded__container__connecting>span{color:var(--did-primary-black-50);font-weight:500}.didagent__fullscreen{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:99999}.didagent__embedded__container{font-family:Manrope,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;overflow:hidden;min-width:250px;font-size:16px;background:#373636}.didagent__embedded__container .didagent__close__button{display:none}.didagent__embedded__container *{-webkit-box-sizing:border-box;box-sizing:border-box}.didagent__background{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover!important;-webkit-filter:blur(15px);filter:blur(15px)}.didagent__main__input{width:100%;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;padding:0 12px 12px;z-index:2}.didagent__main__input .didagent__main__input__container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:8px;overflow:hidden;isolation:isolate}.didagent__main__input .didagent__main__input__container>input{position:relative;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;text-align:left;width:100%;height:100%;background:transparent;padding:0 16px;color:#fff;caret-color:var(--did-primary-900)}.didagent__main__input .didagent__main__input__container>input::-webkit-input-placeholder{color:var(--did-primary-black-400);opacity:1}.didagent__main__input .didagent__main__input__container>input::-moz-placeholder{color:var(--did-primary-black-400);opacity:1}.didagent__main__input .didagent__main__input__container>input:-ms-input-placeholder{color:var(--did-primary-black-400);opacity:1}.didagent__main__input .didagent__main__input__container>input::-ms-input-placeholder{color:var(--did-primary-black-400);opacity:1}.didagent__main__input .didagent__main__input__container>input::placeholder{color:var(--did-primary-black-400);opacity:1}.didagent__box__blur{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#494949b3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.border8{border-radius:8px}.didagent__maskedicon{-webkit-mask:var(--mask-url) no-repeat center;mask:var(--mask-url) no-repeat center;background-color:var(--color);-webkit-mask-size:contain;mask-size:contain;width:var(--width, var(--size, 24px));height:var(--size, var(--height, 24px));padding:var(--padding);margin:var(--margin);-webkit-transform:rotate(var(--rotation, 0deg));-ms-transform:rotate(var(--rotation, 0deg));transform:rotate(var(--rotation, 0deg));-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;display:block}.didagent__header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:8px 12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-flex:1;-ms-flex:1;flex:1;background:-webkit-gradient(linear,left top,left bottom,from(rgba(9,6,4,.3)),color-stop(20%,rgba(9,6,4,0)));background:linear-gradient(180deg,rgba(9,6,4,.3) 0%,rgba(9,6,4,0) 20%);z-index:2}.didagent__header .didagent__header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.didagent__header .didagent__header-left>button{background-color:#494949b3;cursor:pointer;border:none;outline:none;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;aspect-ratio:1;width:32px;color:#fff;-webkit-transition:background-color .2s;transition:background-color .2s;z-index:10000}.didagent__header .didagent__header-left>button:hover{background-color:var(--did-secondary-hover)!important}.didagent__header .didagent__header__name{font-size:1em;font-weight:300;margin:0;color:#fff}.didagent__header .didagent__header__menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;color:var(--did-secondary-main);font-family:inherit;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.5px;height:34px;padding:16px 8px;white-space:nowrap;background-color:transparent!important;border:none;color:#fff}.didagent__header .didagent__header__menu__item:disabled{cursor:not-allowed;opacity:.5}.didagent__header .didagent__header__menu__item:active:not(:disabled){border:1px solid var(--did-primary-black-300)}.didagent__header .didagent__info_message_agent_unavailable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.didagent__header .didagent__info_message_agent_unavailable_danger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;padding:4px 6px;margin:0;-ms-flex-negative:0;flex-shrink:0;white-space:break-spaces;word-wrap:break-word;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--did-danger-main);border:1px solid var(--did-danger-main);background-color:#363636;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.didagent__header .didagent__info_message_agent_unavailable_danger svg{margin-left:4px;margin-right:4px}.didagent__header .didagent__info_message_agent_unavailable_message{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;-ms-flex-negative:0;flex-shrink:0;white-space:break-spaces;word-wrap:break-word;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--did-secondary-main);opacity:.8;border-radius:4px;padding:8px;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.didagent__header .didagent__info_message_agent_unavailable_indication{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;size:14px;word-wrap:break-word;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.didagent__header .didagent__info_message_agent_unavailable_indication pre{margin:0 0 2px;white-space:pre-wrap}.didagent__header .didagent__info_message_agent_unavailable_indication svg{margin-left:8px}.didagent__header .didagent__header__menu__item-rotate{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.didagaent__send__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:transparent;height:100%;aspect-ratio:1;color:#fff;border:none;outline:none;cursor:pointer;padding:0;margin:0;position:relative;overflow:hidden}.didagaent__send__button:hover{background-color:var(--did-secondary-hover)}.didagaent__send__button:active{background-color:var(--did-secondary-main)}.didagaent__send__button:disabled{background-color:var(--did-secondary-main);cursor:not-allowed;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);opacity:.5}.didagent__thumb__container{--flip: 1;--hover-color: var(--did-primary-black-00030);--color: var(--did-primary-black-00012);--cursor: pointer;cursor:var(--cursor);-webkit-transform:scale(var(--flip));-ms-transform:scale(var(--flip));transform:scale(var(--flip));width:32px;height:32px;border-radius:100%;background-color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.didagent__thumb__container:hover{background-color:var(--hover-color)}.didagent__thumb__container:active{background-color:var(--did-primary-black-00040)}.didagent__messages__container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;overflow:auto;min-height:50px;max-height:200px;padding:80px 12px 4px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,black),color-stop(97%,black),to(transparent));-webkit-mask-image:linear-gradient(to bottom,transparent,black 50%,black 97%,transparent);mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,black),color-stop(97%,black),to(transparent));mask-image:linear-gradient(to bottom,transparent,black 50%,black 97%,transparent);z-index:2}.didagent__messages__container::-webkit-scrollbar{display:none}.didagent__messages__container .didagent__message__container{position:relative;min-width:50px;max-width:50%;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.didagent__messages__container .didagent__message__container .didagent__message{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;font-family:inherit;margin:0;-ms-flex-negative:0;flex-shrink:0;white-space:break-spaces;word-wrap:break-word;font-size:.875em;max-width:100%}.didagent__messages__container .didagent__message__container .didagent__message__user{background:rgba(73,73,73,.7);opacity:.8;border-radius:16px 0 16px 16px;color:#fff}.didagent__messages__container .didagent__message__container .didagent__message__assistant{background:rgba(29,29,29,.95);opacity:.8;border-radius:0 16px 16px;color:#fff}.didagent__messages__container .didagent__message__container .didagent__message__assistant__loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:14px;gap:8px}.didagent__messages__container .didagent__message__container:hover .didagent__message__rating{opacity:1}.didagent__messages__container .didagent__message__container .didagent__message__rating{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.didagent__messages__container .didagent__message__container__assistant{margin-right:auto}.didagent__messages__container .didagent__message__container__user{margin-left:auto}.didagent__starter_messages__container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;margin-inline:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;max-height:0;overflow:auto;-webkit-transition:max-height .6s ease-out,opacity .6s ease-out;transition:max-height .6s ease-out,opacity .6s ease-out;z-index:2;margin-bottom:4px}.didagent__starter_messages__container::-webkit-scrollbar{display:none}.didagent__starter_messages__container .didagent__starter_message__container{background:grey;padding:8px;border-radius:8px;min-width:160px;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:#78787833;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:500px}.didagent__starter_messages__container .didagent__starter_message__container:hover{background:#78787866}.didagent__starter_messages__container .didagent__starter_message__container:active{background:#78787899}@media (max-aspect-ratio: 1){.didagent__video_blur__position_right,.didagent__video_blur__position_left,.didagent__video_blur__position_bottom{display:none!important}}.didagent__video_blur{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.didagent__video_blur .didagent__video_blur__position{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.didagent__video_blur .didagent__video_blur__position .didagent__video_blur__outer{height:100%;width:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.didagent__video_blur .didagent__video_blur__position .didagent__video_blur__inner_v{position:absolute;width:40%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.didagent__video_blur .didagent__video_blur__position .didagent__video_blur__inner_h{position:absolute;width:100%;height:40%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.didagent__embedded__video__container{position:absolute;top:0;width:100%;height:100%;aspect-ratio:1/1.5;margin:0 auto}.didagent__embedded__video__container video{position:absolute;display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;background-color:#e6e6e6;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.didagent__embedded__video__maintainance{-webkit-filter:blur(7px);filter:blur(7px)}.didagent__video__skeleton{height:100%;aspect-ratio:1;margin:auto}

package/package.json

@@ -0,0 +1,82 @@
+{
+    "author": "D-ID",
+    "name": "@d-id/client-sdk",
+    "private": false,
+    "version": "0.0.1-beta.8",
+    "type": "module",
+    "license": "MIT",
+    "description": "d-id agent ui",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/de-id/agents-ui"
+    },
+    "keywords": [
+        "d-id",
+        "agent",
+        "agent-client",
+        "agent-ui"
+    ],
+    "files": [
+        "dist/package/*",
+        "README.md"
+    ],
+    "module": "./dist/package/index.js",
+    "style": "./dist/package/index.css",
+    "types": "./dist/package/apps/embedded/lib/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/package/lib/index.d.ts",
+            "import": "./dist/package/index.js",
+            "style": "./dist/package/index.css"
+        },
+        "./style.css": {
+            "import": "./dist/package/style.css"
+        }
+    },
+    "scripts": {
+        "dev": "vite",
+        "dev:prod": "export NODE_ENV=production && vite --mode production",
+        "build": "tsc && vite build",
+        "preview": "vite preview",
+        "start": "export VITE_SENTRY_DISABLED=true && export BUILD_TARGET=package && vite",
+        "build:dev": "yarn build:script:dev && yarn build:package:dev",
+        "build:staging": "yarn build:script:staging && yarn build:package:staging",
+        "build:prod": "yarn build:script:prod && yarn build:package:prod",
+        "build:script:dev": "export BUILD_TARGET=script && yarn build --mode development",
+        "build:script:staging": "export BUILD_TARGET=script && yarn build --mode staging",
+        "build:script:prod": "export BUILD_TARGET=script && yarn build --mode production",
+        "build:package:dev": "export BUILD_TARGET=package && yarn build --mode development",
+        "build:package:staging": "export BUILD_TARGET=package && yarn build --mode staging",
+        "build:package:prod": "export BUILD_TARGET=package && yarn build --mode production",
+        "serverless:deploy": "serverless deploy",
+        "serverless:package": "serverless package --stage dev",
+        "deploy:prod": "node ./infra/deploy.js --version beta"
+    },
+    "dependencies": {
+        "@d-id/client-sdk": "^1.0.19-beta.2"
+    },
+    "devDependencies": {
+        "@preact/preset-vite": "^2.5.0",
+        "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+        "@types/dom-speech-recognition": "^0.0.4",
+        "autoprefixer": "^10.4.16",
+        "commander": "^11.1.0",
+        "glob": "^10.3.10",
+        "postcss": "^8.4.31",
+        "postcss-nesting": "^12.0.1",
+        "preact": "^10.5.13",
+        "prettier": "^3.1.0",
+        "prettier-plugin-organize-imports": "^3.2.4",
+        "serverless": "3.32.2",
+        "serverless-plugin-scripts": "1.0.2",
+        "serverless-s3-sync": "3.2.0",
+        "terser": "^5.22.0",
+        "typescript": "^5.3.2",
+        "vite": "^4.4.5",
+        "vite-plugin-dts": "^3.6.0",
+        "vite-plugin-html-env": "^1.2.8"
+    },
+    "browserslist": [
+        "defaults"
+    ]
+}